

/***************************************
preview_slider 미리보기
****************************************/
.preview_list_wrap{ max-width: 1500px; margin-right: 0; }
.preview_list_wrap .tit_wrap { margin-bottom: 60px; }
.preview_wrap .bx-wrapper .bx-controls-direction a { display: none;}

.preview_list { margin-bottom: 80px; }
.preview-slider1 { overflow: hidden; width: 100%; }
.preview-slider1 li .bg { background-color: ; margin: 0 15px; }
.preview-slider1 li .img { max-width: 354px; height: 450px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; opacity: 1; transition: .3s; }

.preview-slider1 li .tit { position: absolute; background-color: #fff; bottom: 0; right: -1px;  text-align: right; width: 70%; padding-right: 10px; }
.preview-slider1 li .tit span { display: none; margin-top: 30px;}
.preview-slider1 li .tit p { margin-bottom: 20px; line-height: 20px;}

.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: left; }
.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 
.preview_list .bx-wrapper .bx-pager.bx-default-pager a { background: #e5e5e5; }

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

.preview_list .bx-wrapper .bx-pager.bx-default-pager a {
    background: #e5e5e5;
    text-indent: -9999px;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 10px;
    outline: 0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}


.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 {
    opacity: 1;   
    background: #bfbfbf;
    width: 16px;
    height: 16px;
}


/*************************************** 
main-board 스페셜오퍼
****************************************/
.main-board {max-width: 100%; padding-top: 200px; background-repeat:no-repeat; background-size:cover; overflow: hidden; background-image: url(../img/etc/bg.jpg);}
.special_board {margin:80px 0;}
@media only screen and (max-width: 480px) {
    .special_board {margin:40px 0;}
	.main-board {padding-top: 100px;}
}





/***************************************
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: block;}
    .sub_photo .bx-wrapper .bx-pager.bx-default-pager a { display: block;}
*/
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {
    bottom: 10px;
}
    .main_photo .bx-wrapper .bx-controls-direction a { display: none;}
    .sub_photo .bx-wrapper .bx-controls-direction 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;
    }

    .sub_photo { 
	    margin-top: 110px;
    }

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







/*************************************** 
메인 부대시설
****************************************/
.main-facilities {max-width: 100%;  height: 800px; }
.main-facilities .tit2 { top: -300px; right: -75px;}
.main-facilities .m-f-t { position: absolute; top: -200px; right: -70px;}
.main-facilities .img { display: inline-block; width: 74%; height: 800px;background-repeat:no-repeat; background-size:cover; background-position: center; overflow: hidden; background-image: url(../img/etc/m-f.jpg);}
.main-facilities .text1 {position: relative; display: inline-block;  padding-left: 50px; }

@media (max-width: 1480px) { 
    .main-facilities {max-width: 100%; height: auto; margin:auto 20px; }
    .main-facilities .img {display: block; width: 100%; height: 450px; background-position: -40px;}
    .main-facilities .text1 {display: block; margin-top: 60px; width: 100%; padding-left: 0px;  }
    .main-facilities .tit2 { top: -100px; left: 0px; font-size:60px; right: 0;}
    .main-facilities .m-f-t { position: absolute; top: 0; right: 0px;}
	.main-facilities .txt4  { font-size:28px; }
}   
   



/*************************************** 
메인 서비스
****************************************/
.main-service {max-width: 100%;  height: 800px; }
.main-service .tit2 { top: -300px; right: 80px;}
.main-service .m-f-t { position: absolute; top: -200px; right: 60px;}
.main-service .img { display: inline-block; width: 74%; height: 800px;background-repeat:no-repeat; background-size:cover; background-position: center; overflow: hidden; background-image: url(../img/etc/m-s.jpg);}
.main-service .text1 {position: relative; display: inline-block; width: 25%;padding-left: 50px;}

@media (max-width: 1480px) { 
    .main-service {max-width: 100%; height: auto; margin:auto 20px; }
    .main-service .img {display: block; width: 100%; height: 450px; background-position: -40px;}
    .main-service .text1.pc {display: none; margin-top: 60px; width: 100%; padding-left: 0px;  }
    .main-service .text2 {display: block; position: relative; margin-top: 60px; width: 100%; padding-left: 0px;  }
    .main-service .tit2 { top: -100px; left: 0px; font-size:60px; }
    .main-service .m-f-t { position: absolute; top: 0; right: 0;}
	.main-service .txt4  { font-size:28px; }
}   
   



/*************************************** 
visual4 예약하기
****************************************/ 
.visual4 { height: 800px; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; padding-top: 280px; }
.visual4.main_visual4 {  margin-top:200px;  background-image: url(../img/etc/f_bg.png); }
.visual4 .text { color: #fff; text-align: center; }
.visual4 .tit7 { padding-bottom:40px; font-size: 64px; }

@media (max-width: 1024px) { 
    .visual4 { height: 530px; padding-top: 200px; }
    .visual4{ background-attachment: inherit; }
    .visual4 .tit7 { padding-bottom:10px; font-size: 34px; }
    .visual4 .tit1 { font-size: 16px; letter-spacing: 10px; }
}
@media (max-width: 480px) { 
    .visual4 { height: 300px;  padding-top: 100px; } 
	.visual4.main_visual4 {  margin-top:100px;  }
	.visual4 .tit1 { letter-spacing: 5px; }
}

/*************************************** 
버튼
****************************************/
/*btn_style6*/ 
.btn_style6 { display: inline-block; text-align: center; }
.btn_style6 a { color: #fff; padding: 15px 40px; display: inline-block; border: solid 1px #fff; transition: .3s ease-in-out; }
.btn_style6.on a { background: #fff; border: 1px solid transparent; }
.btn_style6 a:hover { background: #fff; border: 1px solid transparent; color: #000; }
@media (max-width: 480px) { 
    .btn_style6 a { padding: 8px 20px; font-size: 14px; }
} 





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

.footer_wrap {
    position: relative;
    text-align: center;
    background: #fff;
    padding: 40px 40px;
	border-top: 1px solid #eee;
}

.footer_tel {
    margin-bottom: 20px; color: #000;
}

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

.footer_wrap .txt {
    font-size: 14px;
    color: #888;
	line-height: 24px;
}

.footer_wrap .copy {font-size: 12px; letter-spacing: 0.5px;}

.footer_wrap .btn_top {
    position: absolute;
    top: 60px;
    right: 40px;
}
@media (max-width: 900px) { 
    .footer_wrap .br {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 메인  비주얼
****************************************/
.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: 99999999;
}

.logo_visual {
  position: absolute;
  top: 70px;
  left: 80px;
  z-index: 99999999;
}

.reserve-icon {
  position: absolute;
  bottom:200px;
  right: 40px;
  z-index: 99999999;
}

/*타이틀 위치*/
.main_photo {position: relative;}
.main_photo .main_tit {    
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 9;
}
@media (max-width: 1680px) {
	.reserve-icon img{
    display: none;
    }    
}  

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


/*************************************** 
sub 서브 비주얼
****************************************/
.sub_visual_pcMV { height: 720px; position: relative; background-repeat: no-repeat;
background-size: cover; background-position: center;}

.sub_visual_v_tit  {
    position: absolute;
    top:50%;
    z-index: 9;
    color: #fff;
    text-align: center; 
    width: 100%; 
}

.sub_visual_v_tit.roomtit  {
    position: absolute;
    top:95%;
    z-index: 9;
    color: #fff;
    text-align: center; 
    width: 100%; 
}


.sub_visual_v_tit .tit7 { 
    position: absolute;     
    bottom: 200px;
    right: 10px;
    left: 0;
    font-size: 120px;
    z-index:-1;
    transform: rotate(-8deg);
	pointer-events:none;
}

.sub_visual_v_tit p {
    font-weight: 400;
    font-size: 20px;
    margin:20px 0 80px 0;
}

.btn_scroll {
  position: absolute;
  bottom: 250px;
  z-index: 99999999;
    background-image: url(../img/etc/btn_scroll.png);
}
.visual_moMV {
    display: none;
}

.visual_mo {
    display: none;
}


@media (max-width: 680px) {
    .sub_visual_v_tit .tit7{  font-size: 60px; bottom: 50px;}
	.sub_visual_pcMV {height: 540px;}
	.sub_visual_v_tit  .scroll-down { display: none;}
	.sub_visual_v_tit .tit1  { margin:0;}
	.sub_visual_v_tit p {margin: 0;}

 }

/*************************************** 
link_line 
****************************************/

.link_line { position: absolute;  width: 100%;  bottom: 0; }
.link_line .box{ margin: 0 auto; padding: 50px;  width: 98%;  background: #fff;}
.link_line .home{ padding: 0 10px; vertical-align:sub;}
.link_line .menu1{padding: 0 10px; text-transform: uppercase;}
.link_line .menu2{padding: 0 10px; color: #000; font-weight: 600;}
.link_line .home_point{margin-top: 14px;}

@media (max-width: 1280px) {
    .link_line .box{text-align: center; padding: 50px 0; width: 90%;  }
}  

@media (max-width: 640px) {
    .link_line .box{text-align: center; padding: 20px 0;}
}  

/*비주얼사진*/
.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;
    }    
}   

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

    .visual_moMV {
        display: block;
    }

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





/*************************************** 
txtbox 공통 텍스트 박스
****************************************/
.txtbox .txtbox_txt .box1 {margin-left: 30%; margin-top: 80px;}
.txtbox .txtbox_txt .box2 {margin-left: 30%; font-size: 16px; line-height: 32px; margin-right: 80px;}
.txtbox .txtbox_txt .name{ margin-bottom: 40px;}
.txtbox .txtbox_txt .line{ background: #000; width: 90%; height: 2px;}
.txtbox .txtbox_txt .col2 .img1{max-width: 100%;}


@media (max-width:1220px) {
    .txtbox .txtbox_txt .col2 {width: 100%;}
    .txtbox .txtbox_txt .box1 {margin-left: 0; margin-top: 0;}
    .txtbox .txtbox_txt .box2 {margin-left: 0;  margin-bottom: 80px; margin-right: 0;}
    .txtbox .txtbox_txt .col2 .img1{width: 100%;}
	.txtbox .txtbox_txt .line{ width: 100%;}
}



/*************************************** 
landscape 소개
****************************************/
.img_inner { text-align: center; margin-bottom: 200px;}
.img_inner .en2{ font-size: 100px; color:#e5e5e5; font-weight: 400; letter-spacing: 8px}
.img_inner .en1{ font-size: 56px; font-weight: 400;}

@media (max-width: 1200px) {
    .img_inner { margin-bottom: 100px;}
    .img_inner .en2{ font-size: 24px;}
    .img_inner .en1{ font-size: 26px; }
    .img_inner .img2{ width: 100%; }
}






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


/*************************************** 
버튼스타일 
****************************************/
a.btn_style1{
    font-size: 16px;
    transition: .3s ease-in-out;
    border-radius: 100px;
    font-weight: 400;
    color: #000;  
}

a.btn_style1:hover {
    
    color: #000;
}

a.btn_style1 img{ margin-left: 10px; vertical-align:baseline;}










/***************************************
룸부대시설 roomimg2_wrap
****************************************/
.roomimg2_wrap .roomimg2_txt{ position: relative;}
.roomimg2_wrap .roomimg2_txt .box1{ margin-top:0; }
.roomimg2_wrap .roomimg2_txt .box1 .f-c1{ font-size: 16px;}
.roomimg2_wrap .roomimg2_txt .box1 .name { display: inline-block; text-transform: uppercase; font-weight: 600;  letter-spacing: 2px; font-size: 20px;}
.roomimg2_wrap .roomimg2_txt .box2 p{ font-size: 16px; }
.roomimg2_wrap .roomimg2_txt .box2 .en1{ 
    font-size: 80px;
    transform: rotate(-8deg);
	pointer-events:none;
    margin-top: 50px; 
}
.roomimg2_wrap .roomimg2_txt .right {
    height: 1400px;
}
.roomimg2_wrap .roomimg2_txt .img2 {  
    position: absolute;
    top: 0;
    right: 12%;
    z-index: -1;    
}

@media (max-width: 1200px) {
    .roomimg2_wrap .roomimg2_txt .img2 {
        position: relative; width: 100%;right: 0; 
    }
    .roomimg2_wrap .roomimg2_txt .right {
        height: inherit;
    }
	.roomimg2_wrap .roomimg2_txt .box2 .en1{ 
    font-size: 48px;}
}






/***************************************
추천여행지
****************************************/
.tour_txt { text-align: center;}
.tour_txt .en1 {font-size: 140px; }
.tour_txt .f-c1 {font-size: 24px; font-weight: 600; margin: 60px 0 20px;}
.small_box_1 .small_photo .bx-prev, .small_box_1 .small_photo .bx-next{ display: none; }
.small_box_1 .small_photo .img{width: 100%; height: 300px; background-position:top; background-repeat:no-repeat; background-size:cover;   overflow: hidden;}
.small_box_1 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 20px;}
.timeline .f-c1 { font-weight: 800; margin: 20px 0; }


@media screen and (max-width: 900px) {
	.tour_txt .en1 {font-size: 80px; }
} 

/***************************************
반슬라이드1 : 주변여행지
****************************************/

.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 2px;
  background-color: #225bc9;
  top: 20px;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

.ctn {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

.ctn::after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  right: -8px;
  background-color: white;
  border: 10px solid #225bc9;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

.left {
  left: 0;
}

.right {
  left: 50%;
}

.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #e8f9fd;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e8f9fd;
}

.ctn.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #e8f9fd;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e8f9fd transparent transparent;
}

.right::after {
  left: -16px;
}

.contents {
  padding: 20px 30px;
  background-color: #e8f9fd;
  position: relative;
  border-radius: 6px;
}

@media screen and (max-width: 900px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }
  
  .contents {
  padding: 10px 10px;
}

  .ctn {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  .ctn::before {
  left: 60px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
  }

  .left::after, .right::after {
  left: 18px;
  }
  
  .right {
  left: 0%;
  }

  .ctn.right::before {display:none;}
  .left::before {display:none;}
}








/*************************************** 
예약안내
****************************************/
.infotxt_wrap .container {padding:inherit;}
.txtbox .txtbox_txt1 .box1 { margin-left: 14%; margin-top: 0;}
.txtbox .txtbox_txt1 .f-c1 { font-size: 18px; }

@media (max-width: 1220px) {
    .txtbox .txtbox_txt1 .box1{ margin-left: 0; }

}


/*예약 표*/
.fee {overflow-x: auto;  max-width: 1200px;}
.fee table {text-align: center; width: 100%;}
.fee table thead {background: #eee;}
.fee table td{padding: 5px;}
.fee table, th, td {border: 1px solid #ccc; vertical-align: middle;}
.fee .box_fee {overflow:hidden; overflow-x: scroll; width:100%;}
.box_fee_tit {width:25%; display:none;}
.fee span.mobile {display:none;}
@media only screen and (max-width: 800px) { 
    .fee span.mobile {display: block;}
}





/*************************************** 
커뮤니티 게시판
****************************************/
.board_box {max-width: 1200px; margin:0 auto;}
.board_txt {text-align: center;}
.board_txt .f-c1 {font-size: 48px; font-weight: 600; margin-top: 50px; text-transform: uppercase; line-height: 48px; letter-spacing: 2px; }
.board_txt .line { padding:30px 0; border-bottom: 2px solid black;}



@media (max-width: 640px) {
    .board_txt .f-c1 {font-size: 24px; }
}









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

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

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

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

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

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

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

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



/*************************************** 

****************************************/






 .rese_b .br {display: none; }

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