@charset "utf-8";
@import "../app/v2/color.css";
@import "../web/form-style.css?ver=20250421";
html {overflow-y:scroll;}
button {padding:0;border:0;background-color:inherit;font-family:'Noto Sans KR', sans-serif;font-size:inherit;font-weight:inherit;line-height:inherit;}
.no-scroll {height:100vh;}
.content-inner *::-webkit-scrollbar-track,
.modal-body *::-webkit-scrollbar-track {background-color:rgba(0, 0, 0, 0);}
.content-inner *::-webkit-scrollbar,
.modal-body *::-webkit-scrollbar {display:block;width:12px;}
.content-inner *::-webkit-scrollbar-thumb,
.modal-body *::-webkit-scrollbar-thumb {background-color:var(--bg-tertiary,#E8E8E8);background-clip:padding-box;border:3px solid transparent;border-radius:6px;opacity:0.2;}
/*== root ==*/
:root {
    --sprite-icons:url('../../images/app/v2/sp_common_ico.svg');
}
/*== width ==*/
.width-50 {width:50%;}
/*== padding ==*/
.pd-40 {padding:40px!important;}
/*== icons ==*/
.ico-24::before {--size:24px;content:'';display:block;width:var(--size,24px);height:var(--size,24px);background-image:var(--sprite-icons, url('../../images/app/v2/sp_common_ico.svg'));background-repeat:no-repeat;background-size:calc(var(--size,24px) * 9) auto;}
.ico-share {flex-shrink:0;display:inline-block;text-indent:-9999px;font-size:0;line-height:0;}
.ico-share::before {content:'';display:block;width:80px;height:80px;background-image:url('../../images/app/v2/sp_share_ico.svg');background-size:160px;background-repeat:no-repeat;}
.ico-share.link::before {background-position:-80px 0;}
.ico-share.band::before {background-position:0 -80px;}
.ico-share.kakao::before {background-position:-80px -80px;}
/*== btn-area ==*/
.btn-area {display:flex;flex-wrap:wrap;padding:16px 0;}
.btn-area:not(.modal-footer) {gap:8px;}
.btn-area:not(.between) > * {flex:1 0 30%;}
/*== button ==*/
    /*btn hover event*/
    .btn-txt.pc:hover .ico-close--tertiary::before {background-position:calc(var(--size,24px) * -2) 0;opacity:0;animation:btnHover 0.2s ease-in-out forwards;}
    .btn-txt.pc:hover .ico-plus--secondary::before {background-position:calc(var(--size,24px) * -2) calc(var(--size,24px) * -1);opacity:0;animation:btnHover 0.2s ease-in-out forwards;}
    .btn-txt.pc:hover .ico-pen--secondary::before {background-position:calc(var(--size,24px) * -5) calc(var(--size,24px) * -1);opacity:0;animation:btnHover 0.2s ease-in-out forwards;}
    .btn-txt.pc:hover .color-secondary {color:var(--content-primary, #1F1F1F)!important;transition:0.2s ease-in-out;}
@keyframes btnHover {
    from {opacity:0.5;}
    to {opacity:1;}
}
/*== common ==*/
.wrap {padding-top:80px;}
.container {min-height:calc(100vh - 80px);}
.header {display:flex;position:fixed;top:0;right:0;left:0;z-index:50;height:80px;background:#fff;border-bottom:1px solid var(--bg-tertiary,#E8E8E8);}
.header-inner,
.footer-inner {min-width:800px;max-width:1280px;width:100%;margin:0 auto;}
.content-inner {max-width:1280px;margin:0 auto;}
.inner__left {margin-right:auto;}
.inner__right {margin-left:auto;}
.header-inner {display:flex;align-items:center;padding:0 40px;}
.header-inner .logo {width:80px;height:40px;}
.header-inner .logo img {display:block;width:80px;height:40px;}
.header-inner .inner__right {display:flex;gap:16px;}
.btn-header01,
.btn-header02 {flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:4px;border-radius:8px;text-align:center;width:160px;height:48px;padding:12px;}
.btn-header01:is(a,button) {border-color:transparent;background:var(--bg-base,#fff);color:var(--primary-800,#5F4A37);}
.btn-header01:is(a,button):hover {background:linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 100%), #FFF;}
.btn-header02:is(a,button) {border-color:var(--primary-800,#5F4A37);background:var(--primary-800,#5F4A37);color:var(--content-inverse,#fff);}
.btn-header02:is(a,button):hover {background:linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), #5F4A37;}
.footer {display:flex;border-top:1px solid var(--bg-tertiary,#e8e8e8);}
.footer-inner {padding:24px 0;}
.footer-header {display:flex;justify-content:space-between;margin-bottom:16px;padding-left:40px;}
.footer-header .footer-logo img {display:block;width:44px;height:22px;}
.footer-nav {display:flex;}
.footer-nav button {display:block;position:relative;height:18px;padding:0 24px;color:var(--content-secondary,#8A8A8A);}
.footer-nav button:before {content:'';display:block;width:1px;height:16px;position:absolute;top:1px;left:0;}
.footer-nav button + button:before {background:var(--content-secondary,#8A8A8A);}
.footer-cont {display:flex;justify-content:space-between;align-items:flex-end;padding:0 40px;}
.footer-cont .txt-caption01 {color:var(--content-secondary,#8A8A8A);}
    /*== acodian ==*/
    .acodian-target {display:flex;position:relative;padding-right:24px;cursor:pointer;}
    .acodian-target:after {--size:24px;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:var(--size);height:var(--size);background:var(--sprite-icons,url('../../images/app/v2/sp_common_ico.svg'))no-repeat;background-size:calc(var(--size,24px) * 9) auto;background-position:calc(var(--size,24px) * -2) calc(var(--size,24px) * -3);}
    .open .acodian-target:after {background-position:-72px -72px;}
    .acodian-cont {display:none;}
    .acodian-item .chk-list {justify-content: space-between;}
    .acodian-item .chk-list .acodian-target {font-size:0;}
/*== Alert ==*/
.alert-box.show {display:flex;flex-direction:column;align-items:center;gap:8px;position:fixed;top:80px;left:0;z-index:160;width:100%;max-height:100%;}
.alert-item {position:relative;width:320px;border:1px solid rgba(var(--black-100)0);border-radius:8px;background:rgba(var(--black-100)0.8);animation:fadeInUp 0.3s;}
.alert-item::before {--size:24px;content:'';display:block;position:absolute;left:16px;width:var(--size,24px);height:var(--size,24px);background:var(--sprite-icons,url('../../images/app/v2/sp-dark_common_ico.svg'))no-repeat;background-size:calc(var(--size,24px) * 9) auto;background-position:0 calc(var(--size,24px) * -5);}
.alert-item:not(.small) {min-height:56px;padding:16px 48px;}
.alert-item:not(.small)::before {top:16px;}
.alert-item:not(.small) .alert-title {font-weight:700;}
.alert-item:not(.small) .alert-cont {margin-top:4px;}
.alert-item.flower .alert-cont {color:var(--gray-50,#1F1F1F);}
/*== modal-pop ==*/
.modal-header {display:flex;min-height:72px;padding:24px 40px;}
.modal-header:not(.no-border) {border-bottom:1px solid var(--bg-tertiary,#E8E8E8);}
.modal-header [class*="txt-"] {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.modal-header [class*="ico-"] {margin:-8px -8px -8px auto;}
.modal-header .btn-txt {margin:-8px -8px -8px auto;padding:8px;color:var(--primary-500,#8F5F1B);}
.modal-wrap {display:block;overflow:hidden;position:fixed;height:0;background:var(--bg-base,#fff);box-shadow:var(--shadow-elevation2,0 4px 12px 0 rgba(0, 0, 0, 0.08), 0 2px 6px 0 rgba(0, 0, 0, 0.08));}
.modal-content {padding:40px 20px;text-align:center;}
.modal-content .txt-subtitle {margin-bottom:24px;}
.modal-content [class*="txt-"] {word-break:keep-all;}
.modal-body {max-height:80%;}
.modal-body.wrap-inner {padding-top:16px;}
.modal-inner {padding:16px 20px;}
.modal-wrap .notice-content {min-height:88px;padding:16px 20px;}
.modal-wrap .notice-content img {display:block;width:100%;}
.modal-wrap .notice-content figure {overflow:hidden;position:relative;padding-top:100%;}
.modal-wrap .notice-content figure img {position:absolute;top:0;left:0;}
.modal-footer.btn-area {padding:40px;}
.modal-footer.btn-area.flex-end {justify-content:flex-end;gap:16px;padding-top:24px;margin-top:24px;border-top:1px solid var(--bg-tertiary,#e8e8e8);}
.modal-footer.btn-area.flex-end >* {flex-grow:0;flex-basis:auto;}
    /* modal-pop (.pop-show) */
    .modal-pop.pop-show {display:flex;flex-direction:column;justify-content:flex-end;height:100%;background:var(--bg-dim02,rgba(31, 31, 31, 0.3));}
    .modal-pop.pop-show .modal-wrap {height:auto;min-height:144px;}
    .modal-pop {display:block;position:fixed;top:inherit!important;right:0;bottom:0;left:0!important;z-index:130;width:100%;height:0;background:var(--bg-base,#fff);}
    .modal-pop .modal-wrap:not(.fixed-top) {top:50%;left:50%;transform:translate(-50%,-50%);width:88.88%;max-height:90%;border-radius:16px;}
    .modal-pop .modal-wrap.fixed-top {top:60px;left:50%;transform:translateX(-50%);width:88.88%;max-height:820px;border-radius:16px;}
    .modal-pop .modal-header + .modal-body {padding:0 40px;}
    /* modal-pop (.modal-wrap + size) */
    .modal-pop .modal-wrap.size-s {width:520px;}
    .modal-pop .modal-wrap.size-l {width:1080px;}
    @media screen and (max-width:340px) {
        .modal-wrap .notice-content {padding:0;}
        .modal-content * {word-break:keep-all;}
        .modal-footer.btn-area > * {padding-right:8px;padding-left:8px;}
    }
/* modal - 인증 */
.auth-aricale {margin-top:48px;}
.auth-aricale > .txt-body02.bold {margin-bottom:12px;}
.auth-aricale__input-list {position:relative;}
.auth-aricale__input-list .input__row + .input__row {margin-top:12px;}
.auth-aricale__input-list .input-box {border-radius:8px!important;}
.auth-aricale__input-list .txt-exclaim {position:absolute;left:0;bottom:-26px;}
.auth-aricale::-webkit-scrollbar-track {background-color:rgba(0, 0, 0, 0);}
.auth-aricale .acodian-cont {overflow-y:auto;max-height:236px;padding:12px 0 12px 32px;}
.auth-aricale .acodian-cont::-webkit-scrollbar {display:none;}
.auth-aricale .terms-cont + .terms-cont {margin-top:24px;padding-top:24px;}
/*약관내용*/
.terms-cont >* {word-break:keep-all;}
.terms-cont + .terms-cont {border-top:1px solid var(--bg-tertiary,#E8E8E8);}
.terms-cont .list--disc .color-accent ul {color:var(--content-primary,#1F1F1F)!important;}
.terms-cont table {width:100%;margin:16px 0;}
.terms-cont table th {border:1px solid #b7b7b7;background:#f7f7f7;padding:8px;}
.terms-cont table td {border:1px solid #b7b7b7;color:#8a8a8a;padding:8px;vertical-align:middle;}
.terms-cont .mg-t16 {margin-top:16px;}
.terms-cont .mg-t40 {margin-top:40px;}
.terms-cont .txt-indent {padding-left:10px;}
.terms-cont .color-accent {padding-left:4px;color:var(--accent,#0AC771);font-weight:500;}
    /*terms-cont footer 약관 내용영역*/
    .terms-area {height:456px;margin-bottom:40px;overflow-y:scroll;}
    .terms-area .terms-cont {padding:16px 0 32px;margin:0 20px;}
    /*chk-list*/
    .chk-list {display:flex;gap:8px;align-items:center;padding:8px 0;}
    .chk-list [class*="txt-"] {width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
    .chk-list .ico-more--primary {margin:-8px 0 -8px auto;padding-right:0;}
    /*list--indent*/
    .list--indent li {margin:8px 0 0 20px;text-indent:-20px;}
/*개인정보 처리방침 240415*/
.terms-privacy {font-size:15px;line-height:22px;letter-spacing:-0.3px;color:#1F1F1F;}
.terms-privacy > p {margin-bottom:8px;}
/*table*/
.terms-privacy table caption {position:absolute;overflow:hidden;width:1px;height:1px;border:0;font-size:0;}
.terms-privacy table {table-layout:fixed;width:100%;text-align:left;}
.terms-privacy table th,
.terms-privacy table td {padding:8px 10px;border:1px solid #E8E8E8;vertical-align:top;font:inherit;}
.terms-privacy thead th {border-bottom:0;}
.terms-privacy th {background:#F5F5F5;}
.terms-privacy .col-5 {width:178px;}
/*text*/
.privacy-tit {font-size:15px;font-weight:700;}
.privacy-txt01 {font-size:15px;}
.privacy-txt02 {font-size:12px;line-height:18px;}
/*icon*/
.ico-privacy {display:block;transform:scale3d(1.01,1.01,1.01);background-repeat:no-repeat;background-image:url(../../images/common/sp_privacy-ico.png);background-size:calc(var(--size, 28px) * 12);font-size:0;}
.ico-privacy.y00 {background-position-y:0;}
.ico-privacy.y01 {background-position-y:calc(var(--size, 28px) * -1);}
.ico-privacy.y02 {background-position-y:calc(var(--size, 28px) * -2);}
.ico-privacy.x00 {background-position-x:0;}
.ico-privacy.x01 {background-position-x:calc(var(--size, 28px) * -1);}
.ico-privacy.x02 {background-position-x:calc(var(--size, 28px) * -2);}
.ico-privacy.x03 {background-position-x:calc(var(--size, 28px) * -3);}
.ico-privacy.x04 {background-position-x:calc(var(--size, 28px) * -4);}
.ico-privacy.x05 {background-position-x:calc(var(--size, 28px) * -5);}
.ico-privacy.x06 {background-position-x:calc(var(--size, 28px) * -6);}
.ico-privacy.x07 {background-position-x:calc(var(--size, 28px) * -7);}
.ico-privacy.x08 {background-position-x:calc(var(--size, 28px) * -8);}
.ico-privacy.x09 {background-position-x:calc(var(--size, 28px) * -9);}
.ico-privacy.x10 {background-position-x:calc(var(--size, 28px) * -10);}
.ico-privacy.x11 {background-position-x:calc(var(--size, 28px) * -11);}
/*terms__tit-box*/
.terms__tit-box {display:flex;gap:8px;align-items:center;height:28px;}
.terms__tit-box .list-ico {display:inline-flex;gap:8px;}
.terms__tit-box .list-ico .ico-box {width:28px;height:28px;}
.terms__tit-box .list-ico .ico-privacy {--size:28px;flex:1 0 28px;position:relative;width:var(--size, 28px);height:var(--size, 28px);}
/*listStyle*/
.terms-privacy .list-dot {list-style:disc;padding-left:20px;}
.terms-privacy .list-dot li::marker {font-size:70%;}
.terms-privacy .disc li:before {display:none;}
/*라벨링*/
.terms-label {margin-bottom:40px;}
.terms-label table,
.terms-label table * {text-align:center;}
.terms-label td > p:not(.privacy-txt02) {margin-bottom:16px;}
.terms-label .privacy-label {margin-bottom:8px;}
.terms-label .privacy-label p {display:inline-flex;align-items:center;height:44px;margin-top:16px;}
.terms-label .ico-flex {display:flex;align-items:center;justify-content:center;gap:16px;}
.terms-label .ico-flex .ico-box {margin:0;}
.terms-label .ico-box {width:70px;height:70px;margin-inline:auto;}
.terms-label .ico-box .ico-privacy {--size:70px;position:relative;width:var(--size, 70px);height:var(--size, 70px);}
/*목차*/
.terms-menu {margin-bottom:40px;}
.terms-menu .privacy-tit {margin-bottom:12px;}
.terms-menu > p {margin-bottom:8px;}
/*terms__section*/
.terms__section:not(:last-child) {margin-bottom:40px;}
.terms__section .terms__tit-box {margin-bottom:8px;}
.terms__section table {margin:8px 0;}
.terms__section .box-inner {padding:12px;}

/*개인정보 처리방침 240415 auth--area*/
.terms-privacy .mobile-table {width:100%;text-align:left;}
.terms-privacy .mobile-table .table-th,
.terms-privacy .mobile-table .table-td {padding:8px 10px;border:1px solid #E8E8E8;}
.terms-privacy .mobile-table .table-th {background:#F5F5F5;}
.terms-privacy .mobile-table * + * {border-top:0!important;}
.auth--area .privacy-tit {padding-left:15px;text-indent:-15px;}
.auth--area .terms__tit-box {display:flex;gap:4px;align-items:flex-start;flex-direction:column;height:initial;}
.auth--area .terms-label .mobile-table {text-align:center;}
.auth--area .terms-label .mobile-table .table-th {font-size:15px;font-weight:700;}
.auth--area .terms-label .table-td > p:not(.privacy-txt02) {margin-bottom:16px;}
.auth--area .terms-label .privacy-label p {height:initial;}
.auth--area .terms__section {margin-bottom:40px;}
.auth--area .terms__section > .privacy-tit {margin-bottom:8px;}
.auth--area .terms__section .mobile-table {margin:8px 0;}
