@charset "utf-8";

#pageCont{padding: 100px 0;}
.prologue .wrap_map{height: 400px !important;}
.prologue .wrap_controllers{display: none;}

@media all and (max-width:969px){
    #pageCont{padding: 60px 0 80px;}
}


.cont_box{}
.cont_box .cont{display: flex; justify-content: space-between;}
.cont_box .cont.cont2{margin-top: -100px;}
.cont_box .cont .txt{width: 50%; margin-left: 60px; margin-top: 150px;}
.cont_box .cont.cont2 .txt{padding-left: 100px; margin-left: 0; margin-top: 200px;}
.cont_box .cont .txt h4{font-size: 1.8rem; color: #010101; font-weight: 400; margin-bottom: 5px;}
.cont_box .cont .txt h3{font-size: 3rem; color: #010101; margin-bottom: 20px;}
.cont_box .cont .txt p{font-size: 1.8rem; color: #666666; margin-bottom: 35px; line-height: 1.7em;}
.cont_box .cont .cont_img{width: 50%;}
.cont_box .cont .img{width: 100%;}
.cont_box .cont .img img{max-width: 100%;}
.cont_box .cont a{color: #212121; font-size: 1.6rem; display: block; width: 180px; line-height: 52px; border: 1px solid #aaa; text-align: center; transition: .3s ease-in-out;}
.cont_box .cont a:hover{color: #fff; background-color: #000; border: 1px solid #000;}

@media all and (max-width:1279px){
    .cont_box .cont .txt{margin-left: 6vw; margin-top: 10vw;}
    .cont_box .cont.cont2{margin-top: -7vw;}
    .cont_box .cont.cont2 .txt{padding-left: 7vw; margin-top: 12vw;}
}
@media all and (max-width:969px){
    .cont_box .cont{flex-direction: column; align-items: center;}
    .cont_box .cont .txt{margin-left: 0; margin-top: 0; width: 100%; max-width: 600px;}
    .cont_box .cont .txt p{margin-bottom: 25px; word-break: keep-all;}
    .cont_box .cont.cont2{flex-direction: column; margin-top: 30px;}
    .cont_box .cont.cont2 .txt{padding-left: 0; margin-top: 30px;}
    .cont_box .cont .img{max-width: 600px; width: 100%;}
    .cont_box .cont a{width: 160px; line-height: 46px;}
}

.location{margin-top: 120px;}
.location .tit{text-align: center; color: #010101; margin-bottom: 45px;}
.location .tit h4{font-size: 1.8rem; font-weight: 400;}
.location .tit h3{font-size: 3rem;}
.location .tit p{font-size: 1.8rem; color: #666666; margin-top: 15px;}

@media all and (max-width:969px){
    .location{margin-top: 90px;}
    .location .tit{text-align: left; margin-bottom: 30px;}
/*    .location .tit h3{font-size: 2.6rem;}*/
    .root_daum_roughmap .wrap_map{max-height: 300px !important;}
}


table.tb-style1{width: 100%; margin-bottom: 20px; border-top: 2px solid #666; font-size: 1.6rem;}
table.tb-style1 tbody tr td{padding: 10px 15px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color: #444;}
table.tb-style1 tbody tr td.bg{background-color: #f5f5f3; color: #333; color: #212121; line-height: 1.8em; font-weight: 700;}
table.tb-style1 tbody tr td:last-child{border-right: 0;}

ul.info li{line-height: 2em; font-size: 1.6rem; color: #333;}
ul.info li span{color: red; font-weight: 700;}
ul.info li::before{content: '·';padding-right: 4px; display: inline-block;}

@media all and (max-width:969px){
    ul.info li{line-height: 1.8em;}
}


.stay{}
.stay .box{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #eee;}
.stay .box h2{font-size: 2.4rem; margin-bottom: 25px; color: #000;}
.stay .box:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.stay .box .dl_box{display: flex; flex-wrap: wrap;}
.stay .box dl{width: 50%; margin-bottom: 30px;}
.stay .box dl dt{font-size: 2rem; color: #000; font-weight: 700; margin-bottom: 10px;}
.stay .box dl dd{font-size: 1.6rem; line-height: 1.8em;}
.stay .box dl dd::before{content: '·'; margin-right: 5px;}
.stay .btn{text-align: center;}
.stay .btn a{display: inline-block; background-color: #000; color: #fff; padding: 14px 25px; font-size: 1.6rem; font-weight: 700;border: 1px solid #000;}
.stay .btn a:hover{background-color: transparent; color: #000;}


#stay_img{display: flex; flex-wrap: wrap;}
#stay_img li{width: calc(100% / 3 - 40px / 3);}
#stay_img li:nth-child(3n){margin-right: 0;}
#stay_img li .img{max-width: 1150px; margin: 0 auto;}
#stay_img li img{max-width: 100%;}

@media all and (max-width:969px){
    .stay .box{margin-bottom: 30px; padding-bottom: 30px;}
    .stay .box dl{margin-bottom: 20px;}
    .stay .box dl dt{font-size: 1.8rem;}
    .stay .box h2{font-size: 2.2rem; margin-bottom: 20px;}
    #stay_img li .img{padding: 30px}
    table.tb-style1{margin-bottom: 15px;}
}