@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");

/**************
   메인
***************/
.content-wrap{padding:0;}

/* nav버튼 위치 */
.btn-arrows-wrap{position:absolute; left:0; width:100%; z-index:99;}
.main .btn-arrows-wrap{top:36.5%;}
.main .visual .btn-arrows-wrap{top:36.5%;z-index:4;}
.submain .btn-arrows-wrap{top:50%; margin-top:-40px;}
.btn-arrows-wrap .btn-arrows-area{position:relative; max-width:1760px; width:100%; margin:0 auto;}
.btn-arrows-area .slide-arrow2.slick-prev-custom{top:0; left:0;}
.btn-arrows-area .slide-arrow2.slick-next-custom{top:0; right:0;}

@media (max-width:1760px){
    .btn-arrows-area .slide-arrow2.slick-prev-custom{top:0; left:40px;}
    .btn-arrows-area .slide-arrow2.slick-next-custom{top:0; right:40px;}
}

/* 2020-10-21 play, pause controler */
.btn-control-area button{display:none; width:11px;height:11px;background:url("../image/btn/btn_slide_control.png") no-repeat;background-size:cover;text-indent:-9999px}
.btn-control-area button.on{display:inline-block;}
.btn-control-area .slick-play-custom{background-position: top left;}
.btn-control-area .slick-puase-custom{background-position: top right;}

/* 메인비주얼 */
/* .visual{position:relative; height:90rem; } */
.visual{position:relative;height:100vh;overflow: hidden;}
.visual .visual-bg{position:relative;top:0;left:0;width:100%;height:100%;}
.visual .visual-bg .bg{display:none;}
.visual .visual-bg .bg .bg-inner {position:absolute;width:100%;max-width:1920px;left:50%;transform:translateX(-50%);}
.visual .visual-bg .slick-slide .bg {display:block;}
.visual .visual-bg .slick-slide .bg span{position:absolute;z-index:2;}
.visual .visual-bg .slick-slide .bg-badge{font-family:Lato,'Noto Sans KR';font-weight:500;color:#fff;background:#000;font-size:1.3rem;padding:1.3rem;line-height:1.8rem;letter-spacing:normal;}
.visual .visual-bg .slick-slide .bg-badge.hide{visibility:hidden;}
.visual .visual-bg .slick-slide .bg-txt{display:block;font-family:'MaruBuriExtraLight','Noto Sans KR';position:absolute;font-size:5.5rem;line-height:6.1rem;color:#fff;}
.visual .visual-bg .slick-slide .bg-txt.aboreto{font-family:'Aboreto','Noto Sans KR';font-size:5.8rem;}
.visual .visual-bg .slick-slide .bg-txt.main{line-height:7rem;}
.visual .visual-bg .slick-slide .bg-txt.sub{position:relative; font-family:'Pretendard','Noto Sans KR'; font-weight:300;font-style:normal;font-size:2rem;line-height:3.2rem;color:#fff; margin-top: 0.7rem; }
.visual .visual-bg .slick-slide .bg-txt.sub.aboreto {font-family: 'Aboreto', 'Noto Sans KR'; }
.visual .visual-bg .slick-slide .bg-txt.sub.mo.aboreto{ font-size: 1.4rem;}
.visual .visual-bg .slick-slide .bg-txt.sub.mo{margin-bottom:1.4rem;}
.visual .visual-bg .slick-slide .bg-txtbox .bg-txt.sub {padding: 0 6.5vw}
.visual .visual-bg .slick-slide .bg-txt.sub.pc.full-moon{color:#3a3d16}
.visual .visual-bg .slick-slide .bg-txt.sub.pc.full-moon:not(.hide){    top: 0.5rem;    margin-bottom: 4.3rem;}

.visual .visual-bg .slick-slide .bg-btn {position:relative; left: 6.55vw; bottom: 40%;  font-size:1.6rem ;font-weight: 400; line-height:1.2;color:#fff; padding: 10px 30px; border: 1px solid #fff; }
.visual .visual-bg .slick-slide .bg-btn a{font-family:'Pretendard','Noto Sans KR';font-size:1.68rem;border-bottom:1px solid #fff;font-weight:300;}
.visual .visual-bg .slick-slide .bg-btn a:hover{font-weight:500;}
.visual .visual-bg .slick-slide .bg-btn.mo {font-size:1.2rem;line-height:1.2rem;color:#fff; }
.visual .visual-bg .slick-slide .bg-btn.mo:hover {border-bottom:1.8px solid #fff;}
/* .visual .visual-bg .slick-slide .bg-btn.mo:after {position:absolute; top:0.65rem;content:'';padding:0.4rem;margin-left:0.6rem;border:1.5px solid #fff;border-width: 0 1px 1px 0;transform:rotate(-405deg);-webkit-transform:rotate(-405deg);} */
.visual .visual-bg .slick-slide .bg-btn.mo a{font-family:'Pretendard','Noto Sans KR';font-size:1.2rem;border-bottom:1px solid #fff;font-weight:300;}
.visual .visual-bg .slick-slide .bg-btn.mo a:hover{font-weight:500;}


.visual .visual-bg .slick-slide .bg-btn.pc.full-moon {color: #3a3d16;}
.visual .visual-bg .slick-slide .bg-btn.pc.full-moon a{border-bottom: 1px solid #3a3d16;}
.visual .visual-bg .slick-slide .bg-btn.pc.full-moon:after{border: 1.5px solid #3a3d16; border-width: 0 1px 1px 0; }
.visual .visual-bg .slick-slide .bg-btn.mo.full-moon {color: #3a3d16;}
.visual .visual-bg .slick-slide .bg-btn.mo.full-moon a{border-bottom: 1px solid #3a3d16;}
.visual .visual-bg .slick-slide .bg-btn.mo.full-moon:after{border: 1.5px solid #3a3d16; border-width: 0 1px 1px 0; }

/* 이번에만 추가 */
.visual .visual-bg .slick-slide .bg-btn.pc.col1 {position:relative;font-size:1.68rem !important;line-height:1.2rem;color:#3a3d16;}
.visual .visual-bg .slick-slide .bg-btn.pc.col1:hover {border-bottom:1.8px solid #3a3d16;}
.visual .visual-bg .slick-slide .bg-btn.pc.col1:after {position:absolute; top:1.05rem;content:'';padding:0.4rem;margin-left:0.6rem;border:1.5px solid #3a3d16;border-width: 0 1px 1px 0;transform:rotate(-405deg);-webkit-transform:rotate(-405deg);}
.visual .visual-bg .slick-slide .bg-btn.pc.col1 a{font-family:'Pretendard','Noto Sans KR';font-size:1.68rem;border-bottom:1px solid #3a3d16;font-weight:300;}
.visual .visual-bg .slick-slide .bg-btn.pc.col1 a:hover{font-weight:500;}
.visual .visual-bg .slick-slide .bg-btn.mo.col1 {position:relative;font-size:1.2rem;line-height:1.2rem;color:#3a3d16;}
.visual .visual-bg .slick-slide .bg-btn.mo.col1:hover {border-bottom:1.8px solid #3a3d16;}
.visual .visual-bg .slick-slide .bg-btn.mo.col1:after {position:absolute; top:0.65rem;content:'';padding:0.4rem;margin-left:0.6rem;border:1.5px solid #3a3d16;border-width: 0 1px 1px 0;transform:rotate(-405deg);-webkit-transform:rotate(-405deg);}
.visual .visual-bg .slick-slide .bg-btn.mo.col1 a{font-family:'Pretendard','Noto Sans KR';font-size:1.2rem;border-bottom:1px solid #3a3d16;font-weight:300;}
.visual .visual-bg .slick-slide .bg-btn.mo.col1 a:hover{font-weight:500;}



.visual .visual-bg .slick-list,
.visual .visual-bg .slick-slide,
.visual .visual-bg .slick-track,
.visual .visual-bg .slick-slide div{height:100%;}
.visual .visual-bg .slick-dots{display:none !important; }
.visual .visual-inner .time{position:absolute; top:0; left:0; font-size:2.2rem; top:15rem; color:#333; font-family:'Lato',sans-serif; letter-spacing:-0.4px}
.visual .visual-inner .time > span{font-family:'Lato',sans-serif; }
.inner-box{position:relative; max-width :1280px; margin: 0 auto; padding:9rem 0 10rem;}
.hdesc{margin-bottom:4.8rem; font-size: 1.5rem; color:#333;}


/* 20240409 메인페이비 뱃지 2개일때 추가 */
.visual .visual-bg .slick-slide .bg .badge-box {top:-12%; left: 6.55vw;}
.visual .visual-bg .slick-slide .bg .badge-box span{position:relative;z-index:2;}
.visual .visual-bg .slick-slide .bg p.badge-box {position: absolute;    z-index: 2;    display: flex;   gap: 10px;     }

/*.copy-box *{color: #333;}*/
.copy-box {display:flex;}
.copy-box li{position:relative;height:2.5rem;margin:0;padding:0 0 0 2rem;}
.copy-box li:after{display:block;content:'';position:absolute;top: 1.65rem;left:0;width:1px;height:100%;background:rgba(51, 51, 51, 0.7);}
.copy-box li .info{display: none;}
.copy-box li:last-child{margin-bottom: 0;}
.copy-box li:last-child:after{height: 0;}
.copy-box li:last-child .info{padding-bottom:0;}
.copy-box li.on{height:0;}
.copy-box li.on:last-child:after {top: 2.7rem;height: calc(100% - 2.75rem);}
.copy-box .tit{position:absolute;top: 0;left:0;font-size: 1.4rem;padding-left: 2.5rem;}
.copy-box .tit span{color:#333;display:block;opacity:.7;}
.copy-box .tit:after{position:absolute;top: 0.5rem;left:-0.3rem;content:'';width:8px;height:8px;background:rgba(255, 255, 255, 0.4);border-radius: 50%;}
.copy-box li.on .tit span{display: none;}
.copy-box li.on .tit:after{top: 0.5rem;left:-0.3rem;width:10px;height:10px;background:#da291c}
.copy-box .time{margin-bottom: 1.8rem; font-size: 2.8rem; font-family:'Lato',sans-serif; }
.copy-box .desc{margin-bottom:.7rem; font-size: 2.6rem; line-height: 1.23;}
.copy-box li .btn-arrow{padding-right:1.5rem; font-size: 1.5rem;}
.copy-box li .btn-arrow:after{content:''; display:inline-block; vertical-align: middle; width: 8px; height: 8px; content: ''; border: solid #333; border-width: 0 1px 1px 0;  margin: -2px 0 0 2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.copy-box li.on .info{display: inline-block;margin-top: 0rem;}
.copy-box li.on:after{top: 2.7rem;height: calc(100% - 1.25rem);}
.copy-box li.color-dark .info,
.copy-box li.color-dark .desc{color:#333;}
.copy-box li.color-dark.on .tit:after{border-color:#333;}
.copy-box li.color-bright .btn-arrow:after{border: solid #fff; border-width: 0 1px 1px 0;}
.copy-box.color-bright{}
.copy-box li.color-bright .info,
.copy-box li.color-bright .desc{color:#fff;}
.copy-box li.color-bright.on .tit:after{border-color:#fff;}
.visual-inner.color-bright .time{color:#fff;}
.visual-inner.color-bright .copy-box li .tit span{color:#fff; opacity:.7;}
.visual-inner.color-bright .copy-box .tit:after{border-color:rgba(255, 255, 255, 0.7);}
.visual-inner.color-bright .copy-box li:after{background:rgba(255, 255, 255, 0.7);}

/* 메인 뉴스 목록 */
.main-news-area{max-width:1279px; margin:40px auto 0;}
.main-news-area .tb-responsive{border-top:2px solid #6a6a6a;}
.main-news-area .tb-responsive .rwd-table{table-layout:fixed; width:100%}
.main-news-area .tb-responsive .rwd-table .badge{text-align:center; }
.main-news-area .tb-responsive .rwd-table .category{min-width:auto; font-size:16px; color:#333; background:none; height:auto; float:none; font-weight:normal; padding:0;}
.main-news-area .tb-responsive .rwd-table .td-txt{font-size:16px; min-height:24px;}
.main-news-area .tb-responsive .rwd-table .text-left{padding:28px 20px 24px;}
.main-news-area .tb-responsive .rwd-table th{background:none}
.main-news-area .tb-responsive .rwd-table .date .td-txt{font-size:16px; color:#666; text-align:right}
.main-news-area .tb-responsive .rwd-table .new{padding-right: 5px;color: #da291c; font-size:12px; font-weight:700; display: inline-block; vertical-align: top; margin-top: 3px;}
.main-news-area .tb-responsive .list-col1{width:17%;}
.main-news-area .tb-responsive .list-col2{width:68%;}
.main-news-area .tb-responsive .list-col3{width:15%;}

/* 메인 bottom */
.main-bottom{padding:70px 0; background:#2b2b2b; border-bottom:1px solid #333;}
.main-bottom .grid-area.mt-gap{margin-top:70px;}
.bottom-branch-wrap{max-width:1279px; margin:0 auto;}
.bottom-branch h3{color:#fff; font-size:27px; font-family:'Lato',sans-serif; font-weight:normal;}
.bottom-branch .slick-dots{bottom:0; position:static; margin-top:4rem;}


.branch-list .list{padding:0 5px;}
.branch-list .list .img{width:100%; max-width:283px;}
.branch-list .list .img img{max-width:100%;}
.branch-list .list .txt{margin-top:20px; color:#fff;}
.branch-list .list .txt .tit{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:'Lato',sans-serif; font-weight:normal; font-size:18px; letter-spacing:0}
.branch-list .list .txt .desc{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:14px; font-size:16px; opacity:.7}

@media (max-width:768px) { /* 768 px 대응 */
    .branch-list .list{padding: 0 .5rem;}
    .branch-list .slick-slide{min-width:300px;}
}

@media (max-width:1279px){
    /*2dep*/
    /* 메인 뉴스 목록 */
    .main-news-area .tb-responsive .rwd-table .category{min-width:90px; padding: 15px 0 13px;}
    .main-news-area .tb-responsive .list-col1{width:20%;}
    .main-news-area .tb-responsive .list-col2{width:60%;}
    .main-news-area .tb-responsive .list-col3{width:20%;}
    /* color - white */
    .main-reser-box.col-md-white{background:#fff; }
    .main-reser-box.col-md-white .room-num-select .number-select .input-num-slct{color:#333;}
    .main-reser-box.col-md-white .btn-text,
    .main-reser-box.col-md-white .in-colum{color:#666;}
    .main-reser-box.col-md-white .btn-num-slct{border:1px solid #c9c9c9; background:#fff;}
    .main-reser-box.col-md-white .btn-num-slct.minus:before,
    .main-reser-box.col-md-white .btn-num-slct.plus:before,
    .main-reser-box.col-md-white .btn-num-slct.plus:after{background-color:#c9c9c9;}
    .main-reser-box.col-md-white .grid-area-table .colum{border-left:1px dashed #ddd}
    .main-reser-box.col-md-white .main-code-area .btn-arrow3:after{border-color:#999;}
    .main-reser-box.col-md-white .room-colum .ui-search{min-width:105px; margin-top:0; height:5.4rem; line-height:5.4rem; font-size:1.5rem;}
    .main-reser-box.col-md-white .colum-selected-txt .selected{font-size:1.6rem; font-weight:500;text-align:left;}
    .main-reser-box.col-md-white .main-check-info .selected-date .date{color:#333;}
    .main-reser-box.col-md-white .main-code-area .code-view{color:#333;}
    .main-reser-box.col-md-white .ico-close::before,
    .main-reser-box.col-md-white .ico-close::after{background:#000;}
}

@media (max-width:1279px){
    .visual{height:100%;z-index:19;min-height: 500px;}
    .visual .visual-bg .slick-dots{display:block !important; padding:0 2rem; margin-top:0; position:absolute; display:block; bottom:inherit; left:0; top:7.5rem; text-align:left; z-index:10;}
    .visual .visual-inner .time{top:4rem; font-size:1.8rem;}
    .btn-arrows-wrap{display:none;}


    /* 메인 슬라이드 페이징 */
    .main-slide-wrap .slide-paging.number{display:block;}
    /* 메인 뉴스 목록 */
    .main-news-area{margin:2rem auto 0;}
    .main-news-area .tb-responsive .rwd-table .badge{text-align: left}
    .main-news-area .tb-responsive .rwd-table .category{background:none; color:#717171; height:auto; line-height:1.15; font-weight:normal; padding:0; min-width:auto; font-size:1.3rem;}
    .main-news-area .tb-responsive .rwd-table .td-txt{font-size:1.5rem; width:100%; min-height:auto}
    .main-news-area .tb-responsive .rwd-table td.text-left,
    .main-news-area .tb-responsive .rwd-table th,
    .main-news-area .tb-responsive .rwd-table td{padding: .2rem 2.5rem;}
    .main-news-area .tb-responsive .rwd-table tr > th:first-child,
    .main-news-area .tb-responsive .rwd-table tr > td:first-child{padding:1.5rem 2.5rem .2rem;}
    .main-news-area .tb-responsive .rwd-table tr > td:last-child{padding:.2rem 2.5rem 1.5rem;}
    .main-news-area .tb-responsive .rwd-table .date {border-bottom:1px solid #ddd;}
    .main-news-area .tb-responsive .rwd-table .date .td-txt{text-align:left; font-size:1.4rem;}
    .main-news-area .tb-responsive .rwd-table .new{margin-top:-2px; vertical-align: middle;}

    .main-bottom{padding:6rem 0;}
    .bottom-branch .colum.col-4{margin-bottom:2rem;}
    .bottom-branch-wrap{padding-left:2.5rem;}
    .bottom-branch-wrap .branch-list .slick-list{margin-left:-.2rem;}
    .branch-list .list{padding: 0 .5rem; margin-left:0rem;}
    .branch-list .list .img{max-width:auto;}
    .branch-list .list .txt{margin-top:2rem; font-size:1.6rem;}
    .branch-list .list .txt .desc{margin-top:1rem; font-size:1.4rem;}

    .main-reser-box .col-sm-push .grid-area-table .colum{min-height:auto; }
    .main-reser-box .col-sm-push .colum .in-colum .box-select-list{top:80px; bottom:auto;  border:1px solid #ebebeb; width:100%; max-width:100%;}
    .main-reser-box .col-sm-push .room-colum .main-code-area{padding:0; right:0;}
    .main-reser-box .col-sm-push .room-colum .main-code-area{bottom:10px; top:auto;}
    .main-reser-box .col-sm-push .main-code-area{width:100%;}
    .main-reser-box .col-sm-push .main-code-area .ui-btn-promo{position:absolute; right:0;}
    .main-reser-box .col-sm-push .main-code-area .ui-btn-promo.btn-arrow3:after{transform: rotate(405deg); -webkit-transform: rotate(405deg); margin-top:-4px;}
    .main-reser-box .main-code-search .input-group.hide{z-index:-1;}
    .main-reser-box .col-sm-push .box-select-list li .depth{position:static; min-width:100%; border-left:0}
}


/**************
   서브메인
***************/
/* 공통 간격 */
.main .mt-gap{margin-top:10rem;}
.submain .mt-gap{margin-top:5rem;}
.submain .mt-gap.type2{margin-top:10rem;}
.submain .main-content > .cont-head{padding-top:5rem;}
.submain .main-content > .cont-head .right{top:6.5rem;}

/* Layout */
.submain .content-wrap{padding:0;}
.submain .title-area.rwd{position:absolute; z-index:-1; top:-9999px; left:-9999px;}
.submain .breadcrumbs{position:absolute; top:15px; right:0; z-index: 1; width:100%; max-width:100%;}
.submain .breadcrumbs ol{max-width:1279px; margin:0 auto; float:none; text-align:right;}
.submain .breadcrumbs ol li{display:inline-block; text-align:right; float:none;}
.submain .breadcrumbs ol li span{color:#fff; opacity: .7}
.submain .breadcrumbs ol li h1{color:#fff; opacity: .7; font-size: 14px; font-weight: 400;}
.submain .breadcrumbs ol li:after{border: solid #fff; border-width: 0 1px 1px 0; opacity: .7}
.submain .breadcrumbs ol li.current span{color:#fff; opacity:1}
.submain .breadcrumbs ol li.current h1{color:#fff; opacity:1; font-size: 14px; font-weight: 400;}

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

/*sns*/
.resort-visual .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_share2.png) no-repeat; background-size:cover;}

/* 비주얼 영역 높이 조절 및 커스텀 */
.resort-visual .list-wrap .slick-list,
.resort-visual .list-wrap .slick-track,
.resort-visual .list-wrap .slick-slide > div{height:100%;}
.resort-visual .slick-dots{position:absolute; bottom:20px;}

/* 비주얼 영역 컨텐츠 */
.resort-visual .visual-wrap{position:relative; z-index:10; height:100%}
.resort-visual .visual-wrap .img{height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat}
.resort-visual .list.youtube .visual-wrap:after{content:none;}
.resort-visual .visual-wrap .txt{position:absolute; z-index:2; top:0; left:0; color:#fff; width:100%; height:100%;}
.visual-wrap .txt .copy-area{position:relative; top:23%; left:0; max-width:1279px; margin:0 auto; font-size:16px;}
.visual-wrap .txt .copy-area .visual-tit{display:block; font-size:2.750em; font-family:'Lato',sans-serif; font-weight:400; line-height: 1.15; }
.visual-wrap .txt .copy-area .copy{display:block; font-size:1.250em; margin:30px 0 20px;}
.visual-wrap .txt .copy-area .sub-copy{display:block; font-size:1em;}

/* 비주얼 배너 다국어 처리 */
:lang(en) .visual .visual-bg .bbg-imgg-inner.ko {display:none;}
:lang(ko) .visual .visual-bg .bg-inner.en {display:none;}
.visual .visual-bg .bg-img {object-fit:cover;width:100%;height:100vh;}

/*  메인 텍스트 이미지 추가 */
@media (min-width: 1281px) {
	.click-area .txt-imgbox.pc {
		position: relative;
		top: -12%;
		width: 100%;
		max-width: 369px;
		height: 45% !important;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.click-area .txt-imgbox.pc .img-box .txt-img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.click-area .txt-imgbox.pc .img-box .img-link {
		display: block;
		width: 100%;
		height: 100%;

	}
}

@media (max-width:1279px) {
    .visual .visual-bg .bg-img {height:auto;}
}
/* dim */
.resort-visual .list .visual-wrap .bg{display:block; content:''; position:absolute; width:100%; height:100%; top:0; left:0; opacity:.3; background-color: #000; z-index:1;}

/* 상단 스크롤 탭 */
.scroll-tab-wrap{width:100%; background:#444;}
.scroll-tab-wrap-dummy{height: 53px;}
.scroll-tab-wrap.fix{position:fixed; top:93px; left:0; z-index:101;}
.scroll-tab-wrap .tab-menu.visual-tab{max-width:1279px; margin:0 auto; background:transparent;}
.tab-menu.visual-tab ul{border:0; table-layout:fixed}
:lang(ja) .tab-menu.visual-tab ul{table-layout:auto}
:lang(en) .tab-menu.visual-tab ul,
:lang(zh) .tab-menu.visual-tab ul{table-layout:fixed}
.tab-menu.visual-tab ul > li{position:relative; border:0; height:6rem;}
.tab-menu.visual-tab ul > li.active:before{content:none;}
.tab-menu.visual-tab ul > li > a{font-size:15px; color:#fff; padding:5px 0;}
.tab-menu.visual-tab ul > li.active > a{color:#fff; font-weight:700; font-size:16px;}
.tab-menu.visual-tab ul > li.active:after{display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:4px; background:#da291c}
/* 다국어대응 */
:lang(ja) .tab-menu.visual-tab ul > li{max-width:140px; min-width: 90px;}
:lang(ja) .tab-menu.visual-tab ul > li > a{white-space:nowrap;}

/* 서브메인 컨텐츠 타이틀 영역 */
.cont-head{position:relative; max-width:1279px; margin:0 auto 2.3%; font-size:18px;}
.cont-head.swipe-hidden .right{overflow:hidden;}
.cont-head .main-sub-title{font-size:2.500em; font-weight:normal; color:#333; font-family:'lato','Noto Sans KR',sans-serif; display:inline-block; vertical-align:middle; word-break: keep-all; }
.cont-head .main-sub-title + .btn-more{vertical-align:middle; margin-top:3px; margin-left:16px}
.cont-head .right{position:absolute; top:12px; right:0;}
.cont-head .right .btn{margin-left:44px;vertical-align:top;margin-top:-12px;}
.cont-head .right .btn.map {margin-left:10px;} /* 2020-04-08 단지안내도 버튼 추가 */
.cont-head .right .btn-more{margin-top:-5px;}
.main-content{max-width:1920px; margin-left:auto; margin-right:auto;position: relative; top:-2.5rem;}
.main-content .tab-container{margin-top:0;}
@media screen and (min-width: 1280px){
    #cont-travelbrary .cont-head .main-sub-title {width: 20%;}
}

/* 2021-02-17 인스타그램 배너 추가 */
.curation-wrap .cont-head{margin-bottom:0;}
.curation-wrap .cont-head .main-sub-title{vertical-align:bottom;}
.curation-wrap .cont-head .main-sub-desc{display:inline-block;margin-left: 2rem;color:#666;font-family:'lato','Noto Sans KR',sans-serif;font-size: 2rem;line-height: 1.4;letter-spacing: 0;}
.curation-wrap .sns-cont-title{position:relative;margin:5rem 0;color:#999;font-size:3rem;text-align:center;}
.curation-wrap .sns-cont-title:after {content:"";display:block;position:absolute;top:50%;width:100%;border-bottom:1px solid #ddd;z-index:-1}
.curation-wrap .sns-cont-title span{padding: 0 2rem;background-color:#fff;}
.curation-wrap .curation-list, .curation-wrap .main-follow {color:#333;}
.curation-wrap .curation-list ul{width: auto;margin-left: -10px;margin-right: -10px;}
.curation-wrap .curation-list ul:after {display: block;content: '';clear: both;}
.curation-wrap .curation-list li{float: left;width: 33.33333333%;padding: 0 1rem;}
.curation-wrap .curation-list li .img, .curation-wrap .main-follow .img {display: block;width: 100%;overflow: hidden;position: relative;padding-bottom: 100%;}
.curation-wrap .curation-list li .img img, .curation-wrap .main-follow .img img {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.curation-wrap .curation-list li .txt, .curation-wrap .main-follow .txt {position: relative;width: 100%;height: 14rem; /* margin-top: -14rem; */padding: 4rem; /*background-color: rgba(0,0,0,0.5); */text-align:center}
.curation-wrap .curation-list-title{font-size: 2.2rem;font-weight: 800;}
.curation-wrap .curation-list-desc{margin-top:1.5rem;font-size: 1.5rem;}
.main-content.curation-wrap .main-follow .colum-content {height:auto;}
.curation-wrap .main-follow .slide-colum {height:auto}
.curation-wrap .main-slide-wrap .slick-dots {margin:0}

/* 리조트 소개 */
.resort-intro{max-width:1920px; margin-left:auto; margin-right:auto; margin-top:5.5%;}
.resort-intro .main-slide-wrap{width:1280px;margin:0 auto;}
.resort-intro .slide-col2-list{width:100%;}


/****************************
 슬라이드 (메인, 서브메인 공통)
*****************************/
.main-slide-wrap{position:relative; font-size:16px;}
/* 슬라이드 기능 버튼 */
.slide-col4-list .slick-arrow{margin-top:-40px; position:absolute; top:50%; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; background:#fff; z-index:10; width:40px; height:40px; border:1px solid #333; border-radius:50%; text-align:center;}
.slide-col4-list .slick-arrow.slick-prev{left:-90px}
.slide-col4-list .slick-arrow.slick-prev:before,
.slide-col4-list .slick-arrow.slick-next:before{position:absolute; top:13px; display:inline-block;vertical-align:middle;width:11px;height:11px;content: '';border: solid #333;border-width: 0 1px 1px 0;}
.slide-col4-list .slick-arrow.slick-prev:before{left:15px; transform: rotate(-225deg);-webkit-transform: rotate(-225deg);}
.slide-col4-list .slick-arrow.slick-next{right:-90px;}
.slide-col4-list .slick-arrow.slick-next:before{right:15px; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
/* slide-paging.type2 */
.slide-paging.type2 .slick-arrow{position:relative; width:40px; height:40px; border:1px solid #333; border-radius:50%; text-align:center; margin-right:6px; background:none;}
.slide-paging.type2 .slick-arrow.btn-arrow-left:before,
.slide-paging.type2 .slick-arrow.btn-arrow-right:before{position:absolute; top:13px; display:inline-block;vertical-align:middle;width:11px;height:11px;content: '';border: solid #333;border-width: 0 1px 1px 0;}
.slide-paging.type2 .slick-arrow.btn-arrow-left:before{left:15px; transform: rotate(-225deg);-webkit-transform: rotate(-225deg);}
.slide-paging.type2 .slick-arrow.btn-arrow-right:before{right:15px; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.main-slide-wrap .slick-dots{margin-top:2em; bottom:0;}

/* 페이징 */
.main-slide-wrap .slide-paging.number{text-align:center; display:none;}
.main-slide-wrap .slide-paging .page-num{display: inline-block;padding: 0 20px; line-height: 4.2rem;}
.main-slide-wrap .slide-paging{position:absolute; width:50%; right:0; bottom:3.889em; margin-right:64rem;}
.main-slide-wrap .slide-paging.mob-view{width:100%; text-align:center; margin-top:25px;}
.main-slide-wrap .slide-paging.right{left:0; right:auto; margin-right:0; margin-left:50%; padding-left:5.556em;}
/* 편의시설 */
/* s 20230719 편의시설 버튼위치 수정 */
.slider-txt-wrap .slider-txt-box  ~ .slide-paging{bottom:-6.3rem}
/* s 20230719 편의시설 버튼위치 수정 */
/* resort.css 동일 내용 :: 추후 정리 필요 */
.slide-paging.number .page-num{display:inline-block; padding:0 30px; line-height:24px;}
.slide-paging.number .page-num span{font-size:14px; font-family:'Lato',sans-serif; font-weight:normal; color:#999;}
.slide-paging.number .page-num .num{color:#333;}

/* slide-col2-list */
.slide-col2-list .list,
.slide-col2-list .list .grid-area{position:relative; height:100%; max-height:600px; overflow:hidden; margin-bottom:-2px;}
.slide-col2-list .list .img-area{position:relative; height:600px; overflow:hidden;}
.slide-col2-list.type2 .list .img-area .txt{display:block; padding:15%; position:absolute; bottom:0; left:0; font-family:'Lato',sans-serif; font-weight:900; color:#fff; z-index:1; font-size:2.222em;}
.slide-col2-list .list .img-area img{width:100%; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.slide-col2-list .colum .txt-area{position:relative; width:64rem; padding:6.389em 0; padding-left:5.556em; color:#333; word-break:keep-all; word-wrap:break-word;}
.slide-col2-list .img-right .colum .txt-area{float:right; padding-right:3.000em; padding-left:0;}
.slide-col2-list .colum.img-area{position:relative;}
.slide-tit{display:block; font-size:1.625em; font-weight:400; color: #333;}
.slide-desc{display:block; font-size:2.313em; font-weight:700; margin-top:7.8%; line-height:1.2em; letter-spacing:-1.5px; color: #333;}
:lang(en) .slide-desc{letter-spacing:0;}
.slide-detail{display:block; font-size:1.125em; line-height:1.6em; margin:4.2% 0; color: #333; word-break: keep-all; word-wrap: break-word;}
:lang(en) .submain-intro .slide-detail,
:lang(ja) .submain-intro .slide-detail{font-size:1em;}
.slide-detail + .btn{font-size:15px; min-width:150px;}
.slide-col2-list .grid-area.img-right .colum{float:right; height:100%;}
.slide-col2-list.type2{position:relative;}
.slide-col2-list.type2:after{display:block; content:''; position:absolute; top:0; left:0; z-index: -1; width:100%; height:100%; background:#f7f7f7;}
/* 메인 */
.slide-col2-list.type3{position:relative;}
.slide-col2-list.type3:after{display:block; content:''; position:absolute; top:0; left:0; z-index: -1; width:100%; height:100%; background:#f3f3f3;}
.slide-col2-list.type3 .list .img-area .txt{display:block; padding:15%; position:absolute; bottom:0; left:0; font-family:'Lato',sans-serif; font-weight:900; color:#fff; z-index:1; font-size:2.222em;}
.slide-col2-list .colum .txt-area.type2 .slide-tit{font-size:3.125em; font-family:'Lato',sans-serif; font-weight:900; text-transform: uppercase; -webkit-text-transform: uppercase;}
.slide-col2-list .colum .txt-area.type2 .slide-tit small{display:block; font-size:15px; color:#666; font-weight:400;}
.slide-col2-list .colum .txt-area.type2 .slide-desc{font-weight:700; font-size:1.250em;}
.slide-col2-list .colum .txt-area.type2 .slide-detail{margin:5.2% 0;}

/* 예외 */
.submain-intro.slide-col2-list .slide-tit{position:absolute; left:-99999px; display:block; width:1px; height:1px; overflow:hidden; text-indent:-99999px; clip:rect(0,0,0,0);}
.submain-intro.slide-col2-list .list{max-height:400px;}
.submain-intro.slide-col2-list .list .img-area{height:400px;}
.submain-intro.slide-col2-list .grid-area .colum.col-6:first-child{width:58%; max-width:755px;}
.submain-intro.slide-col2-list .grid-area .colum.col-6:last-child{width:42%;}
.submain-intro.slide-col2-list .colum .txt-area{padding:2.938em 3em 2.938em 0; width:100%;}
:lang(ja) .submain-intro.slide-col2-list .colum .txt-area{padding:2.938em 2em 2.938em 0;}
.submain-intro.slide-col2-list .colum .txt-area .slide-desc{margin-top:0;}
.resort-intro .main-slide-wrap .slide-paging{bottom:1.438em}

/* slide-col3-list */
.slide-col3-list{width:100%; max-width:1279px; margin:0 auto; position:relative;}
.slide-col3-list .slider-txt-wrap{position:absolute; top:0; left:0; width:42%;  height:100%;}
.slide-col3-list .slider-txt-wrap .slider-txt-box{position:relative;top:0;left:0;z-index:1;background:#fff;min-width:540px;height:100%;}
.slider-txt-wrap .slider-txt-box .slide-tit{font-size:1.875em; font-weight:700}
.slider-txt-wrap .slide-paging{position:absolute; bottom:0; left:0; width:100%; margin-right:0; padding:0; z-index:10}
.slider-txt-box .detailroom-tb.type2{margin-top:20px;}
.slider-txt-box .detailroom-tb.dining-btn{margin-top:20px;}

/* 편의 시설 */
.detailroom-tb.type2 table th{font-weight:700}
.detailroom-tb.type2 table th,.detailroom-tb.type2 table td{font-size:16px; padding:6px 0;}
.detailroom-tb th .ico-faci-info{margin:3px 0 0 0; float:left;}
.detailroom-tb th .ico-faci-info + .txt{display:block; padding:0 5px 0 24px; line-height:1.2;}
.detailroom-tb.type2 .list-col1{width:30%;}
.detailroom-tb.type2 .list-col2{width:70%;}
/* s 20230719 편의시설 스크롤 수정 */
.list-scroll-area{min-height: 290px;overflow-y:hidden;padding-right:10%;}
/* e 20230719 편의시설 스크롤 수정 */
/* badge */
.slick-slide .list .badge, .slide-colum .badge{display:block; position:absolute; top:0; left:5px; z-index:9; overflow:hidden;}

/* slide-col4-list */
.slide-col4-list{max-width:1279px; margin:0 auto;}
.slide-col4-list .slide-colum{float:left; position:relative;}
.slide-col4-list .slide-colum .img{display:block;}
.slide-col4-list .slide-colum .img img{width:100%; vertical-align: top;}
.slide-col4-list .slick-list{margin:0 -5px;}
.slide-col4-list.col3 .slide-colum .img{position:relative;}
.slide-col4-list.col3 .slide-colum .img img{width:auto;}
.slide-col4-list .slide-colum .colum-content{display:block; position:relative; z-index:8;}
.slide-col4-list .slide-colum .colum-content > a{display:block; width:100%; height:100%; position:relative; z-index:9}
.slide-col4-list .slide-colum .colum-content .txt-area{display:block; position:absolute; bottom:0; left:0; color:#fff; width:100%; padding:8.2% 12.2% 6.2%; word-break: keep-all; z-index:10; background:rgba(0,0,0,0.3)}
.slide-col4-list .slide-colum .txt-area .title{width:100%; font-size:1.375em; font-weight:700; height:2.2rem; max-height:2.2rem; line-height:1.2; margin-bottom:.5em; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display:block; display:-webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; padding-bottom:5px; box-sizing:content-box;}
.slide-col4-list .slide-colum .txt-area .desc{display:block; font-size:1em; font-weight:400; line-height:1.6; margin-top:0.188em; word-wrap: break-word;}
.slide-col4-list .slide-colum .txt-area.type3 .desc.tag {display: -webkit-box;  min-height: 5.2rem;     overflow: hidden;       -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}
.slide-col4-list.submain-room .slide-colum .txt-area .desc{height:4em; overflow:hidden; text-overflow:ellipsis; white-space:normal; max-height:2.967em; text-align:left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 5px; box-sizing: content-box;}
:lang(ja) .slide-col4-list.submain-room .slide-colum .txt-area .desc{word-break: break-all;}
.slide-col4-list .slide-colum .txt-area.type3 .desc.price .num{font-family:'lato'; font-size:1.750em;}
.slide-col4-list .slide-colum{padding:0 5px;}

/* img100% */
.slide-col3-list .slider-img .slick-list{padding-left:42%;}
.slide-col4-list .slide-colum{width:100%; max-width:430px; height:560px; overflow:hidden;}
.slide-col4-list .slide-colum .colum-content,
.slide-col4-list .slide-colum .img{height:100%;}
.slide-col4-list .slide-colum .img img{height:100%}
.slide-col4-list.col3 .slide-colum{/*width:955px;*/}
.slide-col4-list.col3 .slide-colum .colum-content,
.slide-col4-list.col3 .slide-colum .img,
.slide-col4-list.col3 .slide-colum .img img{width:100%;}
.slide-col3-list .slider-img .list{position:relative; width:100%; height:400px; overflow:hidden; max-width: 742px;}
/*.slide-col3-list .slider-img .list img{width:100%; height:100%; display:block; position:absolute; top:0; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); width:auto; height:100%;}*/
.slide-col3-list .slider-img .list img{width:100%; height:100%; display:block; width:auto; height:100%;}

/* slider-list.slider-list-photo */
.main-content .slide-area{padding:80px 0;}
.main-slide-wrap .slider-list.slider-list-photo{max-width:100%;}
.slider-list.slider-list-photo{width:100%;}
.slider-list.slider-list-photo .slick-list{width:calc(100% + 10px); margin-left:-5px;}
.slider-list.slider-list-photo .list{max-width:100%; min-width:25%; margin:0; padding:0 5px;}
.slider-list.slider-list-photo .list .desc{padding:40px;}
.slider-list.slider-list-photo .list .img{padding-bottom: 58.6%;}
.slider-list.slider-list-photo .list .desc .tit{font-size:24px; width:100%;}
.slider-list.slider-list-photo .list .desc .addr{font-size:16px; margin:29px 0 40px; overflow: hidden; line-height:24px; text-overflow:ellipsis; white-space: normal;  max-height: 48px; min-height: 48px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-desc-link{font-size:14px; color:#666;}
.main-desc-link span:after{display:inline-block; content:''; width:30px; height:10px; margin-left:5px; background:url("../image/btn/btn_arrow_more.png") no-repeat; background-size:30px 10px;}
.main-desc-link.type2{color:#da291c; font-family:'lato',sans-serif; font-weight:900}
.main-desc-link.type2 span:after{width:28px; height:8px; background:url("../image/btn/btn_arrow_more2.png") no-repeat; background-size:28px 8px;}

.slider-list.slider-list-photo .list.type2 .desc{border:1px solid #ebebeb; border-top:0; min-height:220px;}
.slider-list.slider-list-photo .list.type2 .desc .tit{width:100%; font-weight:700; white-space:normal; text-overflow:inherit; line-height: 34px; min-height:72px; max-height:72px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.slider-list.slider-list-photo .list.type2 .desc .date{margin-top:30px; font-size:15px; color:#666;}

/* 슬라이드 박스 분기처리 */
@media screen and (max-width:1510px){
    /* 서브메인 컨텐츠 타이틀 영역 */
    .main-slide-wrap,.cont-head{font-size:16px;}
}

@media screen and (max-width:1480px){
    .slide-col4-list .slick-arrow.slick-prev{left:-60px}
    .slide-col4-list .slick-arrow.slick-next{right:-60px}
}

@media screen and (max-width:1440px){
    .slide-col2-list .colum .txt-area{padding:6.389em 0; padding-left:3.389em;}

}

@media screen and (max-width:1420px){
     /*화살표버튼  */
    .slide-col4-list .slick-arrow.slick-prev{left:-20px}
    .slide-col4-list .slick-arrow.slick-next{right:-20px}
}

@media screen and (max-width:1380px){
    /* slide-col2-list */
    .slide-col2-list .colum .txt-area{padding:3.389em 0; padding-left:3.389em;}
    /* 슬라이드 기능 버튼 */
    .main-slide-wrap .slide-paging.right{padding-left:3.389em;}
}

@media screen and (max-width:1360px){
   /*화살표버튼  */
    .slide-col4-list .slick-arrow{opacity:.6;}
    .slide-col4-list .slick-arrow.slick-prev{left:2rem}
    .slide-col4-list .slick-arrow.slick-next{right:2rem}
}


@media screen and (max-width:1300px){
    /* slide-col2-list */
    .slide-col2-list .colum .txt-area{max-width:62rem; width:100%;}
    .slide-col2-list .img-right .colum .txt-area{padding-left:0;}
    .slide-col2-list.submain-theme .img-right .colum .txt-area,.slide-col2-list .img-right .colum .txt-area.type2{padding-left:2.5rem;}
    /* 슬라이드 기능 버튼 */
    .main-slide-wrap .slide-col2-list:not(.submain-intro) ~ .slide-paging:not(.right){padding-left:2.5rem;}
    .main-slide-wrap .slide-paging{left:0; right:auto;}
    .main-slide-wrap .slider-txt-wrap .slide-paging{bottom:0;}
    .main-slide-wrap,.cont-head{font-size:14px;}
}

@media screen and (max-width:1279px){
	.main-content{}
    .tab-menu.visual-tab ul{table-layout:auto}
    :lang(ja) .tab-menu.visual-tab ul{table-layout:auto}
     /* 리조트 소개 */
    .resort-intro .main-slide-wrap{width:100%;}
    /* 서브메인 컨텐츠 타이틀 영역 */
    .visual-tab-wrap .visual-tab,.cont-head{width:100%;}
    .cont-head{padding:0 2.5rem; margin:0 auto 3%;}
    .cont-head.swipe-hidden{padding:0 0 0 2.5rem;}
    .cont-head .right{right:2.5rem; top:.7rem; width:auto; margin-top:0;}
    .slider-list.slider-list-photo .list .desc{padding:2rem;}
    .slider-list.slider-list-photo .list.type2 .desc{min-height:180px;}
    .slide-col2-list:not(.submain-intro) .list .img-area{height:50rem;}
    .slide-col4-list{overflow:hidden; padding: 0 2.5rem;}
    /* img100% */
    .slide-col4-list.submain-room .slide-colum .txt-area .desc{height:2.967em;}
}

@media screen and (max-width:1190px){
    /* 상단 비주얼 영역 */
    .resort-visual {height:50rem; }
    .resort-visual .list-wrap{position:relative; width:100%;}
}

@media screen and (max-width:1279px){
    /* 리조트 소개 */
    .resort-intro .slide-col2-list{width:100%;}
    /* slide-col2-list */
    .slide-col2-list .colum .txt-area .slide-desc{margin-top:3.2%;}
    .slide-col2-list .colum .txt-area{padding:4.389em;}
    /* 슬라이드 기능 버튼 */
    .main-slide-wrap .slide-paging{bottom:2.389em; }
    .main-slide-wrap .submain-intro + .slide-paging{bottom:2em;}
}

@media screen and (max-width:1279px){
    /* slide-col2-list */
    .slide-col2-list .img-right .colum .txt-area{padding-right:2.5em; }
    /* slider-list.slider-list-photo */
    .main-desc-link{font-size:13px; }
    /* slide-col4-list */
    .slide-col4-list .slide-colum .colum-content .txt-area{ padding:8.2% 5% 6.8%;}
    .slide-col4-list .slide-colum{max-width:100%; height:50rem;}
    /* slide-col3-list */
    .slide-col3-list .slider-txt-wrap .slider-txt-box{min-width:100%;}
    .slider-list.slider-list-photo .list{min-width:50%; max-width:100%}
    /* img100% */
    .slide-col4-list .slide-colum .img img{width:100%;}

	/* 2021-02-17 인스타그램 배너 추가 */
    .main-content.mt-gap.curation-wrap{margin-top: 8rem;}
	.curation-wrap .cont-head {padding: 0 2rem;}
	.curation-wrap .cont-head .main-sub-desc {position: absolute;left: 2rem;top: -2.5rem;margin-left: 0;font-size: 1.5rem;}
    .curation-wrap .w-max{padding: 0 2rem;}
    .curation-wrap .sns-cont-title{display: inline-block;margin: 2rem 0;color: #333;font-size: 1.6rem;text-align: left;letter-spacing: 0;}
    .curation-wrap .sns-cont-title:after{width:auto;border-bottom: none;}
    .curation-wrap .sns-cont-title span{padding: 0 0.2rem 0 0;background-color: transparent;}
    .curation-wrap .sns-cont-title span:after{content:"";display: inline-block;position: absolute;left: 0;bottom: 0;width: 100%;border-bottom: 0.5rem solid rgba(212,13,0,0.4);z-index: -1;}
	.curation-wrap .curation-list {overflow-x: auto;}
	.curation-wrap .curation-list ul{width: 90rem;}
	.curation-wrap .curation-list li{width: 30rem;}
	.curation-wrap .curation-list li .txt{position: relative;height: auto;margin-top: 0;padding: 1.5rem 0;color: #333;text-align: center;background-color: transparent;}
	.curation-wrap .curation-list-title{font-size: 2rem;}
	.curation-wrap .curation-list-desc{margin-top:1rem;font-size: 1.4rem;}
}

@media screen and (max-width:980px){
    /* slide-col2-list */
    .slide-col2-list .img-right .colum .txt-area,
    :lang(ja) .slide-col2-list .img-right .colum .txt-area{padding-right:2.5em; }
    .slide-col3-list .slider-img .list{width:100% !important;}
    .main-slide-wrap .submain-intro + .slide-paging{bottom:0;}
}

@media screen and (max-width:860px){
    /* slide-col2-list */
    .slide-col2-list .img-right .colum .txt-area{padding-right:1.5em; }
    .slide-col2-list .colum .txt-area{padding:2.389em;}
    /* 슬라이드 기능 버튼 */
    .main-slide-wrap .slide-paging{bottom:2em; }
    .main-slide-wrap .slide-paging.right{padding-left:2.389em;}
}

@media screen and (max-width:1279px){
    /* Layout */
    .main .mt-gap{margin-top:11rem;}
    .submain .mt-gap{margin-top:3rem;}
    .submain .mt-gap.type2{margin-top:6rem;}
    .submain .main-content > .cont-head{padding-top:3rem;}
    .submain .main-content > .cont-head .right{top:auto;}
    .submain .title-area.rwd{position:static; top:auto; z-index:0;}
    .main-content .slide-area{padding: 4rem 0 4rem 0; margin-bottom:0; margin-top:0;}
	.submain .menu-sort {width: unset; flex-grow: 3;}
    .menu-sort ul li{margin-left:0; padding-bottom:1rem;}
    .menu-sort ul li > a { font-size:1.6rem; white-space: nowrap; }
    .menu-sort.menu-swipe ul li > a{white-space:nowrap;}
    .scroll-tab-wrap.fix{top:64px; }
    .tab-menu.visual-tab ul > li{height:5.3rem;}
    /* 상단 비주얼 영역 */
    .resort-visual .slick-dots{bottom:3rem;}
    .openGnb-mode .resort-visual .slick-dots{z-index:1;}
    .visual-wrap .txt .copy-area .visual-tit{font-size:3.5rem;}
    .visual-wrap .txt .copy-area .copy{font-size:1.6rem; margin:1rem 0 1.5rem;word-break: keep-all;word-wrap: break-word;}
    .visual-wrap .txt .copy-area .sub-copy{font-size:1.3rem;}
    /*sns*/
    .resort-visual .sns-list-area{position:absolute; top:2rem; left:auto; right:2rem; width:auto;}
    /* 상단 비주얼 영역 */
    .visual-wrap .txt .copy-area{font-size:16px; padding:0 2.5rem;}
    /* 슬라이드 기능 버튼 */
    .main-slide-wrap .slide-paging.number{display:block; margin:0; margin-top:3rem; text-align:center; width:100%;}
    /* 서브메인 컨텐츠 타이틀 영역 */
    .cont-head{margin-bottom:3rem;}
    .cont-head.swipe-hidden{margin-bottom:0;}
    .cont-head .main-sub-title{font-size:2.2rem;}
    .cont-head .main-sub-title.main-type{font-size:3.2rem;}
    .cont-head .right:not(.none-rwd){position:relative; top:auto; right:auto; margin-top:2.5rem;}
    .cont-head .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;}
    .cont-head .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);}
     .cont-head .right .btn.map{color: #da291c;} /* 2020-04-08 단지안내도 버튼 추가 */
   /* 다국어 객실이용안내 버튼 위치(국문제외) 0520 작업중*/
	.submain .main-content > .cont-head .right{display: flex; padding-bottom:0;}
    .cont-head .main-sub-title + .btn-more{width:26px; height:26px; min-width:26px; margin-top:0; padding:0;}
    .cont-head .main-sub-title + .btn-more.ico-plus:before{width:13px; top:12px; left:6px;}
    .cont-head .main-sub-title + .btn-more.ico-plus:after{height:13px; _top:6px; left:12px;}
    /* 상단 스크롤 탭 */
    .visual-tab.tab-menu{padding:0;}
    .visual-tab.tab-menu ul{padding:0 2.5rem 0 0;}
    /* slider-list.slider-list-photo */
    .slider-list.slider-list-photo .list{max-width:100%; min-width:100%;}
    /* slide-col2-list */
    .submain-intro.slide-col2-list .grid-area .colum.col-6:first-child{width:100%; max-width:100%;}
    .submain-intro.slide-col2-list .grid-area .colum.col-6:last-child{width:100%;}
    .submain-intro.slide-col2-list .colum .txt-area{padding:2.938em 0 2.938em 0; width:100%;}
    .submain-intro.slide-col2-list .list{max-height:none;}
    .slide-col2-list .colum .txt-area{max-width:100%; padding:2.5rem}
    .slide-col2-list .colum .txt-area .slide-tit{font-size:2.2rem}
    .slide-col2-list .colum .txt-area .slide-desc{margin-top:2rem; font-size:3rem}
    .slide-col2-list .colum .txt-area .slide-detail{font-size:1.5rem; margin:2rem 0 0;}
    .submain-intro.slide-col2-list .list .img-area,
    .slide-col2-list .list .img-area{padding-bottom:0; height:auto;}
    .slide-col2-list .list, .slide-col2-list .list .grid-area{max-height:none; margin:0;}
    .slide-col2-list .list .img-area img{position:static; max-width: 100%; height:auto; transform:none; -webkit-transform:none;}
    .slide-col2-list.type2 .list .img-area,.slide-col2-list.type3 .list .img-area{padding-bottom:0; height:auto;}
    .slide-col2-list.type2 .list .img-area{padding-bottom:0;}
    .slide-col2-list.type2 .list .img-area .txt{padding:0 2.5rem 3rem; font-size:2rem}
    .slide-col2-list .colum .txt-area.type2 .slide-tit{font-size:4rem; font-family:'Lato',sans-serif; font-weight:900;}
    .slide-col2-list .colum .txt-area.type2 .slide-tit small{font-size:1.5rem; margin-bottom:1rem;}
    .slide-col2-list .colum .txt-area.type2 .slide-desc{font-weight:700; font-size:1.5rem;}
    .slide-col2-list .colum .txt-area.type2 .slide-detail{margin:5.2% 0;}
    /* 테마/다이닝 */
    .main-slide-wrap.checkers{background: #f3f3f3; padding-bottom:4rem;}
    .main-slide-wrap.checkers.type2{background:#f3f3f3;}
    .main-slide-wrap.checkers .slide-col2-list .grid-area .colum .txt-area{padding:3rem 2.5rem 4rem;}
    /* 슬라이드 기능 버튼 */
    .main-slide-wrap .slide-paging{position:static; margin:0;}
    .main-slide-wrap .slide-paging.right{padding-left:2.5rem; margin:0;}
    .slider-txt-wrap .slide-paging{padding:0 2.5rem;}
    /* slider-list.slider-list-photo */
    .slider-list.slider-list-photo .slick-list{width:100%; margin:0;}
    .slider-list.slider-list-photo .list{padding:0 2.5rem;}
    .slider-list.slider-list-photo .list .desc{padding:2.5rem 2rem}
    .slider-list.slider-list-photo .list .desc .tit{font-size:2.2rem}
    .slider-list.slider-list-photo .list .desc .addr{font-size:1.4rem; margin:1rem 0 3rem;}
    .slider-list.slider-list-photo .list.type2 .desc{min-height:15rem;}
    .main-desc-link{display:inline-block; margin-top:3rem;}
    /* slide-col3-list */
    .slide-col3-list .slick-slide img{max-width:100%}
    .slide-col3-list .slider-txt-wrap{position:static; width:100%;}
    .slide-col3-list .slider-txt-wrap .slider-txt-box{position:static; width:100%; padding:0 2.5rem;}
    .slide-col3-list .slider-txt-wrap:after{content:none;}
    .slider-txt-wrap .slider-txt-box .slider-txt{padding:3rem 0 3rem;}
    .slider-txt-box .slider-txt .slide-detail{font-size:1.6rem}
    /* 편의시설 */
    .list-scroll-area{max-height:inherit; padding-right: 0}
    .detailroom-tb.type2 .list-col1{width:45%;}
    .detailroom-tb.type2 .list-col2{width:55%;}
    :lang(ko) .detailroom-tb.type2 .list-col1{width:40%;}
    :lang(ko) .detailroom-tb.type2 .list-col2{width:60%;}
    /* img100% */
    .slide-col3-list .slider-img .slick-list{padding-left:0}
    .slide-col3-list .slider-img .list img{width:100%; height:auto; position:static; transform:none; -webkit-transform:none;}
    /* slide-col4-list */
    .slide-col4-list .slick-list{margin:0;}
    .slide-col4-list .slide-colum .txt-area .title{font-size:2.2rem}
    .slide-col4-list .slide-colum .txt-area .desc{font-size:1.6rem}
    .slide-col4-list.col3 .list{padding:0; height:100%;}
    .slide-col4-list .slide-colum{height:auto; padding:0;}
    .slide-col4-list .slide-colum .img{height:100%;}
    .slide-col4-list.col3 .slide-colum .img img,
    .slide-col4-list .slide-colum .img img{width:100%; height:auto;}
    .slide-col3-list{height:auto; overflow:visible;}
    .slide-col3-list .slider-img .list{height:auto; max-height:auto}
    .slide-col4-list .slide-colum .txt-area .title{font-size:2.2rem}
    .slide-col4-list .slide-colum .txt-area .desc{font-size:1.6rem;}
    .slide-col4-list.submain-room .slide-colum .txt-area .desc{height:3.750em;}
    .slide-col4-list .slide-colum .txt-area.type3 .desc.price .num{font-size:2.8rem}
    .slide-col4-list.col3 .slick-list{margin:0;}
    .slide-col4-list.col3 .slide-colum{width:100%; padding:0; height:100%;}
    .slide-col4-list.col3 .slide-colum .img{position:relative; display:block; height:100%;}
    .slide-col4-list.col3 .slide-colum .colum-content .txt-area{width:100%; padding:2rem 2rem 2rem 3rem;}
   /* badge */
   .slide-colum .badge,
   .slick-slide .list .badge, .slide-colum .badge{left:0;}
   .main-follow + div.slide-paging.number {display:none}
   .main-follow {overflow-x:auto; white-space:nowrap; padding:0; margin:0 2.5rem}
   .main-slide-wrap .main-follow div.list {display:inline-block; width:28rem; margin:0 1rem}
   .main-slide-wrap .main-follow .list:nth-child(1) {margin-left:0}
   .main-slide-wrap .main-follow .list:last-child {margin-right:0}
   .curation-wrap .main-follow .list .txt {height:auto; padding:1.5rem 0}
}

/* 0521 모바일 이미지 lazy로드 대응 */
@media screen and (max-width:420px){
   .slide-col4-list .slide-colum,.slide-col4-list.col3 .slide-colum{height:47.7rem;}
   .slide-col4-list .slide-colum .img,.slide-col4-list.col3 .slide-colum .img{height:100%;}
   .slide-col4-list .slide-colum .img img,.slide-col4-list.col3 .slide-colum .img img{width:100%; height:100%; position:absolute; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
}
@media screen and (max-width:375px){
   .slide-col4-list .slide-colum,.slide-col4-list.col3 .slide-colum{height:42.5rem;}
}
@media screen and (max-width:360px){
   .slide-col4-list .slide-colum,.slide-col4-list.col3 .slide-colum{height:40.5rem;}
}
@media screen and (max-width:320px){
   .slide-col4-list .slide-colum,.slide-col4-list.col3 .slide-colum{height:35.3rem;}
}


/* motion */
.slide-col2-list .colum .txt-area{transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in;}

/**************
 세부컨텐츠(서브메인)
***************/
/* 오시는 길 */
.main-map-area{width:100%;}
.main-map-area > .map-view{height:450px;}
.main-map-area .m-maptxt ul{overflow:hidden;}
.main-map-area .m-maptxt ul li{float:left; margin-right:30px; font-size:16px;}

/* 오시는 길 탭 */
.main-tab-menu{position:relative; padding:0; background:#fff; margin-bottom:30px;}
.main-tab-menu ul{position:relative; width:100%; display:table; }
.main-tab-menu ul > li{position:relative; display:table-cell; height:5.3rem; vertical-align:middle; text-align:center;}
.main-tab-menu ul > li > a{position:relative; display:block; width:100%; max-height:5.3rem; padding:5px 15px; text-align:center; font-size:16px;}
.main-tab-menu ul > li > a > span{position:relative; display:inline-block; height:100%;}
.main-tab-menu ul > li:first-child{border-left:0;}
.main-tab-menu ul > li.active{border-bottom:0;}
.main-tab-menu ul > li.active a{font-weight: bold; color:#333;}
/* 탭 아이콘 */
.main-tab-menu ul > li.active:before{display:block; content:''; position:absolute; z-index:1; bottom:0; left:-1px; width:calc(100% + 2px); height:2px; background:#da291c;}
.main-tab-menu li .tab-icon:before{display:inline-block; vertical-align:middle; margin-top:-2px; margin-right:10px; content:''; width:30px; height:30px; background:url("../image/icon/ico_contact.png"); background-size:75px 160px;}
.main-tab-menu li .tab-icon.ico-car:before{background-position:0 -46px;}
.main-tab-menu li .tab-icon.ico-bus:before{background-position:0 top;}
.main-tab-menu li .tab-icon.ico-train:before{background-position:0 -89px;}
.main-tab-menu li .tab-icon.ico-air:before{background-position:0 bottom}
.main-tab-menu li.active .tab-icon.ico-car:before{background-position:-45px -46px;}
.main-tab-menu li.active .tab-icon.ico-bus:before{background-position:right top;}
.main-tab-menu li.active .tab-icon.ico-train:before{background-position:-45px -89px;}
.main-tab-menu li.active .tab-icon.ico-air:before{background-position:-46px bottom;}

/* 오시는길 경로 */
.contact-map-info{position:relative; padding:0 0 10px; }
.contact-map-info:last-child:not(:only-child){ margin-top:30px;}
.contact-map-info:only-child{padding:0;}
.contact-map-info h4{color:#333; font-size:18px; font-weight:700; margin-bottom:20px;}
.contact-map-info .depar-txt{font-size:15px; font-weight:700}
.contact-map-info .depar-txt + .depar-txt{margin-top:10px;}
.contact-map-info .contact-map-root{max-width:820px; width:100%;margin:60px 0 10px;}
.contact-map-info + .contact-map-info{margin-top:30px;}
.contact-map-info .map-wrap{position:relative;}
.contact-map-info .depar-txt + .map-line{margin-top:20px;}
.map-wrap .map-line + .map-line,
.map-wrap .map-line + .depar-txt{margin-top:30px;}
.contact-map-info.type2 .map-wrap{position:relative; padding-right:10%; padding-bottom:30px; border-bottom:1px solid #ebebeb}
.contact-map-info.type2 .map-wrap .btn-site-reser{position:absolute; top:-45px; right:0;}
.root-line{position:relative;}
.root-line.grid-area-table{table-layout:auto}
.contact-map-root.grid-area-table .colum,
.root-line.grid-area-table .colum{position:relative; width:auto; vertical-align:top;}
.root-line.grid-area-table:after{display:block; content:''; position:absolute; top:8px; left:0; width:100%; height:5px; background:#f3f3f3; z-index:-1;}
.root-line .spot > span,
.root-line .departure > span,
.root-line .arrival > span{display:block; font-size:13px; color:#333; padding-top:10px; line-height:16px; min-width: 50px; text-align:center}
.root-line .road > span{position:absolute; top:0; left:0; display:block; width:100%; text-align:center; font-size:12px; color:#666; margin-top:-23px; line-height:12px; z-index: 1;}
.root-line .departure > span,.contact-map-root .spot > span{white-space:nowrap; text-align: center;}
.root-line .colum:before{position:relative; z-index:10; display:block; content:''; width:22px; height:22px; margin:0 auto; background:url("../image/icon/ico_root.png") left top; background-size:50px 60px;  }
.root-line .colum.departure:before{background-position:left top; }
.root-line .colum.spot:before{background-position:right top;}
.root-line .colum.road:before{content:none;}
.root-line .colum.road:after{display:block; content:''; width:14px; height:22px; margin:0 auto; background:url("../image/icon/ico_root.png") left bottom; background-size:50px 60px;}
.root-line .colum.departure:after{display:block; content: ''; width: 50%; height: 5px; position: absolute; top: 8px; left: 0; background: #fff;}
.root-line .colum.arrival:after{display:block; content:''; width:50%; height:5px; position:absolute; top:8px; right:0; background:#fff;}
.root-line .colum.arrival{min-width:90px;}
.root-line .colum.road{width:175px;}
.root-line.map-jeju .colum.road{width:300px;}

/* 버스로 */
.root-bus.grid-area-table{position:relative; height:100%;}
.root-bus.grid-area-table > .colum .text {     color: #000;    font-size: 1.4rem;   margin-right: 20px;    white-space: normal;}
.root-bus.grid-area-table > .colum .text-link{margin-right:20px; white-space:normal;}
.root-bus.grid-area-table > .colum .tel{display:inline-block; color:#333; font-size:14px;}
.root-bus.grid-area-table > .colum.left{position:relative; line-height:22px; vertical-align:middle; white-space:normal}
.root-bus.grid-area-table > .colum.left:after{display:block; content:''; position:absolute; top:50%; right:0; width:1px; height:20px; background:#ddd; margin-top:-10px;}
.root-bus.grid-area-table > .colum.right{padding-left:4%; vertical-align:middle;}
.contact-map-info.type2 .root-bus.grid-area-table > .colum.right{padding-right:0;}
.root-bus.grid-area-table > .btn{position:absolute; top:50%; right:0; margin-top:-22px}
.root-bus.grid-area-table + .root-bus.grid-area-table{margin-top:30px}
.contact-map-area .map-root{display:inline-block; vertical-align:top; margin-right:20px; line-height: 1.4;}
.map-root ol{position:relative; white-space:nowrap;}
.map-root ol:after{clear:both; display:block; content:''; position:absolute; top:6px; left:0; width:100%; height:10px; background:#f3f3f3; z-index:-1; }
.map-root ol li{display:inline-block; font-size:14px; vertical-align:top;}
.map-root ol li span{position:relative; display:inline-block; background:#fff; max-width:160px; white-space: normal;word-break: break-all;}
:lang(ja) .map-root ol li span{word-break: break-all;}
.map-root ol li.departure{padding:0 85px 0 0;}
.map-root ol li.departure span{padding-right:20px; min-width:140px}
.map-root ol li.arrival span{padding-left:20px;}
.map-root ol li.departure:after,
.map-root ol li.arrival:before{display:inline-block; vertical-align:top; content:''; width:22px; height:22px; background:url("../image/icon/ico_root.png"); background-size:50px 60px;}
.contact-map-area .map-root + span{display:inline-block; vertical-align:top; font-size:15px;}

/* 20240207 리조트 위치안내 추가 */

.contact-map-info.type3 .map-wrap{ position: relative;   padding-bottom: 30px;   border-bottom: 1px solid #ddd;}
.contact-map-info.type3 .root-line .colum[class*="-arrow"] {min-width: 112px;}
.contact-map-info.type3 .root-line .colum.left-arrow::before { background:url("../image/icon/ico_root.png") right bottom; background-size:50px 60px;}
.contact-map-info.type3 .root-line .colum.right-arrow::before{ background:url("../image/icon/ico_root.png") left bottom; background-size:50px 60px;}
.contact-map-info.type3 .root-line .colum.left-arrow::after {     display: block;    content: '';    width: 50%;    height: 5px;    position: absolute;    top: 8px;    left: 0;    background: #fff;}
.contact-map-info.type3 .root-line .colum.right-arrow::after {     display: block;    content: '';    width: 50%;    height: 5px;    position: absolute;    top: 8px;    right: 0;    background: #fff;}
.contact-map-info.type3 .map-root ol li span {    display: block;    font-size: 13px;    color: #333;    padding-top: 10px;    line-height: 16px;    min-width: 50px;    text-align: center;}
.contact-map-info.type3 .root-line.grid-area-table .colum.mid-line {min-width: 22.5rem; background:none;}
.contact-map-info.type3 .root-line.grid-area-table .colum.mid-line:before { background:none;}
.contact-map-info.type3 .map-wrap .btn-site-reser{position: absolute; top: -45px; right: 0;}
.contact-map-info.type4 .map-wrap .btn-site-reser{position: absolute; top:-5px; right:0;}
.contact-map-root.grid-area-table .colum.w-50, .root-line.grid-area-table .colum.w-50 {width: 5rem;}
@media screen and (max-width:1279px){

    .contact-map-info.type3 .map-wrap{ padding-bottom: 10px;     }
    .contact-map-info.type3 .map-wrap .btn-site-reser{top: -5rem;}
    .contact-map-info.type3 .root-line .colum[class*="-arrow"] {min-width: 100%;}
    .contact-map-info.type3 .root-line.grid-area-table .colum.mid-line {width: 100%; min-width: 12rem; background:none;}
    .contact-map-info.type3 .root-bus.grid-area-table > .colum.left:after{ display: none;}
    .contact-map-info.type4 .map-wrap .btn-site-reser{position: absolute; top:-9px; right:0;}
}


/* 혜택 안내 */
.main-benefit-box{background:#f3f3f3; padding:42px 0;}
.benefit-box-wrap{position:relative;}
.benefit-box-wrap .benefit-logo{display:block; width:196px; height:36px; }
.benefit-box-wrap .benefit-logo img{max-width:100%;}
.benefit-box-wrap p{font-size:24px; color:#333; margin-top:17px;}
.benefit-box-wrap p em{font-weight:700}
.benefit-box-wrap .btn{min-width:222px; font-size:16px;}
.benefit-box-wrap .colum{vertical-align:middle;}
.benefit-box-wrap .colum.col-4{text-align:right}

@media screen and (max-width:1279px){
    /* Layout */
    .main-tab-menu,.benefit-box-wrap,.contact-map-info + .text-list,.contact-map-info:only-child{padding:0 2.5rem 0;}
    .contact-map-info{padding:0 2.5rem 0;}
    .contact-map-info.type2 .map-wrap{padding-right:0}
    .contact-map-info.type2 .root-bus.grid-area-table > .colum.right{padding-right:0;}
    .contact-map-info.type2 .btn-site-reser{top:0; right:2.5rem;}
    .resort-intro{padding:0 2.5rem;}
    .root-bus.grid-area-table > .colum.right{width:40%;}
    .contact-map-info.type2 .map-wrap{border-bottom:0}
    .contact-map-info.type2 .map-wrap:after{position:absolute; content:''; bottom:0; left:-2.5rem; width:calc(100% + 5rem); height:1px; background:#ddd}
}

@media screen and (max-width:1279px){
    /* 오시는길 경로 */
    .contact-map-info .root-bus.grid-area-table .depar-txt,.contact-map-area .map-root + span,
    .contact-map-info .root-bus.grid-area-table .contact-map-area{display:block;}
    .contact-map-area .map-root + span{margin-top:10px;}
    .contact-map-info .root-bus.grid-area-table .contact-map-area:not(.contact-map-root){margin:10px 10px 0 0;}
    .map-wrap .map-line + .map-line{margin-top:20px;}
    .map-wrap .map-line + .depar-txt{margin-top:30px;}
}

@media screen and (max-width:1279px){
    /* 오시는길 경로 */
    .contact-map-area ol li:last-child span:before{margin-right:10px}
    .root-bus.grid-area-table > .colum.left{width:50%;}
}

@media screen and (max-width:860px){
    /* 버스로 */
    .root-bus.grid-area-table > .btn{position:absolute; top:-4rem; right:0; margin-top:0}
    .root-bus.grid-area-table > .colum.left{width:60%;}
}

@media screen and (max-width:1279px){
    /* 관광안내 */
    .main-content .info-tourist-wrap{margin-top: 3rem;}
    /* 오시는 길 탭 */
    .main-tab-menu ul {display: flex;  flex-direction: row;  justify-content: center;  align-items: center;  align-content: center;  flex-wrap: wrap;  gap: 1rem;}
    .main-tab-menu ul > li {width: 45%;}
    .main-tab-menu ul > li > a{padding:0 0 .8rem; max-height:6rem;}
    .main-tab-menu li .tab-icon{font-size:1.3rem}
    .main-tab-menu li .tab-icon:before{display:block; margin:0 auto; width:26px; height:26px; margin-bottom:3px; }
    /* 오시는길 경로 */
    .root-line.grid-area-table{table-layout:auto; display:inline-block; width:auto; white-space:nowrap;}
    .contact-map-root.grid-area-table.col-sm-push{position:relative; display:inline-block; width:calc(100% - 5px); height:100%;}
    .contact-map-root.grid-area-table .colum > span{max-width:5rem}
    .contact-map-root .colum{height:5rem;}
    .contact-map-root .colum.last{margin-top:5rem;}
    .contact-map-root .colum.last:after{display:block; content:''; }
    .contact-map-root .colum.last .root-line.grid-area-table > .colum{float:right;}
    /* .col-sm-push.contact-map-root:after{display:block; content:''; z-index:-1; width:80%; height:calc(100% - 5.5rem); border-radius:0 10px 10px 0; border:5px solid #f3f3f3; border-left:0; position:absolute; top:8px; right:-5px; } */
    .colum.last .root-line .colum.arrival:after{left:0; right:auto}
    .root-line .colum.road{width:auto; min-width:20rem;}
    .root-line .colum.road > span{padding:0; max-width:100%}
    .root-line.map-jeju .colum.road{width:auto;}
    .root-line .departure > span, .contact-map-root .spot > span{white-space:normal; line-height: 16px;}
    .root-bus.grid-area-table > .colum{padding-bottom:1rem;}
    .root-bus.grid-area-table > .colum.left,.root-bus.grid-area-table > .colum.right{width:100%;}
    .root-bus.grid-area-table > .colum.left:after{width:100%; bottom:0; top:auto; height:1px}
    .contact-map-area .map-root + span{display:block;}
    .root-bus.grid-area-table > .colum.right{padding-left:0; overflow:hidden; padding-top:10px;}
    .contact-map-info.type2 .root-bus.grid-area-table > .colum.right{padding-right:0;}
    .contact-map-info.type2 .map-wrap .btn-site-reser{top:-5rem;}
    .root-bus.grid-area-table > .colum .text-link{float:left;  font-size:1.3rem;}
    .root-bus.grid-area-table > .colum .tel{float:right; font-size:1.3rem;}
    .contact-map-area .map-root{width:100%;}
    .map-root ol li.departure:after, .map-root ol li.arrival:before{width:1.8rem; height:1.8rem; background-size:40px 48px; }
    .map-root ol li.departure{float:left; padding:0;}
    .map-root ol li.arrival{float:right;}
    .contact-map-area ol:after{height:4px; top:7px;}
    .colum.last .root-line .colum.road:after{background: url(../image/icon/ico_root.png) right bottom;     background-size: 50px 60px;}
    .map-root ol li.departure span{padding-right:1rem;}
    .map-root ol li.arrival span{padding-left:1rem;}
    .map-root ol li.arrival span{min-width:auto; max-width:auto;}
    /* 구글 지도 */
    .main-map-area > .map-view{height:30rem;}
    .main-map-area .m-maptxt ul li{float:none; font-size:1.4rem;}
    /* 혜택 */
    .benefit-box-wrap .btn{min-width:222px;}
    .benefit-box-wrap .colum.col-4{text-align:left; margin-top:1rem;}
    .benefit-box-wrap p{font-size:2rem; white-space: normal;}
    .benefit-box-wrap .benefit-logo{width:165px; height:28px; }
}

@media screen and (max-width:640px){
    /* 오시는길 경로 */
    .root-line .colum.road{ min-width:13rem;}
    .map-root ol li span{max-width:10rem;}
}

@media screen and (max-width:500px){
    /* 오시는길 경로 */
    .root-line .colum.road{ min-width:12rem;}
    .root-line .colum.road{}
    .root-line .colum.arrival{min-width:auto;}
    .map-root ol li.departure span,.map-root ol li.arrival span{max-width:auto; min-width:auto}
}

@media screen and (max-width:440px){
    /* 오시는길 경로 */
    .root-line .colum.road{ min-width:10rem;}
}

@media screen and (max-width:400px){
    /* 오시는길 경로 */
    .root-line .colum.road{ min-width:7rem;}
}

@media screen and (max-width:360px){
    /* 오시는길 경로 */
    .root-line .colum.road{ min-width:6rem;}
}

@media screen and (max-width:340px){
    /* 오시는길 경로 */
    .root-line .colum.road{ min-width:5rem;}
}


/* 20211020 트래블그라피  */
.link-travelbrary{margin-top:50px;position:relative;display:block;}
.link-travelbrary::after{
    position:absolute;top:0;bottom:0;left:0;right:0;content:'';display:block;width:100%;height:100%;
    visibility:hidden;transform-origin:top center;opacity:0;transition:all 0.1s;background-size:cover!important;
}
.link-travelbrary.sokcho::after {background:url('../image/travelary/contents/img_travelbrary_map_sokcho_over.jpg') no-repeat center center;}
.link-travelbrary.buyeo::after {background:url('../image/travelary/contents/img_travelbrary_map_buyeo_over.jpg') no-repeat center center;}
.link-travelbrary.jeju::after {background:url('../image/travelary/contents/img_travelbrary_map_jeju_over.jpg') no-repeat center center;}
.link-travelbrary.gimhae::after {background:url('../image/travelary/contents/img_travelbrary_map_gimhae_over.jpg') no-repeat center center;}

 .link-travelbrary .txt-wrap{
    position:absolute;top:23%;left:50%;width:100%;
    transform:translateX(-50%);text-align:center;z-index:1;
    visibility:hidden;transform-origin:top center;opacity:0;transition:all 0.6s;
}
.link-travelbrary img{max-width:100%;}
.link-travelbrary .txt-wrap p{font-size:40px;line-height:62px;font-weight:700;color:#111;}
.link-travelbrary .txt-wrap a{width:320px; height:64px; position:relative; margin-top:47px;padding:0 40px;display:inline-block;background:#111;border-radius:30px; }
.link-travelbrary .txt-wrap a span{display: inline-block;position:absolute; width: 189px; height: 29px; left: 45px; top: 18px; font-size: 0; text-indent: -9999px;  background:url('../image/travelary/contents/travelGraphy_btn.png') no-repeat center center; background-size: cover;
}
.link-travelbrary .txt-wrap a em{font-size:0; text-indent: -9999px;}
.link-travelbrary .txt-wrap a em::after{position: absolute; right:30px; top:25px;content:'';display:inline-block;width:22px;height:16px;vertical-align:-1px;background:url('../image/travelary/contents/ico_travelbrary_btn_arrow.png') no-repeat center center;}
.link-travelbrary:hover .txt-wrap{visibility:visible;opacity:1;}
.link-travelbrary:hover::after{visibility:visible;opacity:1;}
.link-travelbrary-mo{display:none;}
@media (max-width:1279px){
    .link-travelbrary{display:none;}
    .link-travelbrary-mo{position:relative;display:block;margin:30px -25px 0;}
    .link-travelbrary-mo img{max-width:100%;}
    .link-travelbrary-mo .txt-wrap{position:absolute;top:37.77%;left:50%;transform:translateX(-50%);width:100%;text-align:center;}
    .link-travelbrary-mo .txt-wrap p{font-size:21px;line-height:31px;font-weight:700;color:#111;}
    .travelbrary-btn-mo{margin-top:25px;padding:0 30px;display:inline-block;background:#ff5245;border-radius:30px;}
    .travelbrary-btn-mo span{display:inline-block;font-size:14px;line-height:45px;color:#fff;font-weight:700;}
    .travelbrary-btn-mo span::after{margin-left:10px;content:'';display:inline-block;width:16px;height:12.5px;vertical-align:-1px;background:url('../image/travelary/contents/ico_travelbrary_btn_arrow.png') no-repeat center center;background-size:cover;}
}

/* 20211125 트래블그라피 동의 메인 팝업  */
.dimm{display:none;position:fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 999;background: #000;opacity: .6;}
.travelbraryPop{position:fixed;top:8%;left:50%;margin-left:-300px;padding:42px 40px;width:600px;box-sizing:border-box;background:#fff;z-index:1000;}
.travelbraryPop .popTitWrap{padding-bottom:35px;border-bottom:2px solid #6a6a6a;text-align: center;}
.travelbraryPop .popTitWrap p{font-size:25px;line-height:27px;color:#000;font-weight:700}
.travelbraryPop .txtWrap{padding:22px 0 14px;border-bottom:1px solid #ebebeb;text-align: center;}
.travelbraryPop .txtWrap .txt{font-size:16px;line-height:25px;color:#666;}
.travelbraryPop .imgBtnWrap{padding:30px 0;text-align:center;}
.travelbraryPop .imgBtnWrap img{display:block;margin:0 auto;}
.travelbraryPop .btn{margin-top:12px;height:54px;width:180px;padding:0 30px;background:#666;border:1px solid #666;}
.travelbraryPop .btn span{display:inline-block;font-size:16px;line-height:52px;color:#fff;}
.travelbraryPop .btn.red{background:#da291c;border:1px solid #da291c;}
.travelbraryPop .clauseWrap{margin-top:25px;padding:20px;height:185px;background:#ebebeb;overflow-y:scroll;word-break:keep-all;}
.travelbraryPop .clauseWrap p{margin:10px 0;font-size:14px;color:#000;line-height:20px;}
.travelbraryPop .clauseWrap .tb-wrap > table tbody td{padding:1.5rem 1rem 1.5rem}
.travelbraryPop .popBtnWrap{text-align:center;}
.travelbraryPop .popBtnWrap .btn{margin-top:28px;}
.travelbraryPop .popBtnWrap .custom-checkbox{display:block;text-align:right;}
.travelbraryPop .closePopup{position:absolute;right:36px;top:36px;}
@media (max-width:1279px){
    .travelbraryPop .pc{display:none}
    .travelbraryPop{position:fixed;top:50px;left:0;width:calc(100% - 40px);margin:0 20px;padding:20px;}
    .travelbraryPop .popTitWrap{padding-bottom:10px;text-align: center;}
    .travelbraryPop .popTitWrap p{font-size:18px;line-height:21px;}
    .travelbraryPop .txtWrap{padding:15px 0;text-align: center;}
    .travelbraryPop .txtWrap .txt{font-size:12px;line-height:20px;word-break:keep-all;}
    .travelbraryPop .imgBtnWrap{padding:20px 0;}
    .travelbraryPop .imgBtnWrap img{width:11rem;}
    .travelbraryPop .btn{height:48px;width:167px;}
    .travelbraryPop .btn span{font-size:15px;line-height:46px;}
    .travelbraryPop .clauseWrap{margin-top:22px;padding:15px;height:123px;}
    .travelbraryPop .clauseWrap > *{font-size:12px!important;}
    .travelbraryPop .popBtnWrap .custom-checkbox{margin-top:25px;text-align:left;}
    .ico-close.close-layer::before, .ico-close.close-layer::after{background:#fff;}
    .travelbraryPop .closePopup{top:-36px;right:0;}
}

/* 메인 팝업 개선 */
/**
* Swiper 4.5.1
*/
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
float: left;
}

.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-property: transform,-webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}

.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-property: transform,-webkit-transform;
}

.swiper-slide-invisible-blank {
visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height,-webkit-transform;
transition-property: height,-webkit-transform;
transition-property: transform,height;
transition-property: transform,height,-webkit-transform;
}

.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}

.swiper-button-lock {
display: none;
}

.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s opacity;
transition: .3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}

.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}

.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2;
}

button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}

.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: .2s top,.2s -webkit-transform;
transition: .2s top,.2s -webkit-transform;
-webkit-transition: .2s transform,.2s top;
transition: .2s transform,.2s top;
-webkit-transition: .2s transform,.2s top,.2s -webkit-transform;
transition: .2s transform,.2s top,.2s -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s left,.2s -webkit-transform;
transition: .2s left,.2s -webkit-transform;
-webkit-transition: .2s transform,.2s left;
transition: .2s transform,.2s left;
-webkit-transition: .2s transform,.2s left,.2s -webkit-transform;
transition: .2s transform,.2s left,.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: .2s right,.2s -webkit-transform;
transition: .2s right,.2s -webkit-transform;
-webkit-transition: .2s transform,.2s right;
transition: .2s transform,.2s right;
-webkit-transition: .2s transform,.2s right,.2s -webkit-transform;
transition: .2s transform,.2s right,.2s -webkit-transform;
}

.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000;
}

.swiper-pagination-lock {
display: none;
}

.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}

.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}

.swiper-scrollbar-cursor-drag {
cursor: move;
}

.swiper-scrollbar-lock {
display: none;
}

.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}

.swiper-slide-zoomed {
cursor: move;
}

.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}

@-webkit-keyframes swiper-preloader-spin {
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@keyframes swiper-preloader-spin {
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}

.swiper-container-cube {
overflow: visible;
}

.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}

.swiper-container-flip {
overflow: visible;
}

.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px;
}

.notice-wrap {position:absolute;top:50%;transform:translateY(-50%);right:0;z-index: 10;overflow:hidden;}
.btn-notice-toggle {position:absolute;top:calc(55% - 145px);transform:translateY(-50%);right:0;width:50px;height:140px;background:#000;text-align:center;z-index:8;}
.btn-notice-toggle i{display:block;text-align:center;}
.btn-notice-toggle i:before{display:inline-block;content:'';width:26px;height:29px;background:url(../image/icon/ico_notice_active.png) no-repeat center center;}

.btn-notice-toggle.close-bt{background:transparent;top:2.4rem;right:0.6rem;width:3.2rem;height:3.2rem;}
.btn-notice-toggle.close-bt img{width:100%;}

.notice-wrap[data-state="active"] .btn-notice-toggle i:before{
    display:inline-block;content:'';width:26px;height:29px;background:url(../image/icon/ico_notice_close.png) no-repeat center center;
}
.btn-notice-toggle em{margin-top:4px;display:block;font-size:14px;color:#fff;}
.notice-slide{
    /* max-width:400px; */
    transition: .4s ease-in-out;
    transform: translateX(0);
    opacity: 1;
    position: relative;
    z-index: 10;
}
.notice-slide.off{opacity:0;transform:translateX(120%);}
.notice-slide .swiper-slide{width:400px;height:280px;padding:3.2rem 3.2rem;text-align:center; background:#fbfbfb;border-right:1px solid #ebebeb;}
.notice-slide .swiper-slide .sub-tit{display:block;font-size:15px;font-weight:700;text-align:left;color:#da281c;margin-left:0.8rem;}
.notice-slide .swiper-slide .tit{margin-top:5px;display:block;font-size:20px;font-weight:700;text-align:left;color:#000;margin-left:0.8rem;}
.notice-slide .swiper-slide .img-area{margin-top:12px;text-align:center;}
/*.notice-slide .swiper-slide .img-area img{max-width:100%;}*/
.notice-slide .swiper-slide .link{display:inline-block;text-align:center;}
.notice-slide .swiper-slide .link em{display:inline-block;font-size:14px;color:#333;text-decoration:underline;}
.notice-slide .swiper-pagination-bullet-active{background:#da291c;}

@media screen and (max-width:1279px) {
    .btn-notice-toggle i::before {
        width: 13px;
        height: 14px;
        margin: 0 auto;
        background-size:cover;
    }
    .btn-notice-toggle {
        right: 0;
        bottom: 210px;
        width: 30px;
        height: 84px;
    }
    .btn-notice-toggle i {
        display: block;
        height: 17px;;
    }
    .btn-notice-toggle i::before {
        width: 15px;
        height: 17px;
        margin: 0 auto;
        background-size:100% 100%;
    }
    .btn-notice-toggle em {
        font-size: 10px;
        line-height: 13px;
    }
    .notice-wrap .swiper-slide {
        border-right: none;
        padding: 15px 15px 10px;
        font-size:0;
    }

    .notice-wrap .swiper-slide > em {
        font-size: 13px;
        line-height: 13px;
    }
    .notice-wrap .swiper-slide span {
        font-size: 15px;
        line-height: 15px;
        padding-bottom: 15px;
    }
    .notice-wrap .swiper-slide a em {
        font-size: 12px;
    }
    .notice-wrap .swiper-pagination {
        left: 0;
        right: 0;
        bottom: 10px;
    }
    .notice-wrap .swiper-pagination .swiper-pagination-bullet {
        background-color: #fbfbfb;
        opacity: 1;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        vertical-align:middle;
        border:0;
        background:#d5d5d5;
        box-sizing:border-box;
    }
    .notice-wrap .swiper-pagination .swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
        background:#da291c;
        border:0;
    }
    .notice-slide .swiper-slide .sub-tit{font-size:14px;line-height:15px;}
    .notice-slide .swiper-slide .tit{margin:2px 0 12px;padding-bottom:0;font-size:16px;line-height:22px;word-break:keep-all;word-wrap:break-word;margin-left: 0.8rem;}
    .notice-slide .swiper-slide .img-area{margin-top:0;}
	.notice-slide .swiper-slide .img-area img{max-width:100%;}
    .notice-slide .swiper-slide .link{margin-top:2rem;}
    .notice-slide .swiper-slide .link em{font-size:1.3rem;}
}

.swiper-button-next,
.swiper-button-prev{cursor:pointer;}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {opacity:1;cursor:pointer;}


@media screen and (max-width:1279px) {
    .notice-wrap .swiper-container{
        width:340px !important;
        height:350px !important;
        background:#fff;
    }
    .notice-wrap .swiper-slide {
        width:100%;
        height:auto;
    }
    .notice-wrap .swiper-slide img {
        width:300px !important;
        height:210px !important;
    }
    .swiper-button-next{right:-0.5rem;}
    .swiper-button-prev{left:-0.5rem;}

    .swiper-button-next img,
    .swiper-button-prev img{width:100%;}
}

@media (min-width:1280px) {
    .notice-wrap .swiper-container{
        width:480px !important;
        height:440px !important;
        background:#fff;
    }
    .notice-wrap .swiper-slide {
        width:100%;
        height:auto;
    }
    .notice-wrap .swiper-slide img {
        width:400px !important;
        height:280px !important;
    }
    .swiper-button-next{right:0.8rem;}
    .swiper-button-prev{left:-0.2rem;}
}

@media screen and (max-width:360px) {
    .notice-wrap .swiper-container{
        width: 300px !important;
        height: 340px !important;
    }
}

/* Mobile */
@media (max-width:1279px) {
	/* header scroll */
	#header.scroll {background:#fff;}
	#header.scroll .btn-gnb-open:before,
	#header.scroll .btn-gnb-open > .bar,
	#header.scroll .btn-gnb-open:after {background:#000;}

	/* header */
	.main #header:not(.scroll) {background:transparent;backdrop-filter:unset;}
	.main #header:not(.scroll) .btn-gnb-open:before,
	.main #header:not(.scroll) .btn-gnb-open > .bar,
	.main #header:not(.scroll) .btn-gnb-open:after {background:#fff;}

    #container .main-reser-box {padding:0;}
    #container .main-reser-box .room-colum .ui-search {float:unset;}
    #container .main-reser-box .room-colum .form-group {width: 100%;}
    #container .main-reser-box .room-colum .form-group .number-select {display:flex;justify-content:space-between;}
    #container .main-reser-box .room-colum .form-group .number-select .input-num-slct {text-align:center;font-size:2rem;}
    #container .main-reser-box .room-colum .form-group .number-select .btn-num-slct {margin:0;z-index:14;}
    #container .main-reser-box .grid-area-table .colum .in-colum {padding:2rem 0 0;}
    #container .main-reser-box .resort-colum .form-group {margin-bottom:0;}
    #container .main-reser-box .room-colum {margin-top:0;}
    #container .main-reser-box.col-sm-white .colum-selected-txt .selected,
    #container .main-reser-box .main-check-info .selected-date .date-num {font-size:1.6rem;color:#333;margin:0;padding:0;}
    #container .main-reser-box .room-colum .main-code-area {position:relative;top:2.8rem;bottom:unset;}
    #container .main-reser-box .room-colum .main-code-area .btn-text span {color:#999;}
    #container .main-reser-box .room-colum .main-code-area .ui-btn-promo {position:unset;}
    #container .main-reser-box.col-sm-white .room-colum .ui-search,
    #container .main-reser-box .room-colum .ui-search {min-width:100%;position:relative; top:5.5rem;}
    #container .main-reser-box .main-check-info .night{width:9.5rem;}
    #container .main-reser-box .main-check-info .night:after {display:inline-block;content:'';width:1.2rem;left:unset; bottom:unset;}
    #container .main-reser-box .main-check-info .night:after{color:#333;width:1.2rem;left:42px;bottom:0;background:#333;}
    #container .main-reser-box .form-group .input-group.input-lg:after {position:absolute; top:2rem; right:0.1rem; content:''; width:0.5rem; height: 0.5rem; border: solid #979797; border-width: 0 1px 1px 0; margin-top: -2px; transform: rotate(-315deg); -webkit-transform: rotate(-315deg);}
    #header .main-reser-box .colum.wp-30 .main-check-info:after,
    #container .main-reser-box .colum.wp-30 .main-check-info:after {position:absolute; top:3.5rem; right:0.1rem; content:''; width:0.5rem; height: 0.5rem; border: solid #979797; border-width: 0 1px 1px 0; margin-top: -2px; transform: rotate(-315deg); -webkit-transform: rotate(-315deg);}
    .main-reser-box .room-colum .main-code-area.hide {display:block;}

    /* slick */

    .visual .visual-bg .slick-slide .bg-txt.main{top:18rem;font-size:2.6rem;line-height:3.8rem;}
	.visual .visual-bg .slick-slide .bg-txt.sub{top:1rem;font-size:1.4rem;line-height:2.6rem;}
    .visual .visual-bg .slick-slide .bg-txt.aboreto{font-size:3rem;}
    
    .visual .visual-bg .slick-slide .bg-badge.pc,
	.visual .visual-bg .slick-slide .bg-txt.pc,
	.visual .visual-bg .slick-slide .bg-img.pc,
    .visual .visual-bg .slick-slide .click-area.pc{display:none;}
    .visual .visual-bg .slick-slide .bg-badge.mo{display:inline;}
	.visual .visual-bg .slick-slide .bg-txt.mo{display:block;}
    .visual .visual-bg .slick-dots {position:absolute;display:inline !important;top:56rem !important;text-align:center;}
    .visual .visual-bg .slick-dots li {margin:0 1px 0 0 !important}
    .visual .visual-bg .slick-dots li button:before,
    .visual .slick-dots li button:before{border:0 !important;background:rgba(255, 255, 255, 0.4) !important}
    .visual .visual-bg .slick-dots li.slick-active button:before,
    .visual .slick-dots li.slick-active button:before{background:#da291c !important;margin-top:-1px !important;}
	.visual .slider-list .slick-dots{bottom:-23px;}
    .visual .dot-box .slick-dots li button:before{border:0 !important;background:rgba(255, 255, 255, 0.4) !important}

    .visual .visual-bg .slick-slide .bg-txt.sub.mo.full-moon{color: #3a3d16;}
    .visual .visual-bg .bg-txt.mo.full-moon {margin-top: 0.4rem;}


    /* 20240409 메인페이지 뱃지2개 추가 */
    .visual .visual-bg .slick-slide .bg .badge-box{left:1%; top: -10%;}
    .visual .visual-bg .slick-slide .bg-badge{font-size:1.2rem;padding:0.6rem 1.1rem;}
}

/* Desktop */
@media (min-width:1280px) {
    /* header */
    .main #header:not(.scroll):not(.gnb-open):not(.gnb-reserve) {background:transparent;backdrop-filter:unset;}
	.main #header.gnb-open .lang-list > .lang:after,
	.main #header.gnb-reserve .lang-list > .lang:after{border-color:#979797;}
	.main #header .lang-list > .lang:after{border-color:#fff;}
    .main #header .gnb-menu *{color:#fff;}
	.main #header.gnb-open .gnb-menu *,
	.main #header.gnb-reserve .gnb-menu *{color:#000;}
    .main #header .gnb-menu .select-lang span {color:#000;}
    .main #header:not(.m-gnb-open):not(.gnb-open):not(.gnb-reserve) .lang-list > .lang:before{background:url(../image/icon/ico_lang_white.png) no-repeat;background-size:cover;}
	:lang(en) #container .main-reser-box .grid-area-table .colum.wp-15 .in-colum .box-select-list{bottom:71px;}
	:lang(en) #container .main-reser-box .grid-area-table .colum.wp-20 .in-colum .box-select-list{bottom:24px;}

    :lang(en) #container .main-reser-box .grid-area-table .colum .in-colum .box-select-list {bottom:86px;}

    /* visual */
    .visual .visual-inner .time {display:none;}
    .visual .visual-bg .bg-badge.pc{display:inline;}
	.visual .visual-bg .bg-txt.pc{display:block;}
    .visual .visual-bg .bg-badge.mo,
	.visual .visual-bg .bg-txt.mo,
	.visual .visual-bg .bg-img.mo{display:none;}

	.visual .visual-bg .bg-txt.main.pc.full-moon {margin-top: 2rem;}

    /* slick */
    .visual .visual-bg .bg-inner {height:100%;margin:0 auto;}
    .visual .visual-bg .slick-dots {position:absolute;display:inline !important;;bottom:14.55rem !important;left:50% !important;transform:translateX(-50%) !important;}
    .visual .visual-bg .slick-dots li {margin:0 1px 0 0 !important}
    .visual .visual-bg .slick-dots li button:before{border:0 !important;background:rgba(255, 255, 255, 0.4) !important}
    .visual .dot-box .slick-dots li button:before{border:0 !important;background:rgba(255, 255, 255, 0.4) !important}
	.slick-dots li button:before {border:0 !important; background: rgba(109,109,109, 0.4) !important;}
    .visual .visual-bg .slick-dots li.slick-active button:before, .slick-dots li.slick-active button:before{background:#da291c !important;margin-top:-1px !important;}
    .visual .dot-box li.slick-active button:before{background:#da291c !important;margin-top:-1px !important;}


    /* 메인페이지 슬릭 변경 */
    .visual .dot-box.main { position: absolute; display: flex; bottom: 14.55rem; left: 50%; transform: translate(-50%, -50%); justify-content: center; align-content: center; align-items: center;}
    .visual .dot-box.main .slick-dots {margin-top: 0;}
    .visual .dot-box.main .slick-dots li {margin: 0 5px 0 0 ;}
    .visual .dot-box.main .btn-control-wrap { margin-left: 5px;}
    .visual .dot-box.main .btn-control-wrap .btn-control-area {position: relative; display: flex;     height: 17px;        align-items: center;        align-content: center;        justify-content: center;}
    .visual .dot-box.main .slick-dots li button {left: 50%;        top: 50%;  width: 8px; height: 8px;       transform: translate(-50%, -50%);}
    .visual .dot-box.main li.slick-active button:before {margin-left: -1px;}


    /* slick button */
    .visual .btn-arrows-area .slide-arrow2.slick-prev-custom,
    .visual .btn-arrows-area .slide-arrow2.slick-next-custom {background:transparent;border:unset;}
    .visual .slide-arrow2:nth-child(1):before{width:2.4rem;height:6.4rem;border:0;display:inline-block;background:url("../image/icon/v_prev.png") no-repeat;background-size:cover;transform:unset;-webkit-transform:unset;opacity:0.6;}
    .visual .slide-arrow2:nth-child(2):before{width:2.4rem;height:6.4rem;border:0;display:inline-block;background:url("../image/icon/v_next.png") no-repeat;background-size:cover;transform: unset; -webkit-transform:unset;opacity:0.6;}
    .visual .slide-arrow2:nth-child(1):hover:before,
    .visual .slide-arrow2:nth-child(2):hover:before{opacity:1;}
    .visual .btn-arrows-area .slide-arrow2.slick-prev-custom {left:8rem; width:6.4rem;}
    .visual .btn-arrows-area .slide-arrow2.slick-next-custom {right:8rem; width:6.4rem;}

}

/* w 1280 ~ 1439px */
@media (min-width:1280px) and (max-width:1439px) {


}

/* w 1440 ~ 1679 */
@media (min-width:1440px) and (max-width:1679px) {

}

/* w 1680 ~ 1919 */
@media (min-width:1680px) and (max-width:1919px) {

}
/* 20230711 추가 */
@media (min-width:1280px) {
    /* slick button */
    .visual .btn-arrows-area .slide-arrow2.slick-prev-custom,
    .visual .btn-arrows-area .slide-arrow2.slick-next-custom{background:transparent;border:unset;}
    .visual .slide-arrow2:nth-child(1):before{top: 0; width:2.4rem;height:6.4rem;border:0;display:inline-block;background:url("../image/icon/v_prev.png") no-repeat;background-size:cover;transform:unset;-webkit-transform:unset;opacity:0.6;}
    .visual .slide-arrow2:nth-child(2):before{top: 0; width:2.4rem;height:6.4rem;border:0;display:inline-block;background:url("../image/icon/v_next.png") no-repeat;background-size:cover;transform: unset; -webkit-transform:unset;opacity:0.6;}
    .visual .slide-arrow2:nth-child(1):hover:before,
    .visual .slide-arrow2:nth-child(2):hover:before{opacity:1;}
    .visual .btn-arrows-area .slide-arrow2.slick-prev-custom{left:8rem; width:6.4rem;}
    .visual .btn-arrows-area .slide-arrow2.slick-next-custom{right:8rem; width:6.4rem;}
    /* 2023-07-11 PC 메인페이지 텍스트 변경 */
    .visual .visual-bg .slick-slide .bg-txtbox.mo{display:none; }
    .visual .visual-bg .slick-slide .bg-txtbox .bg-txt{position: relative;padding: 0 6.2vw}
    .visual .visual-bg .slick-slide .bg-txtbox .bg-txt span{position: relative;font-family: 'MaruBuriExtraLight','Noto Sans KR';font-size: 5.5rem;line-height: 1.2;font-weight: 300;letter-spacing: -2.4px; }
    .visual .visual-bg .slick-slide .bg-txtbox .bg-txt span.aboreto{position: relative;font-family: 'Aboreto','Noto Sans KR';font-size: 6rem; line-height: 1.08;font-weight: 400;letter-spacing: -2.2px;}
    .visual .visual-bg .slick-slide .bg-txtbox .bg-txt.main{line-height: 7.2rem;}
}

/* Mobile */
@media (max-width:1279px) {
    /* header scroll */
    /* 2023-07-11 모바일 메인페이지 텍스트 변경 */
    /* .visual .visual-bg .slick-slide .bg-txtbox{ position: absolute; top: 30%; left: 7%; } */
    .visual .visual-bg .slick-slide .bg-txtbox.pc{ display: none; }
    .visual .visual-bg .slick-slide .bg-txtbox.mo{ display:block; }
    .visual .visual-bg .slick-slide .bg-txtbox .bg-txt{ position: relative; top: 30%; left: 0%;  }
    .visual .visual-bg .slick-slide .bg-txtbox .bg-txt span{ position: relative;  line-height: 1.5; font-size: 2.6rem; letter-spacing: -1.04px; font-family: 'MaruBuriExtraLight','Noto Sans KR';}
    .visual .visual-bg .slick-slide .bg-txtbox .bg-txt span.aboreto{ font-family: 'Aboreto','Noto Sans KR'; font-size: 3.2rem; line-height: 1.2; letter-spacing: -1.28px;}
    .visual .visual-bg .slick-dots .btn-control-wrap {display: none;}
}

/* 20230808 메인 slick 관련 추가 */
.slide-col4-list,
.slide-col2-list,
.bottom-resort,
.bottom-cc{opacity:0;visibility:hidden;transition:opacity 1s ease;-webkit-transition:opacity 1s ease;}
.slide-col4-list.slick-initialized,
.slide-col2-list.slick-initialized,
.bottom-resort.slick-initialized,
.bottom-cc.slick-initialized{visibility:visible;opacity:1;}
.cont-head{display:flex;justify-content: space-between;align-items: center;width:100%;margin-bottom:45px;}
.cont-head .left{position:relative;top:inherit;right:inherit;}
.main-content{top:0;}
@media screen and (max-width: 1279px){
    .main-slide-wrap .slide-paging.number{display:none;}
    .cont-head{display:block;}
}
@media screen and (max-width: 1024px){
    .main-slide-wrap .slide-paging.number{display:block;}
}
@media screen and (max-width: 860px){
}


/* 20231004 메인페이지 공통 */
.click-area {    position: relative;   }
.click-area .link-area { position: relative;    display: block;}
.click-area .link-area.none-detail { pointer-events: none;}

/* 20230921 메인페이지 클릭 영역 수정 */
@media (min-width:1280px) {
    .click-area .link-area {    top: 33.9vh;        width: 100%;    height: 47%;   max-width: 1279px; margin: 0 auto;}
}


/* 20231004 메인페이지 클릭 영역 수정 mo */
@media (max-width:1279px) {
    .visual .visual-bg .slick-slide .bg-btn {position: relative; margin-top: 0; left: 1%;   padding: 8px 26px;}
    .click-area .link-area {  top: 30%;    left: 9.3vw;    width: 80vw;    height: 58%;}
    .visual .dot-box {position: absolute; bottom: 7%; z-index: 2; width: 100%;}
    .visual .dot-box .btn-control-wrap.pc {display: none;}
    .visual .dot-box li.slick-active button:before{background:#da291c !important;margin-top:-1px !important;}
    .visual .dot-box .slick-dots li {margin: 0 1px 0 0 !important;}
    .visual .visual-bg .slick-slide .bg-txtbox .bg-txt.sub {left: 1%; padding: 0; margin: 0;}
    .visual .visual-bg .slick-slide .bg-btn.mo {bottom: 50%;}
}

/* 20240726 : 메인 페이지 공통 적용 */
.slick-slide .list .badge, .slide-colum .badge, .icon_waterparkGroup { display: flex; flex-wrap: wrap; row-gap: 3px;}

/* 20240731 : 메인 하단 영문 공통 수정 */
.branch-list .list .txt .tit { font-size: 1.4rem; }


/* 20240806 : 리조트 : 리조트 위치안내 모바일 개선 */
@media (max-width:1279px) { 
    .grid-area-table > .colum + .colum.last:after { content:''; position: absolute; top: -92px; right: 0; width: 60%; height: 9.6rem; border-right: 5px solid #f3f3f3; border-top: 5px solid #f3f3f3; border-bottom: 5px solid #f3f3f3; border-radius: 10px;  } 
    .grid-area-table > .colum.last + .colum:after { content:''; position: absolute; top: -92px; left: 0; width: 60%; height: 9.6rem; border-left: 5px solid #f3f3f3; border-top: 5px solid #f3f3f3; border-bottom: 5px solid #f3f3f3; border-radius: 10px;  }
    .root-line.grid-area-table.m-ml-20 { margin-left: 2rem; }
    .grid-area-table > .colum.last + .colum { margin-top: 5rem; }
}


/* 20240816 : 김해 오시는길 수정 */
@media (max-width:1279px) {  
    :lang(en) .root-line .road > span {
        min-width: 11rem;
    }

    :lang(en) .root-line .arrival > span {
        min-width: 10rem;
    }
}

/* 20241202  메인 오시는길 수정 */

 #cont-map.main-content .cont-head {margin-bottom: 30px;}
.submain .main-content .cont-head .main-sub-title.loc-info { color: #000000;  font-size: 4.6rem; line-height: 1.6;} 
 .location-area .location-box { border-bottom: 1px solid rgba(221, 221, 221, 0.866667); } 
 .location-area .location-box:first-child { border-top: 2px solid black; } 
 .location-area details > summary::marker,
 summary::-webkit-details-marker { display: none; content: ""; } 
 .location-area details > summary::before { content: ""; display: inline-block; vertical-align: middle; width: 25px; height: 25px;  background-size: contain; background-repeat: no-repeat; margin-right: 1.5rem; background-position: center;} 
 .location-area details > summary::after { position: absolute; content: ""; top: 50%; right: 3.4rem; display: inline-block; width: 1.4rem; height: 1.4rem; border: solid #E50113; border-width: 0 2px 2px 0; transform: translate(-50%, -80%) rotate(45deg); } 
 .location-area details[open] > summary::after { transform: translate(-50%, -20%) rotate(-135deg); } 
 .location-area details > summary.ico-car::before { background-image: url("../image/icon/ico-car.png"); } 
 .location-area details > summary.ico-bus::before { background-image: url("../image/icon/ico-bus.png"); } 
 .location-area details > summary.ico-train::before { background-image: url("../image/icon/ico-train.png"); } 
 .location-area details > summary.ico-air::before { background-image: url("../image/icon/ico-air.png"); } 
 .location-area summary { position: relative; padding: 2.4rem 3.4rem 2.4rem 3.4rem; color: #333333; font-size: 2rem; font-weight: bold; line-height: 1.6; cursor: pointer;     display: flex; align-items: center; } 
 .location-area .location-box .location-item { display: flex; justify-content: space-between; height: auto; max-height: 0; overflow: hidden; transition: all 0.25s ease; transition-delay: 0s; } 
 .location-area .location-box .location-item .content { padding: 1.5rem 0 5rem 7.5rem; }  
 .location-area .location-box .location-item .content .content-item { color: #333333; font-size: 1.6rem; line-height: 1.6; letter-spacing: -0.08em;} 
 .location-area .location-box .location-item .content .content-item .spot { position: relative; color: #666666; margin-top: 1.5rem;} 
 .location-area .location-box .location-item .content .content-item .spot + .spot {margin-top: 1rem;}
 .location-area .location-box .location-item .content .content-item + .content-item {margin-top: 3rem;}
 .location-area .location-box .location-item .content .content-item .content-tit {  font-size: 1.7rem; font-weight: 500; line-height: 1;} 
 .location-area .location-box .location-item .content .content-item .content-sub { margin-top: 2rem; font-size: 1.7rem; font-weight: 500;  } 
 .location-area .location-box .location-item .content .content-item .link-area { margin-top: 2.5rem; } 
 .location-area .location-box .location-item .location-area .location-box .location-item .content .content-item .spot .txt-route.content .content-item .link-area a { font-size: 1.6rem; line-height: 1.6; text-decoration: underline; text-underline-position: under; } 
 .location-area .location-box details[open] ~ .location-item { max-height: 100vh; overflow: hidden; transition: all 1s ease; transition-delay: 0s; } 
 .location-area .location-box .location-item .content .content-item .spot .txt-tit { font-weight: 500; } 
 .location-area .location-box .location-item .content .content-item .spot .txt-route { display: flex; font-size: 1.7rem; color: #333333; flex-wrap: wrap; margin-left: 2rem;     flex-direction: column; line-height: 1; } 
 .location-area .location-box .location-item .content .content-item .spot .txt-route.car .route-start { width: 100%; } 
 .location-area .location-box .location-item .content .content-item .spot::before { content: ''; position: absolute; display: inline-flex; top: 0; left: -4px; width: 18px; height: 18px; flex-shrink: 0; flex-grow: 0; vertical-align: sub; background-image: url("../image/icon/location_start.png"); background-size: contain; } 
 .location-area .location-box .location-item .content-btn  {    display: flex;    padding: 0 3.4rem 5rem 0;    flex-direction: column;    justify-content: flex-end;     align-items: flex-end;  }
 .location-area .location-box .location-item .content-btn a { width: 13rem; height: 4.5rem; border: 1px solid #dddddd; font-size: 1.6rem; line-height: 1.6; display: flex; align-items: center; justify-content: center; } 
 .location-area .location-box .location-item .content-btn .btn-box + .btn-box { margin-top: 1.3rem; } 
 .location-area .location-box .location-item .content .spot-time { margin-top: 3rem; font-size: 1.6rem; line-height: 1; color: #666666; font-weight: 500; word-break: keep-all; letter-spacing: -0.08em;} 
 .location-area .location-box .location-item .content .spot-time .spot-type {margin-top: 1.5rem;}
 .location-area .location-box .location-item .content .spot-time .spot-type div { font-weight: 400; } 
 .location-area .location-box .location-item .content .spot-time .spot-type div::before { content: ""; display: inline-block; width: 1.4rem; height: 1.4rem; margin-right: 0.4rem; } 
 .location-area .location-box .location-item .content .spot-time .spot-type div.bus {margin-top: 1rem;}
 .location-area .location-box .location-item .content .spot-time .spot-type .taxi::before {background: url('../image/icon/spot_taxi.png'); } 
 .location-area .location-box .location-item .content .spot-time .spot-type .bus::before { background-image: url("../image/icon/spot_bus.png"); } 
 :lang(en) .location-area .location-box .location-item .content-btn a { width: 15.5rem; height: 5.5rem}
 .location-area span { display: inline-block; } 
 .location-area .location-box .location-item .content .content-item .spot::before {top: 0;}
 .content-address {    padding-bottom: 30px;}
 .content-address span {    display: inline-block;    color: #333333;    font-size: 1.7rem;    line-height: 1;    font-weight: 500;}
 .location-area .location-box .location-item .content .content-item .notice-info { margin-top: 3rem;}
 .location-area .location-box .location-item .content .content-item .notice-info  a { display: block; line-height: 1; text-decoration: underline;}
 :lang(en) .content-address span {line-height: 1.4;}
 :lang(en) .location-area .location-box .location-item .content .spot-time .spot-txt span {line-height: 1.2;}
 :lang(en) .location-area .location-box .location-item .content .spot-time .spot-type div{line-height: 1.2;}
 @media screen and (max-width: 1279px) { 
 .submain .main-content.resort-loc-info .cont-head { margin-bottom: 1.5rem; } 
 .location-area details > summary::after { width: 1.1rem; height: 1.1rem; right: 0; } 
 .location-area details > summary::before { width: 2rem; height: 2rem; margin-right: 1.1rem; } 
 .location-area { padding: 0 2.4rem; } 
 .location-area .location-box details summary { padding: 2.3rem 0;  } 
 .location-area .location-box .location-item { flex-direction: column; } 
 .location-area .location-box .location-item .content { padding: 1.5rem 0 2rem 0; } 
 .location-area .location-box .location-item .content-btn { padding: 1rem 0 3rem 0; } 
 .location-area .location-box .location-item .content-btn .btn-box { display: flex; justify-content: center; } 
 .location-area .location-box .location-item .content-btn .btn-box + .btn-box { margin-top: 1rem; } 
 .location-area .location-box .location-item .content .content-item .spot::before {left: -2px;}
 .location-area .location-box .location-item .content .content-item .spot {margin-top: 1rem}
 .location-area .location-box .location-item .content .content-item .spot + .spot {margin-top: 0}
 .content-address { padding: 0 2.4rem 2rem; } 
 .location-area .location-box .location-item .content .content-item .spot .txt-route {font-size: 1.6rem; word-break: keep-all; line-height: 1.6;}
 .location-area .location-box .location-item .content .content-item .spot::before {top: 5px;}
 .location-area .location-box .location-item .content .spot-time .spot-txt span{line-height: 1.6;}
 .submain .main-content .cont-head .main-sub-title.loc-info {font-size: 2.2rem;}
 .content-address span {font-size: 1.5rem;}
 .location-area summary {font-size: 1.8rem;}
 .location-area .location-box .location-item .content .content-item .content-tit {font-size: 1.6rem;}
 .location-area .location-box .location-item .content .content-item .notice-info a{font-size: 1.5rem;}
 .location-area .location-box .location-item .content-btn a{font-size: 1.5rem;}

 } 
 
 /* 20250320 서브메인지점 추가 디자인 */



    .text-content { position: relative; max-width: 1279px; height: 100%; margin: 0 auto; font-size: 16px; } 
    .main-text-area { position: absolute; display: flex; top: 19%; left: 50%; width: 100%; padding: 0 20px; transform: translate(-50%, 0%); align-items: center; flex-direction: column; justify-content: center; } 
    .main-copy-area { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
    .main-text-area.left { align-items: flex-start;} 
    .main-text-area.left .main-copy-area,
    .main-text-area.left .sub-copy-area {align-items: flex-start;}
    .main-text-area.center { align-items: center;} 
    .main-text-area.center .main-copy-area {align-items: center;}
    .main-text-area.right { align-items: flex-end;} 
    .main-text-area.right .main-copy-area,
    .main-text-area.right .sub-copy-area {align-items: flex-end;}
    .main-text-area .main-copy-area { margin-top: 28px; } 
    .main-text-area .sub-copy-area { margin-top: 28px; } 
    .main-text-area .sub-detail-btn { margin-top: 60px; } 
    .main-copy-area .visual-tit { display: block; font-size: 50px; font-family: 'MaruBuriExtraLight','Noto Sans KR'; font-weight: 400; line-height: 1; letter-spacing: -0.04em; } 
    .main-copy-area .visual-tit + .visual-tit { margin-top: 8px; } 
    .sub-copy-area { position: relative; top: 26%; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
    .sub-copy-area .sub-txt { display: block; font-size: 20px; font-weight: 100; line-height: 1.2; } 
    .sub-copy-area .sub-txt + .sub-txt { margin-top: 8px; } 
    .sub-detail-btn { position: relative; bottom: 50%; } 
    .sub-detail-btn a { display: block; min-width: 133px; border: 1px solid; font-size: 16px; padding: 11px; text-align: center; line-height: 1; font-family: 'Pretendard', 'Noto Sans KR'; } 
    .main-text-area .tag-area { position: relative; display: flex; gap: 5px; } 
    .main-text-area .tag-area .tag-tit { display: flex; min-width: 120px; justify-content: center; background-color: #000000; align-items: center; font-size: 16px; line-height: 1; padding: 15px;} 
    .main-text-area .main-copy-area .visual-tit.aboreto { font-size: 50px; font-family: 'Aboreto', 'Noto Sans KR'; letter-spacing: 0; } 
    .main-text-area .sub-copy-area .sub-txt.aboreto { letter-spacing: 0; } 
    .resort-visual .visual-wrap .txt .main-text-area.black .visual-tit,
    .resort-visual .visual-wrap .txt .main-text-area.black .sub-txt,
    .resort-visual .visual-wrap .txt .main-text-area.black .sub-detail-btn a{color: #000000;}
    .main-text-area.left .visual-tit,
    .main-text-area.left .sub-txt {text-align: left;}
    .main-text-area.center .visual-tit,
    .main-text-area.center .sub-txt {text-align: center;}
    .main-text-area.right .visual-tit,
    .main-text-area.right .sub-txt {text-align: right;}


    @media (max-width: 1190px){
    .main-text-area { top: 15.4%; left: 50%; padding: 0 20px; } 
    .main-text-area .main-copy-area { margin-top: 20px; } 
    .main-text-area .sub-copy-area { margin-top: 20px; } 
    .main-text-area .sub-detail-btn { margin-top: 40px; } 
    .main-copy-area .visual-tit,
    .main-text-area .main-copy-area .visual-tit.aboreto { font-size: 26px;} 

    .sub-copy-area .sub-txt { font-size: 14px; line-height: 1; } 
    .sub-detail-btn { position: relative; bottom: unset; } 
    .sub-detail-btn a { min-width: 106px; font-size: 12px; padding: 8px 10px; } 
    .main-text-area .tag-area .tag-tit { min-width: 90px; padding: 6px 10px; font-size: 12px; } 
    }