/*************************************** style1.css ****************************************/


/*************************************** 
버튼스타일 
****************************************/
.btn_style1 {
    text-align: center;
}

.btn_style1 a {
    font-size: 15px;
    padding: 8px 40px;
    display: inline-block;
    border: solid 1px #d2d2d2;
    transition: .3s ease-in-out;
    border-radius: 100px;
}

.btn_style1 a:hover {
    background: #d2d2d2;
    border: 1px solid transparent;
    color: #333;
}

/*btn_style2*/
.btn_style2 a {
    width: 80px;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
    transition: .3s ease-in-out;
    border-bottom: 2px solid #333;

}

.btn_style2 a:hover {
    width: 140px;
    border-bottom: 2px solid #333;

}

/*btn_style3*/
.btn_style3 {
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.btn_style3 a {
    font-size: 15px;
    color: #fff;
    padding: 8px 40px;
    display: inline-block;
    border: solid 1px #d2d2d2;
    transition: .3s ease-in-out;
    border-radius: 100px;
}

.btn_style3 a:hover {
    background: #fff;
    border: 1px solid transparent;
    color: #333;
}

/*btn_style4*/
.btn_style4 a {
    font-size: 18px;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    transition: .3s ease-in-out;
    width: 100%;
    background: #000;

}

.btn_style4 a img {
    vertical-align: middle;
    margin-left: 20px;
}

.btn_style4 a:hover {
    background: #333;
}

@media (max-width: 480px) {
  .btn_style4 a{ font-size: 14px;}
}

/*************************************** 
타이틀 / 텍스트 
****************************************/
.f-c1 {
    color: #000;
}

.txt1 {
    color: #888; 
    text-align: center;
    margin-bottom: 60px;
}

.txt2 {
    font-family: 'Playfair Display', sans-serif;
    font-size: 32px;   
    font-weight: 400;
    /*font-style: italic;*/
    text-align: center;
    text-transform:uppercase;
    letter-spacing: 2px;
}

.txt3 {
    color: #555; 
}

.txt4 {
    font-size: 24px;   
    font-weight: 400;
    text-align: center;
    letter-spacing: 0;
    margin-top: 30px;
    color: #000;
}

.txt5 {
    font-size: 18px;   
    font-weight: 400;
    text-align: center;
    margin-top: 30px;
    color: #000;
}
.tit1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    text-transform:uppercase;
    letter-spacing: 2px;
   
}

.tit2 {
    font-family: 'Playfair Display', sans-serif;
    font-size: 48px;   
    font-weight: 800;
    text-align: center;
    text-transform:uppercase;
    letter-spacing: 2px;
    line-height: 48px;
}

.tit2 span {
    color:#8888;
}

.tit3 {
   font-family: 'Cafe24Dangdanghae';
    font-size: 42px;
    text-align: center;
    font-weight: 600;
    text-transform:uppercase;
    letter-spacing: 20px;
   
}

.tit4 {
    font-size: 48px;
    text-align: center;
    font-weight: 600;
    text-transform:uppercase;
    letter-spacing: 2px;
    color: #000;   
	line-height: 48px;
}


.tit5 {
    font-size: 37px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 2px;
    color: #000;  
    margin-bottom: 20px;
    line-height: 47px;
}


.txt6 {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    line-height: 44px;
}


.tit7 {
    font-size: 37px;
    font-weight: 600;
    color: #000;  
    margin-bottom: 20px;    
}

.txt_line {text-align: left;}

.tit_style1 .tit1 { margin-bottom: 20px;}
.tit_style1 .tit2 { margin-bottom: 40px;}

@media (max-width: 900px) {
    .tit_style1 .txt1 br {display: none;}
	.tit3 { }
}



/*스크로 다운버튼*/

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

/*************************************** 
sub_txt_box 공통 텍스트 박스
****************************************/
.sub_txt_box_wrap .tit4 {padding-top: 40px;}
.sub_txt_box {width: 100%; border-top: 2px solid #000; margin-top: 80px;}
.sub_txt_box ul.line {border-top: 2px solid #000; }
.sub_txt_box ul {overflow: hidden;}
.sub_txt_box ul li { float: left; margin: 40px 0;}
.sub_txt_box ul{ border-bottom: 1px solid #eee; }
.sub_txt_box ul .name { padding-left: 30px; width: 25%; font-size: 20px;}
.sub_txt_box ul .info {width: 75%;  }
.sub_txt_box .tit1 { font-weight: 800;}
.sub_txt_box b { font-weight: 600; letter-spacing: 5px; margin-left: 10px;}


@media (max-width: 1000px) {
    .sub_txt_box_wrap .tit4 {padding-top: 0; font-size: 40px }
    .sub_txt_box_wrap .tit5 {font-size: 2px }
    .sub_txt_box ul li { float:none; margin:0;}
    .sub_txt_box ul .name { padding-left: 0; width: auto; margin: 40px 0 20px; }
    .sub_txt_box ul .info {width:auto; margin-bottom: 40px; }

}
@media (max-width: 800px) {
    .sub_txt_box_wrap .tit4 {padding-top: 0; font-size: 30px; letter-spacing: normal;}
}
/*************************************** 
landscape 소개
****************************************/
.landscape_wrap {background-image: url(../img/landscape/bg.jpg); background-attachment:fixed; background-position: bottom right; background-size: cover;}
.landscape_txt img { margin-bottom: 400px; }
.landscape_txt .tit1 {text-align: left; font-size: 20px;}
.landscape_txt .tit2 {text-align: left; font-size: 26px;  font-weight: 400; margin: 60px 0 10px 0;     line-height: 1.6;}
.landscape_txt .tit3 {text-align: left; font-size: 48px;   line-height: 1.6;}
.landscape_txt .txt1 {text-align: left; margin: 80px 0 0; color: #555; font-weight: 400;}

@media (max-width: 900px) {
    .landscape_txt .tit2 {font-size: 18px;}
    .landscape_txt img { margin-bottom: 100px; }
	.landscape_txt .tit3 { font-size: 32px; }
}

/*************************************** 
map 약도  
****************************************/
.map { display: inline-block; width: 100%; height: 540px; background-image: url(../img/map/map.jpg); background-position: center; background-repeat: no-repeat; }
























@media (max-width: 1440px) {}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {}

@media (max-width: 680px) {}

@media (max-width: 640px) {}

@media (max-width: 480px) {}

@media (max-width: 410px) {}




/*************************************** 
photo_pc 사진  
****************************************/
/*
.photo_mo {
    display: none;
}
*/

.photo_pc .photo,
.photo_mo .photo {
    width: 100%;
}

/*
@media (max-width: 640px) {
    .photo_pc {
        display: none;
    }

    .photo_mo {
        display: block;
    }
}
*/

/*************************************** 
main 메인 서브 비주얼
****************************************/
.main_visual_mo { width: 100%; height: 780px; background-image: url(../img/main/main_mo.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; }


.main_visual_pcMV { 
	display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}


.visual_pcMV { 
	display: block;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

.main_visual_v_tit {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
  z-index: 9;
}

.sub_visual_v_tit  {
    position: absolute;
    bottom: 180px;
    right: 0;
    left: 0;
    z-index: 9;
    color: #fff;
    text-align: center; text-shadow: 0 2px 2px rgba(0, 0, 0, 1);
}
/*.sub_visual_v_tit .tit3 {letter-spacing: 30px;}*/
.sub_visual_v_tit .tit3_1 {letter-spacing: 10px;}
.sub_visual_v_tit p {
    font-weight: 400;
    font-size: 20px;
    margin:20px 0 80px 0;
}

.btn_scroll {
  position: absolute;
  bottom: 180px;
  margin-left: -30px;
  z-index: 9;
    background-image: url(../img/etc/btn_scroll.png);
}
.visual_moMV {
    display: none;
}

.visual_mo {
    display: none;
}


/*비주얼사진*/
.main_visual_pcMV {background-image: url(../img/main/0.jpg);}
.landscape_visual_pcMV {background-image: url(../img/landscape/0.jpg);}
.map_visual_pcMV {background-image: url(../img/map/0.jpg);}
.room_visual_pcMV {background-image: url(../img/room/0.jpg);}
.room1_visual_pcMV {background-image: url(../img/room/room1/0.jpg);}
.room2_visual_pcMV {background-image: url(../img/room/room2/0.jpg);}
.room3_visual_pcMV {background-image: url(../img/room/room3/0.jpg);}
.room4_visual_pcMV {background-image: url(../img/room/room4/0.jpg);}
.room5_visual_pcMV {background-image: url(../img/room/room5/0.jpg);}
.room6_visual_pcMV {background-image: url(../img/room/room6/0.jpg);}
.room7_visual_pcMV {background-image: url(../img/room/room7/0.jpg);}
.room8_visual_pcMV {background-image: url(../img/room/room8/0.jpg);}
.room9_visual_pcMV {background-image: url(../img/room/room9/0.jpg);}
.room10_visual_pcMV {background-image: url(../img/room/room10/0.jpg);}

.service_visual_pcMV {background-image: url(../img/service/0.jpg);}
.service1_visual_pcMV {background-image: url(../img/service/service1/0.jpg);}
.service2_visual_pcMV {background-image: url(../img/service/service2/0.jpg);}
.service3_visual_pcMV {background-image: url(../img/service/service3/0.jpg);}
.service4_visual_pcMV {background-image: url(../img/service/service4/0.jpg);}
.service5_visual_pcMV {background-image: url(../img/service/service5/0.jpg);}
.service6_visual_pcMV {background-image: url(../img/service/service6/0.jpg);}
.service7_visual_pcMV {background-image: url(../img/service/service7/0.jpg);}
.service8_visual_pcMV {background-image: url(../img/service/service8/0.jpg);}
.service9_visual_pcMV {background-image: url(../img/service/service9/0.jpg);}
.service10_visual_pcMV {background-image: url(../img/service/service10/0.jpg);}

.facility_visual_pcMV {background-image: url(../img/facility/0.jpg);}
.facility1_visual_pcMV {background-image: url(../img/facility/facility1/0.jpg);}
.facility2_visual_pcMV {background-image: url(../img/facility/facility2/0.jpg);}
.facility3_visual_pcMV {background-image: url(../img/facility/facility3/0.jpg);}
.facility4_visual_pcMV {background-image: url(../img/facility/facility4/0.jpg);}
.facility5_visual_pcMV {background-image: url(../img/facility/facility5/0.jpg);}
.facility6_visual_pcMV {background-image: url(../img/facility/facility6/0.jpg);}
.facility7_visual_pcMV {background-image: url(../img/facility/facility7/0.jpg);}
.facility8_visual_pcMV {background-image: url(../img/facility/facility8/0.jpg);}
.facility9_visual_pcMV {background-image: url(../img/facility/facility9/0.jpg);}
.facility10_visual_pcMV {background-image: url(../img/facility/facility10/0.jpg);}

.tour_visual_pcMV {background-image: url(../img/tour/0.jpg);}
.info_visual_pcMV {background-image: url(../img/info/0.jpg);}
.reserve_visual_pcMV {background-image: url(../img/reserve/0.jpg);}
.board_visual_pcMV {background-image: url(../img/board/0.jpg);}


@media (max-width: 1280px) {
    .btn_scroll {
    display: none;
    }    
   .sub_visual_v_tit  {
    bottom: 80px;
	}
}   



@media (max-width: 980px) { 
	.main_visual_v_tit  {
   display: none;
	}
	.sub_visual_v_tit  {
   display: none;
	}
}   


@media (max-width: 680px) {
    .visual_pcMV {
        display: none;
    }

    .visual_moMV {
        display: block;
    }

    .visual_mo {
        display: block;
        width: 100%;
    }
}



/*테이블*/
.info_table {
width: 100%;
overflow-x: auto;
}

.info_table table {
width: 50%;
border-collapse: separate;
border-spacing: 1px;
text-align: center;
line-height: 1.5;
margin: 20px 10px;
background: #eee;

}

.info_table table th {
padding: 10px;
font-weight: bold;
vertical-align: top;
color: #fff;
background: #acacac;
}

.info_table table td {
padding: 10px;
vertical-align: top;
background: #fff;
}

.info_table table .bg th {
background: #acacac;
}

@media (max-width: 1200px) {
.info_txt1 {
margin: 0 20px;
}
.info_txt2 .tit1 {
font-size: 18px;
}
.info_txt1 .col3 {
width: 100%;
}
}

@media (max-width: 640px) {

.info_table table {
width: 80%;
}

.info_txt1 .col3{
padding: 0 0 40px;
}
.info_txt1 .tit6 {
font-size: 18px;
padding-bottom: 20px;
}
.info_txt1 .txt {
margin-top: 20px;
}
}


/***************************************
반슬라이드1 : 주변여행지
****************************************/
.tour_tit {margin: 80px 0;}
@media (max-width: 480px) { 
    .tour_tit {margin: 40px 0;}
}
/*반슬라이드1 : 주변여행지*/
.small_box_1 {width: 100%; content:"";display:table;clear:both; }
.small_box_1 .small_photo .bx-wrapper .bx-pager {text-align: center; right: inherit; bottom:20px;} 
.small_box_1 .small_photo .bx-prev, .small_box_1 .small_photo .bx-next{ display: none; }
.small_box_1 .small_photo .img{max-width: 100%; height: 680px; background-position:top; background-repeat:no-repeat; background-size:cover;   overflow: hidden;}
/*텍스트*/
.small_box_1 > .txt { padding: 130px 160px 80px;  }
.small_box_1 .tit5 { margin-bottom: 60px; letter-spacing: 0;}
.small_box_1 .txt .tit2 { font-size: 60px; font-weight: 200; padding-bottom: 40px; }
.small_box_1 .txt .en2 {  height: 50px;  }
.small_box_1 .txt .en2 .tit { font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 17px; font-weight: 800; position: absolute; background: #fff; padding-right: 40px;letter-spacing: 5px; }
.small_box_1 .txt .en2 span { display: inline-block; width: 100%; height: 1px; background: #000;  }
@media (max-width: 1440px) { 
    .small_box_1 .small_photo .img{height: 540px; }
    .small_box_1 > .txt { padding: 80px 10% 80px; }
}
@media (max-width: 900px) { 
    .small_box_1 > .txt { padding: 40px 10% 40px; }
}
@media (max-width: 480px) { 
    .small_box_1 .small_photo .img{height: 380px; }
    .small_box_1 .tit5 {font-size: 28px; margin-bottom: 20px;}
	.small_box_1 .txt .en2 span{ height: 0px; }
}

/*반슬라이드2 : 주변여행지*/
.small_box_2 {width: 100%; content:"";display:table;clear:both; }
.small_box_2 .small_photo .bx-wrapper .bx-pager {text-align: center; right: inherit; bottom:20px;} 
.small_box_2 .small_photo .bx-prev, .small_box_2 .small_photo .bx-next{ display: none; }
.small_box_2 .small_photo .img{max-width: 100%; height: 680px; background-position:top; background-repeat:no-repeat; background-size:cover;   overflow: hidden;}
/*텍스트*/
.small_box_2 > .txt { padding: 130px 160px 80px;  }
.small_box_2 .tit5 { margin-bottom: 60px; letter-spacing: 0;}
.small_box_2 .txt .en2 {  height: 50px;  }
.small_box_2 .txt .en2 .tit { font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 17px; font-weight: 800; position: absolute; background: #fff; padding-right: 40px;letter-spacing: 5px; }
.small_box_2 .txt .en2 span { display: inline-block; width: 100%; height: 1px; background: #000; margin-top: 25px; }
.small_box_2 .m_o {display: none;}
@media (max-width: 1440px) { 
    .small_box_2 .small_photo .img{height: 540px; }
    .small_box_2 > .txt { padding: 80px 10% 80px; }
}
@media (max-width: 900px) { 
    .small_box_2 > .txt { padding: 40px 10% 40px; }
    .small_box_2 .m_x {display: none;}
    .small_box_2 .m_o {display: block;}    
}
@media (max-width: 480px) { 
    .small_box_2 .small_photo .img{height: 380px; }
    .small_box_2 .tit5 {font-size: 28px; margin-bottom: 10px;}
	.small_box_2 .txt .en2 span{ height: 0px; }
}



/***************************************
photo-slider1
****************************************/

.photo-slider1 .img {
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.main-slider{ position:  relative ;}


.sub-slider .tit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 9999;
    color: #fff;
}

.sub-slider .tit h2 {
    font-family: Montserrat, sans-serif;
    font-size: 80px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.sub-slider .tit .tit-s {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: .5em;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 16px;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

.sub-slider .tit h4 {
    font-size: 15px;
    font-weight: 400;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 1300px) {
    .main-slider .tit h2 {
        font-size: 54px;
    }

    .sub-slider .tit h2 {
        font-size: 54px;
    }

    .sub-slider .tit .tit-s {
        font-size: 10px;
        letter-spacing: .2em;
        margin-top: 8px;
        margin-bottom: 8px;
    }

}

@media only screen and (max-width: 998px) {
    .main_photo .bx-wrapper .bx-pager.bx-default-pager a { display: none;}
    .sub_photo .bx-wrapper .bx-pager.bx-default-pager a { display: none;}
    .main-slider .tit {
        position: absolute;
        width: 100%;
        top: 300px;
        left: 0%;
        transform: translate(0, 0);
        text-align: center;
        z-index: 9999;
        color: #fff;
    }

    .main-slider .tit h2 {
        font-size: 32px;
    }

    .main-slider .tit .c-box {
        display: none;
        /* margin-top: 24px; */
    }

    .sub-slider .tit {
        position: absolute;
        width: 100%;
        top: 300px;
        left: 0%;
        transform: translate(0, 0);
        text-align: center;
        z-index: 9999;
        color: #fff;
    }

    .sub-slider .tit h2 {
        font-size: 32px;
    }

    .photo-slider1 .img {
        height: 660px;
    }

}

@media only screen and (max-width: 834px) {
    .main-slider .tit {
        top: 120px;
    }

    .main-slider .tit h2 {
        font-size: 24px;
    }

    .sub-slider .tit {
        top: 120px;
    }

    .sub-slider .tit h2 {
        font-size: 24px;
    }

	.photo-slider1 .img {
         height: 560px;
		/* background-size:contain; */
    }

    .room1-slider .tit, .room2-slider .tit, .room3-slider .tit, .room4-slider .tit, .room5-slider .tit, .room6-slider .tit, .room7-slider .tit {display: none;}
}

@media only screen and (max-width: 640px) {
    .photo-slider1 .img {
        height: 300px;
		/* background-size:contain; */
    }
 }   

/*************************************** 
m_3 3단 메인
****************************************/
.main_2 { max-width: 1500px;}
.m_3 .col3 { padding: 0 15px;} 
.m_3 img { max-width: 500px} 
.m_3 a { display: inline-block; width: 100%; background: #000;  }
.m_3 a:hover .m_01, .m_3 a:hover .m_02, .m_3 a:hover .m_03 {opacity: 1; transition: .2s ease-in-out;}
.m_3 .m_00 {
    box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.1);
    height: 580px;  
}
.m_3 .m_01 {background-image: url(../img/room/room1/14.jpg); opacity: 0.6; background-position: center; background-size: cover;}
.m_3 .m_02 {background-image: url(../img/facility/facility1/1.jpg); opacity: 0.6; background-position: center; background-size: cover;}
.m_3 .m_03 {background-image: url(../img/service/service3/2.jpg); opacity: 0.6; background-position: center; background-size: cover;}
.m_3 img { position: absolute; z-index: 888; margin-top: 260px;}

@media (max-width: 1200px) {
    .main_2 .col3 { width: 100%;}
    .m_3 .m_03 {background-position: center;}
    .m_3 .m_00 { height: 380px; }
    .m_3 img { margin-top: 160px;}
}

/***************************************
preview_slider 미리보기
****************************************/
.preview_list_wrap{ max-width: 1500px;}
.preview_wrap .tit_wrap { margin: 160px 0 80px 40px; }
.preview_wrap .tit_wrap .txt1 { font-size: 48px; font-weight: 300; margin-bottom: 20px; }
.preview_wrap .tit_wrap .txt2 { font-size: 18px; font-weight: 600; margin-right: 20px; }
.preview_wrap .tit_wrap .txt3 { color: #888; }
@media (max-width: 780px) { 
	.preview_wrap .tit_wrap .txt1 { font-size: 40px; }
    .preview_wrap .tit_wrap { margin: 80px 40px 40px 40px; }
    .preview_wrap .tit_wrap .txt3 { display: block; } 
	.preview_list_wrap .tit5 { font-size: 30px;  letter-spacing: 0; } 
}

.preview_list { margin-bottom: 80px; }
.preview-slider1 { overflow: hidden; width: 100%; }
.preview-slider1 li {border-left: 1px solid #e5e5e5; }
.preview-slider1 li .bg { background-color: #000; margin: 0 15px; }
.preview-slider1 li .img { max-width: 380px; height: 240px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; opacity: 1; transition: .3s; }

.preview-slider1 li a:hover .img { opacity: 0.7; display: block; }
.preview-slider1 li .tit { text-align: center; margin: 20px 0; }
.preview-slider1 li p img { display: inline-block; margin: 20px;}

.preview-slider1 li .tit p { color: #888; }
.preview-slider1-box { position: relative; display: inline-block; }
/*.preview-slider1-box:hover .btn_detail { display: block; }*/

.preview-wrap bx-wrapper .bx-viewport { overflow: inherit; height: auto; }
.preview-wrap .bx-wrapper .bx-pager { text-align: left; overflow: inherit; }
.preview-wrap ul.bxslider2 { overflow: inherit; }
.preview-wrap ul.bxslider2 li .box { margin-bottom: 60px; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.2); }
.preview_list .bx-wrapper .bx-pager { right: inherit; text-align: center; }
.preview_list .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -80px; }
.preview_list .bx-wrapper .bx-pager.bx-default-pager a:hover, .preview_list .bx-wrapper .bx-pager.bx-default-pager a.active, .preview_list .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #3edaf0; }
.preview_list .bx-wrapper .bx-pager.bx-default-pager a { background: #eee; }
.preview_list .bx-controls .bx-next { background-image: url(../img/etc/btn_a_r.png); right: -10%; }
.preview_list .bx-controls .bx-prev { background-image: url(../img/etc/btn_a_l.png); left: -10%; bottom: inherit; }
.preview_list .bx-wrapper .bx-controls-direction a { top: 260px;}

@media (max-width: 1910px) {
    .preview_list .bx-controls .bx-next { display: none; }
    .preview_list .bx-controls .bx-prev {display: none;}
}
@media (max-width: 900px) { 
    .preview_list .bx-wrapper .bx-controls-direction a { display: none; } 

	.preview_list .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -40px; }
	.preview_list { margin-bottom: 100px; }
   
}

/*공동 preview 미리보기*/
.preview li { width: 370px;}
.preview li {border-left: 0; margin-bottom: 40px; }
@media (max-width: 1500px) {
    .preview .preview-slider1 { display: inline-block; text-align: center;}
}
@media (max-width: 800px) {
    .preview li { width: 100%;}
    .preview li .img {max-width:none; height: 340px; background: red; background-size: cover; background-position: center;}
}
@media (max-width: 580px) {
    .preview li .img {height: 240px;}

}

/***************************************
facility_photo
****************************************/
.facility_photo {position: relative; background: #000;}
.facility_photo .photo-slider1 .img {
    height: 880px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.8;
}
.facility_photo_txt { 
    position: absolute;
    top: 30%;
    left: 15%;
    color: #fff;
    z-index: 9;
    }
.facility_photo .tit1, .facility_photo .tit2 { text-align: left;} 
.facility_photo .tit2 { font-size: 72px; margin: 20px 0 40px;} 
.facility_photo .btn_style4 { display: inline-block; margin-top: 20px;} 

@media (max-width: 900px) { 
    .facility_photo .photo-slider1 .img {
    height: 640px;
    }
    .facility_photo_txt { 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}  
    .facility_photo .tit1, .facility_photo .tit2 { text-align: center;} 
    .facility_photo .tit2 { font-size: 48px; margin: 20px 0 40px;}    
}


/***************************************
facility_photo
****************************************/
.review_wrap .review_txt { margin: 200px 0 0 20%; text-align: left;  }
.review_wrap .review_txt .tit1{text-align: left; margin-bottom: 20px; font-family: 'Noto Sans KR', sans-serif; }
.review_wrap .review_txt .tit2{text-align: left; text-transform:none; font-weight: 40; font-size: 60px; margin-bottom: 60px;}
.review_wrap .review_txt .tit2 span{color: #000; font-weight: 600;} 
.review_wrap .review_txt .btn_style4 { display: inline-block; margin-top: 20px;} 
.review_wrap .review_bg {background-image: url(../img/etc/m_f.png); background-size: cover; height: 1000px;}

@media (max-width: 900px) {
    .review_wrap .review_txt { margin: 80px 0; text-align: center;  }
    .review_wrap .review_txt .tit1 {text-align: center; margin: 10px}
    .review_wrap .review_txt .tit2{text-align: center; font-size: 40px; letter-spacing: 0;}
    .review_wrap .review_bg {background-image: url(../img/etc/m_f.png); background-size: cover; height: 664px; background-position: center; background-repeat: no-repeat; }
}






/*************************************** 
footer 네비
****************************************/
.footer_nav {background-image: url(../img/etc/f_bg.png);  text-align: center; padding: 50px 0; background-size: cover;}
.footer_nav .inner { max-width: 1200px; margin:0 auto;}
.footer_nav .logo { display: inline-block; margin-bottom: 40px; }
.footer_nav ul { overflow: hidden; }
.footer_nav ul li { float: left; width: 13.8%;}
.footer_nav ul li.rooms { width: 200px;}
.footer_nav ul li .tit2 { display:block; text-transform:none; font-weight: 600; font-size: 18px; color:#eee; margin-bottom: 10px; }
.footer_nav ul li .txt1 { display:block; font-size: 14px; color: #aaa; margin: 0; }
.footer_nav ul li .txt1:hover  {text-decoration:underline; color: #red;  }   

@media (max-width: 1200px) { 
    .footer_nav {display: none; }
}   
    
/*************************************** 
footer 하단정보
****************************************/

.footer_wrap {
    position: relative;
    text-align: center;
    background: #0d0d0d;
    padding: 40px 40px;
}

.footer_tel {
    margin-bottom: 20px;
}

.footer_wrap .tit2 {
    font-size: 22px; color: #fff; text-transform: none; margin-left: 10px;
}

.footer_wrap .txt {
    font-size: 16px;
    color: #888;
}
.footer_wrap .btn_top {
    position: absolute;
    top: 60px;
    right: 40px;
}
.footer_wrap .copy {font-size: 12px; letter-spacing: 0.5px;}


@media (max-width: 900px) { 
    .footer_wrap .br {display: block; }
}   
   
@media (max-width: 480px) { 

.footer_wrap {
    padding: 40px 20px 80px; 
}

    .footer_wrap .btn_top { 
	top:auto;
	bottom:20px;
    left: 0;
    right: 0;
}
.footer_wrap .txt {
    font-size: 14px;
	line-height: 24px;
}
}   

/*따라다니는 예약버튼*/
.reserve-icon {
display: block;
position: fixed;
right: 0px;
bottom: 0px;
z-index: 9999;
}
.reserve-icon.mo {
display: none;
}

@media (max-width: 1024px) { 
    .reserve-icon {display: none; }
    .reserve-icon.mo {display: block; }
}   

@media (max-width: 480px) { 
    .reserve-icon img {  width:80px; }
}   



.board_visual_pcMV {
    background-image: url(../img/board/0.jpg);
    background-position: center;
    width: 100%;
    height: 450px;
}

.board_visual_pcMV  .sub_visual_v_tit {
    position: absolute;
    top: 230px;
    right: 0;
    left: 0;
    z-index: 9;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 2px rgb(0 0 0);
}

 .rese_b .br {display: none; }

@media (max-width: 900px) { 
    .rese_b .br {display: block; }
}