<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600&amp;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}

/*펜션소개*/
#p57_new{overflow:hidden;margin:65px 90px}
#p57_new&gt;div{float:left;width:45%}
#p57_new  dl{display:flex;flex-direction:column;gap:40px}
#p57_new  dl dt{margin-bottom:10px;font-size:18px;font-weight:700;color:var(--primary);word-break:keep-all}
#p57_new .br{word-break:keep-all}
#p57_new .left_area{margin-right:9%;font-family:'notokr-regular'}
#p57_new .left_area .txt{margin-bottom:37px;font-family:'notokr-regular'}
#p57_new .left_area .txt .tit{margin-bottom:30px;line-height:24px;color:#222}
#p57_new .left_area .txt .tit span{display:block;margin-bottom:15px;font-weight:600;font-size:13px;font-family:'Poppins',sans-serif}
#p57_new .left_area .txt .tit span:after{display:inline-block;height:1px;width:72px;margin-bottom:4px;margin-left:12px;background-color:#e1e1e1;content:''}
#p57_new .left_area .txt .tit h3{font-weight:normal;font-size:28px;line-height:1.5;font-family:'notokr-light';white-space:pre-line;word-break:keep-all}
#p57_new .right_area .img_area{position:relative;margin:33px 0 62px}
#p57_new .right_area .img_area:before{position:absolute;right:0;bottom:0;width:258px;height:460px;background-color:rgba(91,183,213,0.1);content:'';z-index:-1}
#p57_new .right_area .img_area span{display:block;margin-right:41px;font-weight:600;font-size:13px;line-height:67px;color:#5BB7D5;text-align:right;font-family:'Poppins',sans-serif}

/* 반응형 [s] */
@media (max-width:1200px){
#p57_new{display:flex;gap:20px;margin:0 2.5%}
#p57_new .left_area{margin-right:0px;width:calc(100% / 2 - 10px)}
#p57_new .right_area{margin-right:0px;width:calc(100% / 2 - 10px)}
}
@media (max-width:1024px){
.pagecommon{padding:40px 15px 0}
#p57_new dl dt{font-size:17px}
#p57_new{margin:0;gap:50px}
#p57_new .left_area{margin-right:0px;width:calc(100% / 2 - 25px)}
#p57_new .right_area{margin-right:0px;width:calc(100% / 2 - 25px)}
#p57_new .left_area .txt .tit{margin-bottom:40px}
#p57_new .left_area .txt .tit h3{font-size:25px}
#p57_new .left_area img{width:100%;height:560px;object-fit:cover}
}
@media (max-width:900px){
#p57_new .left_area .txt .tit h3{white-space:normal}
}
@media (max-width:800px){
#p57_new .br{white-space:normal}
#p57_new&gt;div{width:100%}
#p57_new .right_area .img_area{text-align:right}
}
@media (max-width:768px){
#p57_new{flex-direction:column;gap:60px}
#p57_new dl{flex-direction:row;gap:20px}
#p57_new dl .section{padding:40px 25px;width:calc(100% / 2 - 10px);border-radius:10px;text-align:center;background-color:#f5f5f5}
#p57_new .left_area{margin-right:0px;width:100%}
#p57_new .left_area .txt{text-align:center;margin-bottom:45px}
#p57_new .left_area .txt .tit{margin-bottom:60px}
#p57_new .left_area .txt .tit span:after{display:none}
#p57_new .left_area .txt .tit h3{white-space:pre-line;font-size:23px}
#p57_new .left_area .img_cont{position:relative;left:50%;transform:translateX(-50%);width:80%;height:340px;border-radius:10px;background:url(../sh_page/img/p6_02.jpg) no-repeat;background-size:cover;background-position:50% 80%}
#p57_new .left_area img{display:none}
#p57_new .right_area{display:flex;flex-direction:column-reverse;margin-right:0px;width:100%}
#p57_new .right_area .txt{margin-bottom:45px}
#p57_new .right_area .img_area{display:flex;flex-direction:column;align-items:center;margin:0px}
#p57_new .right_area .img_area:before{display:none}
#p57_new .right_area .img_cont{position:relative;width:80%;height:340px;border-radius:10px;background:url(../sh_page/img/p6_01.jpg) no-repeat;background-size:cover;background-position:50% 59%}
#p57_new .right_area .img_cont img{display:none}
#p57_new .right_area .img_area span{padding:0 30px;margin-right:0px;width:max-content;background-color:rgba(91,183,213,0.1)}
}
@media (max-width:580px){
#p57_new .left_area .txt{margin-bottom:30px}
#p57_new .left_area .img_cont{width:100%}
#p57_new .right_area .txt{margin-bottom:30px}
#p57_new .right_area .img_cont{width:100%}
}
@media (max-width:480px){
#p57_new{padding:60px 2.5%;gap:40px}
#p57_new dl{flex-direction:column;gap:12px}
#p57_new dl .section{padding:30px 18px;width:100%;border-radius:8px}
#p57_new dl dt{font-size:16px}
#p57_new dl dd{font-size:14px}
#p57_new .left_area .txt{margin-bottom:20px}
#p57_new .left_area .txt .tit{margin-bottom:50px}
#p57_new .left_area .txt .tit h3{font-size:21px}
#p57_new .left_area .img_cont{border-radius:8px;background-position:50% 75%}
#p57_new .right_area .txt{margin-bottom:20px}
#p57_new .right_area .img_cont{border-radius:8px 8px 0 0;background-position:50% 65%}
#p57_new .right_area .img_area span{width:100%;text-align:center;line-height:64px}
}
@media (max-width:380px){
#p57_new{padding:50px 2.5%}
#p57_new dl{gap:9px}
#p57_new dl .section{padding:30px 15px;border-radius:6px}
#p57_new dl dt{font-size:15px}
#p57_new dl dd{font-size:13px}
#p57_new .left_area .txt .tit{margin-bottom:40px}
#p57_new .left_area .txt .tit span{margin-bottom:12px}
#p57_new .left_area .txt .tit h3{font-size:19px}
#p57_new .left_area .img_cont{height:320px;border-radius:6px}
#p57_new .right_area .img_cont{height:320px;border-radius:6px 6px 0 0}
#p57_new .right_area .img_area span{line-height:60px}
}</pre></body></html>