/*
	HesGallery v1.5.1

	Copyright (c) 2018-2019 Artur Medrygal <medrygal.artur@gmail.com>

	Product under MIT licence

*/
#hgallery {
    display: block;
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.9);
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 99999
}

.hg-disable-scrolling {
    overflow: hidden!important
}

#hg-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1
}
/*
#hg-bg::after {
    content: '';
    position: absolute;
    display: block;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOSA2LjQxTDE3LjU5IDUgMTIgMTAuNTkgNi40MSA1IDUgNi40MSAxMC41OSAxMiA1IDE3LjU5IDYuNDEgMTkgMTIgMTMuNDEgMTcuNTkgMTkgMTkgMTcuNTkgMTMuNDEgMTJ6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPg==);
    background-position: center;
    background-size: contain;
    cursor: pointer;
    opacity: .8
}
*/
#hg-bg::after:hover {
    background-color: #fff
}

#hgallery.open {
    visibility: visible!important;
    opacity: 1
}

#hg-pic-cont {
    max-width: calc(70% - 40px);
    max-height: 90vh;
    cursor: default;
    z-index: 12;
    position: relative;
    background-color: #fff;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

#hg-pic-cont.hg-transition {
    -webkit-transform: scale(.1);
    transform: scale(.1)
}

#hg-subtext {width:100%; color: var(--white); background: var(--black); padding:2rem; box-sizing: border-box; font-weight:300; font-size: 1.48rem; position: absolute; display: block; left: 0; bottom:0; /*top: calc(100% + 6px)*/ opacity:.7;}
#hg-subtext .captioninner {display: flex; flex-wrap: wrap; flex-direction: row; gap: 1rem; align-items: center;}
#hg-subtext .captioninner .stitle {font-size: 1.58rem;}
/*#hg-subtext .captioninner .title {margin-left: 0; margin-right: 1rem;}*/
#hg-subtext .captioninner .title,
#hg-subtext .captioninner .date {opacity:.5;}

#hg-howmany { color: var(--white); font-size: 1.5rem; position: absolute; display: block; right: 0; bottom: 0; background: var(--black); border-radius: 0; padding: .5rem 1rem; opacity: .5}

#hg-pic {
    width: auto;
    height: auto;
    min-height: 100px;
    min-width: 100px;
    max-width: 100%;
    max-height: 90vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    cursor: default;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0
}

#hg-pic:hover {
    -webkit-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#hgallery button {
    position: absolute;
    display: block;
    margin: auto 0;
    width: 6rem;
    height: 6rem;
    z-index: 11;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    opacity: 0;
    -webkit-transition: opacity .3s,visibility .3s;
    transition: opacity .3s,visibility .3s;
    visibility: hidden
}

#hgallery button img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
	/* box-shadow: 0px 0px 10px -2px rgba(0,0,0,.5); */ border-radius: 5rem; background: rgba(0,0,0,.2);

}

#hgallery.open button {
    visibility: visible;
    opacity: 1
}

#hgallery button:hover {
    opacity: 1
}

#hgallery button#hg-prev {
    left: 2rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#hgallery button#hg-prev:active {
    left: 2rem
}

#hgallery button#hg-next {
    right: 2rem
}

#hgallery button#hg-next:active {
    right: 2rem
}

#hgallery #hg-next-onpic,#hgallery #hg-prev-onpic {
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 100%;
    cursor: pointer
}

#hgallery #hg-next-onpic {
    right: 0;
    left: auto;
    width: 10%
}

.hg-unvisible {
    opacity: 0!important;
    visibility: hidden
}

@media (max-width: 1100px) {
    #hg-pic-cont {
        max-width:calc(100% - 40px)
    }
}

/*
현담윤 추가영역
*/
#hgallery button#hg-prev{z-index:13}
#hgallery button#hg-next{z-index:13}
#hgallery #his_close_btn{ position: absolute; display: block; top: 20px; right: 20px; width: 3rem; height: 3rem; background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOSA2LjQxTDE3LjU5IDUgMTIgMTAuNTkgNi40MSA1IDUgNi40MSAxMC41OSAxMiA1IDE3LjU5IDYuNDEgMTkgMTIgMTMuNDEgMTcuNTkgMTkgMTkgMTcuNTkgMTMuNDEgMTJ6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPg==); background-position: center; background-size: contain; cursor: pointer; opacity: .8;}