.finish-loading{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999999; display:none;}
.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: #2d3b46;
  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; }




@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; /* 스크롤바 트랙 색상 */
}