.popup-wrap *{
	box-sizing:border-box;
}
.popup-wrap p{
	word-break: keep-all;
	line-height:1.6;
}

.popup-wrap a{
	display:inline-block;
	background:#333;
	color:#fff;
	font-size:14px;
	padding:10px;
	border-radius:5px;
	width:120px;
}

.popup-wrap a:hover{
	background:#000;
	color:#fff;
	
}

.popup-header h3{
	margin:10px 0;
}
.popup-body{
    padding:10px;

    text-align:center;
}
.popup-btn-group{
    display:flex;
    flex-direction:row;
	justify-content:center;
    gap:10px;

    margin-bottom:24px;
}
/* 팝업 전체 배경 */
/* 팝업 전체 */
#sitePopup{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,.6);

    z-index:9999;

    display:flex;

    align-items:center;
    justify-content:center;

    opacity:0;

    visibility:hidden;

    transition:
        opacity .35s ease,
        visibility .35s ease;
}

/* 활성화 */
#sitePopup.show{

    opacity:1;

    visibility:visible;
}

.popup-inner{

    background:transparent;
	padding:20px 0;

    width:calc(100% - 48px);

    max-width:460px;
	overflow:hidden;

    max-height:85vh;

    overflow-y:auto;

    color:#fff;

    position:relative;

    transform:scale(.7);

    opacity:0;

    transition:
        transform .45s cubic-bezier(.22,1,.36,1),
        opacity .35s ease;
}
/* 등장 */
#sitePopup.show .popup-inner{

    transform:scale(1);

    opacity:1;
}

.popup-inner img{

    width:100%;

    height:auto;

    display:block;

    border-radius:16px;
}

/* =========================
   팝업 카드
========================= */
.popup-wrap{
    position:relative;

    width:100%;
    max-width:440px;

    margin:0 auto;

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:
    0 18px 45px rgba(0,0,0,.22);

    font-family:'Pretendard',sans-serif;
}
/* =========================
   헤더
========================= */
.popup-header{
    padding:24px 22px 18px;

    background:
    linear-gradient(
        135deg,
        #432c1c 0%,
        #5b3a24 100%
    );

    text-align:center;

    color:#fff;
}

.popup-badge{
    display:inline-block;

    padding:6px 14px;
    margin-bottom:14px;

    border-radius:999px;

    background:rgba(255,255,255,.14);

    font-size:11px;
    font-weight:700;
}

/* =========================
   본문
========================= */

.popup-desc{
    margin:0 0 20px;

    color:#555;

    font-size:16px;
    line-height:1.7;
}

.popup-desc strong{
    color:#432c1c;
}

.popup-status{
    display:inline-block;

    padding:10px 22px;
    margin-bottom:24px;

    border-radius:999px;

    background:#ef3a35;
    color:#fff;

    font-size:15px;
    font-weight:800;
}

/* =========================
   버튼
========================= */


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

    width:100%;

    padding:14px;

    border-radius:12px;

    text-decoration:none;

    font-size:15px;
    font-weight:700;
}

.popup-btn.primary{
    background:#432c1c;
    color:#fff;
}

.popup-btn.secondary{
    background:#873a04;
    color:#fff;
}


/* =========================
   링크
========================= */
.popup-home-link{
    display:inline-block;
	width:auto !important;
    margin-top:18px;

    color:#432c1c;

    text-decoration:none;

    font-size:14px;
    font-weight:700;
}
/* =========================
   헤더 줄이기
========================= */
.popup-header{
    padding:18px 18px 14px !important;
}

.popup-badge{
    padding:5px 12px !important;
    margin-bottom:10px !important;

    font-size:10px !important;
}

/* 닫기 */
.popup-close{

    position:absolute;

    top:5px;
    right:5px;

    width:40px;
    height:40px;

    border:none;

    background:#fff;

    color:#111;

    border-radius:50%;

    font-size:20px;

    cursor:pointer;

    z-index:99999;

    box-shadow:
        0 10px 30px rgba(0,0,0,.2);

    transition:
        transform .2s ease;
}
/* =========================
   전화번호
========================= */
.popup-call{
    color:#666;
    font-size:14px;
}

.popup-call strong{
    display:block;

    margin-top:6px;

    color:#111;

    font-size:20px;
    font-weight:900;
}
.popup-close:hover{

    transform:scale(1.08);
}

/* 하단 */
.popup-footer{

    padding-top:14px;

    font-size:14px;

    display:flex;

    justify-content:flex-end;

    color:#fff;
}

@media (max-width:768px){

    .popup-inner{

        width:calc(100% - 60px);

        max-width:none;
    }

    .popup-footer{

        padding-right:10px;

        font-size:13px;
    }
}