@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:16px;color:#fff}
#mypage .info{width:100%;padding:40px 60px;border-radius:20px;background-color:#555}
#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;font-family:'notokr-bold'}
#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 30px;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;color:#fff}
#mypage .info ul li p{color:#ffffff90}
#mypage .info ul li:nth-child(2n-1) p{width:11%}
#mypage .info ul li:nth-child(2n) p{width:20%}
#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{margin-top:40px;color:#222}
#mypage .table_wrap table{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}
#mypage .table_wrap table tbody td{padding:20px 0;border-bottom:1px dotted #e1e1e1;text-align:center;color:#555}