@charset "utf-8";


/*메인 style*/
.main-section{background-color: var(--primary-color);}
.main-section .content-box{display: flex;padding-top: 47px;justify-content: space-between;}
.main-section .text-box{}
.main-section .text-box > .logo{background-image: url("../images/main-logo.png");background-size: auto;background-repeat: no-repeat;width: 364px;height: 134px;font-size: 0;text-indent: -99999px;}
.main-section .text-box > .title{font-family:Pretendard,sans-serif;font-size: 35px;font-weight: 400;letter-spacing: 0.01em;margin-top: 39px;color:var(--white-color);}
.main-section .text-box > .title em{font-weight: 700;}
.main-section .text-box > p{font-size: 23px;letter-spacing: -0.025em;line-height: 1.2;color:var(--white-color);font-weight: 500;margin-top: 20px;}
.main-section .text-box .button-box{display: flex;column-gap: 4px;margin-top: 40px;}
.main-section .img-box{position: relative;display: flex;overflow: hidden;}
.main-section .img-box > img{display: block;width: 361px;height: 535px;}

.main-section001{position: relative;padding:160px 0;}
.main-section001 .content-box{display: flex;flex-direction: column;align-items: center;z-index: 1;position: relative;}
.main-section001::after{content:'';width: 100%;height: 330px;position: absolute;background-color: var(--primary-color);bottom:0;}
.main-section001 .title{font-family:Pretendard,sans-serif;font-size: 30px;font-weight: 400;letter-spacing: 0.01em;color:#1c1c1c;}
.main-section001 .title em{font-weight: 700;}
.main-section001 .title .big{display: block;text-align: center;color:var(--primary-color);font-size:75px;font-style: italic;font-weight: 700;letter-spacing: 0.01em;margin-top: 10px;}
.main-section001 .text{font-family:Pretendard,sans-serif;font-size: 54px;font-weight: 400;letter-spacing: 0.01em;color:var(--white-color);margin-top: 15px;}
.main-section001 .text em{font-weight: 700;padding:0.08em 0.2em;position: relative;}
.main-section001 .text em::before{content:'';background-color: var(--point-color);display: block;width: 100%;height:66px;position: absolute;left: 0;top: 0;z-index: -1;}
.main-section001 .img-box{position: relative;margin: 36px auto 0 ;width: 822px;height: 512px;}
.main-section001 .img-box > img{width: 100%;height: 100%;display: block;}
.main-section001 .img-box .deco{position: absolute;}
.main-section001 .img-box .deco.deco1{top:-60px;left: -92px;transform: translateX(-100%);}
.main-section001 .img-box .deco.deco2{top:200px;left: -47px;transform: translateX(-100%);}
.main-section001 .img-box .deco.deco3{top:60px;right: -133px;transform: translateX(100%);}

.main-section002{position: relative;padding:160px 0 0;background-image: url("../images/main-002-bg.png");overflow: hidden;}
.main-section002 .content-box{display: flex;flex-direction: column;align-items: center;z-index: 1;position: relative;}
.main-section002 .title-box{font-family:Pretendard,sans-serif;text-align: center;}
.main-section002 .title-box .title{font-size: 55px;font-weight: 700;letter-spacing: 0.01em;color:var(--white-color);}
.main-section002 .title-box .title em{color:var(--primary-color);}
.main-section002 .title-box p{display: inline-block;padding:0 .2em;font-size: 30px;font-weight: 400;letter-spacing: 0.01em;color:var(--white-color);position: relative;line-height: 1;margin-top: 20px;}
.main-section002 .title-box p::before{content:'';background-color: #2c2c2c;display: block;width: 100%;height:20px;position: absolute;left: 0;bottom: -5px;z-index: -1;}
.main-section002 .img-box{position: relative;margin: 50px auto 0 ;width: 590px;height: 485px;}
.main-section002 .img-box > img{width: 100%;height: 100%;display: block;}
.main-section003{position: relative;padding:190px 0 160px;background-color: #f0f0f0;}
.main-section003 .list-box{display: flex;flex-direction:column;row-gap:20px;width: 1060px;margin: 0 auto;}
.main-section003 .list-box .list-item{display: flex;background-color: var(--white-color);border-radius: 20px;box-shadow: 3px 5px 0 rgba(0, 0, 0, 0.05);overflow: hidden;}
.main-section003 .list-box .list-item .img-box{width: 406px;height: 240px;}
.main-section003 .list-box .list-item .img-box > img{display: block;width: 100%;height: 100%;}
.main-section003 .list-box .list-item .text-box{display: flex;flex-direction: column;justify-content: center;padding-left: 95px;}
.main-section003 .list-box .list-item ul{margin-top: 24px}
.main-section003 .list-box .list-item ul li{font-size: 23px;font-weight: 400;letter-spacing: -0.025em;color:#2a2a2a;line-height: 1.6;}
.main-section003 .list-box .list-item ul li::before{content:'';display: inline-block;background-image: url("../images/icon-list-check.png");background-size: contain;width: 22px;height: 16px;margin-right: 8px;}
.main-section003 .list-box .list-item ul li em{font-weight: 600;}
.main-section003 .list-box .list-item .text-box .title-box{display: flex;align-items: center;column-gap: 8px;}
.main-section003 .list-box .list-item .text-box .title{font-family:Pretendard,sans-serif;font-size: 36px;letter-spacing: -0.025em;line-height: 1;font-weight: 700;color:var(--primary-color);}
.main-section003 .list-box .list-item .text-box .title em{color:var(--point-color);}
.main-section003 .list-box .list-item:nth-of-type(1) .text-box .title-box::before{content:'';display: inline-block;background-image: url("../images/main-003-list001-icon.png");background-size: contain;width:33px;height: 32px;}
.main-section003 .list-box .list-item:nth-of-type(2) .text-box .title-box::before{content:'';display: inline-block;background-image: url("../images/main-003-list002-icon.png");background-size: contain;width: 25px;height: 33px;}
.main-section003 .list-box .list-item:nth-of-type(3) .text-box .title-box::before{content:'';display: inline-block;background-image: url("../images/main-003-list003-icon.png");background-size: contain;width: 50px;height: 31px;}


.main-section004{position: relative;padding:150px 0;background-color: #0077a9;}
.main-section004 .title-box{font-family:Pretendard,sans-serif;text-align: center;color:var(--white-color);line-height: 1;}
.main-section004 .title-box .subtitle{font-size: 22px;}
.main-section004 .title-box .title{font-size: 45px;letter-spacing: 0.045em;font-weight: 700;margin-top: 20px;}
.main-section004 .contact-form-box{display: flex;flex-direction: column;width: 970px;margin:50px auto 0;    row-gap: 17px;}
.main-section004 .contact-form-box .row-box{display: flex;}
.main-section004 .contact-form-box .row-box .col-box{display: flex;width: 100%;}
.main-section004 .contact-form-box .row-box .col-box > label{width: 106px;font-size:20px;font-weight: 600;letter-spacing: -0.01em;color:var(--white-color)}
.main-section004 .contact-form-box .row-box.half{column-gap: 150px;}
.main-section004 .contact-form-box .row-box.half .col-box{width: calc((100% - 150px) / 2);}
.main-section004 .contact-form-box .row-box .input-box{width: calc(100% - 106px);}
.main-section004 .contact-form-box .row-box .input-box :is(input[type='text']){width: 100%;height: 45px;border-radius: 5px;border:0;padding:0 23px;color:var(--base-font-color);font-size: 18px;font-weight: 300;letter-spacing: -0.01em;}
.main-section004 .contact-form-box .row-box .input-box textarea{width: 100%;height: 145px;border-radius: 5px;border:0;padding:25px 24px;color:var(--base-font-color);font-size: 18px;font-weight: 300;letter-spacing: -0.01em;resize: none;}
.main-section004 .contact-form-box .row-box .input-box :is(input[type='text'],textarea)::placeholder{color:var(--placeholder-color);}
.main-section004 .contact-form-box .row-box .input-box :is(input[type='checkbox']){display: none;}
.main-section004 .contact-form-box .row-box .input-box :is(input[type='checkbox']) + label{font-size: 17px;font-weight: 500;color: var(--white-color);display: flex;align-items: center; cursor: pointer;}
.main-section004 .contact-form-box .row-box .input-box :is(input[type='checkbox']) + label::before{content:'';background-image: url("../images/input-checkbox_off.png");display: inline-block;width: 24px;height: 24px;margin-right: 8px;}
.main-section004 .contact-form-box .row-box .input-box :is(input[type='checkbox']):checked + label::before{background-image: url("../images/input-checkbox_on.png");}
.main-section004 .contact-form-box .row-box .agree-input{display: flex;width:100%;column-gap: 12px;align-items: center;justify-content: center;padding:15px 0;}
.main-section004 .contact-form-box .row-box .agree-input .agree-button{display: inline-flex;justify-content: center;align-items: center;width: 65px;height: 28px;background-color:#a7a7a7;border-radius: 5px;color:var(--white-color);font-size: 14px;font-weight: 500;letter-spacing: -0.025em;}
.main-section004 .contact-form-box .button-box{display: flex;justify-content: center}
.main-section004 .contact-form-box .button-box .button{width:318px;height: 62px;font-size: 25px;font-weight: 700;letter-spacing: -0.01em;}
/*메인 style*/

/*로그인 style*/
.login-section{height: 100%;display: flex;align-items: center}
.login-section .content-box{width: 336px;margin: 0 auto}
.login-section .content-box .title{font-size: 43px;letter-spacing: -0.025em;color:#2b2b2b;font-weight: 900;text-align: center;}
.login-section .content-box .login-form{display: flex;flex-direction: column;row-gap: 8px;margin-top: 30px;}
.login-section .content-box .login-form .row-box{width: 100%;}
.login-section .content-box .login-form .row-box .input-box{width: 100%;}
.login-section .content-box .login-form .row-box .input-box :is(input[type='text'],input[type='password']){width: 100%;height: 52px;border-radius: 4px;border:1px solid #b9b9b9;background-color: #f7f7f7;padding:0 25px;color:var(--base-font-color)}
.login-section .content-box .login-form .row-box .input-box :is(input[type='text'],input[type='password'])::placeholder{color:var(--placeholder-color);}
.login-section .content-box .button-box{display: flex;justify-content: center;margin-top: 25px;}
.login-section .content-box .button-box .button{width:100%;height: 53px;font-size: 21px;font-weight: 800;letter-spacing: -0.025em;background-color: #27a8de;}
.login-section .content-box .etc{font-size: 15px;letter-spacing: -0.025em;text-align: center;margin-top: 20px;}
.login-section .content-box .etc > a{font-family: Pretendard,sans-serif;color:#006e9d;font-weight: 600;text-decoration: underline;text-underline-offset:2px;text-decoration-thickness: 1px;margin-left: 0.5em;}
/*로그인 style*/

/*쿠폰발송 완료*/
.send-section{height: 100%;display: flex;align-items: center;font-family: Pretendard,sans-serif;}
.send-section .content-box{width: 470px;margin: 0 auto}
.send-section .content-box .title{font-size: 43px;letter-spacing: -0.025em;color:#2b2b2b;font-weight: 900;text-align: center;}
.send-section .content-box .text-box{text-align: center}
.send-section .content-box .text-box .message-box{font-size: 23px;letter-spacing: -0.025em;color:#2e2e2f;font-weight: 400;margin-top: 60px;}
.send-section .content-box .text-box .message-box .count {font-weight: 700;color:var(--primary-color);text-decoration: underline;text-underline-offset:4px;text-decoration-thickness: 2px;}
.send-section .content-box .text-box .info-text{font-size: 18px;letter-spacing: -0.025em;color:#878787;font-weight: 400;margin-top: 20px;display: block}
.send-section .content-box .button-box{display: flex;column-gap: 10px;margin-top: 50px;}
.send-section .content-box .button{width: calc((100% - 10px)  /2);height: 60px;font-weight: 800;font-size: 21px;}

/*회원가입 style*/
.join-section{height: 100%;display: flex;align-items: center;padding:100px 0 140px}
.join-section .content-box{}
.join-section .content-box .title{font-size: 43px;letter-spacing: -0.025em;color:#2b2b2b;font-weight: 900;text-align: center;}
.join-section .form-box{width: 750px;padding:0 70px;margin: 10px auto 0;}
/*회원가입 style*/

/*리스트 style*/
.list-section{padding:80px 0;}
.list-section .content-box{width: 1240px;margin: 0 auto}
.list-section .content-box .title{font-size: 40px;letter-spacing: -0.025em;color:#2e2e2f;font-weight: 800;text-align: center;}
.list-section .top-box{display: flex;justify-content: space-between;align-items: flex-end;margin-top: 30px;min-height: 90px;}
.list-section .top-box.align-right{justify-content: flex-end;column-gap: 8px}
.list-section .top-box .button-box{display: flex;column-gap: 8px;align-items: center;}
/*리스트 style*/

/*쿠폰발생하기*/
.message-section{padding:80px 0;}
.message-section .content-box{width: 1400px;margin: 0 auto}
.message-section .content-box .title{font-size: 40px;letter-spacing: -0.025em;color:#2e2e2f;font-weight: 800;text-align: center;}
.message-section .message-content{display: flex;width: 100%;margin-top: 60px;}
.message-section .message-content .message-group{padding:0 50px;width: 50%;display: flex;flex-direction: column;row-gap: 50px;}
.message-section .message-content .message-item .title-box{border-bottom:4px solid #13a9e9;display: flex;justify-content: space-between;    align-items: center;}
.message-section .message-content .message-item .title-box h3{padding:19px 15px;font-size: 22px;font-weight: 700;color:var(--primary-color);letter-spacing: -0.025em;}
.message-section .message-content .message-item .form-box{width: 100%;}
.message-section .message-content .message-item .form-box .row-group {row-gap: 10px;padding: 22px 0;}
.message-section .message-content .message-item .form-box .row-box .form-label {width: 100px;font-weight: 700;padding: 14px 10px 0;}
.message-section .message-content .message-item .form-box .row-box.required .form-label{padding: 14px 10px 0 17px;}
.message-section .message-content .message-item .mobile-view{display: flex;margin-top: 38px;justify-content: space-between;}
.message-section .message-content .message-item .mobile-view .mobile-view-text{background-image: url("../images/bg-mobile.png");width: 287px;height: 609px;}
.message-section .message-content .message-item .mobile-view .mobile-view-image{background-image: url("../images/bg-mobile-w.png");width: 287px;height: 609px;}
.message-section .message-content .message-item .mobile-view .mobile-view-text {padding:58px 32px 42px;}

.message-section .message-content .message-item .mobile-view .mobile-view-text .message-box{border-radius: 15px;overflow: hidden;height: 100%;background-color: var(--white-color);}
.message-section .message-content .message-item .mobile-view .mobile-view-text .message-box h3{background-color: #fff000;font-size: 15px;font-weight: 800;letter-spacing: -0.025em;color:#2c2c2c;padding:15px 20px;}
.message-section .message-content .message-item .mobile-view .mobile-view-text .message-text{padding:20px 18px;display: flex;flex-direction: column;row-gap: 1em;font-size: 13px;letter-spacing: -0.025em;font-weight: 500;}
.message-section .message-content .message-item .mobile-view .mobile-view-text .message-text .info{font-size: 12px;color:#a5a5a5;}
.message-section .message-content .message-item .mobile-view .mobile-view-text .message-text .bold{font-weight: 700;}

.message-section .message-content .message-item .mobile-view .mobile-view-image{padding:58px 6px 42px;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box{}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .img-box img{width: 100%;height: 100%;object-fit: cover;display: block;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .img-box{width: 100%;height: 88px;background-color: var(--primary-color);display: flex;justify-content: center;align-items: center;font-weight: 700;letter-spacing: -0.025em;font-size: 24px;color:var(--white-color)}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .table-box{width: calc(100% - 20px);margin: 20px auto;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .table-box table {border-radius: 10px;overflow: hidden}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .table-box table :is(th,td){padding:6px 7px;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .table-box table th {width: 58px;height: 25px;font-size: 11px;font-weight: 700;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .table-box table td {font-size: 11px;text-align: left;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .table-box table td.date {font-size: 10px;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .table-box.countdown table :is(th,td){padding:8px 10px;}


.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .use-box{padding: 20px 10px 10px;position: relative;margin-top: 20px;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .use-box::before{content:'';background-color: #e4e4e4;width:190px;height: 1px;position: absolute;left: 50%;top:0;transform: translateX(-50%);}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .use-box h2{font-size: 13px;font-weight: 800;color:#2e2e2f;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .use-box .input-box{width: 100%;height: 30px;margin-top: 10px;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .use-box .input-box input {width: 100%;height: 30px;border-radius: 5px;border:2px solid var(--primary-color);font-size: 11px;font-weight: 500;letter-spacing: -0.025em;padding:0 10px;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .use-box .input-box .event-end {width: 100%;height: 80px;border-radius: 10px;border:2px solid var(--primary-color);font-size: 27px;font-weight: 500;letter-spacing: -0.025em;display: flex;justify-content: flex-start;align-items: center;background-color: #e1e1e1;padding:0 30px;color:#343434;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .use-box .input-box input::placeholder{color:#a8a8a8;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .use-box .tip-box{margin-top: 10px;border:2px solid var(--primary-color);border-radius: 10px;font-family: Pretendard,sans-serif;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .use-box .tip-box h3{width: 100%;height: 28px;display: flex;align-items: center;justify-content: center;background-color: #27a8de;color:var(--white-color);font-size: 14px;font-weight: 800;letter-spacing: -0.025em;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .use-box .tip-box .tip-content{padding:5px;text-align: center;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .use-box .tip-box .tip-content ul{display: inline-flex;text-align: left;flex-direction: column;row-gap: 5px;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .use-box .tip-box .tip-content li{font-size: 11px;font-weight: 800;letter-spacing: -0.025em;line-height: 1.42;color:#2c2c2c;position: relative;padding-left: 20px;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .use-box .tip-box .tip-content li::before{content:'';background-image: url("../images/icon-check.png");background-size: cover;width: 15px;height: 15px;display: inline-block;position: absolute;left: 0;top:1px;}
.message-section .message-content .message-item .mobile-view .mobile-view-image .message-box .use-box .tip-box .tip-content li em{color:var(--point-color);}
.message-section .message-content .message-item .title-box .reload-button{width: 34px;height: 34px;}
.message-section .message-content .message-item .title-box .reload-button > img{width: 100%;height: 100%;display: block;}
.message-section .message-content .message-item .image-list{overflow: hidden;margin-top: 40px;position: relative;padding:0 50px;}
.message-section .message-content .message-item .image-list .imageSwiper{overflow: hidden;border-radius: 10px;overflow: hidden}
.message-section .message-content .message-item .image-list .img-box{height: 76px;border-radius: 10px;overflow: hidden;background-color: #e7e7e7;cursor: pointer;}
.message-section .message-content .message-item .image-list .img-box > img{width: 100%;height: 100%;display: block;object-fit: cover;}
.message-section .message-content .message-item .image-list :is(.swiper-button-next, .swiper-button-prev):after {font-size: 21px;color: #656565;}
.message-section .message-content .message-item .coupon-info {font-family: Pretendard,sans-serif;text-align: center;margin-top: 30px;}
.message-section .message-content .message-item .coupon-info .reload-button{font-weight: 800;font-size: 17px;letter-spacing: -0.025em;color:#212121;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.message-section .message-content .message-item .coupon-info .reload-button::after{content:'';display:inline-block;background-image: url("../images/icon-reload.png");background-size:cover;width: 20px;height: 20px;margin-left: 5px;}
.message-section .message-content .message-item .coupon-info .coupon-count {display: inline-block;width: auto;max-width:100%;color:#08a7e9;font-size: 66px;font-weight: 800;letter-spacing: -0.025em;text-align: center;margin:0 auto;position: relative;line-height: 1;padding: 0 10px;}
.message-section .message-content .message-item .coupon-info .coupon-count::before{content:'';width: 100%;background-color:rgba(55,195,255,0.15);border-radius: 7px;height: 8px;display: block;position: absolute;left: 0;bottom: 6px;}
.message-section .message-content .message-item .coupon-info .message-box{width: 164px;max-width:100%;height: 29px;background-color: #5eb8de;margin: 27px auto 0;display: flex;justify-content: center;align-items: center;color:var(--white-color);font-size: 12px;font-weight: 500;font-style: italic;letter-spacing: -0.025em;border-radius: 15px;position: relative}
.message-section .message-content .message-item .coupon-info .message-box::before{content:'';display: block;background-image: url("../images/icon-message.png");background-size: contain;width: 8px;height: 8px;position: absolute;top:2px;transform: translateY(-100%);}
.message-section .message-content .upload-box{display: flex;column-gap: 10px;    padding: 10px 15px;margin-top: 10px;}
.message-section .message-content .upload-box input[type='file']{display: none;}
.message-section .message-content .upload-box .file-name{width: 430px;height: 56px;border-radius: 10px;background-color: #e7e7e7;border:0;font-size: 17px;font-weight: 500;letter-spacing: -0.025em;padding:0 20px;}
.message-section .message-content .upload-box .file-name::placeholder{color:#a8a8a8;}
.message-section .message-content .upload-box label{width: 135px;height: 56px;border-radius: 10px;background-color: #006e9d;display: inline-flex;justify-content: center;align-items: center;color:var(--white-color);font-size: 19px;font-weight: 700;cursor: pointer;}
.message-section .message-content .file-info{font-size: 14px;letter-spacing: -0.025em;color:#212121;padding-left: 15px;}
.message-section .message-content.full{justify-content: center;}
.message-section .message-content.full .message-group {width:860px;}
.message-section .message-content.full .message-item .form-box .row-box .form-label {width: 170px;}
.message-section .message-content .message-item .form-box .input-box {width: 480px;min-height: var(--input-height);}
.message-section .message-content .message-item .form-box .input-box.event-url{display: flex;align-items: center;justify-content: space-between;}
.message-section .message-content .message-item .form-box .input-box.event-url :is(input[type='text'],input[type='password'],input[type='datetime-local']) {width: 280px;}
.message-section .message-content .message-item .form-box .input-box.full{width: 100%;}
.message-section .message-content .message-item .form-box .input-box :is(input[type='text'],input[type='password'],input[type='datetime-local']) {padding: 0 20px;font-size: 16px;}


.message-section .button-box{margin-top: 80px;justify-content: center;display: flex;}
.message-section .button-box .button{width: 320px;height: 60px;font-size: 21px;font-weight: 800;}

/*쿠폰발생하기*/



/*.form-box .input-box {width: calc(100% - 100px);min-height: var(--input-height);}*/




/*총전 페이지*/
.charge-section{padding:80px 0;}
.charge-section .content-box{width: 600px;margin: 0 auto}
.charge-section .content-box .title{font-size: 43px;letter-spacing: -0.025em;color:#2b2b2b;font-weight: 900;text-align: center;}
.charge-section .search-box{display: flex;justify-content: center;margin-top: 70px;}
.charge-section .search-box .search-input input{width: 300px;height: 45px;background-color: #f5f5f5;border: 1px solid #e1e1e1;border-radius: 10px;font-size: 18px;font-weight: 500;letter-spacing: -0.025em;color:#4d4d4d;padding:0 30px;}
.charge-section .search-box .search-input .button{width: 90px;font-size: 18px;}
.charge-section .table-box {margin-top: 30px;}
.charge-section .table-box table td {text-align: left;padding:0 40px;}
.charge-section .table-box table td .count{color:var(--primary-color);font-weight: 800;margin-right: 5px;}
.charge-section .table-box table :is(th,td) {height: 57px;font-size: 20px;}
.charge-section .table-box table td input{width: 140px;height: 30px;border-radius: 3px;border:1px solid #e9e9e9;margin-right: 10px;padding:0 10px}
.charge-section .password-box{display: flex;justify-content: center;margin-top: 30px;}
.charge-section .password-box .password-input{font-size: 18px;font-weight: 500;letter-spacing: -0.025em;color:#4d4d4d;}
.charge-section .password-box .password-input input{width: 260px;height: 40px;background-color: #e2f6ff;border: 1px solid #e1e1e1;border-radius: 10px;font-size: 18px;font-weight: 500;letter-spacing: -0.025em;color:#4d4d4d;padding:0 30px;margin-left: 10px}
.charge-section .button-box{display: flex;justify-content: center;margin-top: 70px;}
.charge-section .button-box .button{width: 380px;height: 70px;font-size: 25px;font-weight: 800;}

/*info-table style*/
.table-box.info-table {width: 100%;}

/*팝업 스타일*/


.popup-layer{display: none;position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);z-index: 1;top:0;left: 0;justify-content: center;align-items: center;font-family: Pretendard,sans-serif;}
.popup-layer .popup-content{width: 570px;height: 370px;background-color: var(--white-color);border-radius: 20px;padding:24px;}
.popup-layer .popup-content .popup-header{text-align: right;}
.popup-layer .popup-content .popup-title{font-size: 33px;font-weight: 800;letter-spacing: -0.025em;color:#2e2e2f;text-align: center;margin-top: 10px;}
.popup-form{width: 312px;margin: 30px auto 0;display: flex;flex-direction: column;row-gap: 9px;}
.popup-form .input-box {display: flex;height: 40px;align-items: center;}
.popup-form .input-box > label{width: 70px;font-size: 17px;color:#777778;letter-spacing: -0.07em;font-weight: 500;display: block}
.popup-form .input-box input {width: calc(100% - 70px);height: 40px;border: 1px solid #e1e1e1;border-radius: 10px;background-color: #f5f5f5;padding:0 20px;font-size: 17px;color:#777778;letter-spacing: -0.01em;font-weight: 500;}
.popup-form .input-box .input-text{display: flex;align-items: center;width: calc(100% - 70px);height: 40px;border: 1px solid #e1e1e1;border-radius: 10px;background-color: #f5f5f5;padding:0 20px;font-size: 17px;color:#777778;letter-spacing: -0.01em;font-weight: 500;}
.popup-form .input-box .input-text .v-box{font-weight: 800;color:var(--primary-color);}
.popup-form .button-box{width: 100%;margin-top: 30px;}
.popup-form .button-box .button{width: 100%;height: 60px;font-size: 25px;font-weight: 800;}
.popup-form .text-box {display: flex;flex-direction: column;row-gap: 15px;}
.popup-form .text-box p{font-size: 20px;letter-spacing: -0.025em;color:#2e2e2f;text-align: center}
.popup-form .text-box .count{font-weight: 700;color:var(--primary-color);text-decoration: underline;text-underline-offset:4px;text-decoration-thickness: 2px;}
.popup-form .text-box .info-text{font-size: 15px;letter-spacing: -0.025em;color:#878787;text-align: center;display: block;}

.popup-layer.open {display: flex;}

#point_popup .popup-form .input-box > label {width: 90px;}
#point_popup .popup-form .input-box > input { calc(100% - 90px);}
#point_popup .popup-form .input-box > .input-text { calc(100% - 90px);}