.finish-loading{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999999; }
.modal-loading{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000; }
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(155,155,155,.3);
  border-radius: 50%;
  border-top-color: #ffffff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px;

}

.loading2 {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(155,155,155,.3);
  border-radius: 50%;
  border-top-color: #ffffff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px;

}


@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}


.content-modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:99998; background:#000; background:rgba(0,0,0,0.8);}
.content-modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.content-modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.content-modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.content-modal-inner-content{text-align:left;}
/* modal layer content */
.content-modal-content{position:relative; width:50%; max-width:100%; margin:20px auto; background-color:#fff; }
.content-modal-content h2{height:60px; line-height:60px; font-size:18px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#2368ab; color:#fff; font-family:'GmarketSansBold', sans-serif;}
.content-modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.content-modal-close-btn i{font-size:38px; color:#ffffff;}
.content-modal-close-btn i:hover {color:#fff}
.content-inner-box{padding:3px; }
.content-inner{padding:3px; height:85dvh; overflow-y:auto; overflow-x:hidden; border:none; text-align:center; }


.review-modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:99998; background:#000; background:rgba(0,0,0,0.8);}
.review-modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.review-modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.review-modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.review-modal-inner-content{text-align:left;}
/* modal layer content */
.review-modal-content{position:relative; width:70%; max-width:100%; margin:20px auto; background-color:#fff; }
.review-modal-content h2{height:60px; line-height:60px; font-size:18px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#2368ab; color:#fff; font-family:'GmarketSansBold', sans-serif;}
.review-modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.review-modal-close-btn i{font-size:38px; color:#ffffff;}
.review-modal-close-btn i:hover {color:#fff}

.review-modal-write-btn{position:absolute; top:5px; left:10px; color:#fff; }

.review-inner-box{padding:3px; }
.review-inner{padding:3px; height:85dvh; overflow-y:auto; overflow-x:hidden; border:none; text-align:center; }




.solution-modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:99997; background:#000; background:rgba(0,0,0,0.8);}
.solution-modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.solution-modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.solution-modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.solution-modal-inner-content{text-align:left;}
/* modal layer content */
.solution-modal-content{position:relative; width:70%; max-width:100%; margin:20px auto; background-color:#fff; }
.solution-modal-content h2{height:60px; line-height:60px; font-size:18px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#2368ab; color:#fff; font-family:'GmarketSansBold', sans-serif;}
.solution-modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.solution-modal-close-btn i{font-size:38px; color:#ffffff;}
.solution-modal-close-btn i:hover {color:#fff}
.solution-modal-write-btn{position:absolute; top:5px; left:10px; color:#fff; }
.solution-inner-box{padding:3px; }
.solution-inner{padding:3px; height:85dvh; overflow-y:auto; overflow-x:hidden; border:none; text-align:center; }


.loading-modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:99997; background:#ffffff; background:rgba(0,0,0,0.5);}




@media (max-width: 768px) {
    .content-modal-content {
        width: 95%;
    }

	.review-modal-content {
        width: 95%;
    }

	.solution-modal-content {
        width: 95%;
    }
	

}


.scrollbar-custom::-webkit-scrollbar {
  width: 8px; /* 스크롤바 너비 */
  height:5px;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
  background-color: #4b5563; /* 스크롤바 손잡이 색상 */
  border-radius: 10px; /* 손잡이 둥글게 */
}

.scrollbar-custom::-webkit-scrollbar-track {
  background-color: #f3f4f6; /* 스크롤바 트랙 색상 */
}


.hidden-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .custom-checkbox {
    width: 24px;
    height: 24px;
    border: 2px solid #ccc;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    cursor: pointer;
    position: relative;
  }
  .custom-checkbox svg {
    position: absolute;
    width: 16px;
    height: 16px;
    fill: white;
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
  }
  .hidden-checkbox:checked + .custom-checkbox {
    background-color: #facc15; /* 노란색 */
    border-color: #facc15;
  }
  .hidden-checkbox:checked + .custom-checkbox svg {
    opacity: 1;
  }