/*01resort*/
.po_resort .section { height: 1080px; background: center center/cover; }
.po_resort .section.p01 { overflow: hidden; }/*TODO 2023-03-01 : 프라나오너스 상단 영상 영역 사이즈 자동조절 및 하단 p02영역 사이즈 제대로 나옴.*/
/*.po_resort .section.p01 { background-image: url(../images/p01_bg.jpg); overflow: hidden; }
.po_resort .section.p03 { background-image: url(../images/p03_bg.jpg); }
.po_resort .section.p05 { background-image: url(../images/p05_bg.jpg); }*/
.section.p06 { background: #f2ede9; }

.po_resort .p01 { height: 940px; }
.po_resort .p01 .tx { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-52%); text-align: center; }
.po_resort .p01 .tx:before { content: ''; display: block; height: 46px; background: url(../images/p01_mountain.png) no-repeat center 0/auto 100%; margin-bottom: 15px; }
.po_resort .p01 .tx h2 { font-size: 64px; color: #fff; margin-bottom: 35px; }
.po_resort .p01 .tx h2 span { display: inline-block; transition: none; }
.po_resort .p01 .tx p { font-size: 19px; line-height: 168%; color: #fff; }
.po_resort .p01 .scroll { position: absolute; bottom: 47px; left: 0; right: 0; padding-bottom: 103px; text-align: center; font-size: 14px; color: #fff; font-weight: 700; background: url(../images/ar_po_resort_scroll.png) no-repeat center bottom; }

#bg_video { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); overflow:hidden; width:auto; height:auto; min-width:100%; min-height:100%; }

@media screen and (max-width:1200px) {
.po_resort .p01 .tx { left: 40px; right: 40px; }
.po_resort .p01 .tx:before { height: 36px; margin-bottom: 12px; }
.po_resort .p01 .tx h2 { font-size: 45px; line-height: 130%; margin-bottom: 25px; }
.po_resort .p01 .tx p { font-size: 16px; }
.po_resort .p01 .scroll { padding-bottom: 95px; font-size: 13px; }
.po_resort .p01 .scroll:before { height: 85px; }
}

.po_resort .p02 .tx { position: absolute; top: 50%; left: 0; width: calc(37.5% - 150px); transform: translateY(-50%); padding: 0 50px 0 100px; }
.po_resort .p02 .tx h2 { font-size: 42px; line-height: 133%; margin-bottom: 38px; }
.po_resort .p02 .tx h2 span { color: #937a67; }
.po_resort .p02 .tx p { font-size: 16px; color: #787878; line-height: 175%; padding-left: 3px; }
.po_resort .p02 .bg { position: absolute; top: 0; left: 37.5%; right: 0; bottom: 0; }
/*.po_resort .p02 .bg { position: absolute; top: 0; left: 37.5%; right: 0; bottom: 0; background: url(../images/p02_bg.jpg) center center/cover; }*/
@media screen and (max-width:1200px) {
.po_resort .p02 .tx { width: calc(50% - 80px); padding: 0 40px; }
.po_resort .p02 .tx h2 { font-size: 32px; margin-bottom: 25px; }
.po_resort .p02 .tx p { font-size: 14px; padding-left: 2px; }
.po_resort .p02 .tx p br { display: none; }
.po_resort .p02 .bg { left: 50%; }
}

.po_resort .p03 .tx { position: absolute; bottom: 115px; left: 100px; }
.po_resort .p03 .tx h2 { font-size: 42px; color: #fff; line-height: 133%; margin-bottom: 38px; }
.po_resort .p03 .tx p { font-size: 16px; color: #fff; line-height: 175%; padding-left: 3px; }
@media screen and (max-width:1200px) {
.po_resort .p03 .tx { bottom: 50px; left: 40px; right: 40px; }
.po_resort .p03 .tx h2 { font-size: 32px; margin-bottom: 25px; }
.po_resort .p03 .tx p { font-size: 14px; padding-left: 2px; }
}

.po_resort .p04 .ph { position: absolute; top: calc(170/1080*100vh); background: center center/cover; }
.po_resort .p04 .ph.ph01 { left: 0; bottom: calc(170/1080*100vh + 275px); width: calc(45% - 83px); }
.po_resort .p04 .ph.ph02 { right: 0; bottom: calc(170/1080*100vh); width: calc(55% - 83px); }
/*.po_resort .p04 .ph.ph01 { left: 0; bottom: calc(170/1080*100vh + 275px); width: calc(45% - 83px); background-image: url(../images/p04_ph01.jpg); }
.po_resort .p04 .ph.ph02 { right: 0; bottom: calc(170/1080*100vh); width: calc(55% - 83px); background-image: url(../images/p04_ph02.jpg); }*/

.po_resort .p04 .ph .tit { position: absolute; font-size: 13px; color: #7e7469; font-weight: 700; }
.po_resort .p04 .ph .tit span { color: #caa98b; }
.po_resort .p04 .ph.ph01 .tit { left: calc(100% - 135px); bottom: 140px; width: 300px; transform: rotate(-90deg); }
.po_resort .p04 .ph.ph02 .tit { left: 0; bottom: -25px; }

.po_resort .p04 .tx { position: absolute; bottom: calc(170/1080*100vh + 10px); left: 100px; max-width: 43%; }
.po_resort .p04 .tx h2 { font-size: 42px; color: #000; line-height: 133%; margin-bottom: 38px; }
.po_resort .p04 .tx h2 span { color: #937a67; }
.po_resort .p04 .tx p { font-size: 16px; color: #787878; line-height: 175%; padding-left: 3px; }
@media screen and (max-width:1200px) {
.po_resort .p04 .ph { top: calc(150/1080*100vh); }
.po_resort .p04 .ph.ph01 { bottom: calc(150/1080*100vh + 265px); width: calc(55% - 40px); }
.po_resort .p04 .ph.ph02 { bottom: calc(150/1080*100vh); width: calc(45% - 40px); }
.po_resort .p04 .tx { bottom: calc(150/1080*100vh + 10px); left: 40px; right: 45%; max-width: none; }
.po_resort .p04 .tx h2 { font-size: 32px; margin-bottom: 25px; }
.po_resort .p04 .tx p { font-size: 14px; padding-left: 2px; }
.po_resort .p04 .tx p br { display: none; }
}
@media screen and (max-width:640px) {
.po_resort .p04 .ph { top: 75px; }
.po_resort .p04 .ph.ph01 { bottom: auto; height: 30%; width: 80%; }
.po_resort .p04 .ph.ph02 { top: calc(30% + 95px); bottom: 230px; width: 85%; }
.po_resort .p04 .tx { bottom: 20px; left: 20px; right: 20px; }
.po_resort .p04 .tx h2 { font-size: 24px; margin-bottom: 20px; }
.po_resort .p04 .tx p { font-size: 13px; }
}

.po_resort .p05 .tx { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-52%); text-align: center; }
.po_resort .p05 .tx h2 { font-size: 62px; color: #fff; margin-bottom: 22px; }
.po_resort .p05 .tx h2 span { color: #ffe8cd; transition: none; }
.po_resort .p05 .tx h2 em { display: inline-block; transition: none; }
.po_resort .p05 .tx p { font-size: 18px; line-height: 155%; color: #fff; }
@media screen and (max-width:1200px) {
.po_resort .p05 .tx { left: 40px; right: 40px; }
.po_resort .p05 .tx h2 { font-size: 45px; line-height: 130%; margin-bottom: 25px; }
.po_resort .p05 .tx p { font-size: 16px; margin: 0 50px; }
.po_resort .p05 .tx p br { display: none; }
}

.po_resort .p06 { height: auto; }