@charset="UTF-8";

/*font*/
@font-face {
    font-family: 'paybooc-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.check_list{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%); width: 550px; height: 80vh;background: url(../../images/main_images/check_bg.jpg) no-repeat 50% 50%;overflow-y: auto;z-index: 50;padding: 40px 40px 30px 40px;background-size: cover;display: none;}
/*.check_list:after{content: ""; position: absolute;top: 0px;left: 0;width: 100%;height: 36px;background: #333;}*/
.check_list > p, .check_wrap > p{text-align: center;}
.item_back{width: 100%;height: 100vh;position: fixed;background: rgba(0,0,0,0.7);z-index: 28;top: 0;left: 0;display: none;}

.check_logo{width: fit-content;margin: 0 auto;}
.check_title{font-size: 28px;font-weight: bold;margin-top: 10px;margin-bottom: 15px;letter-spacing: -1px;}
.check_title span{font-weight: 500;background: #733361;color: #fff;padding: 0 5px;margin-right: 5px;}

.check_title_d{color: #404040;font-size: 15px;}

.check_wrap{margin: 30px 0 30px 0;border: 1px solid #000;position: relative;padding: 40px 5px 15px 5px;}
.check_list_title{position: absolute;top: -18px;left: 50%;transform: translateX(-50%);font-size: 20px;color: #fff;background: #733361;border-radius: 20px;padding: 3px 20px;font-weight: 300;}

.check_wrap ul{width: 80%;margin: 0 auto;}
.check_wrap ul li{display: flex;align-items: flex-start;padding: 5px 0;}
.check_wrap ul li p{font-size: 18px;font-weight: 400;position: relative;top: -4px;width: 90%;}
.check_wrap ul li input{width: 20px;height: 20px;border-radius: 0;margin-right: 10px;margin-top: 0;}

.check_middle{font-size: 13px;margin-top: 20px;margin-bottom: 15px;}
.check_bottom{font-size: 18px;color: #fff;background: #8b557c;text-align: center;width: 90%;margin: 0 auto;padding: 5px 2px;}

.check_list a{text-align: center;font-size: 18px;color: #000;border: 1px solid #000;padding: 8px 20px;margin: 0 auto;width: 150px;transition: all 0.3s ease;}
.check_list a:hover{background: #fff;box-shadow: 0 3px 5px rgba(0,0,0,0.3);}

.check_close{position: absolute;top: 1px;right: 0;text-align: right ;padding: 3px 10px;font-size: 18px;cursor: pointer;z-index: 1;font-family: 'paybooc-Bold';}
.check_close:hover{opacity: 0.7;}

/*스크롤바*/
.check_list::-webkit-scrollbar {width: 5px; /*스크롤바의 너비*/}
.check_list::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.4); /*스크롤바의 색상*/}
.check_list::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1); /*스크롤바 트랙 색상*/}



@media(max-width:650px){
    .check_list{width: 85vw;padding: 40px 20px 30px 20px;}
    .check_title{font-size: 27px;}
    .check_list_title{white-space: nowrap;}
    .check_wrap ul li p{font-size: 17px;top: -3px;}
    .check_bottom, .check_list a{font-size: 17px;}
}/*650*/

@media(max-width:480px){
    .check_list{width: 90vw;height: 75vh;padding: 40px 14px 30px 14px;}
    .check_title{font-size: 26px;}
    
    .check_wrap ul{width: 96%;}
    .check_list_title{font-size: 18px;top: -16px;}
    .check_wrap ul li p{font-size: 16px;top: -2px;}
    .check_bottom, .check_list a{font-size: 16px;}
    .check_list a{width: 140px;}
}/*480*/

@media(max-width:340px){
    .check_list{width: 94vw;height: 75vh;padding: 30px 10px 30px 10px;}
    .check_title{font-size: 24px;}
    .check_title_d{font-size: 14px;}
    
    .check_wrap{padding: 30px 5px 15px 5px;margin: 30px 0 20px 0;}
    .check_wrap ul{width: 90%;}
    .check_list_title{font-size: 17px;}
    .check_wrap ul li input{width: 18px;height: 18px;margin-right: 6px;}
    .check_wrap ul li p{font-size: 15px;top: -2px;}
    .check_middle{margin-top: 10px;font-size: 12px;}
    .check_bottom{width: 95%;font-size: 15px;}
    .check_bottom, .check_list a{font-size: 15px;}
    .check_list a{width: 130px;}
}/*340*/