@font-face {
    font-family:'Pretendard';
    font-weight:300;
    src:
    url('/common/fonts/Pretendard-Light.woff2') format('woff2'),
    url('/common/fonts/Pretendard-Light.woff') format('woff'),
    url('/common/fonts/Pretendard-Light.otf') format('opentype'),
    url('/common/fonts/Pretendard-Light.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family:'Pretendard';
    font-weight:400;
    src:
    url('/common/fonts/Pretendard-Regular.woff2') format('woff2'),
    url('/common/fonts/Pretendard-Regular.woff') format('woff'),
    url('/common/fonts/Pretendard-Regular.otf') format('opentype'),
    url('/common/fonts/Pretendard-Regular.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family:'Pretendard';
    font-weight:500;
    src:
    url('/common/fonts/Pretendard-Medium.woff2') format('woff2'),
    url('/common/fonts/Pretendard-Medium.woff') format('woff'),
    url('/common/fonts/Pretendard-Medium.otf') format('opentype'),
    url('/common/fonts/Pretendard-Medium.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family:'Pretendard';
    font-weight:600;
    src:
    url('/common/fonts/Pretendard-SemiBold.woff2') format('woff2'),
    url('/common/fonts/Pretendard-SemiBold.woff') format('woff'),
    url('/common/fonts/Pretendard-SemiBold.otf') format('opentype'),
    url('/common/fonts/Pretendard-SemiBold.ttf') format('truetype');
    font-display: block;
}

@font-face {
    font-family:'Pretendard';
    font-weight:700;
    src:
    url('/common/fonts/Pretendard-Bold.woff2') format('woff2'),
    url('/common/fonts/Pretendard-Bold.woff') format('woff'),
    url('/common/fonts/Pretendard-Bold.otf') format('opentype'),
    url('/common/fonts/Pretendard-Bold.ttf') format('truetype');
    font-display: block;
}

/* font */
.hc_promo,
.pop_promo {font-family:'Pretendard', sans-serif; letter-spacing:-.05em}
.hc-starbucks.ver-alt table {margin:0; padding:0; font-family:'Pretendard', sans-serif !important; color:#444 !important; box-sizing:border-box !important}
.hc-starbucks.ver-alt,
.hc_promo {line-height:1; font-size:1.2rem; letter-spacing:-.05em; font-family:'Pretendard', sans-serif; -webkit-text-size-adjust:none; color:#444}
.hc-starbucks.ver-alt a,
.hc_promo a {font-family:'Pretendard', sans-serif; text-decoration:none; color:#444}
input, textarea, select, button, table {font-family:'Pretendard', sans-serif}

.pt0 {padding-top: 0 !important;}
/* step */
.step_progress {display: flex; justify-content: center; gap: 15px; margin-top: 0;}
.step_progress li {position: relative; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; font-size: 16px; font-weight: 600; border: 1px solid rgba(0, 0, 0, 0.28); color: rgba(0, 0, 0, 0.28);}
.step_progress li:not(:last-child):after {content: ''; position: absolute; width: 16px; height: 1px; top: 50%; right: -16px; transform: translateY(-50%); border-top: 1px solid rgba(0, 0, 0, 0.28);}
.step_progress li.active {background: rgba(0, 0, 0, 1); color: #fff;}

/* scroll */
.hc-starbucks.ver-alt ._mCS_1 .mCSB_dragger .mCSB_dragger_bar{width: 6px;background-color: rgba(174, 174, 174, 1) !important;}
.hc-starbucks.ver-alt .mCSB_scrollTools .mCSB_draggerRail {width: 4px;background: rgba(217, 217, 217, 1);}

/* title */
.hc-starbucks.ver-alt .header-hc {display: flex; align-items: center; justify-content: center; gap: 11px; font-size: 16px; font-weight: 500; color: rgba(0, 0, 0, 1);}
.hc-starbucks.ver-alt .header-hc .logo {position:relative; left:auto; top:auto; width: 122.8px; height: 12px; background:url(/common/img/plcc/logo_sb.png); background-size:100% 100%}
.hc-starbucks.ver-alt .header-hc .tit {font-weight: 700;font-size: 16px;} /* 20250801 수정 */
.hc-starbucks.ver-alt .content-hc {padding: 28px 24px 40px;min-height: auto;}
.hc-starbucks.ver-alt .content-hc h2 {font-size:24px; font-weight:600; margin-bottom: 24px; color:#000;} /* 20250805 수정 */
.hc-starbucks.ver-alt .content-hc h2 p {color: rgba(0, 0, 0, 0.58);font-size: 16px;line-height: 1.5rem;margin-top: 12px;font-weight: 400;} /* 20250801 수정 */

/* input */
.hc-starbucks.ver-alt input::placeholder {color:rgba(0, 0, 0, 0.26) !important; font-size: 16px; font-weight: 500;}
.hc-starbucks.ver-alt input:-ms-input-placeholder {color:rgba(0, 0, 0, 0.26) !important; font-size: 16px; font-weight: 500;}
.hc-starbucks.ver-alt input::-ms-input-placeholder {color:rgba(0, 0, 0, 0.26) !important; font-size: 16px; font-weight: 500;}
.hc-starbucks.ver-alt textarea::placeholder {color:rgba(0, 0, 0, 0.26); font-size: 16px; font-weight: 500;}
.hc-starbucks.ver-alt textarea:-ms-input-placeholder {columns:rgba(0, 0, 0, 0.26)}
.hc-starbucks.ver-alt textarea::-ms-input-placeholder {color:rgba(0, 0, 0, 0.26); font-size: 16px; font-weight: 500;}
.hc-starbucks.ver-alt .form-text input {font-weight: 500;color: rgba(0, 0, 0, 0.87) !important;}
.hc-starbucks.ver-alt .form-text p {margin-top: 10px; font-size: 14px !important;}
.hc-starbucks.ver-alt .form-text label {font-size: 14px;color: rgba(0, 0, 0, 0.58);display: block;margin-bottom: 16px;}
.hc-starbucks.ver-alt .group-form > label {font-size: 14px;color: rgba(0, 0, 0, 0.58);display: block;margin-bottom: 0;}
.hc-starbucks.ver-alt .form-text.email {padding: 16px 0 4px;}
.hc-starbucks.ver-alt .form-text.email .wrap-select {top: 16px;}
.hc-starbucks.ver-alt .form-text.email .wrap-select select {width: 200px;}
.hc-starbucks.ver-alt .form-text.email .unit {font-weight: 400; color: rgba(0, 0, 0, 0.58);}
.hc-starbucks.ver-alt #inputNickname {background: #fff;}
.hc-starbucks.ver-alt .form-text.email.invalid:before {top: 20px;}
.hc-starbucks.ver-alt .form-text {padding: 0px 0 4px;} /* 20250801 수정 */

/* text */
.hc-starbucks.ver-alt .align_center {text-align: center;}
.hc-starbucks.ver-alt .align_right {text-align: right;}
.hc-starbucks.ver-alt .group-content .optional,
.hc-starbucks.ver-alt .group-content .required {margin-top: 8px;font-size:14px}
.hc-starbucks.ver-alt .group-content .optional {color:#00a862}
.hc-starbucks.ver-alt .group-content .required {color:rgba(231, 91, 82, 1)}
.hc-starbucks.ver-alt [class^="txt-list"] {margin-top: 24px; padding: 12px 16px; background: rgba(0, 0, 0, 0.04); border-radius: 8px;}
.hc-starbucks.ver-alt [class^="txt-list"] li {position: relative; font-size: 12px; font-weight: 400; padding-left: 7px; line-height: 1.0rem; color: rgba(0, 0, 0, 0.58);} /* 20250825 수정 */
.hc-starbucks.ver-alt [class^="txt-list"] li + li {margin-top: 4px;}
.hc-starbucks.ver-alt [class^="txt-list-dot"] li:before {content: ''; position: absolute; top: 6px; left: 0; width: 3px; height: 3px; background: rgba(0, 0, 0, 0.58); border-radius: 50%;}
.hc-starbucks.ver-alt .result-complete .complete_txt {font-weight: 600;color: rgba(0, 0, 0, 0.58);margin-bottom: 12px;font-size: 12px;} /* 20250821 수정 */
.hc-starbucks.ver-alt [class^="txt-list"]:not([class^="txt-list-dot"]) li {padding-left: 0; line-height: 20px;} /* 20250821 수정 */
.hc-starbucks.ver-alt [class^="txt-list"] .litit {display: block; margin-bottom: 4px; line-height: 20px; font-weight: 600; font-size: 14px; color: rgba(0, 0, 0, 0.58);} /* 20250821 수정 */

/* checkbox */
.hc-starbucks.ver-alt .group-agreement > ul ul li .form-check .input-checkbox label {padding-top:0; font-size:16px; color: rgba(0, 0, 0, 0.58);}
.hc-starbucks.ver-alt .input-checkbox label {font-size: 16px; padding-top: 0;}
.hc-starbucks.ver-alt .input-checkbox label:after {width:20px; height:20px; background-image:url(/common/img/plcc/bg-checkbox.png); background-size:20px;}
.hc-starbucks.ver-alt .input-checkbox input[type='checkbox']:checked + label:after {background-position-y:-20px}
.hc-starbucks.ver-alt .form-check {padding:21px 0}
.hc-starbucks.ver-alt .form-check.main-check {border-bottom: 1px solid rgba(0, 0, 0, 0.12); margin-bottom: 12px;}
.hc-starbucks.ver-alt .form-check.main-check .input-checkbox label {padding: 0;color: rgba(0, 0, 0, 0.87);font-size:16px;}
.hc-starbucks.ver-alt .group-agreement > ul ul li .form-check {padding:8px 48px 8px 0}
.hc-starbucks.ver-alt .group-agreement > ul ul li .form-check .toggle {right: 0;}
.hc-starbucks.ver-alt .bx-agreement {padding:0}
.hc-starbucks.ver-alt .input-checkbox.s-size li {margin-right: 0; min-width: 143px;}
.hc-starbucks.ver-alt .input-checkbox.s-size label {font-size: 14px; padding: 0 0 0 30px; color: rgba(0, 0, 0, 0.58); font-weight: 400;line-height: 15px;} /* 20250805 수정 */
.hc-starbucks.ver-alt .group-form .group-agreement + .form-text, .hc-starbucks .group-form .form-check + .form-text {margin-top: 0;}

/* agreement */
.hc-starbucks.ver-alt .group-agreement {margin: 0;}
.hc-starbucks.ver-alt .group-agreement > ul > li ul li ~ li {margin-top: 12px;}
.hc-starbucks.ver-alt .group-agreement > ul > li ul li ~ li:after {border-top:0}
.hc-starbucks.ver-alt .group-agreement > ul ul li .form-check .label-title label {color: rgba(0, 0, 0, 0.58);font-size:16px; padding-top:0}
.hc-starbucks.ver-alt .group-agreement > ul > li ul li .bx-agreement {padding: 16px;margin-top: 0;background: rgba(247, 247, 247, 1);border-radius: 8px;}
.hc-starbucks.ver-alt .bx-agreement .content-agreement {margin-right:0}
.hc-starbucks.ver-alt .bx-agreement .content-agreement .inner-agreement {position:relative; height:auto; max-height:352px; overflow:auto}
.hc-starbucks.ver-alt .terms-info {margin: 40px 0 0 0;font-size:14px;color:rgba(0, 0, 0, 0.58);background-color:rgba(0, 0, 0, 0.04);border-radius: 8px;}
.hc-starbucks.ver-alt .group-agreement > ul li.grp-wrap {padding: 12px 16px;border: 1px solid rgba(0, 0, 0, 0.12);border-radius: 8px; margin-top: 12px;} /* 20250801 수정 */
.hc-starbucks.ver-alt .group-agreement > ul li.grp-wrap .form-check p {font-size: 14px;font-weight: 600;color: rgba(0, 0, 0, 0.58); margin-bottom: 12px;} /* 20250801 수정 */
.hc-starbucks.ver-alt .group-agreement > ul li.grp-wrap .form-check {padding: 0;}
.hc-starbucks.ver-alt .group-agreement > ul li.grp-wrap .input-checkbox.s-size {margin: 0;}
.hc-starbucks.ver-alt .group-form .group-agreement {border-bottom: 0;}

/* certification */
.hc-starbucks.ver-alt .mem_accreditation_wrap h5 {font-size: 24px;font-weight: 600;text-align: left;line-height: 3.5rem;margin-bottom: 12px}
.hc-starbucks.ver-alt .mem_accreditation_wrap figure {width:36px; height:36px;margin-right: 12px}
.hc-starbucks.ver-alt .mem_accreditation_info li a {display: flex; align-items: center;padding:28px 24px;font-weight: 600}
.hc-starbucks.ver-alt .mem_accreditation_info li a:after {background: url(/common/img/coffee/btn_next.jpg) no-repeat; margin-right: 20px; width: 24px; height: 24px; background-position: center; background-size: 8px 16px;}

/* button */
.hc-starbucks.ver-alt .btn-wrap {margin-top: 40px;}
.hc-starbucks.ver-alt .btn-wrap button {width: 100%;border: 0;padding: 12px 0px;background-color: rgba(0, 168, 98, 1);border-radius: 99px;font-size: 16px;color: #fff !important;font-weight: 600;}

.hc-starbucks.ver-alt .result-info {display: flex;flex-wrap: wrap;margin-bottom: 12px;border-top: 1px solid rgba(225, 225, 225, 1);border-bottom: 1px solid rgba(225, 225, 225, 1);}
.hc-starbucks.ver-alt .result-info dl {display: flex;width: 100%;}
.hc-starbucks.ver-alt .result-info dl+dl {border-top: 1px solid rgba(225, 225, 225, 1);}
.hc-starbucks.ver-alt .result-info dt {width: 100%;padding: 12px 0;text-indent: 8px;font-size: 14px;font-weight: 600;color: rgba(0, 0, 0, 0.58);border-right: 1px solid rgba(225, 225, 225, 1);} /* 20250806 수정 */
.hc-starbucks.ver-alt .result-info dd {width: 100%;padding: 12px 0;text-align: center;font-size: 14px;font-weight: 400;color: rgba(0, 0, 0, 0.58);} /* 20250806 수정 */
.hc-starbucks.ver-alt .result-info + p {font-size: 12px;font-weight: 400;color: rgba(0, 0, 0, 0.26);} /* 20250821 수정 */
.hc-starbucks.ver-alt .img-area {text-align: center; margin-bottom: 40px;}
.hc-starbucks.ver-alt .img-area img {width: 144px;}
.hc-starbucks .result-complete.fr {background: #fff;padding: 0;} /* 20250801 수정 */
.hc-starbucks .result-complete {background: #fff; padding: 0;box-sizing: border-box;border-radius: 8px; margin-top: 28px;} /* 20250821 수정 */
.hc-starbucks.ver-alt .result-complete .complete_txt span {display: block;line-height: 1.3rem;} /* 20250801 수정 */
.hc-starbucks.ver-alt .btn-wrap p {margin-bottom:15px; font-size:12px; line-height:1.5em; color:rgba(0,0,0,.58)} /* 20250808 추가 */

.hc-starbucks.ver-alt .moTxt {display: block;} /* 20250821 수정 */
.hc-starbucks.ver-alt .pcTxt {display: none;} /* 20250821 수정 */

@media (min-width:640px) {
    .hc-starbucks.ver-alt .content-hc {padding:56px 24px 100px; margin:0 auto; max-width:750px;box-sizing: border-box}
    .hc-starbucks.ver-alt .group-content ~ .group-content {margin-top: 56px;}
    .hc-starbucks.ver-alt .header-hc {height: 100px;text-align: center;border-bottom: 1px solid rgba(225, 225, 225, 1);font-size: 24px;}
    .hc-starbucks.ver-alt .header-hc .logo {width: 176.8px; height: 17.3px;}
    .step_progress {margin-top: 32px;}
    .hc-starbucks.ver-alt .input-checkbox label {font-size: 18px;}
    .hc-starbucks.ver-alt .content-hc h2 {font-size:32px; line-height:1.384em; margin-bottom: 40px;}
    .hc-starbucks.ver-alt .group-agreement > ul > li ul li ~ li {margin-top: 0;}
    .hc-starbucks.ver-alt .group-agreement > ul ul li .form-check {padding:19px 48px 19px 0}
    .hc-starbucks.ver-alt .group-agreement > ul > li ul li .bx-agreement {padding: 24px 10px 24px 24px;margin-top: 0;background: rgba(247, 247, 247, 1);border-radius: 8px;}
    .hc-starbucks.ver-alt .btn-wrap button {padding: 18px 0px;font-size: 20px;}
    .hc-starbucks.ver-alt .group-form .group-agreement + .form-text, .hc-starbucks .group-form .form-check + .form-text {margin-top: 15px;}
    .hc-starbucks.ver-alt .content-hc h2 p {font-size: 18px;} /* 20250801 수정 */
    .hc-starbucks .result-complete {background: #fff;padding: 0;box-sizing: border-box;border-radius: 8px; margin-top: 40px;} /* 20250821 수정 */
    .hc-starbucks.ver-alt .result-complete .complete_txt {font-weight: 400; font-size: 18px; margin-bottom: 20px;} /* 20250821 수정 */
    .hc-starbucks.ver-alt .result-complete .complete_txt span {display: inline-block;} /* 20250801 수정 */
    .hc-starbucks.ver-alt .header-hc .tit {font-weight: 700;font-size: 24px;} /* 20250801 수정 */
    .hc-starbucks.ver-alt .form-text {padding: 25px 0 4px;} /* 20250801 수정 */

    /* s: 20250806 수정 */
    .hc-starbucks.ver-alt .result-info dt {padding: 27px 0; text-indent: 24px; font-size: 16px;}
    .hc-starbucks.ver-alt .result-info dd {padding: 27px 0; text-indent: 24px; font-size: 16px;}
    .hc-starbucks.ver-alt .result-info + p {font-size: 14px; text-align: right !important;}
    /* e: 20250806 수정 */

    /* s: 20250808 추가 */
    .hc-starbucks.ver-alt .btn-wrap p {padding:0 24px}
    /* e: 20250808 추가 */

    /* s: 20250821 추가 */
    .hc-starbucks.ver-alt .moTxt {display: none;}
    .hc-starbucks.ver-alt .pcTxt {display: block;}
    /* e: 20250821 추가 */

    /* s: 20250825 추가 */
    .hc-starbucks.ver-alt [class^="txt-list"] li {font-size: 14px;}
    /* e: 20250825 추가 */
}