/*************************************** style.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 {}

.btn_style4 a {
font-size: 15px;
color: #fff;
padding: 14px 40px;
display: inline-block;
transition: .3s ease-in-out;
width: 100%;
background: #313131;

}

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

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

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

.txt1 {
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.tit1 {
font-size: 26px;
text-align: center;
line-height: 40px;
}

.tit2 {
font-size: 36px;
line-height: 48px;
}

.tit3 {
font-family: 'Cinzel', serif;
font-size: 72px;
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

@media (max-width: 640px) {
.tit2 {
font-size: 28px;
line-height: 32px;
}
.tit3 {
font-size: 44px;
line-height: 44px;
}
}

.tit4 {
margin-top: 24px;
font-family: 'Nanum Myeongjo', serif;
font-size: 24px;
font-weight: 600;
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.tit4 span {
font-size: 30px;
vertical-align: middle;
margin: 0 14px;
}

.tit5 {
font-size: 32px;
width: 100%;
padding-bottom: 30px;
border-bottom: 2px solid #333;
}

.tit6 {
font-size: 22px;
width: 100%;
padding-bottom: 30px;
border-bottom: 2px solid #333;
}

.tit_logo {
background-image: url(../img/etc/tit_logo.png);
height: 235px;
background-position: center;
background-repeat: no-repeat;
}

.sub_txt1 {
text-align: center;
}

.sub_txt1.container {
padding-bottom: 0;
}

.sub_txt1 .tit2 {
margin-bottom: 30px;
}

.sub_txt1 .txt {
line-height: normal;
}

.sub_txt2 {
background-image: url(../img/etc/tit_bg.jpg);
background-position: center top;
background-repeat: no-repeat;
text-align: center;
padding: 10px;
margin-bottom: 60px;
}

.sub_txt2 .tit2 {
font-size: 28px;
font-weight: 400;
}

.sub_txt2 .tit2 b {
font-size: 48px;
}

@media (max-width: 640px) {
.tit_logo {
height: 135px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.sub_txt2 {
background-size: contain;
margin-bottom: 40px;
}

.sub_txt2 .tit2 {
font-size: 20px;
font-weight: 400;
}

.sub_txt2 .tit2 b {
font-size: 32px;
}
.tit5 {
font-size: 24px;
}

}


/***************************************
about 소개
****************************************/
.about_txt .tit1 {
margin: 60px 0 40px;
letter-spacing: -2px;
}

.about_txt .txt {
text-align: center;
}

@media (max-width: 640px) {
.about_txt {
margin: 0 20px;
}

.about_txt b {
display: block;
}
}

/***************************************
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 메인
****************************************/
.pcMV {
display: block;
}

.moMV {
display: none;
}

.main_mo {
display: none;
}

@media (max-width: 1100px) {
.pcMV {
display: none;
}

.moMV {
display: block;
}

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


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

}

.reserve-icon a {
display: inline-block;
padding: 14px 10px 10px;
width: 80px;
height: 80px;
background: #9B7C64;
border-radius: 100%;
text-align: center;
font-size: 28px;
color: #fff;
box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.2);
}

.reserve-icon p {
font-size: 12px;
line-height: 24px;
}

@media (max-width: 1100px) {
.reserve-icon {
right: 10px;
bottom:10px;

}
}

/***************************************
main_btns 메인
****************************************/
.main_btns_wrap {
background: #f9f5f0;
}

.main_btns img {
width: 100%;
}

.main_btns .inner:after {
content: "";
display: table;
clear: both;
width: 100%;
}

.main_btns .box1 {
width: 50%;
float: left;
background-image: url(../img/etc/main_1.png);
height: 400px;
background-position: center;
}

.main_btns .box4 {
width: 50%;
float: right;
background-image: url(../img/etc/main_2.png);
height: 400px;
background-position: center;
}

.main_btns .box5 {
width: 50%;
float: right;
background-image: url(../img/etc/main_3.png);
height: 400px;
background-position: center;
}

.main_btns .box8 {
width: 50%;
float: right;
background-image: url(../img/etc/main_4.png);
height: 400px;
background-position: center;
}

.main_btns .box2,
.main_btns .box6 {
width: 50%;
float: right;
}

.main_btns .box3,
.main_btns .box5,
.main_btns .box7 {
width: 50%;
float: left;
}

.main_btns .txt_box {
padding: 60px 100px 0;
}

.main_btns .txt_box .txt {
margin: 40px 0;
}

@media (max-width: 1200px) {
.main_btns {
padding: 80px 0 0;
}

.main_btns .inner {
border-bottom: 1px solid #000;
}

.main_btns .tit2 {
font-size: 24px;
line-height: 32px;
}

.main_btns .txt_box .txt {
margin: 20px 0;
}

.main_btns .box1,
.main_btns .box2,
.main_btns .box3,
.main_btns .box4,
.main_btns .box5,
.main_btns .box6,
.main_btns .box7,
.main_btns .box8 {
width: 50%;
height: 350px;
background-size: cover;
}


.main_btns .txt_box {
padding: 5vw 10vw 0;
}
}


@media (max-width: 680px) {
.main_btns .txt_box {
padding: 10vw 5vw 0;
}
}


/***************************************
btn_reser 실시간배너
****************************************/
.btn_reser {
width: 100%;
background-image: url(../img/etc/btn_reser.png);
height: 600px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
padding: 160px 0 0;
}

.btn_reser .txt1 {
margin: 40px 0;
}


@media (max-width: 640px) {
.btn_reser {
height: 400px;
padding: 100px 0 0;
}
}

/***************************************
sub_visual1 서브 풀비주얼
****************************************/
.sub_visual1 {
position: relative;
}

.sub_visual1 img {
width: 100%;
position: relative;
text-align: center;
}

.sub_visual1 .tit_wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 9;

}

@media (max-width: 1200px) {
.sub_visual1 .tit_wrap {
display: none;
}
}

/***************************************
sub_visual2 서브 비주얼
****************************************/
.sub_visual2 {
position: relative;
width: 100%;
height: 600px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.sub_visual2 img {
width: 100%;
}

.sub_visual2 .tit_wrap {
position: absolute;
width: 100%;
bottom: 35%;
text-align: center;
z-index: 9;

}

@media (max-width: 640px) {
.sub_visual2 {
height: 400px;
}
}

/*사진*/
.sub_visual2.map {
background-image: url(../img/map/0.jpg);
}

.sub_visual2.room0 {
background-image: url(../img/room/0.jpg);
}

.sub_visual2.service0 {
background-image: url(../img/service/0.jpg);
}

.sub_visual2.facility0 {
background-image: url(../img/facility/0.jpg);
}

.sub_visual2.tour {
background-image: url(../img/tour/0.jpg);
}

.sub_visual2.info {
background-image: url(../img/info/0.jpg);
}

.sub_visual2.reserve {
background-image: url(../img/reserve/0.jpg);
}

.sub_visual2.board {
background-image: url(../img/board/0.jpg);
}

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


/***************************************
map 오시는 길
****************************************/
.map_txt .col2 {
padding: 0 20px 60px;
text-align: center;
}

.map_txt .txt  {
margin-top: 40px;
}

.map_img {
padding: 0 0 80px;
}

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

@media (max-width: 640px) {
.container.map_txt {
padding: 0;
}
.map_txt .col2.inner {
padding: 80px;
}
.map_img a {
height: 240px;
}
}

/***************************************
list_card 미리보기 카드 4개/ 2개
****************************************/
.list_card .cards {
display: inline-block;
width: 24%;
}

.list_card .area {
position: relative;
overflow: hidden;
height: 280px;
margin: 10px;
}

.list_card .tit_wrap {
position: absolute;
top: 40%;
left: 0;
right: 0;
text-align: center;
z-index: 9;
color: #fff;
}
.list_card .area {
background-color: #000;

}

.list_card .img {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
transition: 0.3s;
}

.list_card .tit_wrap .txt1 {
font-size: 24px;
font-weight: 400;
}

.list_card .tit_wrap p {
font-size: 32px;
line-height: 18px;
}

.list_card.room0 .img1 {
background-image: url(../img/room/room1/1.jpg);
}

.list_card.room0 .img2 {
background-image: url(../img/room/room2/1.jpg);
}

.list_card.room0 .img3 {
background-image: url(../img/room/room3/1.jpg);
}

.list_card.room0 .img4 {
background-image: url(../img/room/room4/1.jpg);
}

.list_card.room0 .img5 {
background-image: url(../img/room/room5/1.jpg);
}

.list_card.room0 .img6 {
background-image: url(../img/room/room6/1.jpg);
}

.list_card.room0 .img7 {
background-image: url(../img/room/room7/1.jpg);
}

.list_card.room0 .img8 {
background-image: url(../img/room/room8/1.jpg);
}

.list_card.room0 .img9 {
background-image: url(../img/room/room9/1.jpg);
}

.list_card.room0 .img10 {
background-image: url(../img/room/room10/1.jpg);
}

.list_card.room0 .img11 {
background-image: url(../img/room/room11/1.jpg);
}

.list_card.room0 .img12 {
background-image: url(../img/room/room12/1.jpg);
}

.list_card.room0 .img13 {
background-image: url(../img/room/room13/1.jpg);
}

.list_card.room0 .img:hover {
transform: scale(1.2);
}

@media (max-width: 640px) {
.list_card .area {
height: 180px;
}
.list_card .tit_wrap .txt1 {
font-size: 20px;
}
.list_card.room0 .tit_wrap {
top: 30%;
}
}

/* 서비스 */

.list_card.service0 .img1 {
background-image: url(../img/service/service1/1.jpg);
}

.list_card.service0 .img2 {
background-image: url(../img/service/service2/1.jpg);
}

.list_card.service0 .img3 {
background-image: url(../img/service/service3/1.jpg);
}

.list_card.service0 .img4 {
background-image: url(../img/service/service4/1.jpg);
}

.list_card.service0 .img5 {
background-image: url(../img/service/service5/1.jpg);
}

.list_card.service0 .img6 {
background-image: url(../img/service/service6/1.jpg);
}

.list_card.service0 .img7 {
background-image: url(../img/service/service7/1.jpg);
}

.list_card.service0 .img8 {
background-image: url(../img/service/service8/1.jpg);
}

.list_card.service0 .img9 {
background-image: url(../img/service/service9/1.jpg);
}

.list_card.service0 .img10 {
background-image: url(../img/service/service10/1.jpg);
}

.list_card.service0 .img11 {
background-image: url(../img/service/service11/1.jpg);
}

.list_card.service0 .img12 {
background-image: url(../img/service/service12/1.jpg);
}

.list_card.service0 .img13 {
background-image: url(../img/service/service13/1.jpg);
}

.list_card.service0 .img:hover {
transform: scale(1.2);

}

/* 부대시설 */

.list_card.facility0 .img1 {
background-image: url(../img/facility/facility1/1.jpg);
}

.list_card.facility0 .img2 {
background-image: url(../img/facility/facility2/1.jpg);
}

.list_card.facility0 .img3 {
background-image: url(../img/facility/facility3/1.jpg);
}

.list_card.facility0 .img4 {
background-image: url(../img/facility/facility4/1.jpg);
}

.list_card.facility0 .img5 {
background-image: url(../img/facility/facility5/1.jpg);
}

.list_card.facility0 .img6 {
background-image: url(../img/facility/facility6/1.jpg);
}

.list_card.facility0 .img7 {
background-image: url(../img/facility/facility7/1.jpg);
}

.list_card.facility0 .img8 {
background-image: url(../img/facility/facility8/1.jpg);
}

.list_card.facility0 .img9 {
background-image: url(../img/facility/facility9/1.jpg);
}

.list_card.facility0 .img10 {
background-image: url(../img/facility/facility10/1.jpg);
}

.list_card.facility0 .img11 {
background-image: url(../img/facility/facility11/1.jpg);
}

.list_card.facility0 .img12 {
background-image: url(../img/facility/facility12/1.jpg);
}

.list_card.facility0 .img13 {
background-image: url(../img/facility/facility13/1.jpg);
}

.list_card.facility0 .img:hover {
transform: scale(1.2);

}






@media (max-width: 900px) {
.list_card .cards {
width: 48%;
}

}


/***************************************
info 안내
****************************************/
.info_txt1 .col3 {
padding: 0 20px 60px;
}

.info_txt1 .txt  {
margin-top: 40px;
}

.info_txt2 .tit1 {
text-align: left;
}

.info_txt2 .txt {
margin: 20px 0 60px;
}

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

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

}

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

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

table.type1 .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_txt1 .col3{
padding: 0 0 40px;
}
.info_txt1 .tit6 {
font-size: 18px;
padding-bottom: 20px;
}
.info_txt1 .txt {
margin-top: 20px;
}
}


/***************************************
tour 여행지
****************************************/
.tour_img {
width: 100%;
}

.tour_txt2 .tit2 {
margin: 40px 0 20px;
}

.tour_txt2 .txt {
margin-bottom: 100px;
}

@media (max-width: 1200px) {
.tour_txt2 {
margin: 0 20px;
}

.tour_txt2 .tit2 b {
font-size: 24px;
}
}

/***************************************
room 객실
****************************************/
.room_txt .tit2 {
margin-bottom: 80px;
}

.room_txt .sub_txt2 {
border-bottom: 1px solid #333;
margin-bottom: 80px;
}

.room_txt .col2 {}

.room_txt .col2 ul {
overflow: hidden;
}

.room_txt .col2 ul li:first-child {
width: 10%;
}

.room_txt .col2 ul li {
float: left;
width: 90%;
padding: 0 40px 60px 20px;
}

@media (max-width: 1200px) {
.room_txt .tit2 {
margin-bottom: 40px;
}

}

@media (max-width: 640px) {
.room_txt .col2 ul li {
padding: 0 20px 40px 20px;

}
}
/***************************************
service 서비스 +  special 스페셜 공동
****************************************/
.service_txt .tit2 {
margin-bottom: 80px;
}

.service_txt .sub_txt2 {
border-bottom: 1px solid #333;
margin-bottom: 80px;
}

.service_txt .row {
text-align: center;
}

@media (max-width: 1200px) {
.service_txt .row {
margin: 0 20px;
text-align: left;
}

.service_txt .tit2 {
margin-bottom: 40px;
}

}

@media (max-width: 640px) { 
.service_txt .tit2 {
margin-bottom: 20px;
}
.service_txt .sub_txt2 {
margin-bottom: 40px;
}
}














@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) {}



/***************************************
footer 하단정보
****************************************/

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

.footer_logo {
margin-bottom: 40px;
}

.footer_wrap .txt {
font-size: 16px;
color: #888;
}

.footer_wrap .txt span {
display: inline-block;
width: 20px;
}

.footer_wrap .btn_top {
position: absolute;
top: 60px;
right: 40px;
}

.footer_wrap .btn_top a:hover .en1,
.footer_wrap .txt a:hover {
color: #af8d5d;
}

@media (max-width: 640px) {
.footer_wrap .txt span {
display: block;
}

.footer_wrap .txt br {
display: none;
}
.footer_wrap .btn_top {
right: 20px;
}

}



/***************************************
미리보기 비주얼 메인컷들 어둠게 처리
****************************************/
.sub_visual1, .cards .img  {
filter: brightness(0.80);
}