/* font-family: 'Montserrat', sans-serif;
font-family: 'Jaldi', sans-serif;
font-family: 'Inconsolata', monospace;
font-family: 'Playfair Display', serif;
font-family: 'Raleway', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Nanum Myeongjo', serif;
font-family: 'Nanum Gothic', sans-serif;*/

/* about */
.owl-theme .owl-dots .owl-dot span{
    width: 7px !important;
    height: 7px !important;
    margin: 4px !important;
}

#wrap .about01 .js_row.no02{
    text-align: center;
}

#wrap .about01 .js_row.no02>.wrapper{
    display: inline-block;
    max-width: 1520px;
    margin-bottom: 200px;
    width: 100%;
    position: relative;
}

#wrap .about01 .js_row.no02 .col.no02>.wrapper{
    display: inline-block;
    width: 100%;
}

#wrap .about01 .js_row.no02 .col.no01 .img_wrap{
    text-align: left;
    width: 72%;
}

#wrap .about01 .js_row.no02 .col.no01 .img_wrap .img{
    padding-top: 56%;
}

#wrap .about01 .js_row.no02 .col.no02 .img_wrap .img{
    padding-top: 101.2%;
}

#wrap .about01 .js_row.no02 .col.no02 .txt_wrap{
    width: 65%;
    float:left;
    padding-top: 110px;
    padding-left: 100px;
    text-align: left;
    padding-right: 20px;
	font-family: 'Nanum Gothic', sans-serif;
}
#wrap .about01 .js_row.no02 .col.no02 .txt_wrap .txt{
	font-size:15px;
}
#wrap .about01 .js_row.no02 .col.no02 .txt_wrap p{
    margin-bottom: 5px;
}

#wrap .about01 .js_row.no02 .col.no02 .txt_wrap .tit{
    font-size: 36px;
    font-family: 'Nanum Myeongjo', serif;
    margin-bottom: 70px;
    word-break: keep-all;
	letter-spacing: -0.8px;
}

#wrap .about01 .js_row.no02 .col.no02 .txt_wrap .txt span{
    display: block;
}

 #wrap .about01 .js_row.no02 .col.no02 .img_wrap{
     width: 35%;
     position: absolute;
     right: 0;
     top: 18%
}

#wrap .about01 .js_row.no02 .btn_type1{
    margin-left: 56%;
}

#wrap .about01 .js_row.no03 .bg{
    padding-top: 40%;
}


#wrap .about01 .js_row.no03 .txt_wrap{
    padding: 40px 0 100px 0;
    text-align: center;
}

#wrap .about01 .js_row.no03 .txt_wrap p{
    margin: 0;
}

#wrap .about01 .js_row.no03 .txt_wrap span{
    display: block;
}

#wrap .about01 .js_row.no03 .tit{
    font-size: 18px;
    margin-bottom: 50px;
}

#wrap .about01 .js_row.no03 .txt{
    font-family: 'Playfair Display', serif;
    font-size: 12px;
}

#wrap .about01 .js_row.no04{
    text-align: center;
}

#wrap .about01 .js_row.no04 .bg{
    background: url("../../img/20/img04.jpg") no-repeat center;
    background-size: cover;

    max-width: 1520px;
    margin: auto;
    position: relative;
}

#wrap .about01 .js_row.no04 .btn_type1{
    background: #cda47f;
    position: absolute;
    bottom: -40px;
    left: 50%;
    color: #fff;
    transform: translateX(-50%);
}

#wrap .about01 .js_row.no04 .btn_type1 *{
    color: #fff !important;
}

#wrap .about02 .container-fluid{
    max-width: 1520px;
    margin: auto;
}

#wrap .about02 .js_row.no02 .row.no01{
    margin-bottom: 140px;
    font-family: 'Noto Sans KR', sans-serif;
}

#wrap .about02 .js_row.no02 .row.no01 .img{
    padding-top: 56%;
}

#wrap .about02 .js_row.no02 .row.no01 .lf .txt_wrap{
    margin-top: 40px;
}

#wrap .about02 .js_row.no02 .row.no01 .lf .txt_wrap span{
    display: block;
}

#wrap .about02 .js_row.no02 .row.no01 .rt{
    padding-top : 70px;
    padding-left: 60px;
}



#wrap .about02 .js_row.no02 .row.no01 .rt .tit{
    font-size: 36px;
    padding-bottom: 60px;
    margin-bottom: 60px;
    position: relative;
	font-family: 'Nanum Myeongjo', serif;
	
}
#wrap .about02 .js_row.no02 .row.no01 .rt .tit p{
	letter-spacing:-0.8px;
	font-family: 'Nanum Myeongjo', serif;
	margin:0;
	margin-top:-5px;
}

#wrap .about02 .js_row.no02 .row.no01 p{
    margin-bottom: 5px;
	letter-spacing:-0.8px;
	font-family: "Nanum Gothic";
}

#wrap .about02 .js_row.no02 .row.no01 .rt .tit span{
    display: inline-block;
    border-bottom: 1px solid #494949;
    /* text-decoration: underline; */
}

#wrap .about02 .js_row.no02 .row.no01 .rt .tit:before{
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    background: #333;
    position: absolute;
    bottom: 0;
    left: 0;
}

#wrap .about02 .js_row.no02 .row.no01 .rt .en_txt1{
    color: #5f5f5f !important;
	font-size:15px;
	font-family: "Nanum Gothic";
}

#wrap .about02 .js_row.no02 .row.no01 .rt .en_txt1 span{
    display: block;
}

#wrap .about02 .js_row.no02 .row.no02{
    margin-top: 150px;
    position: relative;
    padding: 0 60px;
    margin-bottom: 400px;
}

#wrap .about02 .js_row.no02 .row.no02 .rt{
    margin-top: -47%;
}

#wrap .about02 .js_row.no02 .row.no02 .img{
    padding-top: 70%;
}

#wrap .about02 .js_row.no03{
    text-align: center;
}

#wrap .about02 .js_row.no03 .title1{
    margin-bottom: 40px;
	
}
#wrap .about02 .js_row.no03 .title1 p{
	letter-spacing:-1.3px;
}
#wrap .about02 .js_row.no03 .img{
    padding-top: 30%;
}

#wrap .service .slide2 .item{
    padding-top: 46%;
}

#wrap .service .roomslide_wrap{
    position: relative;
}

#wrap .service .roomslide_wrap .btn-left{
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 40px;
    cursor: pointer;
    transform: translateY(-50%);
}

#wrap .service .roomslide_wrap .btn-right{
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 40px;
    cursor: pointer;
    transform: translateY(-50%);
}

#wrap .service.special .js_row.no02{
    margin-bottom: 0;
}







#wrap .roompre #subtit .en_txt1:before{
    display: none;
}

#wrap .roompre .js_row.no02{
    max-width: 1350px;
    margin: auto;
    padding: 0 20px;
	padding-top:40px;
}

#wrap .roompre .js_row.no02 p{
    margin: 0;
}

#wrap .roompre .js_row.no02 .tit{
    font-size: 48px;
    font-family: 'Raleway', sans-serif;
    position: relative;
}

#wrap .roompre .js_row.no02 .tit .wrap{
    display: inline-block;
    padding-right: 40px;
    padding-right: 30px;
    font-family: 'Dynalight', cursive;
}

#wrap .roompre .js_row.no02 .tit:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e4eaf3;
    position: absolute;
    top: 50%;
    z-index: -1;
}

#wrap .roompre .js_row.no02 .tit:after{
    content: "";
    display: block;
    width: 1px;
    height: 100px;
    background: #e4eaf3;
    position: absolute;
    left: 50%;
    top: -66px;
}

#wrap .roompre .js_row.no02 span{
    display: block;
}

#wrap .roompre .js_row.no02 .txt_wrap{
    width: 100%;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 80px;
}

#wrap .roompre .js_row.no02 .ko{
    width: 30%;
    font-size: 14px;
    color: #6e6e6e;
    float: left;
    padding-right: 10px;
}

#wrap .roompre .js_row.no02 .en_txt1{
    width: 30%;
    color: #b3b3b3;
    float: left;
    line-height: 1.8;
    padding-right: 10px;
    font-family: 'Playfair Display', serif;
}

#wrap .roompre .js_row.no02 .btn-more{
    width: 40%;
    float: left;
}

#wrap .roompre .js_row.no02 .btn-more .btn{
    width: 80px;
    height: 80px;
    position: relative;
    background: #b3b3b3;
    float: right;
    margin-right: 200px;
    border-radius: 100%;
    text-align: center;
}

#wrap .roompre .js_row.no02 .btn-more .btn a{
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}

#wrap .roompre .js_row.no02 .btn-more .btn img{
    position: absolute;
    left: 100px;
    top: 50%;
}

#wrap .roompre .js_row.no02 .btn-more .btn .wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	font-family: "Playfair Display";
}

#wrap .roompre .js_row.no03 .item{
    position: relative;
}

#wrap .roompre .js_row.no03 .item a{
    /* position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block; */
}



#wrap .roompre .js_row.no03 .item .wrap{
    width: 130px;
    height: 130px;
    vertical-align: middle;
    background: rgba(255, 255, 255, 0.30);
    color: #fff;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

#wrap .roompre .js_row.no03 .item .wrap .txt{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    font-size: 18px;
}

#wrap .roompre .js_row.no03 .item .wrap:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../../img/common/circle-w.png") no-repeat center;
    background-size: 100%;
}

#wrap .roompre .js_row.no03 .item .no{
    font-family: 'Playfair Display', serif;
    font-style: italic;
}

#wrap .roompre .js_row.no03 .item .name{
    font-family: "Nanum Gothic";
}

#wrap .roompre .js_row.no03 .item .no,
#wrap .roompre .js_row.no03 .item .name{
    position: relative;
    z-index: 10;
}

#wrap .roompre .js_row.no03 .roomslide_wrap{
    position: relative;
}

#wrap .roompre .js_row.no03 .control{
    position: absolute;
    top: 50%;
    width: 100%;
    color: #fff;
    z-index: 10;
}

#wrap .roompre .js_row.no03 .control .btn-left{
    left: 15%;
    position: absolute;
    font-size: 70px;
    cursor: pointer;
    transform: translateY(-50%);
}

#wrap .roompre .js_row.no03 .control .btn-right{
    right: 15%;
    position: absolute;
    font-size: 70px;
    cursor: pointer;
    transform: translateY(-50%);
}

#wrap .roompre .js_row.no04{
    text-align: center;
    padding: 150px 0;
    padding-top: 50px;
}

#wrap .roompre .js_row.no04 .title1{
    margin-bottom: 40px;
}

#wrap .roompre .js_row.no04 .title_wrap{
    margin-bottom: 100px;
}

#wrap .roompre .js_row.no04 .title_wrap span{
    display: block;
}

#wrap .roompre .js_row.no04 .special{
    /* display: inline-block; */
    width: 100%;
    max-width: 1520px;
    margin: auto;
}

#wrap .roompre .js_row.no04 .special li{
    width: 100%;
    float: left;
    padding: 0 5px;
}

#wrap .roompre .js_row.no04 .special a{
    display: block;
    text-decoration: none;
}

#wrap .roompre .js_row.no04 .special .img_wrap{
    position: relative;
}

#wrap .roompre .js_row.no04 .special .img_wrap .box{
    display: inline-block;
    position: relative;
    padding: 20px;
    width: 100%;
}

#wrap .roompre .js_row.no04 .special .img_wrap .box:before{
    content: "";
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #ececec;
    background: #fff;
    transition: 0.5s ease;
    z-index: -1;
    /* border-radius: 100%; */
}

#wrap .roompre .js_row.no04 .special .img_wrap div{
    /* border-radius: 100%; */
    /* padding-top: 60%; */
}

#wrap .roompre .js_row.no04 .special li:hover .box:before{
    background: #e9e9e9;
}

#wrap .roompre .js_row.no04 .special li .box div{
    padding-top: 60%;
}

#wrap .roompre .js_row.no04 .special li .txt_wrap{
    margin-top: 40px;
    font-family: 'Noto Sans KR', sans-serif;
}

#wrap .roompre .js_row.no04 .special li .txt_wrap .name{
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 10px;
    font-size: 24px;
}

#wrap .roompre .js_row.no04 .special li .txt_wrap .name:before{
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #f0f0f0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

#wrap .roompre .js_row.no04 .special li .txt_wrap .txt{
    color: #777;
    font-size: 13px;
}

#wrap .room #subtit .en_txt1:before{
    display: none;
}

#wrap .subnav{
    display: inline-block;
    /* width: 100%; */
    max-width: 1300px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    margin-top: 80px;
	font-family: 'Nanum Gothic', sans-serif;
    /* font-family: 'Jeju Myeongjo', serif; */
}

#wrap .subnav li{
    display: inline-block;
    vertical-align: bottom;
    padding: 0 10px;
}
#wrap .subnav li a {
	font-size:15px;
}

#wrap .room .js_row.no02,
#wrap .room .js_row.no03{
    width: 100%;
    max-width: 1520px;
    margin: auto;

}

#wrap .room .js_row.no02{
    margin-bottom: 100px;
}
#wrap .room .js_row.no02 .room_price p {
	display:inline;
}

#wrap .room .info{

    padding: 0 15px;
    margin-top: 20px;
}

#wrap .room .info p{
    margin: 0;
}

#wrap .room .js_row.no03 .row.no01{
    margin-bottom: 35px;
}

#wrap .room .js_row.no03 .row.no01 .img{
    padding-top: 50%;
}

#wrap .room .js_row.no03 .row.no02 .img{
    padding-top: 84%;
}

#wrap .room .js_row.no04{
    text-align: center;
    margin: 200px 0 130px 0;
    padding: 0 20px;
}

#wrap .room .js_row.no04 .title1{
    font-family: "Playfair Display";
}

#wrap .room .js_row.no04 .en_txt1 span{
    display: block;
}

#wrap .room .js_row.no05{
    padding-bottom: 100px;
}

#wrap .room .js_row.no05 p{
    margin: 0;
}

#wrap .room .js_row.no05 span{
    display: block;
}

#wrap .room .js_row.no05 .no01{
    padding-right: 35%;
}

#wrap .room .js_row.no05 .no01 .img{
    padding-top: 36%;
}

#wrap .room .js_row.no05 .no02 .img{
    padding-top: 45%;
}

#wrap .room .js_row.no05 .row.no02 .txt{
    text-align: right;
    padding-top: 100px;
	font-family: 'Nanum Gothic', sans-serif;
	font-size:15px;

}

#wrap .room .js_row.no05 .row.no02 .txt p{
	letter-spacing:-0.5px;
	margin-bottom:5px;
}
#wrap .room .js_row.no05 .row.no02 .img_wrap{
    margin-top: -200px;
}

#wrap .special .js_row.no02{
    text-align: center;
    border-top: 1px solid #ddd;
}

#wrap .special .js_row.no02 .tit{
    font-size: 28px;
    padding: 100px 0;
}

#wrap .special .js_row.no03{
    max-width: 1520px;
    margin: auto;
}

#wrap .service .js_row.no03 .txt_wrap{
    background: #fff;
}

#wrap .special .js_row.no03 .txt_wrap p{
    display: block;
	margin:0;
}

#wrap .special .js_row.no03 .txt_wrap .title1{
    margin-bottom: 50px;
    font-size: 60px;
}

#wrap .special .js_row.no03 .txt_wrap .tit{
    margin-bottom: 50px;
    font-size: 30px;
    opacity: 0.8;
}

#wrap .special .js_row.no03 .txt_wrap .txt{
    font-family: "Nanum Gothic";
}

#wrap .special .js_row.no03 .txt_wrap .txt .last{
    margin-top: 20px;
}

#wrap .special .js_row.no04{
    max-width: 1520px;
    margin: auto;
    margin-top: 110px;
    margin-bottom: 250px;
}

#wrap .special .js_row.no04 .lf .txt{
    text-align: right;
    padding-top: 70px;
    font-family: 'Noto Sans KR', sans-serif;
    color: #848484;
    font-weight: 300;
}

#wrap .special .js_row.no04 .rt{
    margin-top: 100px;
}

#wrap .special .js_row.no04 .img_wrap{
    background: #ddd;
    padding-top: 55%;
}

#wrap .special .js_row.no04 .rt .img_wrap{
    padding-top: 77%;
}

#wrap .special .js_row.no04 .txt_wrap{
    font-family: 'Noto Sans KR', sans-serif;
    color: #656565;
    font-size: 16px;
    margin-bottom: 100px;
}

#wrap .special .js_row.no04 .img_box .tit{
    font-family: 'Dynalight', cursive;
    font-size: 30px;
    color: #5e97cc;
}

#wrap .tour .js_row.no02{
    max-width: 1520px;
    margin: auto;
/*     word-break: keep-all; */
}

#wrap .tour .js_row.no02 .img_box,
#wrap .tour .js_row.no02 .color3{
    font-family: 'Noto Sans KR', sans-serif;
    padding: 0;
}

#wrap .tour .js_row.no02 .img_box .item{
    padding-top: 60%;
}

#wrap .tour .js_row.no02 .txt_box{
    padding: 50px;
    font-family: 'Noto Sans KR', sans-serif;
}

#wrap .tour .js_row.no02 .txt_box .no1{
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 22px;
}

#wrap .tour .js_row.no02 .txt_box .no2{
    font-size: 35px;
    font-weight: 400;
}

#wrap .tour .js_row.no02 .txt_box .txt1{
    padding: 75px 0 30px 0;
}


#wrap .tour .slide_wrap{
    position: relative;
}

#wrap .tour .slide_wrap .control{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
}

#wrap .tour .slide_wrap .control>div{
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    padding: 7px 10px;
    float: left;
    cursor: pointer;
}

#wrap .tour .slide_wrap .control i{
    font-size: 16px;
    vertical-align: middle;
}

#wrap .reserve .js_row{
    max-width: 1520px;
    margin: auto;
   font-family: 'Nanum Gothic', sans-serif;
    padding: 70px 15px;
    border-bottom: 1px solid #cfc1b0;
}
#wrap .reserve .js_row .txt_wrap .txt p{
	 font-family: 'Nanum Gothic', sans-serif;
	 font-size:15px;
	 margin-bottom:5px;
}
#wrap .reserve .priceWrapper .refund th{
    text-align: center;
}

#wrap .reserve .priceWrapper .refund{
    letter-spacing: -1px;
}

#wrap .reserve .js_row.no01{
    padding: 0 20px;
}

#wrap .reserve .js_row span.no2{
    font-size: 35px;
    font-weight: 500px;
	font-family: 'Nanum Myeongjo', serif;
}

#wrap .reserve .js_row span.no1{
    font-family: "Playfair Display", sans-serif;
    font-size: 22px;
}

#wrap .reserve .js_row .txt_wrap .tit{
    padding-bottom: 70px;
}

#wrap .reserve .js_row.no06 .img{
    padding-top: 35%;
}

#wrap .board{
    max-width: 1520px;
    margin: auto;
    padding: 0 15px;
}


.contents.map{
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
}

.contents.map .map_frame{
    width: 100%;
    height: 700px;
}

.contents.map .js_row.no02,
.contents.map .js_row.no03{
    max-width: 1520px;
    margin: auto;
    position: relative;
    z-index: 10;
}

.contents.map .item{
    margin-top: 100px;
    padding: 0 15px;
	color:#333333;
	font-family: "Nanum Gothic";
}

.contents.map .owl-item .item{
    margin-top: 0;
}

.contents.map .item>.tit{
    font-size: 31px;
    margin-bottom: 25px;
    font-family: 'Jeju Myeongjo', serif;
}

/* .contents.map .item>.txt{
    text-align: left;
} */

.contents.map .item ul>li{
    margin-bottom: 20px;
}

.contents.map .item ul .tit{
    font-size: 17px;
}

.contents.map .item.no3 ul>li{
    margin-bottom: 0;
}

.contents.map .js_row.no04{
    margin-top: 100px;
}

.contents.map .js_row.no04 .img{
    padding-top: 30%;
}

#wrap .reserve .priceScroll.refund_Wrap{
    width: 100%;
    position: static;
    float: none;
    left: auto;
    padding-right: 0;
    padding-left: 0;
}

#wrap .board{
    font-family: "Nanum Gothic";
}


#wrap .special .js_row.no02{
    text-align: center;
    border-top: 1px solid #ddd;
    margin-bottom: 220px;
}

#wrap .special .js_row.no02 .tit{
    font-size: 28px;
    padding: 100px 0;
}

#wrap .special .js_row.no03{
    max-width: 1520px;
    margin: auto;
}

#wrap .special .js_row.no03 .txt_wrap{
    display: inline-block;
    text-align: left;
    margin-top: -50px;
    /* background: white; */
    margin-left: 50px;
    padding: 0 20px;
    color: #3a3a3a;
}

#wrap .service .js_row.no03 .txt_wrap{
    background: #fff;
}

#wrap .special .js_row.no03 .txt_wrap span{
    display: block;
}

#wrap .special .js_row.no03 .txt_wrap .title1{
    margin-bottom: 50px;
    font-size: 60px;
}

#wrap .special .js_row.no03 .txt_wrap .tit{
    margin-bottom: 50px;
    font-size: 30px;
    opacity: 0.8;
}



#wrap .special .js_row.no03 .txt_wrap .txt .last{
    margin-top: 20px;
}

#wrap .special .js_row.no05 .img_wrap{
	padding-top:35%;
}

#wrap .special .js_row.no04{
    max-width: 1520px;
    margin: auto;
    margin-top: 110px;
    margin-bottom: 250px;
}

#wrap .special .js_row.no04 .lf .txt{
    text-align: right;
    padding-top: 70px;
    font-family: 'Noto Sans KR', sans-serif;
    color: #848484;
    font-weight: 300;
}
#wrap .special .js_row.no04 .lf .txt p{
	margin:0;
}
#wrap .special .js_row.no04 .rt{
    margin-top: 100px;
}

#wrap .special .js_row.no04 .img_wrap{
    background: #ddd;
    padding-top: 55%;
}

#wrap .special .js_row.no04 .rt .img_wrap{
    padding-top: 77%;
}

#wrap .special .js_row.no04 .txt_wrap{
    font-family: 'Noto Sans KR', sans-serif;
    color: #656565;
    font-size: 16px;
    margin-bottom: 100px;
}

#wrap .special .js_row.no04 .img_box .tit{
    font-family: 'Dynalight', cursive;
    font-size: 30px;
    color: #5e97cc;
}

#wrap.special .lSAction {
		position: absolute;
		bottom: 0;
		width: 100%;
		max-width: 200px;
		left: 50%;
		transform: translateX(-50%);
		bottom: 73px;
		z-index: 110;
	}

.quick_link{
    display: inline-block;
    width: 100%;
	max-width:1360px;
	margin:0 auto;
}

.quick_link li{
    float: left;
    padding: 0 20px;
    color: #3a3a3a;
    font-family: "Nanum Gothic";
    float: left;
    width: 100%;

}

.quick_link li .img_wrap{
    position: relative;
}

.quick_link li .img_wrap div{
    padding-top: 100%;
}

.quick_link li .img_wrap:before{
    position: absolute;
    content: "";
    display: block;
    background: #202020;
    opacity: 0.3;
    transition: 0.5s ease;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.quick_link li:hover .img_wrap:before{
    opacity: 0;
}

.quick_link li .name{
    margin-top: 10px;
}




/* 큰 기기들 (큰 데스크탑, 1200px 이상) */
@media (min-width: 1200px) {



}


@media (max-width: 992px) {
    #wrap .about01 .js_row.no02 .col.no02 .txt_wrap{
        padding: 5%;
    }

    #wrap .about01 .js_row.no02 .btn_type1{
        margin: 0;
    }

    #wrap .about01 .js_row.no02>.wrapper{
        margin-bottom: 100px;
    }

    #wrap .roompre .js_row.no02 .ko{
        width: 100%;
        margin-bottom: 20px;
    }

    #wrap .roompre .js_row.no02 .en_txt1,
    #wrap .roompre .js_row.no02 .btn_more{
        width: 50%;
        padding: 0 10px;
    }

    #wrap .tour .js_row.no02 .txt_box{
        padding: 20px;
    }

    #wrap .tour .js_row.no02 .txt_box .txt1 {
        padding: 20px 0 30px 0;
    }

    #wrap .tour .js_row.no02 .txt_box .no2{
        font-size: 30px;
    }

    #wrap .about01 .js_row.no04{
        padding: 0 20px 100px 20px;
    }



}



@media (max-width: 768px) {
		#wrap .reserve .js_row .txt_wrap .txt p{			
			 font-size:14px;
		}
	
	#wrap.special .lSAction{
			  bottom: 38px;
			 max-width:177px;
		}

	#wrap .about02 .js_row.no03 .title1{
		padding:0 10px;
	}
	#wrap .about01 .js_row.no02 .col.no02 .txt_wrap .txt{
	font-size:14px;
}
    #wrap .about01 .js_row.no02 .col.no02 .txt_wrap .tit{
        font-size: 30px;
        margin-bottom: 40px;
    }

    #wrap .about01 .js_row.no03 .tit{
        font-size: 16px;
        margin-bottom: 20px;
    }

    #wrap .about01 .js_row.no03 .txt_wrap{
        padding: 50px 0;
    }

    #wrap .about01 .js_row.no04 .btn_type1{
        max-width: 300px;
        width: 100%;
    }

    #wrap .about02 .js_row.no02 .row.no01 .lf .txt_wrap{
        margin-top: 20px;
    }

    #wrap .about02 .js_row.no02 .row.no01 .rt .tit{
        margin-bottom: 40px;
        padding-bottom: 40px;
    }

    #wrap .about02 .js_row.no02 .row.no01{
        margin-bottom: 120px;
    }

    #wrap .about02 .js_row.no02 .row.no02{
        margin-top: 0;
        margin-bottom: 150px;
    }

    #wrap .about02 .js_row.no02 .row.no01 .rt .tit span{
        border-bottom: none;
    }

/*     #content_list .txt_wrap{
        word-break: keep-all;
    }
     */
    #wrap .special .js_row.no02 .tit{
        font-size: 15px;
        padding-bottom: 50px;
        padding-top: 50px;
    }

    #wrap .special .js_row.no02{
        margin-bottom: 0px;
    }

    #wrap .special .js_row.no03 .txt_wrap .tit{
        font-size: 20px;
        margin-bottom: 30px;
    }

    #wrap .roompre .js_row.no02 .txt_wrap{
        margin-bottom: 40px;
    }

    #wrap .roompre .item{
        padding-top: 60% !important;
    }

    #wrap .roompre .js_row.no02 .btn-more .btn{
        margin-right: 0;
    }

    #wrap .roompre .js_row.no02 .tit:after{
        display: none;
    }

    #wrap .roompre .js_row.no02 .tit{
        font-size: 30px;
    }

    #wrap .roompre .js_row.no02 .en_txt1 span{
        display: inline;
    }

    #wrap .roompre .js_row.no04 .special li{
        /* width: 33.333333%; */
        /* margin-bottom: 20px; */
        /* padding: 10px; */
    }

    #wrap .roompre .js_row.no04 .special .img_wrap .box{
        padding: 10px;
    }

    #wrap .roompre .js_row.no04 .special li .txt_wrap{
        margin: 0px 15px 0;
    }

    #wrap .roompre .js_row.no04 .special li .txt_wrap .name{
        font-size: 20px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    #wrap .room .js_row.no05 .no01{
        padding-right: 0%;
    }

    #wrap .roompre .js_row.no04{
        padding: 50px 0;
    }

    #wrap .room .js_row.no02{
        margin-bottom: 50px;
    }

    #wrap .room .js_row.no03 .row.no01{
        margin-bottom: 10px;
    }

    #wrap .room .js_row.no03 .col-xs-4{
        padding: 0 5px;
    }

    /* #wrap .room .js_row.no03 .no02{
        padding: 0 10px;
    } */

    #wrap .room .js_row.no03 .no02 div:first-child{
        padding-right: 7.5px;
    }

    #wrap .room .js_row.no03 .no02 div:last-child{
        padding-left: 7.5px;
    }

    #wrap .room .js_row.no04{
        margin: 70px 0;
        margin-bottom: 20px;
    }

    #wrap .room .js_row.no05 .row.no02{
        margin-top: 15px;
    }

    #wrap .room .js_row.no05 .row.no02 .img_wrap{
        margin-top: 0%;
    }

    #wrap .special .js_row.no04 .rt{
        font-size: 20px;
    padding-bottom: 0;
    padding-top: 0;
	margin-top:0;
    }

    #wrap .special .js_row.no04 .lf .txt{
        padding: 20px 0;
    }

    #wrap .special .js_row.no04{
        margin-bottom: 100px;
    }

    #wrap .tour .js_row.no02 .txt_box .no1{
        font-size: 16px;
    }

    #wrap .tour .js_row.no02 .txt_box .no2{
        font-size: 25px;
    }

    #wrap .tour .js_row.no02 .txt_box .txt_wrap{
        font-size: 14px;
    }

    #wrap .service .slide2 .item{
        padding-top: 55%;
    }

    #wrap .service .roomslide_wrap .btn-left,
    #wrap .service .roomslide_wrap .btn-right{
        width: 10px;
    }

    .contents.map .map_frame{
        width: 100%;
        padding: 0 15px;
        height: 400px;
    }

    .contents.map .js_row.no04 .img{
        padding-top: 50%;
    }
	#wrap .about01 .js_row.no02 .col.no02 .txt_wrap p{
		margin-bottom:0px;
	}

}

@media (max-width: 520px) {

    #wrap .about01 .js_row.no02 .col.no02 .txt_wrap{
        width: 100%;
    }
	#wrap .about01 .js_row.no02 .col.no01 .img_wrap{
		width:100%;
	}
    #wrap .about01 .js_row.no02 .col.no02 .txt_wrap{
        margin-top: 5%;
    }
	#wrap .about01 .js_row.no02 .col.no02 .img_wrap{
		position:relative;
	}
    #wrap .about01 .js_row.no02 .col.no02 .txt_wrap .tit{
        font-size: 20px;
        margin-bottom: 25px;
    }

    #wrap .about01 .js_row.no02 .col.no02 .txt_wrap .txt{
        font-size: 14px;
    }

    #wrap .about01 .js_row.no02 .col.no02{
        margin-bottom: 50px;
    }

    #wrap .about01 .js_row.no02 .col.no03{
        padding: 0 15px;
    }


    #wrap .about01 .js_row.no02>.wrapper{
        margin-bottom: 50px;
    }
	#wrap .about01 .js_row.no02 .col.no02 .txt_wrap{
		float:none;
	}
    #wrap .about01 .js_row.no02 .col.no01 .img_wrap .img{
        padding-top: 75%;
    }

    #wrap .about01 .js_row.no02 .col.no02 .img_wrap{
        width: 100%;
		margin:0 auto;
    }

    #wrap .about01 .js_row.no02 .col.no02 .img_wrap .img{
        padding-top: 100%;
    }

    #wrap .about01 .js_row.no03 .txt_wrap{
        padding-bottom: 20px;
    }

    #wrap .about01 .js_row.no04{
        padding: 0 10px 100px 10px;
    }


    #wrap .about02 .js_row.no02 .row.no01 .rt{
        padding-top: 50px;
        padding-left: 16px;
    }

    #wrap .about02 .js_row.no02 .row.no01 .rt .tit{
        font-size: 23px;
        padding-bottom: 30px;
        margin-bottom: 20px;
    }
	#wrap .about02 .js_row.no02 .row.no01 .rt .tit p{
		margin-top:-3px;
	}
    #wrap .about02 .js_row.no02 .row.no02{
        margin-bottom: 70px;
        padding: 0;
    }

    #wrap .about02 .js_row.no03 .img{
        padding-top: 60%;
    }

    #wrap .about02 .js_row.no03 .title1{
        margin-bottom: 20px;
    }

    #wrap .special .js_row.no03 .txt_wrap{
        margin-top: 20px;
        margin-left: 0;
    }

    #wrap .about01 .js_row.no03 .bg{
        padding-top: 60%;
    }

    #wrap .special .js_row.no04{
        margin-top: 50px;
        margin-bottom: 40px;
    }

    #wrap .roompre .js_row.no02 .en_txt1{
        margin-bottom: 20px;
    }

    #wrap .roompre .js_row.no02 .btn-more .btn{
        float: left;
    }

    #wrap .roompre .js_row.no02 .en_txt1, #wrap .roompre .js_row.no02 .btn_more{
        width: 100%;
    }

    #wrap .roompre .js_row.no04{
        padding: 10px 0px 50px 0;
    }

    #wrap .roompre .js_row.no04 .special .img_wrap .box{
        padding: 3px;
    }

    #wrap .roompre .js_row.no04 .title_wrap{
        margin-bottom: 50px;
    }

    #wrap .roompre .js_row.no04 .special li .txt_wrap .name{
        font-size: 16px;
    }

    #wrap .roompre .js_row.no04 .special li .txt_wrap .name:before{
        height: 2px;

    }

    #wrap .roompre .js_row.no04 .special li .txt_wrap .name{
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    #wrap .roompre .js_row.no04 .special li .txt_wrap .txt{
        font-size: 12px;
    }



    #wrap .roompre .js_row.no03 .control .btn-right{
        right: 20px;
        font-size: 35px;
    }

    #wrap .roompre .js_row.no03 .control .btn-left{
        left: 20px;
        font-size: 35px;
    }

    #wrap .room .js_row.no05 .row.no02 .txt{
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 12px;
    }

    #wrap .room .js_row.no05 span{
        display: inline;
    }

    #wrap .reserve .js_row span.no1{
        font-size: 16px;
    }

    #wrap .reserve .js_row span.no2{
        font-size: 12px;
        display: block;
    }

    #wrap .reserve .js_row{
        padding: 40px 15px;
    }

    #wrap .reserve .js_row .txt_wrap .tit{
        padding-bottom: 20px;
    }

    #wrap .reserve .js_row.no06 .img{
        padding-top: 50%;
    }

    #wrap .service .slide2 .item{
        padding-top: 60%;
    }
}



/* 배치도 */
/* resort */
.resort #contents {background:#333;}
.resort_con {position:relative; width:100%; }

.resort_con01 .subTypo {font-size:66px; line-height:.8em; margin-bottom:30px;}
.resort_con01 .subTitle { margin-bottom:30px;}
.resort_condot{ position:absolute; width:70%; height:60%; right:11%; top:50%; transform: translateX(4%) translateY(-56%); }
.resort_con .circle{
	 width:13px;
	 height:13px;
	 border-radius:10px;
	 -moz-border-radius : 10px;
	 -webkit-border-radius : 10px;
	 -ms-border-radius :10px;
	 -khtml-border-radius : 10px;
	 -o-border-radius :10px;
	 background-color:#ffffff;
	 border: 2px solid red;
}
.tabsimg img{width:100%;}
@media (max-width: 1650px) {
.tabsimg img{width:80%;}

}
@media (max-width: 1000px) {
.tabsimg img{width:80%;}
.resort_condot {visibility:hidden;}
}
.resort_con01 .tabs{ position:absolute;right:33.2%; top:42%;  transform: translateX(-50%) translateY(-50%);}
.tabsimg{position:absolute;left:10.5%; top:37%;  transform: translateX(-30%) translateY(-37%);}
.tabstxt .toptxt{font-size:51px; color:#ffffff}
.tabstxt .middletxt{font-size:31px;color:#ffffff}
.tabstxt .bottomtxt{font-size:18px;color:#ffffff}
.tabspoint{position:absolute;right:32.4%; top:39%;  transform: translateX(-50%) translateY(-50%);}
.tabspoint img{visibility:hidden;}

.resort_con01 .tabsimg{visibility:hidden;}
.resort_con01 .tabstxt{visibility:hidden;}
.resort_con01.on .tabsimg{visibility:visible;}
.resort_con01.on .tabsline dt span{visibility:visible;}
.resort_con01.on .tabstxt{visibility:visible;}
.resort_con01.on .tabspoint img{visibility:visible;}
.resort_con01.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 58%;}
.resort_con01.on .tabstxt{ position: absolute;left: 14%; top: 69%; transform: translateX(-50%) translateY(-50%);}
.resort_con01 .tabspoint{position:absolute;right:32.59%; top:39%;  transform: translateX(-50%) translateY(-50%);}

.resort_con02 .tabs{ position:absolute;right:30.5%; top:42%; transform: translateX(-50%) translateY(-50%); }
.resort_con02 .tabsimg{visibility:hidden;}
.resort_con02.on .tabsimg{visibility:visible;}

.resort_con02 .tabspoint{position:absolute;right:29.89%; top:39%;  transform: translateX(-50%) translateY(-50%);}
.resort_con02 .tabspoint img{visibility:hidden;}
.resort_con02.on .tabspoint img{visibility:visible;}
.resort_con02.on .tabsline dt span{visibility:visible;}
.resort_con02.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 58%;}
.resort_con02 .tabstxt{visibility:hidden;}
.resort_con02.on .tabstxt{visibility:visible; position: absolute;left: 14%; top: 69%; transform: translateX(-50%) translateY(-50%);}


.resort_con03 .tabs{ position:absolute;right:21%; top:42%; transform: translateX(-50%) translateY(-50%); }
.resort_con03 .tabsimg{visibility:hidden;}
.resort_con03.on .tabsimg{visibility:visible;}
.resort_con03 .tabspoint{position:absolute;right:20.2%; top:39%;  transform: translateX(-50%) translateY(-50%);}
.resort_con03 .tabspoint img{visibility:hidden;}
.resort_con03.on .tabspoint img{visibility:visible;}
.resort_con03.on .tabsline dt span{visibility:visible;}
.resort_con03.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 58%;}
.resort_con03 .tabstxt{visibility:hidden;}
.resort_con03.on .tabstxt{visibility:visible; position: absolute;left: 13%; top: 69%; transform: translateX(-50%) translateY(-50%);}

.resort_con04 .tabs{ position:absolute; right:18%; top:42%; transform: translateX(-50%) translateY(-50%);  }
.resort_con04 .tabsimg{visibility:hidden;}
.resort_con04.on .tabsimg{visibility:visible;}
.resort_con04 .tabspoint{position:absolute;right:17.2%; top:39%;  transform: translateX(-50%) translateY(-50%);}
.resort_con04 .tabspoint img{visibility:hidden;}
.resort_con04.on .tabspoint img{visibility:visible;}
.resort_con04.on .tabsline dt span{visibility:visible;}
.resort_con04.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 58%;}
.resort_con04 .tabstxt{visibility:hidden;}
.resort_con04.on .tabstxt{visibility:visible; position: absolute;left: 14.5%; top: 69%; transform: translateX(-50%) translateY(-50%);}

.resort_con05 .tabs{ position:absolute;right:15%; top:42%; transform: translateX(-50%) translateY(-50%); }
.resort_con05 .tabsimg{visibility:hidden;}
.resort_con05.on .tabsimg{visibility:visible;}
.resort_con05 .tabspoint{position:absolute;right:14.2%; top:39%;  transform: translateX(-50%) translateY(-50%);}
.resort_con05 .tabspoint img{visibility:hidden;}
.resort_con05.on .tabspoint img{visibility:visible;}
.resort_con05.on .tabsline dt span{visibility:visible;}
.resort_con05.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 58%;}
.resort_con05 .tabstxt{visibility:hidden;}
.resort_con05.on .tabstxt{visibility:visible; position: absolute;left: 12.5%; top: 69%; transform: translateX(-50%) translateY(-50%);}

.resort_con06 .tabs{ position:absolute;right:12.5%; top:42%; transform: translateX(-50%) translateY(-50%)}
.resort_con06 .tabsimg{visibility:hidden;}
.resort_con06.on .tabsimg{visibility:visible;}
.resort_con06 .tabspoint{position:absolute;right:11.7%; top:39%;  transform: translateX(-50%) translateY(-50%);}
.resort_con06 .tabspoint img{visibility:hidden;}
.resort_con06.on .tabspoint img{visibility:visible;}
.resort_con06.on .tabsline dt span{visibility:visible;}
.resort_con06.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 58%;}
.resort_con06 .tabstxt{visibility:hidden;}
.resort_con06.on .tabstxt{visibility:visible; position: absolute;left: 10.5%; top: 69%; transform: translateX(-50%) translateY(-50%);}

.resort_con07 .tabs { position:absolute;right:33.2%; top:51%;  transform: translateX(-50%) translateY(50%);}
.resort_con07 .tabsimg{visibility:hidden;}
.resort_con07.on .tabsimg{visibility:visible;}
.resort_con07 .tabspoint{position:absolute;right:32.4%; top:50%;  transform: translateX(-50%) translateY(-50%);}
.resort_con07 .tabspoint img{visibility:hidden;}
.resort_con07.on .tabspoint img{visibility:visible;}
.resort_con07.on .tabsline dt span{visibility:visible;}
.resort_con07.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 58%;}
.resort_con07 .tabstxt{visibility:hidden;}
.resort_con07.on .tabstxt{visibility:visible; position: absolute;left: 10.8%; top: 69%; transform: translateX(-50%) translateY(-50%);}

.resort_con08 .tabs{ position:absolute;right:30.5%; top:51%; transform: translateX(-50%) translateY(50%); }
.resort_con08 .tabsimg{visibility:hidden;}
.resort_con08.on .tabsimg{visibility:visible;}
.resort_con08 .tabspoint{position:absolute;right:29.7%; top:50%;  transform: translateX(-50%) translateY(-50%);}
.resort_con08 .tabspoint img{visibility:hidden;}
.resort_con08.on .tabspoint img{visibility:visible;}
.resort_con08.on .tabsline dt span{visibility:visible;}
.resort_con08.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 58%;}
.resort_con08 .tabstxt{visibility:hidden;}
.resort_con08.on .tabstxt{visibility:visible; position: absolute;left: 10.5%; top: 69%; transform: translateX(-50%) translateY(-50%);}

.resort_con09 .tabs{ position:absolute;right:21%; top:51%; transform: translateX(-50%) translateY(50%); }
.resort_con09 .tabsimg{visibility:hidden;}
.resort_con09.on .tabsimg{visibility:visible;}
.resort_con09 .tabspoint{position:absolute;right:20.2%; top:50%;  transform: translateX(-50%) translateY(-50%);}
.resort_con09 .tabspoint img{visibility:hidden;}
.resort_con09.on .tabspoint img{visibility:visible;}
.resort_con09.on .tabsline dt span{visibility:visible;}
.resort_con09.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 58%;}
.resort_con09 .tabstxt{visibility:hidden;}
.resort_con09.on .tabstxt{visibility:visible; position: absolute;left: 11.5%; top: 69%; transform: translateX(-50%) translateY(-50%);}

.resort_con10 .tabs{ position:absolute; right:18%; top:51%; transform: translateX(-50%) translateY(50%);  }
.resort_con10 .tabsimg{visibility:hidden;}
.resort_con10.on .tabsimg{visibility:visible;}
.resort_con10 .tabspoint{position:absolute;right:17.2%; top:50%;  transform: translateX(-50%) translateY(-50%);}
.resort_con10 .tabspoint img{visibility:hidden;}
.resort_con10.on .tabspoint img{visibility:visible;}
.resort_con10.on .tabsline dt span{visibility:visible;}
.resort_con10.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 778px;}
.resort_con10 .tabstxt{visibility:hidden;}
.resort_con10.on .tabstxt{visibility:visible; position: absolute;left: 12%; top: 69%; transform: translateX(-50%) translateY(-50%);}

.resort_con11 .tabs{ position:absolute;right:15%; top:51%; transform: translateX(-50%) translateY(50%); }
.resort_con11 .tabsimg{visibility:hidden;}
.resort_con11.on .tabsimg{visibility:visible;}
.resort_con11 .tabspoint{position:absolute;right:14.2%; top:50%;  transform: translateX(-50%) translateY(-50%);}
.resort_con11 .tabspoint img{visibility:hidden;}
.resort_con11.on .tabspoint img{visibility:visible;}
.resort_con11.on .tabsline dt span{visibility:visible;}
.resort_con11.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 58%;}
.resort_con11 .tabstxt{visibility:hidden;}
.resort_con11.on .tabstxt{visibility:visible; position: absolute;left: 14%; top: 69%; transform: translateX(-50%) translateY(-50%);}

.resort_con12 .tabs{ position:absolute;right:12%; top:51%; transform: translateX(-50%) translateY(50%)}
.resort_con12 .tabsimg{visibility:hidden;}
.resort_con12.on .tabsimg{visibility:visible;}
.resort_con12 .tabspoint{position:absolute;right:11%; top:50%;  transform: translateX(-50%) translateY(-50%);}
.resort_con12 .tabspoint img{visibility:hidden;}
.resort_con12.on .tabspoint img{visibility:visible;}
.resort_con12.on .tabsline dt span{visibility:visible;}
.resort_con12.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 58%;}
.resort_con12 .tabstxt{visibility:hidden;}
.resort_con12.on .tabstxt{visibility:visible; position: absolute;left: 13%; top: 69%; transform: translateX(-50%) translateY(-50%);}

.resort_con13 .tabs{ position:absolute; right:31.3%; bottom:33%; transform: translateX(-50%) translateY(50%);    z-index: 10000;  }
.resort_con13 .tabsimg{visibility:hidden;}
.resort_con13.on .tabsimg{visibility:visible;}
.resort_con13 .tabspoint{position:absolute;right:30.5%; top:57%;  transform: translateX(-50%) translateY(50%);}
.resort_con13 .tabspoint img{visibility:hidden;}
.resort_con13.on .tabspoint img{visibility:visible;}
.resort_con13.on .tabsline dt span{visibility:visible;}
.resort_con13.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 58%;}
.resort_con13 .tabstxt{visibility:hidden;}
.resort_con13.on .tabstxt{visibility:visible; position: absolute;left: 14.5%; top: 69%; transform: translateX(-50%) translateY(-50%);}

.resort_con14 .tabs{ position:absolute;right:19%; bottom:33%; transform: translateX(-50%) translateY(50%);     z-index: 10000;}
.resort_con14 .tabsimg{visibility:hidden;}
.resort_con14.on .tabsimg{visibility:visible;}
.resort_con14 .tabspoint{position:absolute;right:18.1%; top:57%;  transform: translateX(-50%) translateY(50%);}
.resort_con14 .tabspoint img{visibility:hidden;}
.resort_con14.on .tabspoint img{visibility:visible;}
.resort_con14.on .tabsline dt span{visibility:visible;}
.resort_con14.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 58%;}
.resort_con14 .tabstxt{visibility:hidden;}
.resort_con14.on .tabstxt{visibility:visible; position: absolute;left: 18%; top: 69%; transform: translateX(-50%) translateY(-50%);}

.resort_con15 .tabs{ position:absolute;right:10%; bottom:33%; transform: translateX(-50%) translateY(50%);z-index: 10000;}
.resort_con15 .tabsimg{visibility:hidden;}
.resort_con15.on .tabsimg{visibility:visible;}
.resort_con15 .tabspoint{position:absolute;right:10.7%; top:57%;  transform: translateX(50%) translateY(50%);}
.resort_con15 .tabspoint img{visibility:hidden;}
.resort_con15.on .tabspoint img{visibility:visible;}
.resort_con15.on .tabsline dt span{visibility:visible;}
.resort_con15.on .tabsline{ position: absolute;right: 5%; top: 69%; transform: translateX(-50%) translateY(-50%); border: 0.3px solid red; width: 58%;}
.resort_con15 .tabstxt{visibility:hidden;}
.resort_con15.on .tabstxt{visibility:visible; position: absolute;left: 17%; top: 69%; transform: translateX(-50%) translateY(-50%);}

.resort .tabs { padding:10px 0; background:url(../images/resort/bg_line.png) left bottom repeat-x; }
.resort .tabs dt { margin:0; padding:10px 0; background:url(../images/resort/bg_line.png) left top repeat-x;  font-size:20px; line-height:1.5em; font-weight:700;  }
.resort .tabs dt a:hover, .resort .tabs dt a:focus {color:#fb755a;}
.resort .tabs dt.selected {}
.resort .tabs dt span.icon { display:inline-block; width:18px; height:20px; background-image:url(../images/resort/resort_icon2.png);background-repeat:no-repeat; vertical-align:middle; margin-left:5px;}
.icon.icon01 {background-position:0 0;}
.icon.icon02 {background-position:-18px 0;}
.icon.icon03 {background-position:-36px 0;}
.icon.icon04 {background-position:-54px 0;}
.resort .tabs dd {}
.resort .tabs dd.selected {}
@media (max-width: 1500px) {
.tabstxt .toptxt{font-size:41px;}
.tabstxt .middletxt{font-size:21px;}
.tabstxt .bottomtxt{font-size:08px;}
.tabstxt .toptxt{line-height: 1.1;}
.tabstxt .middletxt{line-height: 1.1;}
.tabstxt .bottomtxt{line-height: 1.1;}
}
@media (max-width: 1200px) {
.resort_con .circle{
width:10px;
height:10px;
.tabstxt .toptxt{font-size:31px;}
.tabstxt .middletxt{font-size:21px;}
.tabstxt .bottomtxt{font-size:08px;}
}


}
.room_loaction { position:absolute; width:600px; height:360px; left:670px; bottom:290px; }

	.room_loaction li { position:absolute;}
	.room_loaction a  { display:block; width:30px; height:30px; padding:0 2px 2px; opacity:0; filter: alpha(opacity=0;);}
	.room_loaction .icon { display:block; width:30px; height:30px; background:url(../images/resort/resort_icon.png) no-repeat;}
	.room_loaction .num { display:block; text-align:center; vertical-align:middle; margin-top:-28px; font-size:15px; line-height:12px; font-weight:700;}
	.room_loaction .room_suite .num {color:navy;}

	.room_poolvilla {}
	.room_poolvilla a .icon {}
	.room_poolvilla .pool01 {left:510px; top:268px;}
	.room_poolvilla .pool02 {left:466px; top:248px;}
	.room_poolvilla .pool03 {left:410px; top:220px;}

	.room_penthouse {}
	.room_penthouse a .icon {background-position:-30px 0;}
	.room_penthouse .pent01 {left:120px; top:186px;}
	.room_penthouse .pent02 {left:97px; top:147px;}
	.room_penthouse .pent03 {left:280px; top:48px;}
	.room_penthouse .pent04 {left:220px; top:54px;}
	.room_penthouse .pent05 {left:97px; top:68px;}
	.room_penthouse .pent06 {left:97px; top:110px;}

	.room_suite {}
	.room_suite a .icon {background-position:-60px 0;}
	.room_suite .s01 {left:288px; top:164px;}
	.room_suite .s02 {left:248px; top:168px;}
	.room_suite .s03 {left:202px; top:176px;}
	.room_suite .s04 {left:250px; top:126px;}
	.room_suite .s05 {left:192px; top:135px;}
	.room_suite .s06 {left:250px; top:88px;}
	.room_suite .s07 {left:192px; top:95px;}
	.room_suite .s08 {left:390px; top:165px;}
	.room_suite .s09 {left:539px; top:181px;}
	.room_suite .s10 {left:488px; top:162px;}
	.room_suite .s11 {left:435px; top:142px;}
	.room_suite .s12 {left:390px; top:124px;}
	.room_suite .s13 {left:490px; top:119px;}
	.room_suite .s14 {left:440px; top:99px;}
	.room_suite .s15 {left:390px; top:80px;}

	.room_deluxe {}
	.room_deluxe a .icon {background-position:-90px 0;}
	.room_deluxe .d01 {left:298px; top:120px;}
	.room_deluxe .d02 {left:298px; top:82px;}
	.room_deluxe .d03 {left:542px; top:230px;}
	.room_deluxe .d04 {left:504px; top:216px;}
	.room_deluxe .d05 {left:472px; top:200px;}
	.room_deluxe .d06 {left:438px; top:188px;}
	.room_deluxe .d07 {left:544px; top:138px;}




.tb_scr_info{    font-family: 'Noto Sans KR', sans-serif;
    padding: 0 15px;
    margin-bottom: 5px;
    color: #323232;
    font-size: 12px;}