#memberCheckPage { display: flex; justify-content: center; margin-bottom: 168px; font-size: 20px; font-size: 2rem; line-height: 24px; line-height: 2.4rem; font-weight: 500;}
#memberCheckPage .guide_ment { font-size:22px; font-size:2.2rem; line-height:31px; line-height:3.1rem; font-weight: 500; text-align: left; margin-top: 7px; color: #707070;}
#memberCheckPage .apply_wrap { width: 100%; padding: 0 40px;}
#memberCheckPage .member_linkage {margin-top: 40px; }  
#memberCheckPage .container { font-size: 0;}
#memberCheckPage .container2 { font-size: 0; display: block; gap: 24px;}

#memberCheckPage .borderLine_title{ font-size: 28px; font-size: 2.8rem; line-height: 39.2px; line-height: 3.92rem; font-weight: 700; color: #000;}
#memberCheckPage .main_item { display: inline-block; width: 102px; height: 80px; background-color: #EBEBEB; font-size: 14px; font-size: 1.4rem; line-height: 19.6px; line-height: 1.96rem; font-weight: 600; color: #707070; text-align: center; align-content: center;
    border-top: 1px solid #C7C7C7; border-left: 1px solid #C7C7C7; border-right: 1px solid #C7C7C7}
#memberCheckPage .sub_item { display: inline-block; width: calc(100% - 105px); height: 80px; background-color: #FAFAFA; font-size: 14px; font-size: 1.4rem; line-height: 19.6px; line-height: 1.96rem; font-weight: 600; color: #707070; text-align: center; align-content: center;
    border-top: 1px solid #C7C7C7; border-right: 1px solid #C7C7C7}
#memberCheckPage .bottom_item { height: 60px; border: 1px solid #C7C7C7; background-color: #FAFAFA; font-size: 20px; font-size: 14px; font-size: 1.4rem; line-height: 19.6px; line-height: 1.96rem; font-weight: 600; color: #707070; text-align: center; align-content: center;}

#memberCheckPage .checkbox_con {font-size: 18px; font-size: 1.8rem; line-height: 25.2px; line-height: 2.52rem; font-weight: 600; color: #494949;}
#memberCheckPage .checkbox { width: 28px; height: 28px; border: 5px solid #000;}
#memberCheckPage .checkbox_con.special { margin-top: 48px; margin-bottom: 140px; text-align: center;}
#memberCheckPage input[type="checkbox"] { position: relative; margin-right: 14px; width: 18px; height: 18px; border-radius: 3px; border: 2px solid #494949; }
#memberCheckPage input[type="checkbox"]:checked::after { content:'✔'; position: absolute; left: -1px; top: -16px; font-size: 25px; text-align: center; }

#memberCheckPage input[type="text"] { padding: 10px 20px; width: 100%; height: 100%; box-sizing: border-box; border-radius: 4px; font-size: 24px; font-size: 2.4rem; line-height: 33.6px; line-height: 3.36rem; font-weight: 600; text-align: center;}
#memberCheckPage .business {  height: 80px; background-color: #707070; border-radius: 4px; border: 1px solid #AEAEAE; font-size: 24px; font-size: 2.4rem; line-height: 33.6px; line-height: 3.36rem; font-weight: 600; color: #fff; text-align: center; align-content: center;
    width: 140px; margin-bottom: 16px;} 
#memberCheckPage .numberBox1 { width: 110px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC; flex-grow: 2;}
#memberCheckPage .numberBox2 { width: 63px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC; flex-grow: 1;}
#memberCheckPage .numberBox3 { width: 184px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC; flex-grow: 3;}
#memberCheckPage .number_bar { width: 20px; height: 80px; font-size: 24px; font-size: 2.4rem; line-height: 33.6px; line-height: 3.36rem; font-weight: 600; text-align: center; align-content: center;}
#memberCheckPage .business_box { display: flex; flex-grow: 1; }

#memberCheckPage .button_box { width: 100%; margin-top: 28px; }
#memberCheckPage .inquire_btn { width: 100%; height: 60px; align-content: center; text-align: center; border-radius: 4px; border: 1px solid #1132CA; background-color: #1132CA; font-size: 20px; font-size: 2rem; line-height: 28px; line-height: 2.8rem; font-weight: 700; color: #fff; }

/* 회원가입 완료 확인증 출력 페이지 */
#membershipCard .card{display:flex; flex-direction: column; align-items: center; background-image: url("/weven_data/wv172534936250/web/content/sign_up/img/membership_bg.jpg"); background-size: contain; background-repeat: no-repeat; background-position: top; width:400px; height:560px; padding:30px;  }
#membershipCard .card .title {font-size:35px; font-size: 3.5rem; line-height: 48px; line-height: 4.8rem; font-weight: 700; letter-spacing: 7px; margin-top: 75px;}
#membershipCard .card .desc_con{padding:30px 24px 0px 36px;}
#membershipCard .card .desc_con .row { display: flex; flex-wrap: nowrap; align-items:flex-start; width: 100%;}
#membershipCard .card .desc_con .header{display: inline-block; font-size: 11px; font-size: 1.1rem; line-height: 18px; line-height: 1.8rem; margin-bottom: 2px; font-weight: 600; width:50px; flex-shrink: 0;}
#membershipCard .card .desc_con .header::after{content:':'; margin:0px 3px;}
#membershipCard .card .desc_con .data {display: inline-block; font-size: 11px; font-size: 1.1rem; line-height: 18px; line-height: 1.8rem; margin-bottom: 2px; font-weight: 300;  white-space: normal; flex-grow: 1; word-break: keep-all;}
#membershipCard .card .ment{padding:24px 24px 0px 24px; font-size:15px; font-size: 1.5rem; line-height: 24px; line-height: 2.4rem; font-weight: 500; word-break: keep-all;}
#membershipCard .card .date{padding-top:42px; font-size:11px; font-size: 1.1rem;}
#membershipCard .card .grantee{padding-top:26px; font-size:18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: 500; position: relative;}

#membershipCard .tab {width:24px; display: inline-block;}

#membershipCard .tab25 {width:15px; display: inline-block;}
#membershipCard .tab10 {width:10px; display: inline-block;}
#membershipCard .ls5 {letter-spacing: 3px; display: inline-block;}
#membershipCard .ls15 {letter-spacing: 10px; display: inline-block;}
#membershipCard .ls20 {letter-spacing: 12px; display: inline-block;}

#membershipCard .seal{background-image: url("/weven_data/wv172534936250/web/content/sign_up/img/seal.png"); background-size: contain; background-repeat: no-repeat; position: absolute; width:50px; height:50px; right:-28px; bottom: 0px;}
#membershipCard .flex_row{display: flex; flex-direction: row;}
#membershipCard .flex_col_end{display: flex; flex-direction: column; justify-content: flex-end;}
#membershipCard .flex_col_start{display: flex; flex-direction: column; justify-content: flex-start; z-index: 1;}

#membershipCard .print_btn{width:85px; height: 25px; font-size:8px; font-size:0.8rem; margin-top:20px; background-color: #446fad; display: flex; justify-content: center; align-items: center; color:#fff;}
#membershipCard .print_btn:hover{cursor: pointer;}

@media all and (min-width:480px) {  
    /* #memberCheckPage .apply_wrap { width: 100%; padding: 0 50px; }  */
    #memberCheckPage .numberBox1 { width: 240px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC;}
    #memberCheckPage .numberBox2 { width: 145px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC;}
    #memberCheckPage .numberBox3 { width: 450px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC;}
    #memberCheckPage .number_bar { width: 29px; height: 80px; font-size: 24px; font-size: 2.4rem; line-height: 33.6px; line-height: 3.36rem; font-weight: 600; text-align: center; align-content: center;}

}

@media all and (min-width: 680px) {
    #membershipCard .tab {width:40px; display: inline-block;}
    #membershipCard .card{width:610px; height:850px; padding:50px; padding-top:60px;}
    #membershipCard .card .title {font-size:45px; font-size: 4.5rem; line-height: 70px; line-height: 7rem; letter-spacing: 9px; margin-top: 120px;}
    #membershipCard .card .desc_con{padding:45px 36px 0px 55px;}
    #membershipCard .card .ment{ padding:36px 40px 0px 40px; font-size:21px; font-size: 2.1rem; line-height: 36px; line-height: 3.6rem;}
    #membershipCard .card .date{padding-top:63px; font-size:17px; font-size: 1.7rem;}
    #membershipCard .card .grantee{padding-top:40px; font-size:22px; font-size: 2.2rem; line-height: 36px; line-height: 3.6rem;}
    #membershipCard .seal{width:72px; height: 72px; right:-45px; bottom:0px; }

    #membershipCard .ls5 {letter-spacing: 5px; display: inline-block;}
    #membershipCard .ls15 {letter-spacing: 15px; display: inline-block;}
    #membershipCard .ls20 {letter-spacing: 20px; display: inline-block;}

    #membershipCard .card .desc_con .header{font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; margin-bottom:4px;  width:80px;}
    #membershipCard .card .desc_con .header::after{content:':'; margin:0px 5px;}
    #membershipCard .card .desc_con .data {font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; margin-bottom: 4px;}

    #membershipCard .print_btn{width:140px; height: 40px; font-size:12px; font-size: 1.2rem; margin-top:35px;}
}

@media all and (min-width: 768px) {
    #memberCheckPage .main_item {width: 157px; font-size: 18px; font-size: 1.8rem; line-height: 25.2px; line-height: 2.52rem; font-weight: 600;}
    #memberCheckPage .sub_item {width: calc(100% - 160px); font-size: 18px; font-size: 1.8rem; line-height: 25.2px; line-height: 2.52rem; font-weight: 600;}
    #memberCheckPage .bottom_item {font-size: 18px; font-size: 1.8rem; line-height: 25.2px; line-height: 2.52rem; font-weight: 600;}   
    #memberCheckPage .checkbox_con {font-size: 20px; font-size: 2rem; line-height: 28px; line-height: 2.8rem; font-weight: 600; color: #494949;}

    #membershipCard .card{width:680px; height:950px;}
    #membershipCard .card .title {font-size:50px; font-size: 5rem; line-height: 80px; line-height: 8rem; letter-spacing: 10px; margin-top: 130px;}
    #membershipCard .card .desc_con{padding:50px 45px 0px 65px;}
    #membershipCard .card .ment{padding:40px 45px 0px 45px; font-size:25px; font-size: 2.5rem; line-height: 40px; line-height: 4rem;}
    #membershipCard .card .date{padding-top:70px; font-size:18px; font-size: 1.8rem;}
    #membershipCard .card .grantee{padding-top:45px; font-size:25px; font-size: 2.5rem; line-height: 40px; line-height: 4rem;}
    #membershipCard .seal{width:80px; height: 80px; right:-45px; bottom:0px; }

    #membershipCard .card .desc_con .header{font-size: 18px; font-size: 1.8rem; line-height: 25px; line-height: 2.5rem; margin-bottom: 5px; width:85px;}
    #membershipCard .card .desc_con .header::after{content:':'; margin:0px 5px;}
    #membershipCard .card .desc_con .data {font-size: 18px; font-size: 1.8rem; line-height: 25px; line-height: 2.5rem; margin-bottom: 5px;}
    #membershipCard .tab25 {width:25px; display: inline-block;}
    #membershipCard .tab10 {width:15px; display: inline-block;}
}

@media all and (min-width:992px) {
    #memberCheckPage .numberBox1 { width: 207px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC;}
    #memberCheckPage .numberBox2 { width: 111px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC;}
    #memberCheckPage .numberBox3 { width: 400px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC;}
    #memberCheckPage .number_bar { width: 29px; height: 80px; font-size: 24px; font-size: 2.4rem; line-height: 33.6px; line-height: 3.36rem; font-weight: 600; text-align: center; align-content: center;}

}

@media all and (min-width:1200px) {
    #memberCheckPage .business {width: 300px; height: 80px; background-color: #707070; border-radius: 4px; border: 1px solid #AEAEAE; font-size: 24px; font-size: 2.4rem; line-height: 33.6px; line-height: 3.36rem; font-weight: 600; color: #fff; text-align: center; align-content: center;} 
    #memberCheckPage .container2 { font-size: 0; display: flex; gap: 24px; justify-content: space-between;}
    #memberCheckPage .numberBox1 { width: 208px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC;}
    #memberCheckPage .numberBox2 { width: 112px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC;}
    #memberCheckPage .numberBox3 { width: 401px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC;}
    #memberCheckPage .number_bar { width: 39px; height: 80px; font-size: 24px; font-size: 2.4rem; line-height: 33.6px; line-height: 3.36rem; font-weight: 600; text-align: center; align-content: center;}

    #memberCheckPage .main_item {width: 320px; font-size:20px; font-size:2rem; line-height:28px; line-height:2.8rem; font-weight: 600;}
    #memberCheckPage .sub_item {width: calc(100% - 324px); font-size:20px; font-size:2rem; line-height:28px; line-height:2.8rem; font-weight: 600;}
    #memberCheckPage .bottom_item {font-size:20px; font-size:2rem; line-height:28px; line-height:2.8rem; font-weight: 600;}
}

@media all and (min-width:1600px) {
    #memberCheckPage .apply_wrap { max-width: 1400px; padding: 0 0; }

    #memberCheckPage .numberBox1 { width: 287px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC;}
    #memberCheckPage .numberBox2 { width: 192px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC;}
    #memberCheckPage .numberBox3 { width: 480px; height: 78px; border-radius: 4px; border: 1px solid #BCBCBC;}
    #memberCheckPage .number_bar { width: 49px; height: 80px; font-size: 24px; font-size: 2.4rem; line-height: 33.6px; line-height: 3.36rem; font-weight: 600; text-align: center; align-content: center;}
}

/* 회원증 출력을 위한 프린트창에서 제어 */
@media print {

    body {
        -webkit-print-color-adjust: exact; /* Chrome, Safari */
        print-color-adjust: exact;         /* Firefox */
    }

    #membershipCard .card .title {font-size:60px; font-size: 6rem; line-height: 80px; line-height: 8rem; letter-spacing: 12px; margin-top: 160px;}
    #membershipCard .card .desc_con{padding:50px 50px 0px 70px;}
    #membershipCard .card .ment{padding:50px 50px 0px 50px; font-size:27px; font-size: 2.7rem; line-height: 40px; line-height: 4rem;}
    #membershipCard .card .date{padding-top:75px; font-size:20px; font-size: 2rem;}
    #membershipCard .card .grantee{padding-top:50px; font-size:30px; font-size: 3rem; line-height: 45px; line-height: 4.5rem;}
    #membershipCard .card .desc_con .header{font-size: 21px; font-size: 2.1rem; line-height: 30px; line-height: 3rem; width:100px; margin-bottom: 7px;}
    #membershipCard .card .desc_con .header::after{content:':'; margin:0px 6px;}
    #membershipCard .card .desc_con .data {font-size: 21px; font-size: 2.1rem; line-height: 30px; line-height: 3rem; margin-bottom: 10px;}
    #membershipCard .card .ls5 {letter-spacing: 6px;}
    #membershipCard .tab {width:45px; }
    #membershipCard .tab25 {width:30px;}
    /* 배경 이미지가 있는 요소에 대한 CSS */
    #membershipCard .card{ display: flex;
        flex-direction: column;
        align-items: center;
        background-image: url("/weven_data/wv172534936250/web/content/sign_up/img/membership_bg.jpg");
        background-size: cover; /* A4에 맞춰 이미지 확장 */
        background-repeat: no-repeat;
        background-position: top;
        width: 210mm; /* A4 가로 크기 */
        height: 297mm; /* A4 세로 크기 */
        padding:65px; 
        padding-top:80px;
        margin: auto; /* 중앙 정렬 */
        box-sizing: border-box; }
    #membershipCard .seal{background-image: url("/weven_data/wv172534936250/web/content/sign_up/img/seal.png"); background-size: contain; background-repeat: no-repeat; position: absolute; width:90px; height:90px; right:-50px; bottom: 0px;}
}