@charset "utf-8";

/* 공통 */
.pgcm .pl{white-space:pre-line}

/* p54 펜션소개 */
#p54 .tit{position:relative;color:#222;font-size:18px;font-family:'Pretendard'}
#p54 .tit p{color:#222;font-size:40px;line-height:1;font-family:"Marcellus",serif}
#p54 > .tit{margin-bottom:47px}
#p54 > .tit p{margin-bottom:25px}
#p54 .tit b{font-weight:700}
#p54 > .tit div{line-height:1.4}
#p54 > .tit::after{position:absolute;display:block;content:'';bottom:13px;right:0;width:747px;height:1px;background-color:#e1e1e1}

#p54 ul{display:flex;align-items:center;justify-content:space-between;padding:0 50px}
#p54 ul .txt_area{padding-top:79px}
#p54 .txt_area .tit{margin-bottom:60px;color:#777;font-size:15px}
#p54 .txt_area .tit p{padding-bottom:20px;font-size:30px}
#p54 .txt_area .txt1{margin-bottom:50px}
#p54 .txt_area .txt p{padding-bottom:8px;color:#222;font-size:17px;font-weight:700;font-family:'Pretendard'}
#p54 .txt_area .txt p span{display:inline-block;padding-right:12px;line-height:1;font-family:"Marcellus",serif}
#p54 .txt_area .txt div{color:#777;font-size:15px}

#p54 .cont_area{margin-top:72px;padding:0 50px}
#p54 .cont_area .img_area{margin-bottom:18px}
#p54 .cont_area .img_area img{display:block;width:100%}
#p54 .cont_area .tit{margin-bottom:50px;color:#777;font-size:15px;text-align:center}
#p54 .cont_area .tit p{margin-bottom:30px;word-break:keep-all}
#p54 .cont_area .txt_area{display:flex;gap:20px}
#p54 .cont_area .txt_area .txt p,
#p54 .cont_area .txt_area .txt div.pl{padding-left:17px}


/* 반응형 [s] */
@media (max-width:1024px){
    .pgcm .pl{white-space:normal}
    #p54{padding:0 10px}
    #p54 > .tit::after{width:50%}
    #p54 ul{gap:10px;padding:0 10px}
    #p54 ul .txt_area{padding-top:25px}
    #p54 .txt_area .tit p{font-size:27px}
    #p54 .txt_area p{font-size:23px}
    #p54 .cont_area{padding:0 10px}
    #p54 .cont_area .txt_area{display:grid;grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
    #p54 > .tit{text-align:center}
    #p54 ul{display:block}
    /* #p54 > .tit{margin-top:50px} */
    #p54 > .tit::after{display:none}
    /* #p54 ul .txt_area{position:relative} */
    #p54 ul .txt_area{position:relative;margin-bottom:50px}
    /* #p54 ul .img_area{position:absolute;top:0;right:-272px} */
    /* #p54 ul .img_area img{width:35%} */
    #p54 ul .img_area img{width:100%}
}
@media (max-width:650px){
    #p54 .cont_area .txt_area{grid-template-columns:repeat(1,1fr)}
}
@media (max-width:480px){
    #p54 > .tit{margin-bottom:15px}
    #p54 .txt_area .tit{margin-bottom:35px}
    #p54 .txt_area .txt1{margin-bottom:35px}
    #p54 ul .txt_area{margin-bottom:28px}
    #p54 .cont_area{padding:0}
    #p54 .tit p,
    #p54 .cont_area .tit p{font-size:35px;word-break:keep-all}
    #p54 .cont_area .txt_area .txt p,
    #p54 .cont_area .txt_area .txt div.pl{padding-left:0}
    #p54 .txt_area .tit p{font-size:22px}
}
@media (max-width:380px){
}

/* 반응형 [e] */