@charset "utf-8";

/*main start*/
body{background: #f3efe7; /*font-family: 'RidiBatang';*/}
#main { position: relative; overflow: hidden; width:100%; height:500px; background: url(../img/main/image8.jpg) 50% 60% no-repeat;   background-size:cover; }
#notice .notice_in{width: 1400px; margin: 80px auto;}
#notice .notice_in .notice_ico img{display: block; margin: 0 auto}
.title_notice{ font-family: 'RidiBatang'; font-size: 28px; font-weight: 600; display:inline-block; width: 100%; text-align: left; margin-bottom: 20px; margin-top: 20px;}
.title_notice.t2{margin-top: 120px; margin-bottom: 20px;}
.title_notice.t3{margin-top: 130px; margin-bottom: 20px;}
.txt { position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); z-index: 101; width: 100%; color: #FFF; text-align: left;  transition: .4s; pointer-events: none; }
.txt .txt-in { display: inline-block; width: 100%; margin: 0px auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; }
.txt .txt-in h1 { display: block; z-index: 1; position: relative; font-family: "Noto Sans KR"; text-shadow: 0 1px 3px rgba(0,0,0,.3); font-size: 32px;  font-weight: 400; letter-spacing: 0px; margin-bottom:10px; }
.txt .txt-in h2 { display: block; z-index: 1; position: relative; font-family: 'Cormorant'; text-shadow: 0 1px 3px rgba(0,0,0,.3); font-size: 50px;  font-weight: 700; letter-spacing: 0px; margin-bottom:20px;}
.txt .txt-in h2 .e{font-size: 40px;}

.sec1-navi-wrapper { position: relative; width: 100%; height: 100%; top: 0px; }

.sec1-prev:after, .sec1-next:after { content: "";  }
.sec1-prev { top: 52.5%; left: 40px; transform: translateY(-50%); width: 50px; height: 11px; transition: .4s; z-index: 100; background: url(../img/arrow1.png) no-repeat; background-size: cover; background-position: center; }
.sec1-next { top: 52.5%; right: 40px; transform: translateY(-50%); width: 50px; height: 11px; transition: .4s; z-index: 100; background: url(../img/arrow2.png) no-repeat; background-size: cover; background-position: center; }
.sec1-prev:hover, .sec1-next:hover { opacity: .7; }

#main .swiper-pagination-fraction, #main .swiper-pagination-custom, #main .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 50px; left: auto; right: 40px; width: auto; color: transparent; }
#main .swiper-pagination span { position: relative; font-family: 'Karla'; color: #fff; font-size: 12px; letter-spacing: 4; }
#main .swiper-pagination span:nth-of-type(2) { margin-left: 15px; }
#main .swiper-pagination span::after { content: ""; position: absolute; left: calc(50% - 13.5px); bottom: -8px; width: 25px; height: 1px; background: #fff; }

/*main end*/  

.swiper-button-prev, .swiper-button-next { margin: 0px; }
section .defalt-w { width: 1400px; margin: 0px auto; }

.title { position: relative; }
.title h2 { font-family: 'MuseumClassic'; font-size: 64px; font-weight: 500; margin-bottom:20px }
.title p { margin-top: 40px; font-family: 'HANBatang'; text-shadow: 0 1px 2px rgba(0,0,0,.3); font-size: 14px; line-height: 28px; color: #696969; }
.title .link { position: relative; margin-top: 50px; font-family: 'TheJamsil5Bold'; font-size: 14px; font-weight: 600; letter-spacing: 2; transition: .4s; }
.title .link::after { content: ""; position: absolute; left: calc(50% - 62.5px); bottom: -18px; width: 125px; height: 12px; transition: .4s; z-index: 100; background: url(../img/arrow.png) no-repeat; background-size: cover; background-position: center; }
.title .link:hover { opacity: .7; }

.header-mobile > a:nth-of-type(3) > p{ font-family: 'Noto Sans KR'; margin: 0px; font-size: 10px !important; color: #735e3a !important; }
.header-mobile > a:nth-of-type(2) > p{ font-family: 'Noto Sans KR'; margin: 0px; font-size: 10px !important; color: #735e3a !important; }


#total_daily_price3 { table-layout: fixed;}
#hotel_panalty .cancelfee { width: 100%; }
.rsv_cal_t { margin-bottom: 20px; }
.pwidget{ width: 100%; height: auto; margin: 20px auto 20px;}
.bb{ line-height:22px;width:100%;margin:0 auto; }
.bb p{font-family: "Noto Sans KR", sans-serif; font-weight: 300; font-size: 14px; color: #666; line-height: 2em;}
.notice_txt{margin-top: 30px;}
.notice_txt p{ font-family: "Noto Sans KR", sans-serif; font-weight: 300; font-size: 14px; color: #666; line-height: 2em;}
.notice_num{margin-top: 30px;}
.notice_num p{ /*font-family: 'RidiBatang';*/ font-weight: 600; color: #735e3a;}
.bb table{ margin-top: 30px;}

section > .cont1 {

    overflow: hidden;
    width: 100%;
    height: auto;
}

.qp {
    overflow: hidden;
    z-index: 999999999;
    position: absolute;
    left: 51.7%;
    top: 49.5%;
    background-image: url(../images/f1.png);
    width: 829px;
    height: 230px;
    transform: translate(-50%, -50%);

}


.line_b {
    border-bottom: #ccc 1px solid;
}

.line_l {
    border-left: #ccc 1px solid;
}

.line_r {
    border-right: #ccc 1px solid;
}

.line_t {
    border-top: #ccc 1px solid;
}

table,
th,
td {
    border: 1px solid #ccc;
    text-align: -webkit-center;
}

td {
    padding-top: 4px;
    padding-bottom: 4px;
}



.ad{display:none;}

/*#header.on .m_btn a {
    background: url(../images/menu_btn.png)no-repeat 50% 50%;
}*/

/* .top {
    width: 100%;
    height: 350px;
    background: url(../images/main_ty.png)no-repeat 50% 50%;
    background-size: cover;
} */
@media all and (max-width:1400px){
    #notice .notice_in{ width: 100%; padding: 0 20px;}
}

@media (max-width:900px) {
    #contents-box {
        width: 100% !important;
        padding: 0 0 40px !important;
        box-sizing: border-box;
    }

    .b_title {
        width: 100% !important;
    }

    #price {
        width: 100% !important;
    }

    /* .bb {
        width: 95% !important;
    } */
    .title_notice{ font-size: 24px;}

}

@media (max-width:500px) {
    .title_notice{ font-size: 24px; }

    .b_title {
        background-size: cover;
        margin: 40px 0 20px 0 !important;
        height: 28px !important;
    }
    p {
    font-size: 12px !important;
    }
    .rsv_cal_t { margin-top: 10px; }

}

@media (max-width:350px) {
    #total_daily_price3 .rsv_cal_t p { padding: 0; }

    .top {
        height: 200px !important;
    }

    .bb {
        font-size: 12px !important;
    }

    .bb p {
        font-size: 12px !important;
    }

    #total_period {
        font-size: 12px !important;
        letter-spacing: -1px;
    }
}


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


@media (max-width: 800px) {
	#main{ height:40vh; margin-top: 80px;}
	
	.title { padding: 0px 20px; }
	.title h2 { font-size: 34px; }
	.title p { margin-top: 20px; font-size: 12px; line-height: 24px; }
	.title .link { margin-top: 30px; }
	
	.sec2-prev { top: auto; bottom: -95px; }
	.sec2-next { top: auto; bottom: -95px; }
	#intro .swiper-pagination-fraction, #intro .swiper-pagination-custom, #intro .swiper-container-horizontal > .swiper-pagination-bullets { left: calc(50% - 50%); bottom: -90px; width: 100%; }
	#intro .swiper-pagination span:nth-of-type(2) { margin-left: 10px; }
	
	.banner .banner-in { padding: 100px 0px; }
	
}
@media (max-width: 520px) { 
    
}
@media (max-width: 480px) { 

	.title p br { display: none; }
	
	#rooms .rooms-in .room_wrap .room_pic { width: 100%; height: 280px;  }
	#rooms .rooms-in .room_wrap .room_pic .swiper-slide { height: 280px; }
	
	#special .special_slider .swiper-slide .pic { height: 280px; }
	#special .special_slider .swiper-slide .pic a { height: 280px; }
}