@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600&display=swap');

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 페이지 리뉴얼 201020 [s] */
.pagecommon{font-size:15px;color:#777;letter-spacing:-.2px;line-height:1.8;font-family:'notokr-regular'}
.pagecommon b{font-weight:normal;font-family:'notokr-bold'}
.pagecommon .br {white-space:pre-line}

/*펜션소개*/
#p6{overflow:hidden;margin:65px 90px;}
#p6>div{float:left;width:45%}
#p6 .left_area{margin-right:9%;font-family:'notokr-regular'}
#p6 .left_area .txt{margin-bottom:37px;font-family:'notokr-regular'}
#p6 .left_area .txt .tit{margin-bottom:30px;line-height:24px;color:#222}
#p6 .left_area .txt .tit span{display:block;margin-bottom:15px;font-weight:600;font-size:13px;font-family:'Poppins',sans-serif}
#p6 .left_area .txt .tit span:after{display:inline-block;height:1px;width:72px;margin-bottom:4px;margin-left:12px;background-color:#e1e1e1;content:''}
#p6 .left_area .txt .tit p{font-weight:normal;font-size:28px;line-height:36px;font-family:'notokr-light'}
#p6 .right_area .img_area{position:relative;margin:33px 0 62px}
#p6 .right_area .img_area:before{position:absolute;right:0;bottom:0;width:258px;height:460px;background-color: rgba(51,77,109,0.1);content:'';z-index:-1;}
#p6 .right_area .img_area span{display:block;margin-right:41px;font-weight:600;font-size:13px;line-height:67px;color:#334d6d;text-align:right;font-family:'Poppins',sans-serif;}
#p6 .right_area .txt{line-height:24px}

/* 마이페이지 */
#mypage{max-width:1200px;margin:0 auto 70px;font-size:15px;color:#fff;font-family:'notokr-regular'}
#mypage .info{width:100%;padding:40px 60px;border-radius:20px;background-color:#222;}
#mypage .info .top{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid rgba(255, 255, 255, 0.5);}
#mypage .info .top p{font-size:20px;word-break:keep-all;line-height:30px}
#mypage .info .top p span{font-weight:700}
#mypage .info .top div{display:flex;align-items:center;gap:30px}
#mypage .info .top div > div{width:90px;height:90px;border-radius:100%;background:#fff}
#mypage .info .top div > div img{width:100%}
#mypage .info .top a{display:flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:30px;border:1px solid #fff;color:#fff}
#mypage .info ul{display:flex;flex-wrap:wrap;padding-top:30px}
#mypage .info ul li{display:flex;align-items:center;gap:30px;width:50%;padding:10px 0;font-size:18px}
#mypage .info ul li p{width:12%;color:rgba(255, 255, 255, 0.5)}
#mypage .list{margin-top:20px;border:1px solid #e1e1e1;padding:40px 60px;border-radius:20px}
#mypage .list b{font-size:20px;font-weight:700;color:#222}
#mypage .table_wrap{overflow-x:scroll;margin-top:20px;color:#666}
#mypage .table_wrap::-webkit-scrollbar{height:5px}
#mypage .table_wrap::-webkit-scrollbar-track{border-radius:5px;background-color:#fff}
#mypage .table_wrap::-webkit-scrollbar-thumb{border-radius:5px;background-color:#ccc}
#mypage .table_wrap table{min-width:600px;width:100%;border-collapse:collapse}
#mypage .table_wrap table thead{border-top:1px solid #e1e1e1;background:#f7f7f7}
#mypage .table_wrap table thead th{padding:15px 0;color:#333}
#mypage .table_wrap table tbody td{padding:15px 0;border-bottom:1px dotted #e1e1e1;text-align:center;word-break:keep-all}
#mypage .pg_wrap{display:block;float:initial;margin-top:20px;text-align:center}
#mypage .cancel_btn{width:fit-content;margin:0 auto;padding:5px 10px;cursor:pointer;border:1px solid #ffd8e1;border-radius:5px;color:#ff567f;background:#fff7f9}
#mypage .state{display:inline-block;padding:1px 10px;border-radius:20px;font-size:13px;color:#fff;letter-spacing:-.5px;font-family:'notokr-medium'}
#mypage .state.stay{background-color:#1f77b3}
#mypage .state.comp{background-color:#d7001e}
#mypage .state.resv{background-color:#0d8d68}
#mypage .state.cancle{background-color:#999}