@charset "utf-8";

/* photoviewer */
.btn-squareline{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;line-height:22px;padding:11px 50px;font-size:14px;border-radius:8px;border:1px solid #bbb;color:#f5f5f5}
.btn-squareline:before{display:block;width:24px;height:24px}
.btn-squareline.google:before{content:"";display:block;background:url('/images/icon_24_google.png') no-repeat 0 0 / 100% auto}
.btn-squareline.naver:before{content:"";display:block;background:url('/images/icon_24_naver.png') no-repeat 0 0 / 100% auto}
.btn-squareline.youtube:before{content:"";display:block;background:url('/images/icon_24_youtube.png') no-repeat 0 0 / 100% auto}
.btn-squareline.smap:before{width:100%;content:"";display:block;background:url('/images/map/marker/logo_3_d_smap.png') no-repeat 50% 50% / 72px auto}
.photoviewer .viewercont{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;background:rgba(34, 34, 34, .95);z-index:999999}
.photoviewer .viewerinner{position:absolute;top:0;left:0;right:0;bottom:0;}
.photoviewer .photoitem{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.photoviewer .photoheader{position:absolute;top:0;left:0;width:100%;background:#222}
.photoviewer .photoheader .hdtop{display:flex;align-items:center;justify-content:center;height:56px}
.photoviewer .photoheader .btn-pageback{position:absolute;top:16px;left:16px;width:24px;height:24px;border:0;background:url(/images_dark/icon_24_navi_arrow.svg) no-repeat 0 0 / 24px auto;}
.photoviewer .photoheader .counter{line-height:56px;color:#fff;text-align:center;font-size:18px;font-weight:800}
.photoviewer .photobottom{opacity:1;position:absolute;bottom:0;left:0;width:100%;background:#222}
.photoviewer .photobtns{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:100%;max-width:1400px}
.photoviewer .photobtns .btnsarea{position:absolute;z-index:1;opacity:1;}
.photoviewer .photobtns .btnsarea.prev {left: 0;}
.photoviewer .photobtns .btnsarea.next{right: 0;}
.photoviewer .photobtns .btnphoto{position:relative;width:68px;height:116px;margin-top:-58px;background:#222;border:0;font-size:0;text-indent:-9999}
.photoviewer .photobtns .btnphoto:after{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);content:'';display:block;width:52px;height:52px;background:url('/images/icon_52_pc_prev.png') no-repeat 50% 50% / 52px auto}
.photoviewer .photobtns .btnsarea.next .btnphoto:after{background:url('/images/icon_52_pc_next.png') no-repeat 50% 50% / 52px auto}
.photogroups.fadegroup .photobtns .btnsarea.prev{opacity:0;-webkit-transition: opacity 0.3s ease-out;transition: opacity  0.3s ease-out;}
.photogroups.fadegroup .photobtns .btnsarea.next  {opacity:0;-webkit-transition: opacity  0.3s ease-out;transition: opacity  0.3s ease-out;}
.photogroups.fadegroup .photoheader{top:-114px;;-webkit-transition: top 0.3s ease-out;transition: top 0.3s ease-out;}
.photogroups.fadegroup .photobottom{opacity:0;max-height:102px;-webkit-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.photoviewer .hdbtmlist{position:relative;display:flex;align-items:center;max-width:1480px;height:56px;margin:0 auto;padding:12px 0;text-align:left;white-space:nowrap;overflow: hidden;}
.photoviewer .hdbtmlist .btn-listphoto{margin:0 2px;font-size:16px;color:#f5f5f5;padding:5px 10px;border-radius:32px;border:0}
.photoviewer .hdbtmlist .btn-listphoto.active{font-weight:800;background:#444}
.photoviewer .hdbtmlist .slick-slide .btn-listphoto{margin:0}
.photoviewer .hdbtmlist .listwrap{width:100%}
/* .photoviewer .hdbtmlist .listwrap{position:relative;max-width:1400px;width:100%} */
.photoviewer .hdbtmlist .listwrap.renewSlick{padding-left:32px}
.photoviewer .hdbtmlist .listwrap .slick-slider{position:inherit}
.photoviewer .hdbtmlist .listwrap.renewSlick .slick-slide{margin:0 2px}
.photoviewer .hdbtmlist .listwrap.renewSlick .slick-list{width:calc(100% - 32px)}
.photoviewer .hdbtmlist .btn-listarw + .listwrap{width:calc(100% - 32px);padding-left:28px}
/* .photoviewer .hdbtmlist .listwrap.renewSlick:after{opacity:1;content:'';position:absolute;right:0;top:-11px;width:32px;height:58px;background: linear-gradient(270deg, #222222 0%, rgba(34, 34, 34, 0) 100.96%);} */
/* .photoviewer .hdbtm:hover .listwrap.renewSlick:after{opacity:1;-webkit-transition: opacity .4s linear;transition: opacity .4s linear;} */
.photoviewer .hdbtmlist .btn-listarw{display:none;position:absolute;top:0;left:0;width:32px;min-width:32px;height:56px;background:rgba(17, 17, 17, .8);z-index:1;border:0}
.photoviewer .hdbtm:hover .btn-listarw{display:block}
.photoviewer .hdbtmlist .btn-listarw.next{right:0;left:auto}
.photoviewer .hdbtmlist .btn-listarw:after{position:absolute;top:24px;display: inline-block;content: "";width: 10px;height: 10px;border-width: 1px 1px 0 0;border-style: solid;border-color: #fff;border-radius: 0;}
.photoviewer .hdbtmlist .btn-listarw.prev:after{transform: rotate(-135deg);left:13px}
.photoviewer .hdbtmlist .btn-listarw.next:after{transform: rotate(45deg);;left:8px}
.photoviewer .hdbtmlist .renewSlick .slick-arrow{width:32px;min-width:32px;height:56px;background:rgba(17, 17, 17, .8);z-index:1;border:0;margin-top:-28px}
.photoviewer .hdbtmlist .renewSlick .slick-arrow:after{position:absolute;top:24px;display: inline-block;content: "";width: 10px;height: 10px;border-width: 1px 1px 0 0;border-style: solid;border-color: #fff;border-radius: 0}
.photoviewer .hdbtmlist .renewSlick .slick-arrow.slick-prev:after{transform: rotate(-135deg);left:13px}
.photoviewer .hdbtmlist .renewSlick .slick-arrow.slick-next:after{transform: rotate(45deg);;left:8px}
.photoviewer .hdbtmlist .renewSlick.listwrap:after{right:32px}
.photoviewer .photobottom{transition: all .3s;text-align:left;}
.photoviewer .photobottom .btminner{position:relative;max-width:1400px;margin:0 auto;padding:30px 16px 24px}
.photoviewer .photobottom .tit{position:relative;display:block;line-height:26px;font-size:18px;margin-bottom:4px;color:#fff;font-weight:800}
.photoviewer .photobottom.gold .tit, .photoviewer .photobottom.silver .tit{padding-left:30px;}
.photoviewer .photobottom.gold .tit:before,
.photoviewer .photobottom.silver .tit:before{content:"";position:absolute;top:0;left:0;display:block;width:24px;height:24px;}
.photoviewer .photobottom.gold .tit:before{background:url('/images/land/ic_contents_danji_rank_1_24.png') no-repeat 0 0 / 24px auto}
.photoviewer .photobottom.silver .tit:before{background:url('/images/land/ic_contents_danji_rank_2_24.png') no-repeat 0 0 / 24px auto}
.photoviewer .photobottom .cont{width:calc(100% - 10px);height:22px;line-height:22px;font-size:14px;color:#eee;text-overflow:ellipsis;overflow: hidden;word-break: break-word;white-space: nowrap;}
.photoviewer .photobottom .btn-budget{display:none;max-width:1400px;width:100%;height: 30px;border-radius: 16px 16px 0 0;position: absolute;left: 0;top: 0;background: url('/images/icon_24_bottom_up_arrow_photo.png') no-repeat center center/24px;}
.photoviewer .photobottom .btn-budget:after{display:none}
.photoviewer .photobottom.active{display:block;border-radius:16px 16px 0 0;transition: all  0.3s ease-out;}
.photoviewer .photobottom.active .btn-budget{display:block}
.photoviewer .photobottom.active .cont{width:100%;-webkit-line-clamp:inherit;white-space:nowrap}
.photoviewer .photobottom.active .btn-budget{bottom:auto;top:0;transform: rotate(360deg);right:16px}
.photoviewer .photobottom.nonactive{display:block;border-radius:16px 16px 0 0;transition: all  0.3s ease-out;}
.photoviewer .photobottom.nonactive .btn-budget{display:block}
.photoviewer .photobottom.nonactive .cont{width:100%;height:auto;overflow:auto;-webkit-line-clamp:inherit;white-space:normal}
.photoviewer .photobottom.nonactive .btn-budget{bottom:auto;top:0;transform: rotate(180deg);right:16px}
.photoviewerModal .vm--modal{top:0 !important}
.photoviewerModal .wh-layer{background:transparent;border-radius:0;padding:0;box-shadow:none;} 
.photoitembx{width:100%;height:100%}
.photoitembx .slick-slider, .photoitembx .slick-list, .photoitembx .slick-track, .photoitembx .slick-slide, .photoitembx .slick-slide div{width:100%;height:100% !important}
.photoitembx .slick-arrow{z-index:2;position:absolute;top:50%;transform: translate(0, -50%);width:68px;height:116px;background:#222 !important;border:0;font-size:0;text-indent:-9999}
.photoitembx .slick-arrow.slick-prev{left:0}
.photoitembx .slick-arrow.slick-next{right:0}
.photoitembx.fadegroup .slick-arrow{opacity:0;-webkit-transition: opacity 0.3s ease-out;transition: opacity  0.3s ease-out;}
.photoitembx .slick-arrow:after{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);content:'';display:block;width:52px;height:52px;background:url('/images/icon_52_pc_prev.png') no-repeat 50% 50% / 52px auto}
.photoitembx .slick-arrow.slick-next:after{background:url('/images/icon_52_pc_next.png') no-repeat 50% 50% / 52px auto}
.photoviewer .zommin:hover .pinch-zoom-content{cursor:zoom-in}
.photoviewer .zommout:hover .pinch-zoom-content{cursor:zoom-out}
.photoviewer .lastbx{display:flex;align-items:center;justify-content:center;color:#eee;text-align:center;font-size:24px}
.photoviewer .lastbx .lastbxinner{height:auto !important}
.photoviewer .lastbx .bxbtns{display:flex;justify-content:center;margin-top:24px}
.photoviewer .lastbx .btn-squareline{margin:0 4px}

/* vue-pinch-zoom : disableZoomControl 관련 옵션 커스터마이징 css */
.customizing_disablezoom .pz-zoom-button.pz-zoom-control-position-bottom{display:none}
.photoviewer .pz-zoom-button.pz-zoom-control-position-bottom{width:45px;height:45px !important;margin:0;top:50%;left:50%;bottom:auto;right:auto;opacity:1;transform: translate(-50%, -50%);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0ibm9uZSIvPjxnIGNsYXNzPSJjdXJyZW50TGF5ZXIiPjxwYXRoIGQ9Ik0xNS41IDE0aC0uNzlsLS4yOC0uMjdBNi40NzEgNi40NzEgMCAwMDE2IDkuNSA2LjUgNi41IDAgMTA5LjUgMTZjMS42MSAwIDMuMDktLjU5IDQuMjMtMS41N2wuMjcuMjh2Ljc5bDUgNC45OUwyMC40OSAxOWwtNC45OS01em0tNiAwQzcuMDEgMTQgNSAxMS45OSA1IDkuNVM3LjAxIDUgOS41IDUgMTQgNy4wMSAxNCA5LjUgMTEuOTkgMTQgOS41IDE0eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMiAxMGgtMnYySDl2LTJIN1Y5aDJWN2gxdjJoMnYxeiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);background-position:50% 50%;background-color:rgba(34,34,34,.4);border-radius:6px}
.photoviewer .pz-zoom-button.pz-zoom-control-position-bottom.pz-zoom-button-out{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0ibm9uZSIvPjxnIGNsYXNzPSJjdXJyZW50TGF5ZXIiPjxwYXRoIGQ9Ik0xNS41IDE0aC0uNzlsLS4yOC0uMjdBNi40NzEgNi40NzEgMCAwMDE2IDkuNSA2LjUgNi41IDAgMTA5LjUgMTZjMS42MSAwIDMuMDktLjU5IDQuMjMtMS41N2wuMjcuMjh2Ljc5bDUgNC45OUwyMC40OSAxOWwtNC45OS01em0tNiAwQzcuMDEgMTQgNSAxMS45OSA1IDkuNVM3LjAxIDUgOS41IDUgMTQgNy4wMSAxNCA5LjUgMTEuOTkgMTQgOS41IDE0ek03IDloNXYxSDd6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==)}

@media all and (max-width:1023px) {
    .photoviewer .photobottom .tit{font-size:16px}
    .photogroups .photobtns, .photoitembx .slick-arrow{display:none !important}
    .photoviewer .lastbx{font-size:16px}
    .photoviewer .lastbx .bxbtns{margin-top:16px}
    .photoviewer .lastbx .btn-squareline{width:79px;padding:7px 12px;margin:0 2px}
}