@charset "utf-8";

.main-bn{ height:75vh; }
.main-bn .main-bn-in{height: 100%; }
.main-bn .main-bn-in .main-bn-img{ width:100%; height: 100%; background:url(../img/main/image2.jpg) no-repeat; background-size:cover; background-position:center; }
.main-bn .main-bn-txt{ width: auto; height: auto; background-color:rgba(0, 0, 0, 0.0); text-shadow: 0 2px 4px rgba(0,0,0,.6); }
.main-bn .main-bn-txt .line{ display:none; }
.main-bn .main-bn-txt .main-menu{ display:none; }

#sec2 .sec2-in .subject, #sec2 .sec2-in .address { margin: 100px auto 50px; text-align: center;}
#sec2 .sec2-in .subject h2, #sec2 .sec2-in .address h2 { margin: 10px 0px 0px; font-size:24px; font-family: "Gowun Dodum", sans-serif; font-weight: 600; position: relative;}
#sec2 .sec2-in .subject h2:after, #sec2 .sec2-in .address h2:after{content:''; width: 40px; height: 2px; background: #444; position: absolute; bottom: -24px; left:50%; transform: translateX(-50%); border-radius: 8px; }
#sec2 .sec2-in .subject p, #sec2 .sec2-in .address p { padding: 0px; font-family: "Gowun Dodum", sans-serif; font-size: 14px; font-weight: 400; color: #929292; letter-spacing: 1px;}


#sec2 { position: relative; padding: 0;}
#sec2 > img:nth-of-type(1) { position: absolute; }
#sec2 > img:nth-of-type(2) { position: absolute; right: 0px; bottom: 0px; }
#sec2 .sec2-in { position: relative; width: 100%; padding: 0px 20px; margin: 0px auto 120px auto; }

#sec2 .sec2-in #price, .refundTable { margin: 20px 0px 10px; }

#sec2 .pwidget{margin-bottom:100px;border-bottom:1px solid #e1e1e1;}
#sec2 #price .priceTable tbody tr{position: relative;}
#sec2 #price .priceTable tbody tr th:nth-of-type(1) { width: 30%; height: 60px; }
#sec2 #price .priceTable tbody tr th:nth-of-type(n+2) { width: 14%; }
#sec2 #price .priceTable tbody tr th:nth-of-type(7) { display: none; }
#sec2 #price .priceTable tbody tr .ad { display: none; }

#sec2 #price .priceTable tbody tr th{font-size:14px;line-height: 1.5em;font-family: "Gowun Dodum", sans-serif;  color:#fff;position: relative; background: #504e48;}

#sec2 #price .priceTable tbody tr td{ font-family: "Gowun Dodum", sans-serif; font-size:14px;color:#808080;padding:20px 0; line-height: 1.5em; position: relative;}
#sec2 #price .priceTable tbody tr td p{ font-family: "Gowun Dodum", sans-serif; font-size:14px !important;color:#808080 !important; padding: 0px 0px; margin: 0px; }

#total_daily_price2 { width: 1400px; margin: 0 auto; }
#total_daily_price2 table { table-layout: fixed; }
#total_daily_price2 table tbody tr td p { font-family: "Gowun Dodum", sans-serif; line-height: 1.5em; }
#total_daily_price2 .rsv_cal_t { margin-bottom: 20px; }
.rsv_cal_h .ssn td  { font-family: "Gowun Dodum", sans-serif; line-height: 1.5em; }

#total_period { padding-top: 20px;}
#total_period > p { margin: 0; font-size: 14px; font-weight: 400; line-height: 1.75em; }
.title_in { margin: 50px auto; width: auto; text-align: center;}
.title_in > p { margin: 0; font-family: "Gowun Dodum", sans-serif;  font-size: 14px; font-weight: 400; line-height: 1.75em; font-weight: 300; margin-bottom: 8px;}
.title_in > p >span{ display: block; font-family: "Gowun Dodum", sans-serif;}
.title_in > p:nth-of-type(1){ margin-top: 20px; display: block; }
.title_in  p  span:nth-of-type(1) { font-weight: 600; }
.title_in #total_period p { font-family: "Gowun Dodum", sans-serif; font-size: 14px; line-height: 1.5em; font-weight: 300; margin-bottom: 8px;}

.refund{ width: 1400px; margin: 0 auto;}
.refund thead tr td{ padding: 20px 0; background-color: #504e48; color: #Fff; font-family: "Gowun Dodum", sans-serif; font-size: 16px; line-height: 1.5em;}
.refund tbody tr td{ border: 1px solid #d2d2d2; padding: 20px 10px; font-family: "Gowun Dodum", sans-serif; font-size: 16px; line-height: 1.5em;}

.priceTable, .refundTable {
    border-collapse: collapse;
    text-align: center;
    width: 1400px;
    color: #555;
    font-size: 12px;
    margin:0 auto;
    max-width:100%;}
.priceTable td, .refundTable td, .refundTable th {
    border: 1px solid #d2d2d2;
    padding: 7px 0;
    height: 40px;}
.priceTable th.ss, #sec2 .refundTable th {
    background: #504e48;
    color: #fff;
}

/* 환불규정 */
/* #hotel_panalty{width: 1400px; margin: 0 auto; }
.cancelfee{ width: 100%;}
.cancelfee caption{ display: none;}
.cancelfee thead tr th{ background-color: #504e48; padding: 20px; color: #fff; font-family: "Gowun Dodum", sans-serif; font-size: 16px;} 
.cancelfee tbody tr td{ border: 1px solid #d2d2d2; padding: 20px 10px; font-family: "Gowun Dodum", sans-serif; font-size: 14px;} */

/* 오시는길 */
.add-in{ width: 1400px; margin: 80px auto 0; display: flex; justify-content: space-between; align-items: center; }
.add-in .add-map{ width: 50%; margin-right: 50px;}
.add-in .add-txt{ width: 50%;}
.add-in .add-txt .txtCon { margin-bottom: 60px;}
.add-in .add-txt .txtCon.car p{ margin-bottom: 10px;}
.add-in .add-txt .txtCon h3{ font-family: "Diphylleia", serif; font-size: 18px; font-weight: 600; text-align: left; margin-bottom: 20px;  }
.add-in .add-txt .txtCon p{ text-align: left; line-height: 1.5em;}

.res-btn{ display: inline-block; padding-bottom: 10px; border-bottom: 1px solid #fff; transition: all 0.3s ease-in-out;}
.res-btn:hover{ border-bottom: 1px solid #343434;}
.res-btn a{ font-family: "Gowun Dodum", sans-serif; color: #000;  transition: all 0.3s ease-in-out;}
.res-btn:hover a{ letter-spacing: 4px; }


@media screen and (max-width: 1400px){
    #hotel_panalty{ width: 100%;}
    .add-in{ width: 100%;}
    .refund{ width: 100%;}
    #total_daily_price2 { width: 100%; }
}


@media screen and (max-width: 1024px){
    .title_in { text-align: left;}
    /* .priceTable, .refundTable{font-size: 11px;} */
    /* .title_in > p { font-size: 12px;} */
    /* .title_in #total_period p { font-size: 12px; } */
    #sec2 .sec2-in{padding: 0px 12px;}
    .title_in > p >span{ display: inline-block; margin-left:10px;}
    .title_in > p:nth-of-type(2) >span:last-child{ display: block; margin-left: 76px;}

    .add-in{ flex-direction: column;}
    .add-in .add-map{ width: 100%; margin-right: 0;}
    .add-in .add-txt{ width: 100%; margin-top: 50px;}
}

@media screen and (max-width: 425px){
    .rsv_cal_t p  { font-size: 12px; padding: 0 5px; }
}

@media screen and (max-width: 375px){
    .title_in > p:nth-of-type(2) >span:last-child { margin-left: 10px; }
}