/* img fix */
img { vertical-align:bottom; }

/* 20220921 .disabled 추가 */
.lytFootBtns .footbtnGroup .arrowBtn.disabled {opacity:0.3;}
.lytFootBtns .footbtnGroup .arrowBtn:hover:not(.disabled) {background-color: #0098ff;box-shadow: 0 3px 10px rgba(0,0,0,0.2); transition: all 0.3s;}
.lytFootBtns .footbtnGroup .arrowBtn.prev:hover:not(.disabled) {background-image: url(/common/images/icon/arrow-m-left-w.svg); background-position: calc(50% - 5px) 50%;}
.lytFootBtns .footbtnGroup .arrowBtn.next:hover:not(.disabled) {background-image: url(/common/images/icon/arrow-m-right-w.svg);background-position: calc(50% + 5px) 50%;}

/* modal 팝업 20231124 */
@keyframes popOpenDimd { 0% {opacity:0;} 100% {opacity:1;} }
@keyframes popOpenScale { 0% {opacity:0; transform:scale(0.7);} 100% {opacity:1; transform:scale(1);} }
@media screen and (min-width: 100px) and (max-width: 590px) { .modImgPopup .popupContGroup .popImgLink a {width: 45.5%; height: 14.7vw;} }
.modImgPopup {width:100%; height:100%; display:none; position:fixed; left:0; top:0; z-index:1500;}
.modImgPopup.on {display:flex; justify-content: center; align-items: center;}
.modImgPopup .popupDim {width:100%; height:100%; font-size:0; background:rgba(0,0,0,0.4); position:fixed; left:0; top:0;}
.modImgPopup.on .popupDim {opacity:0; animation: popOpenDimd 0.2s linear forwards;}
.modImgPopup .popupArea {max-width: calc(100% - 40px); height:auto; max-height: calc(100% - 100px);}
.modImgPopup .popupInMotion {width:100%; height:100%; background:#fff;}
.modImgPopup.on .popupInMotion {opacity:0; transform:scale(0.7); animation: popOpenScale 0.3s linear forwards;}
.modImgPopup .popupContGroup {height:100%; max-height: calc(100vh - 100px); overflow:auto; box-shadow: 5px 10px 30px 0 rgba(0, 0, 0, 0.5);}
.modImgPopup .popupContGroup .popImg img,
.modImgPopup .popupContGroup .image img {width: 100%; vertical-align: top;}
.modImgPopup .popupContGroup .popImgLink {position: relative; margin-top: -1px;}
.modImgPopup .popupContGroup .popImgLink img {width: 100%; vertical-align: top;}
.modImgPopup .popupContGroup .popImgLink a {position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 250px; height: 85px; font-size: 0;}
.modImgPopup .popupContGroup .popClose {position: relative; width:100%; height:35px; background:#ccc;}
.modImgPopup .popupContGroup .popClose .btnClose {width: 18px; height: 18px; background: url(/common/images/event/icon_close_black.png) center no-repeat; font-size: 0; position: absolute; right: 9px; top: 9px; display: block;}
.modImgPopup .popupContGroup .popClose .oneDayClose {margin-left: 9px; line-height: 35px; font-size: 13px;}
.modImgPopup .closeArea {width:100%; height:35px; background:#ccc;}
.modImgPopup .closeArea .close {width: 18px; height: 18px; background: url(/common/images/event/icon_close_black.png) center no-repeat; font-size: 0; position: absolute; right: 9px; top: 9px; display: block;}