@charset "utf-8";

/* pgcm */
.pgcm .pl {white-space:pre-line;line-height:1.6}

/* p54 펜션 소개 */
#p54{position:relative;padding-bottom:45px;background-color:#fff;z-index:-2}
#p54  .line{position:absolute;top:0;left:0;margin:0 7%;width:86%;height:100%;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;z-index:-1}
#p54 .tit_area{position:relative;margin-bottom:70px;color:#fff}
#p54 .tit_area img{display:block;;z-index:10}
#p54 .tit_area .txt{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%)}
#p54 .tit_area .txt span{display:block;margin-bottom:25px;font-size:15px;font-weight:700;text-align:center;font-family:'Poppins'}
#p54 .tit_area .txt p{font-size:30px;text-align:center;font-family:'pretendard';line-height:1.4}
#p54 .tit_area .txt p b{font-weight:700}

#p54 .cont_area{display:grid;grid-template-columns:repeat(2,1fr);gap:70px;margin:0 185px;font-family:'pretendard'}
#p54 .cont_area .cont:nth-child(1){text-align:end}
#p54 .cont_area .cont:nth-child(1) .txt{margin-top:55px}
#p54 .cont_area .cont img{display:block;border-radius:10px}
#p54 .cont_area .cont .txt{margin:20px 0 50px}
#p54 .cont_area .cont .txt span{display:block;margin-bottom:10px;color:#000;font-size:18px}
#p54 .cont_area .cont .txt p{color:#777;font-size:16px;line-height:1.8}
#p54 .cont_area .cont:nth-child(2) .txt p{width:420px}


#p54 .wrap{position:relative;margin:0 auto;width:300px;height:145px}
#p54 svg{display:block;width:100%;height:98%}
#p54 ellipse{fill:none;stroke:#e4e4e4;stroke-width:1.5;transform-origin:50% 50%;transform:rotate(22deg);transition:all 0.3s}
#p54 .wrap:hover ellipse{fill:rgba(245, 235, 222, 0.9);stroke:none;transform:rotate(0deg);transition:all 0.3s}
#p54 .wrap p{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;color:#aaa;text-align:center;text-transform:uppercase;font-size:14px;font-weight:700;font-family:'Poppins'}
#p54 .wrap:hover p{color:#d8c0a8}