@charset "utf-8";
.mainPopup .modal-dialog{margin:0 auto;width:100%;max-width:600px;background-color:#fff;}
.mainPopup .modal-dialog .popCont{border-radius: 0;}
.mainPopup .pop {width:100%;position:relative;line-height: 0;min-height: 320px;}
.mainPopup .todayChk {display:flex;justify-content:flex-end;position:relative;padding:22px 0;padding-right: 150px;width:100%;text-align:center;background-color: #fff;}
.mainPopup .todayChk .btn-close{position: absolute;top: 0;right: 0;width: 124px;height: 82px;border-left: 1px solid #ddd;font-size: 18px;}
.mainPopup .todayChk .chk input{display: inline-block;width:26px;height:26px;border:10px solid #ddd;margin-right: 3px;}
.mainPopup .todayChk .chk label{}
.mainPopup .todayChk .chk label i{display: inline-block;font-style: normal;font-size: 18px;padding-top: 5px;}
.mainPopup .modal-footer{margin:0;}
.popup--slider{position:relative;width: 600px;height: 500px;overflow:hidden;}
.popup--slider .photo_list--item,
.popup--slider .slick-list,
.popup--slider .slick-list .slick-track,
.popup--slider .slick-list .slick-track .slick-slide,
.popup--slider .slick-list .slick-track .slick-slide>div,
.popup--slider .slick-list .slick-track .slick-slide picture,
.popup--slider .slick-list .slick-track .slick-slide img{height:100%;margin: 0;}
.popup--slider .slick-list .item,
.popup--slider .slick-list .js-link{display:block;position:relative;height: 100%;width: 100%;box-sizing: border-box;min-height: 320px;max-width: 600px;}
.popup--slider .slick-list .item  img,
.popup--slider .slick-list .js-link img{display: inline-block;width:100%;height:100%;}
.popup--slider .slick-list .js-link .subject{display:block;font-size: 29px;color:#2d3e46;line-height:1.2;/* width: 100%; */overflow: hidden;/* overflow-wrap: break-word; */margin-bottom:10px;max-height:68px;}
.popup--slider .slick-list .js-link .desc{font-size:16px;line-height: 1.6;display:block;word-break: initial;max-height: 50px;overflow: hidden;}
.popup--slider .slick-list .slick-slide{overflow:hidden;width: 600px !important;top: 0;left: 0 !important;display:none;position: absolute !important;}
.popup--slider .slick-list .slick-slide.slick-current.slick-active{display:block;}

.mainPopup .slick-counter{position:absolute;bottom: 31px;left: 85px;z-index: 10;}
.mainPopup .slick-counter span{display:inline-block;color: #6d6868;}
.mainPopup .slick-counter .total{margin-left:80px;color: #b8b6b6;}
.mainPopup .slider-nav{/* position: absolute; *//* overflow:hidden; *//* bottom: 47px; *//* left: 0; */z-index: 10;/* border: 1px solid; */}
.mainPopup .slider-nav .slick-arrow{display:inline-block;overflow:hidden;width: 53px;height: 53px;position: absolute;top: 13px;left: 20px;/* border:1px solid; */font-size: 0;}
.mainPopup .slider-nav .slick-arrow.prev{background: url(/images/kr/main/arrow_prev.png) left center / 53px no-repeat;}
.mainPopup .slider-nav .slick-arrow.next{/* background-position:-19px -206px; */left: auto;right: 346px;background: url(/images/kr/main/arrow_next.png) right center / 53px no-repeat;}
.mainPopup .slider-nav .slick-arrow.play{background-position:-74px -206px;}
.mainPopup .slider-nav .slick-arrow.pause{background-position:-47px -206px;}
.mainPopup .slider-progress {width: 59px;height: 1px;background: #b8b6b6;max-width:600px;position: absolute;overflow:hidden;bottom: 41px;left: 105px;z-index: 10;}
.mainPopup .slider-progress .progress { width:0%; height:5px; background:#000; position:absolute; }


/* new nodal */
.modal-dialog
.commonPop-slide {
    height: calc(100% - 42px);
    position: relative;
}

.commonPop-slide .slide-control {
    padding: 5px 15px;
    background: #fff;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 30px;
    border: 1px solid #eee;
    z-index: 35;
}

.commonPop-slide .slide .item, .commonPop-slide .slide {
    height: 325px;
    max-height: 325px;
    overflow: hidden;
    min-height: 325px;
}

.commonPop-slide .slide div {
    height: 100%;
}

.commonPop-slide .slide-control {
    display: flex !important;
}

.commonPop-slide .slide-control .total {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    margin-right: 10px;
}

.commonPop-slide .slide-control .total .current {
    color: #013b6c;
    font-weight: 600;
}


.commonPop-slide .slide-control .total .line {
    margin: 0 5px;
}

.commonPop-slide .slide-control .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.commonPop-slide .slide-control .btn-wrap .button {
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    width: 17px;
    height: 17px;
    display: inline-block;
}

.commonPop-slide .slide-control .btn-wrap .button.prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='currentColor'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
    margin-right: 5px;
}

.commonPop-slide .slide-control .btn-wrap .button.next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='currentColor'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
    margin-left: 5px;
}


.commonPop-slide .slide-control .btn-wrap .button.play {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='currentColor'%3E%3Cpath d='M16 12L10 18V6L16 12Z'%3E%3C/path%3E%3C/svg%3E");
}

.commonPop-slide .slide-control .btn-wrap .button.stop {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='currentColor'%3E%3Cpath d='M15 7C15 6.44772 15.4477 6 16 6C16.5523 6 17 6.44772 17 7V17C17 17.5523 16.5523 18 16 18C15.4477 18 15 17.5523 15 17V7ZM7 7C7 6.44772 7.44772 6 8 6C8.55228 6 9 6.44772 9 7V17C9 17.5523 8.55228 18 8 18C7.44772 18 7 17.5523 7 17V7Z'%3E%3C/path%3E%3C/svg%3E");
}

.modal-footer {
  padding: 0;
  border-top: 1px solid #ddd;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #efefef;
  margin: 0;
}

.modal-footer .custom-input {
  padding: 10px 15px;
  text-align: center;
  width: calc(100% - 160px);
  position: relative;
  line-height: 1;
}

.modal-footer .custom-input input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.modal-footer .custom-input input + label {
  margin-bottom: 0;
  display: inline-block;
  position: relative;
  padding-left: 24px;
  margin-right: 30px;
  cursor: pointer;
  color: #333;
  outline: none;
}

.modal-footer .custom-input input + label::before,
.modal-footer .custom-input input + label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  outline: none;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #000;
  transition: all 0.3s;
}

.modal-footer .custom-input input + label::after {
  background-color: #dd1227;
  border-color: #dd1227;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.325451 4.96861C-0.108484 4.52678 -0.108484 3.81043 0.325451 3.3686C0.759387 2.92677 1.46293 2.92677 1.89687 3.3686L5.03971 6.56862C5.47364 7.01045 5.47364 7.7268 5.03971 8.16863C4.60577 8.61046 3.90222 8.61046 3.46829 8.16863L0.325451 4.96861Z' fill='white'/%3E%3Cpath d='M5.03971 8.16863C4.60577 8.61046 3.90222 8.61046 3.46829 8.16863C3.03435 7.7268 3.03443 7.01049 3.46836 6.56866L9.10313 0.831372C9.53707 0.389542 10.2406 0.389543 10.6745 0.831373C11.1085 1.2732 11.1085 1.98955 10.6745 2.43138L5.03971 8.16863Z' fill='white'/%3E%3C/svg%3E%0A");
  opacity: 0;
}

.modal-footer .custom-input input:checked + label::before {
  opacity: 0;
}

.modal-footer .custom-input input:checked + label::after {
  opacity: 1;
}

.modal-footer .custom-input input:focus + label {
  border: 1px dashed #000;
}

.modal-footer .btn-close {
  padding: 10px 15px;
  text-align: center;
  width: 160px;
  border-left: 1px solid #ddd;
  color: #333;
  line-height: 1;
  min-height: 42px;
  background: #efefef;
  font-weight: bold;
  letter-spacing: -1px;
}

.commonPop-slide .slide-control .btn-wrap .button[data-control]:before, .commonPop-slide .slide-control .btn-wrap .button[data-control]:after{display: none;}

@media screen and (max-width: 767px) {
	.modal-dialog{margin-top: 30px !important;}
  .modal-footer {
    flex-direction: column;
  }
  
  .modal-footer .custom-input {
    width: 100%;
    border-bottom: 1px solid #ddd;
  }
  
  .modal-footer .btn-close {
    min-height: 36px;
    border: none;
  }
}
@media (max-width: 500px) {
    .layoutPopup .modal-dialog {
        height: auto !important;
    }

    .commonPop-slide .slide .item, .commonPop-slide .slide {
        max-width: none;
        height: 100vw;
        min-height: auto;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .layoutPopup .modal-dialog .modal-content a img {
        max-width: none;
        width: 100%;
        height: auto;
        max-height: none;
        width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 450px) {
  .commonPop-slide .slide .item, .commonPop-slide .slide{
    height: 220px;
    min-height: 220px;
  }
}