@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}


/* =========================================
   0. Reset (안정형)
========================================= */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Suit', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.6;
  color: #222;
  background: #fff;
}
body.is-popup-open {
    overflow: hidden;
    height: 100%;
}
/* =========================================
   1. 기본 요소 초기화
========================================= */
h1,h2,h3,h4,h5,h6,
p,ul,ol,li,dl,dt,dd {
  margin: 0;
  padding: 0;
}

ul,ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
  display: block;
}

button, input, textarea, select {
  font-family: inherit;
  border: none;
  outline: none;
  background: none;
  padding: 0;
  margin: 0;
  /*
  line-height: 0;
  font-size: 0;
  */
  display: block;
}

/* =========================================
   2. 공통 컨테이너
========================================= */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.lp-phone-group {
    display: flex;
    gap: 8px;
    align-items: center;
}

.lp-phone-fixed {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    height: 48px;
    padding: 0 12px;
    border: 1px solid #ddd;
    background: #f8f8f8;
    border-radius: 8px;
    font-weight: 700;
    box-sizing: border-box;
}

#sec01 {width:100%; height:1270px; background:url('/event/img/pc/1.jpg?v=1') no-repeat center top; background-color:#f6ebd8}
#sec02 {position:relative; width:100%; height:1100px; background:url('/event/img/pc/2.jpg?v=1') no-repeat center top; background-color:#f5ecdb}
#sec02 img {cursor:pointer; position:absolute; bottom:0px; left: 50%;  transform: translate(-50%); display:block;}
#sec03 {position:relative; width:100%; height:1400px; background:url('/event/img/pc/3.jpg?v=3') no-repeat center top, url('/event/img/pc/31.jpg?v=3') repeat center top;}
#sec03 button {cursor:pointer; position:absolute; bottom:50px; left: 50%;  transform: translate(-50%); z-index:}
#sec04 {width:100%; height:1400px; background:url('/event/img/pc/4.jpg?v=1') no-repeat center top; background-color:#864b29}
#sec05 {width:100%; height:930px; background:url('/event/img/pc/5.jpg?v=1') no-repeat center top; background-color:#613214}


@media (max-width: 768px) {
#sec01 {width:100%; height:auto; background:url('/event/img/m/1.jpg?v=1') no-repeat center top; background-size: cover; aspect-ratio: 10 / 18; } 
#sec02 {position:relative; width:100%; height:auto; background:url('/event/img/m/2.jpg?v=1') no-repeat center top;  background-size: 100% auto; aspect-ratio: 10 / 27; background-color:#f5ecdb;} 
#sec02 img {cursor:pointer; position:absolute; bottom:0px; left: 50%;  transform: translate(-50%); display:block; width:85%;}
#sec03 {width:100%; height:auto; background:url('/event/img/m/3.jpg?v=1') no-repeat center top;  background-size: 100% auto; aspect-ratio: 10 / 21; background-color:#864b29} 
#sec03 button {width:85%}
#sec04 {width:100%; height:auto; background:url('/event/img/m/4.jpg?v=1') no-repeat center top;  background-size: 100% auto; aspect-ratio: 10 / 30; background-color:#864b29} 
#sec05 {width:100%; height:auto; background:url('/event/img/m/5.jpg?v=1') no-repeat center top;  background-size: 100% auto; aspect-ratio: 10 / 19.5; background-color:#623215;} 
}


.event-wrap {
  position: relative;
}

.btn-fixed {
    position: fixed;

    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 80px); /* 기존 translateY → X,Y로 변경 */

    z-index: 1001;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0.4s ease;

}

.btn-fixed.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: translate(-50%, 0); /* 올라오면서 중앙 유지 */
}

/* sec04에서 멈출 때 */
.btn-fixed.is-stopped {
    position: absolute;
    bottom: auto;
}

/* 버튼 이미지 */
.btn-fixed .event-image-btn {
    display: block;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.btn-fixed .event-image-btn img {
    display: block;
    max-width: 100%;
    height: auto;
}




.event-nav {
    position: sticky;
    top: 0;
    z-index: 1000;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;

    width: 100%;
    padding: 0px;
    box-sizing: border-box;

    background: #864b28;
}

.event-nav a {
    text-decoration: none;
    box-sizing: border-box;
}

.event-nav .nav-logo {
    display: flex;
    align-items: center;
    justify-content: center;
        width: 300px;
    height: 80px;
    background:#ffffff;
}

.event-nav .nav-logo img {
    display: block;
    max-height: 60px;
    width: auto;
}

.event-nav .nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 299px;
    height: 80px;

    background: #864b28;
    color: #ffffff;

    font-size: 20px;
    font-weight: 700;

    transition: color 0.25s ease, background-color 0.25s ease;
    border-right:1px solid #704124;
}

.event-nav .nav-btn:hover,
.event-nav .nav-btn:focus,
.event-nav .nav-btn:focus-visible,
.event-nav .nav-btn.active {
    color: #fff0bf;
}




@media (max-width: 768px) {
	  .event-nav {
    display: flex;
    flex-wrap: wrap; /* 🔥 이게 핵심 */
  }
  
.event-nav .nav-logo {
    display: flex;
    align-items: center;
    justify-content: center;
        width: 50% !important;
    height: 50px;
    background:#ffffff;
}

.event-nav .nav-logo img {
    display: block;
    max-height: 15px;
    width: auto;
}

.event-nav .nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 50% !important;
    height: 50px;

    background: #864b28;
    color: #ffffff;

    font-size: 12px;
    font-weight: 700;

    transition: color 0.25s ease, background-color 0.25s ease;
    border-right:1px solid #704124;
    border-bottom:1px solid #704124;
}

}

/* sticky 메뉴 높이만큼 앵커 위치 보정 */
#sec01,
#sec02,
#sec03,
#sec04,
#sec05 {
    scroll-margin-top: 0px;
}

/* popup */
.lp-test::-webkit-scrollbar {
    width: 10px;
}

.lp-test::-webkit-scrollbar-track {
    background: #e8dfcf;
    border-radius: 10px;
}

.lp-test::-webkit-scrollbar-thumb {
    background: #cbbd9e;
    border-radius: 10px;
}


.lp-popup {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: none;
}

.lp-terms-popup {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;     /* 세로 가운데 */
    justify-content: center; /* 가로 가운데 */
 z-index: 2000;
}

.lp-popup.is-open {
    display: block;
}

.lp-terms-popup.is-open {
    display: flex;
}

.lp-popup-dim,
.lp-terms-dim {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

.lp-popup-dialog {
    position: relative;
    width: min(100%, 860px);
    max-height: 92vh;
    margin: 4vh auto;
    overflow: hidden;
    border-radius: 40px;
    background: #e8dfcf;
    z-index: 1;
}

.lp-popup-close,
.lp-terms-close {
    position: absolute;
    top: 25px;
    right: 25px;

    border: 0;
    background: transparent;
    color: #9a5b31;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    z-index: 2;
}

.lp-test {
    max-height: 92vh;
    overflow-y: auto;
    padding: 50px 40px 40px;
}

.lp-test-head {
    text-align: center;
    padding: 0 0 50px 0;
}
.lp-test-head h2 img {margin:0 auto; width:50%;}

.lp-test-badge {
    display: inline-block;
    padding: 14px 26px;
    border-radius: 999px;
    background: #40b8c8;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 24px;
}

.lp-test-sub {
    margin: 0 0 14px;
    font-size: 32px;
    font-weight: 700;
    color: #965529;
}

.lp-test-title {
    margin: 0;
    font-size: 72px;
    line-height: 1.05;
    font-weight: 800;
    color: #9a582c;
}

.lp-test-title span {
    display: inline-block;
    margin-bottom: 8px;
}

.lp-step {
    display: none;
}

.lp-step.is-active {
    display: block;
}

.lp-step-panel {
    overflow: hidden;
    border-radius: 28px;
    background: #fff;
}

.lp-step-panel-head {
    padding: 20px;
    background: #955529;
    color: #fff;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
}

.lp-month-options,
.lp-question-options {
    padding: 32px;
    background: #efefef;
}

.lp-month-options {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

.lp-question-options {
    display: grid;
    gap: 18px;
}

.lp-option-btn {
    width: 100%;
    padding: 20px;
    border: 0;
    border-radius: 14px;
    background: #e6dece;
    color: #222;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
    transition: all .2s ease;

    display: flex;
    align-items: center;
    justify-content: center;
}

.lp-option-btn:hover {
    transform: translateY(-1px);
}

.lp-option-btn.is-selected {
    background: #8f79bf;
    color: #fff;
}

.lp-option-btn strong {
    display: block;
    font-weight: 600;
    line-height: 1.5;
}

.lp-step-actions {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-top: 28px;
}

.lp-step-actions--single {
    justify-content: center;
}

.lp-btn {
	width:50%;
    min-width: 300px;
    height: 60px;
    border-radius: 999px;
    font-size: 20px;
    font-weight: 700;
display: inline-flex;
    align-items: center;
    justify-content: center;
gap: 10px;


    line-height: 1; /* reset 무력화 */
    cursor:pointer;
}
.lp-btn--result {width:100%}

.lp-btn--primary {
    background: #59c0cf;
    color: #fff;
}

.lp-btn--ghost {
    background: #cbbd9e;
    color: #fff;
}

.lp-form-grid {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 18px 18px;
    padding: 0 28px 0px 28px;
    background: #955529;
}

.lp-form-label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 82px;
    border-radius: 12px;
    background: #efe2ac;
    color: #111;
    font-size: 20px;
    font-weight: 700;
}
.lp-form-label-notext {

    background: none;
min-height: 0px;
}


.lp-form-field,
.lp-form-field-group {
    min-height: 82px;
}

.lp-form-field--full {
    width: 100%;
}

.lp-form-field input,
.lp-form-field-group input {
    width: 100%;
    height: 82px;
    box-sizing: border-box;
    border: 0;
    border-radius: 12px;
    background: #f2f2f2;
    color: #222;
    font-size: 20px;
    text-align: center;
    padding: 0 18px;
}

.lp-form-field-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.lp-gender-group {
    grid-template-columns: repeat(2, 1fr);
}

.lp-radio-box {
    display: block;
}

.lp-radio-box input {
    display: none;
}

.lp-radio-box span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 82px;
    border-radius: 12px;
    background: #f2f2f2;
    color: #999;
    font-size: 20px;
    cursor: pointer;
}

.lp-radio-box input:checked + span {
    background: #8f79bf;
    color: #fff;
}

.lp-field-help {

    font-size: 14px;
    color: #fff;
}

.lp-field-noti {font-size:16px; display:block; text-align:center; color: #fff; padding:10px 0 10px 0; background:#955529;}

.lp-agree-wrap {
    display: flex;
    align-items: center;
    justify-content: center; /* 가운데 */
    gap: 14px;
    padding: 20px 0 30px;
    color: #fff;
    background: #955529;
    flex-wrap: wrap; /* 모바일 대응 */
}
.lp-check-box {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    cursor: pointer;
}

.lp-check-box input {
    display: none;
}

.lp-check-box span {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* 박스 */
.lp-check-box span::before {
    content: '';
    width: 22px;
    height: 22px;
    border: 2px solid #fff;
    border-radius: 6px;
    margin-right: 8px;
    box-sizing: border-box;
    background: transparent;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    flex: 0 0 22px;
}

/* 체크 표시 */
.lp-check-box span::before {
    content: '';
    width: 22px;
    height: 22px;
    border: 2px solid #fff;
    border-radius: 6px;
    margin-right: 8px;
    box-sizing: border-box;
    background: transparent;
    transition: all 0.2s ease;
    flex: 0 0 22px;
}

/* 체크 표시 */
.lp-check-box span::after {
    content: '';
    position: absolute;

    left: 11px;
    top: 11px;

    width: 12px;
    height: 8px;

    border-left: 2px solid #955529;
    border-bottom: 2px solid #955529;

    transform: translate(-50%, -50%) rotate(-45deg) scale(0);
    transform-origin: center;

    transition: transform 0.18s ease, opacity 0.18s ease;
    opacity: 0;
}

/* 체크됐을 때 */
.lp-check-box input:checked + span::before {
    background: #fff;        /* 흰색 배경 */
    border-color: #fff;
}

.lp-check-box input:checked + span::after {
    transform: translate(-50%, -50%) rotate(-45deg) scale(1);
    opacity: 1;
}
/*
.lp-agree-wrap {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 0px 30px 0;
    color: #fff;
    background: #955529;
}

.lp-check-box {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
}

.lp-check-box input {
    width: 22px;
    height: 22px;
}
*/
.lp-terms-btn {
    padding: 6px 16px;
    border: 1px solid #fff0cf;
    border-radius: 999px;
    background: transparent;
    color: #fff0cf;
    font-size: 16px;
    cursor: pointer;
}

.lp-result-card {
    overflow: hidden;
    border-radius: 28px;
    background: #ececec;
}

.lp-result-top {
    text-align: center;
    padding: 28px 20px 18px;
    background: #e8dfcf;
    color: #9a582c;
}

.lp-result-brand {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 10px;
}

.lp-result-caption {
    margin: 0 0 8px;
    font-size: 26px;
    font-weight: 600;
}

.lp-result-name {
    margin: 0;
    font-size: 58px;
    font-weight: 800;
}

.lp-result-image-wrap img,
.lp-result-product-image-wrap img {
    display: block;
    width: 100%;
    height: auto;
}

.lp-result-section {
    padding: 32px 28px;
    background: #fff;
    text-align: center;
}

.lp-result-section--product {
    background: #f7f5f0;
}

.lp-result-chip {
    display: inline-block;
    padding: 10px 20px;
    border: 3px solid #8f79bf;
    border-radius: 999px;
    color: #8f79bf;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

.lp-result-quote {
    margin: 0 0 20px;
    color: #9a582c;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
}

.lp-result-desc {
    margin: 0;
    font-size: 24px;
    line-height: 1.7;
    color: #222;
}

.lp-result-product {
    margin: 0 0 24px;
    color: #8f79bf;
    font-size: 34px;
    font-weight: 800;
}

.lp-result-product-image-wrap {
    max-width: 520px;
    margin: 0 auto 24px;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
}

.lp-result-bullets {
    max-width: 520px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: left;
}

.lp-result-bullets li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 18px;
    font-size: 24px;
    line-height: 1.5;
}

.lp-result-bullets li::before {
    content: '✔';
    position: absolute;
    left: 0;
    top: 0;
    color: #39b9c6;
    font-weight: 800;
}

.lp-share-wrap {
    padding: 34px 20px 10px;
    text-align: center;
}

.lp-share-wrap h4 {
    margin: 0 0 20px;
    font-size: 30px;
}

.lp-share-buttons {
    display: flex;
    justify-content: center;
    gap: 24px;
}

.lp-share-btn {
    min-width: 180px;
    height: 74px;
    border: 0;
    border-radius: 999px;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* ← 이게 핵심 (자동 간격 느낌) */
}

.lp-share-btn--kakao {
    background: #fee500;
    color: #191919;
}

.lp-share-btn--copy {
    background: #eceef4;
    color: #333;
}

.lp-terms-dialog {
    position: relative;
    z-index: 1;
    width: min(90%, 600px);
    padding: 30px;
    border-radius: 24px;
    background: #fff;
    box-sizing: border-box;
}

.lp-terms-dialog h3 {
    margin: 0 0 18px;
    font-size: 20px;
    text-align:center;
}

.lp-terms-content {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

@media (max-width: 768px) {
	.lp-field-noti {font-size:13px; padding:10px;}
	.lp-terms-dialog {
    position: relative;
    z-index: 1;
    width: min(80%, 600px);
    padding: 20px;
    border-radius: 20px;
    background: #fff;
    box-sizing: border-box;
}

.lp-terms-dialog h3 {
    margin: 0 0 10px;
    font-size: 15px;
    text-align:center;
}

.lp-terms-content {
    font-size: 11px;
    line-height: 1.5;
    color: #333;
}
	
    .lp-popup-dialog {
        width: calc(100% - 0px);
height:100%;
        border-radius: 0px;
        max-height:100vh;
        margin: 0vh auto;
    }
    
    .lp-test {
    max-height: 100vh;
    overflow-y: auto;

}

    .lp-test {
        padding: 28px 16px 24px;
    }

    .lp-test-badge {
        font-size: 14px;
        padding: 10px 16px;
        margin-bottom: 16px;
    }

    .lp-test-sub {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .lp-test-title {
        font-size: 48px;
    }
    
    .lp-test-head {
    text-align: center;
    padding: 0 0 0px 0;
}


    .lp-step-panel-head {
        font-size: 15px;
        padding: 20px;
    }

    .lp-month-options,
    .lp-question-options {
        padding: 15px;
    }
    
    .lp-month-options {
    gap: 10px;
}

.lp-question-options {
    gap: 10px;
}

    .lp-option-btn {
        padding: 15px;
        font-size: 14px;
    }

    .lp-step-actions {
        gap: 15px;
        margin-top: 10px;
    }

    .lp-btn {
        min-width: 0;
        flex: 1;
        height: 50px;
        font-size: 15px;
    }

    .lp-form-grid {
        grid-template-columns: 1fr;
        padding: 10px;
        gap: 10px;
    }
    
    

    .lp-form-label {
        min-height: 30px;
        font-size: 11px;
        margin:0;
        padding:0;

    }
        .lp-form-label:first-child { margin-top:-20px !important}
        
    .lp-form-field-group {padding:0; margin:0}

    .lp-form-field input,
    .lp-form-field-group input,
    .lp-radio-box span {
        height: 40px;
        font-size: 12px;
    }

    .lp-form-field-group {
        gap: 10px;
    }

    .lp-field-help {
        font-size: 11px;
    }

    .lp-agree-wrap {
        flex-wrap: wrap;
        padding: 0px 0px 20px 0;
    }

    .lp-check-box {
        font-size: 12px;
    }

    .lp-result-brand {
        font-size: 28px;
    }

    .lp-result-caption {
        font-size: 18px;
    }

    .lp-result-name {
        font-size: 40px;
    }

    .lp-result-chip {
        font-size: 18px;
        padding: 8px 14px;
    }

    .lp-result-quote,
    .lp-result-desc,
    .lp-result-product,
    .lp-result-bullets li {
        font-size: 18px;
    }
.lp-share-wrap {
    padding: 0px !important;
    text-align: center;

    margin-top:20px;
}
    .lp-share-wrap h4 {
        font-size: 18px;

    }

.lp-share-buttons {
        display: flex;
        gap: 10px;
        margin: 0 auto;      /* 가운데 정렬 */
    }

    .lp-share-btn {
        flex: 1;             /* 반반 */
        height: 50px;
        font-size: 15px;
        min-width:calc(50% - 5px);
    }
    




    
    .lp-popup-close,
.lp-terms-close {
    position: absolute;
    top: 15px;
    right: 15px;

}
.lp-test-body {margin-top:20px}


.lp-terms-btn {
padding: 3px 10px;
    font-size: 11px;

}

.lp-form-label-notext {
display:none;
height:0px !important;
min-height:0px !important;
margin-top:-40px !important;
background:red;
}
    
}

@media (max-width: 768px) {
    .lp-form-grid > .lp-form-label-notext,
    .lp-form-grid > div.lp-form-label.lp-form-label-notext,
    .lp-form-grid > div:empty {
        display: none !important;
    }

    .lp-form-field,
    .lp-form-field-group {
        min-height: 0 !important;
    }
}

.lp-test-head.is-hidden{display:none !important;}

.lp-result-card--image-only{
    padding:0;
    background:transparent;
    border:0;
}
.lp-result-card--image-only .lp-result-image-wrap{
    text-align:center;
}
.lp-result-card--image-only .lp-result-image-wrap img{
    max-width:100%;
    height:auto;
    display:block;
    margin:0 auto;
}

/* 주소검색 레이어 팝업 */
.lp-address-popup{
    display:none;
    position:fixed;
    inset:0;
    z-index:99999;
}
.lp-address-popup.is-open{
    display:block;
}
.lp-address-popup-dim{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.6);
}
.lp-address-popup-dialog{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:min(92vw, 560px);
    height:min(80vh, 640px);
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
}
.lp-address-popup-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 18px;
    border-bottom:1px solid #eee;
    font-weight:700;
    font-size:16px;
}
.lp-address-popup-close{
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:#111;
    color:#fff;
    cursor:pointer;
    flex:0 0 auto;
}
.lp-address-popup-body{
    height:calc(100% - 67px);
}
#postcodeWrap{
    width:100%;
    height:100%;
}

/* 주소 필드 클릭 유도 */
#address1,
#address2{
    cursor:pointer;
}
#address1[readonly]{
    background:#fff;
}

@media (max-width: 768px){
    .lp-address-popup-dialog{
        width:94vw;
        height:78vh;
        border-radius:16px;
    }
}


/* =========================================
   3. 반응형 기본
========================================= */
@media (max-width: 768px) {
  body {
    font-size: 15px;
  }
  .btn-fixed {
width:100%;
}
}