/*Picture Story*/
.picStory-mainCont{position:relative;max-height:100vh;overflow:hidden;}
.pictureStoryInfo-mainCont{height:5vh;max-height:5vh;overflow:hidden;background-color:black;}
.pictureStoryInfo-mainCont .col-4{display:flex;align-items: center;}
.pictureStoryInfo-mainCont .startCont{padding-left:4vw;}
.pictureStoryInfo-mainCont .closeCont{padding-right:4vw;}
.pictureStoryInfo-mainCont .progress-bar-mainCont{background-color:#F4EFE9;width:100%;height:4px;height:0.293vw;border-radius:4px;border-radius:0.293vw;}
.pictureStoryInfo-mainCont .progress-bar-mainCont .progressBar{width:0%;height:4px;height:0.293vw;background-color:#C9AB81;border-radius:4px;border-radius:0.293vw;transition:2s ease;}
.pictureStoryInfo-mainCont .link1{background-color:transparent;color:white !important;padding:0;margin:0;border:0;}
.pictureStoryInfo-mainCont .link1:focus{border:1px solid transparent !important;}

.pictureStoryFlex{display:flex;flex-wrap:nowrap;}
.pictureStoryTextPart{display:flex;flex-direction:column;width:30%;max-width:30%;height:95vh;padding:0 4vw;}
.pictureStoryTextPart .row1{
	/*height:84%;*/
	height:100%;
	/*padding-top:16%;*/
	padding-top:0;
}
.pictureStoryTextPart .row1 #description{
	margin-bottom:0;
}
.pictureStoryTextPart .row2{
	height:16%;
	display:none;
}
.pictureStoryImgPart{display:flex;width:70%;max-width:70%;height:95vh;overflow:hidden;justify-content:center;align-items:center;position:relative;}
.pictureStoryImgPart .pictureStoryImgBox{position:relative;width:fit-content;height:fit-content;background-position:center;background-size:100% auto;background-repeat:no-repeat;}
.pictureStoryImgPart .pictureStoryImgBox .pictureStoryImg{width:auto;max-width:100%;height:auto;max-height:95vh;visibility:hidden;}
.pictureStoryImgPart .clearBtn{display:none;position:absolute;top:20px;right:20px;padding:0;border:0;background-color:transparent;color:white;border-radius:50%;font-size:20px;font-size:1.464vw;line-height:1;}

.pictureStoryImgPart .pictureStoryImgBox.zoomIn{
	-webkit-animation: scale-up-center 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-center 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.pictureStoryImgPart .pictureStoryImgBox.zoomOut{
	-webkit-animation: scale-down-center 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-down-center 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.pictureStoryImgPart .pictureStoryImgBox .focusBtn{position:absolute;width:10px;width:0.732vw;height:10px;height:0.732vw;border:0;padding:0;margin:0;border-radius:50%;border:1px solid white;background-color:white;}
.pictureStoryImgPart .pictureStoryImgBox .focusBtn:hover{background-color:#C9AB81;border-color:#C9AB81;}
.pictureStoryImgPart .pictureStoryImgBox.zoomIn .focusBtn.active{display:block;background-color:#C9AB81;border-color:#C9AB81;}

.picStory-mainCont .picStory-prev{position:absolute;top:calc(50% - 1.830vw);left:-25px;left:-1.830vw;width:50px;width:3.660vw;height:50px;height:3.660vw;background-color:rgba(255,255,255,0.5);border:0;padding:0;margin:0;background-image:url('../icons/previous.png');background-size:30% 30%;background-position:80% center;background-repeat:no-repeat;border-radius:50%;}
.picStory-mainCont .picStory-next{position:absolute;top:calc(50% - 1.830vw);right:-25px;right:-1.830vw;width:50px;width:3.660vw;height:50px;height:3.660vw;background-color:rgba(255,255,255,0.5);border:0;padding:0;margin:0;background-image:url('../icons/next.png');background-size:30% 30%;background-position:20% center;background-repeat:no-repeat;border-radius:50%;}
.picStory-mainCont .picStory-prev:hover, .picStory-mainCont .picStory-next:hover{background-color:white;}

@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(2.5);transform:scale(2.5)}}
@keyframes scale-up-center{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(2.5);transform:scale(2.5)}}
@-webkit-keyframes scale-down-center{0%{-webkit-transform:scale(2.5);transform:scale(2.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes scale-down-center{0%{-webkit-transform:scale(2.5);transform:scale(2.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}

#dotInfoBtn{display:none;}
#prevInfoBtn{display:none;}
#nextInfoBtn{display:none;}
.navPart{position:absolute;top:calc(50% - 40px);top:calc(50% - 2.928vw);background-color:white;padding:16px;padding:1.171vw;width:260px;width:19.034vw;height:80px;height:5.857vw;align-items:center;}
.navPart.dotInfoBtn{width:200px;width:14.641vw;height:200px;height:14.641vw;left:calc(50% - 100px);left:calc(50% - 7.321vw);top:calc(50% - 100px);top:calc(50% - 7.321vw);border-radius:50%;text-align:center;}
.navPart.prevInfoBtn{left:56px;left:4.100vw;}
.navPart.nextInfoBtn{right:56px;right:4.100vw;}
.navPart.prevInfoBtn:before{content:"";position:absolute;top:calc(50% - 10px);top:calc(50% - 0.732vw);right:100%;border-width:10px;border-width:0.732vw;border-style:solid;border-color:transparent white transparent transparent;}
.navPart.nextInfoBtn:before{content:"";position:absolute;top:calc(50% - 10px);top:calc(50% - 0.732vw);left:100%;border-width:10px;border-width:0.732vw;border-style:solid;border-color:transparent transparent transparent white;}

@media screen and (max-width:991px){
.pictureStoryInfo-mainCont .progress-bar-mainCont{height:4px;border-radius:4px;}
.pictureStoryInfo-mainCont .progress-bar-mainCont .progressBar{height:4px;border-radius:4px;}
.pictureStoryFlex{flex-direction:column;}
.pictureStoryTextPart{width:100%;max-width:100%;height:30vh;padding:0 4vw 50px 4vw;}
.pictureStoryTextPart .row1{height:100%;padding-top:8%;}
.pictureStoryTextPart .row2{height:20%;}
.pictureStoryImgPart{width:100%;max-width:100%;height:65vh;}
.pictureStoryImgPart .pictureStoryImgBox .pictureStoryImg{max-height:60vh;}
.pictureStoryImgPart .clearBtn{top:20px;right:20px;font-size:20px;}
.pictureStoryImgPart .pictureStoryImgBox .focusBtn{width:10px;height:10px;}
.pictureStoryImgPart .pictureStoryImgBox .focusBtn:hover{background-color:transparent;}
.picStory-mainCont .picStory-prev{top:calc(70vh - 25px);left:-25px;width:50px;height:50px;background-color:white;}
.picStory-mainCont .picStory-next{top:calc(70vh - 25px);right:-25px;width:50px;height:50px;background-color:white;}

.navPart{top:calc(70vh - 40px);padding:16px;width:260px;height:80px;}
.navPart.dotInfoBtn{width:200px;height:200px;left:calc(50% - 100px);top:calc(50% - 100px);}
.navPart.prevInfoBtn{left:56px;}
.navPart.nextInfoBtn{right:56px;}
.navPart.prevInfoBtn:before{top:calc(50% - 10px);border-width:10px;}
.navPart.nextInfoBtn:before{top:calc(50% - 10px);border-width:10px;}
}

@media screen and (max-width:767px){
.pictureStoryFlex{flex-direction:column-reverse;}
.pictureStoryImgPart{height:60vh;}
.pictureStoryTextPart{display:block;height:calc(35vh - 25px);margin-top:25px;overflow-y:auto;padding:0 4vw 25px 4vw;}
.pictureStoryTextPart .row1{height:auto;padding-top:0;margin-bottom:25px;}
.pictureStoryTextPart .row2{height:auto;}
.picStory-mainCont .picStory-prev{top:calc((30vh - 25px) + 5vh);}
.picStory-mainCont .picStory-next{top:calc((30vh - 25px) + 5vh);}

.navPart{top:calc((30vh - 32px) + 5vh);padding:12px;width:240px;height:64px;}
.navPart.dotInfoBtn{width:160px;height:160px;left:calc(50% - 80px);top:calc(50% - 80px);}
.navPart.prevInfoBtn{left:44px;}
.navPart.nextInfoBtn{right:44px;}
}

@media screen and (max-width:575px){
.pictureStoryTextPart{height:calc(35vh - 6.667vw);margin-top:6.667vw;padding:0 4vw 6.667vw 4vw;}
.pictureStoryTextPart .row1{margin-bottom:6.667vw;}
.picStory-mainCont .picStory-prev, .picStory-mainCont .picStory-next{top:calc((30vh - 6.667vw) + 5vh);}

.navPart{top:calc((30vh - 32px) + 5vh);top:calc((30vh - 8.533vw) + 5vh);padding:12px;padding:3.200vw;width:240px;width:64vw;height:64px;height:17.067vw;}
.navPart.dotInfoBtn{width:160px;width:42.667vw;height:160px;height:42.667vw;left:calc(50% - 80px);left:calc(50% - 21.333vw);top:calc(50% - 80px);top:calc(50% - 21.333vw);}
.navPart.prevInfoBtn{left:44px;left:11.733vw;}
.navPart.nextInfoBtn{right:44px;right:11.733vw;}
}