/*
Old Version
 */
.topmn_area .topmn_sub .sub_header .sub_header_inner .sub_header_last a {
    color: #0061a0;
    height: 45px;
    border-bottom: 5px solid #0061a0;
    font-family: 'NotoSansKR_Bold', serif;
}

.event_main {
    background: url('/assets/image/Desktop/Event/20260901_deplicated/LP_PC_main_1.png') center top no-repeat;
    height: 1566px;
}

.event_footer {
    background: url('/assets/image/Desktop/Event/20260901_deplicated/LP_PC_main_2.png') center top no-repeat;
    height: 684px;
}

.event_main #BTN-EVENT-1 {
    position: absolute;
    top: 755px;
    margin-left: -298px;
    left: 50%;
}

.event_type {
    display: none;
    background: url('/assets/image/Desktop/Event/20260901_deplicated/LP_PC_testpage.png') center top;
    height: 1070px;
}

.event_type .BTN-EVENT-TYPE {
    position: absolute;
}

.event_type .BTN-EVENT-TYPE .BTN-TYPE-ON {
    display: none;
}

.event_type .BTN-EVENT-TYPE-LEFT {
    margin-left: -340px;
    left: 50%;
}

.event_type .BTN-EVENT-TYPE-RIGHT {
    left: 50%;
}

.event_type .BTN-EVENT-TYPE-1 {
    top: 305px;
}

.event_type .BTN-EVENT-TYPE-2 {
    top: 475px;
}

.event_type .BTN-EVENT-TYPE-3 {
    top: 645px;
}

.event_type #BTN-EVENT-2 {
    position: absolute;
    top: 777px;
    margin-left: -339px;
    left: 50%;
}

.event_type_complete {
    height: 1070px;
    display: none;
}

.event_type_complete_1 {
    background: url('/assets/image/Desktop/Event/20260901_deplicated/LP_PC_type1.png') center top;
}

.event_type_complete_2 {
    background: url('/assets/image/Desktop/Event/20260901_deplicated/LP_PC_type2.png') center top;
}

.event_type_complete_3 {
    background: url('/assets/image/Desktop/Event/20260901_deplicated/LP_PC_type3.png') center top;
}

.event_type_complete_4 {
    background: url('/assets/image/Desktop/Event/20260901_deplicated/LP_PC_type4.png') center top;
}

.event_type_complete .TYPE-PLACE {
    position: absolute;
    top: 310px;
    margin-left: -439px;
    left: 49%;
}

.event_type_complete .TYPE-GIFT {
    position: absolute;
    top: 310px;
    left: 51%;
}

.event_type_complete .BTN-SHARE {
    position: absolute;
    top: 770px;
    left: 50%;
    margin-left: -339px;
    display: none;
}

.event_type_complete .BTN-HALF-SHARE {
    position: absolute;
    top: 770px;
    left: 51%;
    display: none;
}

.event_type_complete .BTN-KAKAO-CHANNEL {
    position: absolute;
    top: 770px;
    left: 49%;
    margin-left: -330px;
    display: none;
}

.event_type_complete .BTN-RESET {
    position: absolute;
    top: 900px;
    left: 50%;
    margin-left: -85px;
}

.POPUP-LAYER .POPUP-CONTENTS .POPUP-HEADER,
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-FOOTER .BTN-POPUP-BUTTON,
.POPUP-LAYER .POPUP-IMAGE-CONTENTS .POPUP-BODY .POPUP-IMAGE-BUTTON-GROUP .BTN-POPUP-BUTTON {
    background-color: #fff;
    letter-spacing: -1px;
}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-HEADER {
    /* background-image: url('/assets/Event/Desktop/20260901/images/popup-header-bg.jpg'); */
    /* background-size: 100% 100%; */
    /* height: 80px; */
    font-size: 25px;
    line-height: 30px;
    padding: 0;
}
.POPUP-LAYER .POPUP-CONTENTS.scroll .POPUP-HEADER {
    position: sticky;
    z-index: 1;
    top: 0;
}
.POPUP-LAYER .POPUP-CONTENTS.scroll .POPUP-FOOTER {
    position: sticky;
    bottom: 0;
    background: #fff;
    width: 100%;
    /* width100% + 좌우 padding 이 카드(450px)를 넘어 가로 스크롤을 만들던 것 방지 */
    box-sizing: border-box;
}

/*
 NEW EVENT
 */

.btn {position: absolute;text-indent: -99999px;cursor: pointer !important;background: #ff0000;opacity: 0;}
.pop-event2-agree {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);background-color: #dfdfdf;width: 200px;height: 200px;display: none;}

/*
 2026 추석캠페인(20260901) PC — 시안 MetLife_2026추석캠페인_PC_260812.png 실측 기준.
 시안 콘텐츠 컬럼: x695~1222 (528px), 섹션 경계 y: 80 / 1070 / 1935 / 3572 / 5187.
 이미지는 원본(528px) 그대로 표시하므로 버튼 좌표는 % 가 아닌 px 로 고정한다.
 */
.event-main {background:#FFFFFF;}
.event-main section{position: relative;}
.event-main section .content-wrap{position: relative;width: 528px;margin: 0 auto;}
.event-main section .content-wrap > img{display: block;width: 528px;}
/* 클릭영역은 MO 와 동일하게 선물 카드 박스 전체 — 시안 실측 카드 bbox abs x722~871/884~1032/1044~1192, y798~1002 (섹션 top 80 기준) */
.event-main .main-section-1 .btn-1 {top: 718px;left: 27px;width: 149px;height: 205px;}
.event-main .main-section-1 .btn-2 {top: 718px;left: 189px;width: 149px;height: 205px;}
.event-main .main-section-1 .btn-3 {top: 718px;left: 349px;width: 149px;height: 205px;}

.event-share section{position: relative;}
.event-share section .content-wrap{position: relative;width: 528px;margin: 0 auto;}
.event-share section .content-wrap > img{display: block;width: 528px;}
/* 클릭영역은 MO 와 동일하게 응모 카드 박스 전체 — 시안 실측 카드 bbox abs x723~874/883~1034/1044~1195, y1344~1566 (섹션 top 1070 기준) */
.event-share .share-section-1 .btn-1 {top: 274px;left: 28px;width: 152px;height: 222px;}
.event-share .share-section-1 .btn-2 {top: 274px;left: 188px;width: 152px;height: 222px;}
.event-share .share-section-1 .btn-3 {top: 274px;left: 349px;width: 152px;height: 222px;}
/* 시안 실측: 카톡 채널 바로가기 abs y2411~2469 / 자세히 보기 abs y3399~3456 (x785~1133) — 섹션 top 1935 기준 */
.event-share .share-section-2 .btn-1 {top: 476px;left: 90px;width: 349px;height: 59px;}
.event-share .share-section-2 .btn-2 {top: 1464px;left: 90px;width: 349px;height: 58px;}
/* 시안에 구워진 더미 심의번호(abs x725~952, y5075~5111)를 덮고 TBD 문구를 노출 */
.event-share .share-section-4 .compliance {position: absolute;top: 1496px;left: 25px;width: 478px;height: 52px;background: #f2f2f2;color: #676767;font-size: 15px;line-height: 22px;padding-left: 5px;box-sizing: border-box;}

.POPUP-LAYER .POPUP-CONTENTS .red-text { background: #db0a5b; color: #fff; text-align: left; padding: 6px 30px; font-size: 16px; }
/* MO 동일: outside-disc 의 '·'(absolute ::before)가 li 기준으로 찍히도록 */
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX ul li {
    position: relative;
    float: none;
    margin-top: 0;
}
/* MO styles.css 의 vw 값을 PC 카드폭 450px 기준 px 로 환산 (1vw≈4.5px) */
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY {background-color: #fff;padding: 18px;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .popup-body-wrap {position: relative;margin-top: 5px;clear: both;padding: 0 12px;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .popup-body-wrap:first-child { margin-top: 0; }
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-TITLE {margin-bottom: 9px;font-size: 20px;text-indent: 12px;letter-spacing: -1.1px;/* 사용자 조정: -1.8 과 -0.45 의 중간 */font-family: 'Pretendard Variable', Pretendard, sans-serif;font-weight: 500;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-TITLE:before {content:"";width:4px;height: 16px;background-color: #6479e3;margin: 5px -9px;position: absolute;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-TITLE.yellow:before {background-color: #ffe186;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-TITLE.blue:before {background-color: #96e3e1;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-TITLE.green:before {background-color: #68df8f;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX {font-size: 12px;color: #333;font-weight: normal;border: none;padding: 0 0 !important;max-height:none;margin:0;width:100%;overflow: hidden;clip-path: inset(0 0 0 0);}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX.open {max-height: none;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX strong {font-family: 'Pretendard Variable', Pretendard, sans-serif;font-weight: 600;line-height: 22.8px;/* 시안: 강조내용 줄 피치 38@750 ×0.6 */}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND {position: relative;top: 1px;right: 0;background: transparent;border: 0 none;padding: 0;display: flex;justify-content: space-between;margin-bottom: 10px;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT {cursor:pointer !important;width: 186px;border: 3px solid #d9d9d6;border-radius: 36px;display: flex;justify-content: center;align-items: center;font-size: 20px;font-family: 'Pretendard Variable', Pretendard, sans-serif;font-weight: 600;padding: 11px 0;color: #000;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.BTN-AGREE {/* border-color: #0090da; */}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.active {/* border-color: #0090da; */}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.BTN-DISAGREE.active {/* border-color: #d9d9d6; *//* background: #115995; */border-color: #6479e3;background: #6479e3;color: #fff;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.BTN-DISAGREE.yellow.active {border-color: #ffe186;background: #ffe186;color: #000;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.BTN-DISAGREE.blue.active {border-color: #96e3e1;background: #96e3e1;color: #003652;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.BTN-DISAGREE.green.active {border-color: #68df8f;background: #68df8f;color: #003652;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.BTN-AGREE.active {border-color: #6479e3;background: #6479e3;color: #fff;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.BTN-AGREE.yellow.active {border-color: #ffe186;background: #ffe186;color: #000;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.BTN-AGREE.blue.active {border-color: #96e3e1;background: #96e3e1;color: #003652;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.BTN-AGREE.green.active {border-color: #68df8f;background: #68df8f;color: #003652;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP { position: relative; top: 1px; right: 0; background: transparent; border: 0 none; padding: 0;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP .BTN-AGREEMENT { margin-left: 15px; padding-left: 23px; line-height: 18px; background-image: url('/assets/Event/Desktop/20260901/images/pop_ico_agree_bg.png'); background-size: 18px auto; }
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP .BTN-AGREEMENT.active { background-position: 0 -18px; }
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-NUMBERING {width: 100%;line-height: 15px;font-size: 12px;color: #333;padding: 8px 20px 0 0;text-align: right;box-sizing: border-box;margin-top: 20px;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-FOOTER .BTN-POPUP-BUTTON { margin-top: 10px; }
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-MORE-BUTTON {display:flex;justify-content: right;margin-right:-9px;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-MORE-BUTTON > img {width: 29px;cursor: pointer;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-MORE-BUTTON .up {display: none;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-MORE-BUTTON .down {display: block;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-MORE-BUTTON.open .up {display: block;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-MORE-BUTTON.open .down {display: none;}
.POPUP-LAYER .POPUP-CONTENTS > .POPUP-FOOTER {display: flex;justify-content: space-between;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-FOOTER .BTN-POPUP-BUTTON {width: 100%;display: flex;justify-content: center;align-items: center;height: 60px;color: #fff;background: #0090da;font-size: 20px;font-family: 'NotoSansKR_Bold', sans-serif;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-FOOTER .BTN-POPUP-BUTTON:nth-child(even) {background: #0090da;}

#POPUP-EVENT-EXTENDED img {width: 100%;height: auto;}
#POPUP-EVENT-EXTENDED .pop_content {position: relative;width: 100%;padding: 0;box-sizing: border-box;}
#POPUP-EVENT-EXTENDED .pop_content .step-btn {position: relative;cursor: pointer;display: inline-block;border: 1px solid #e3e3e3;color: #141414;border-radius: 23px;padding: 12px 20px;font-size: 18px;line-height: 1;margin-right: 6px;margin-bottom: 13px;}
#eventExtStep1wrap,#eventExtStep2wrap {position:relative;padding: 18px 0 0 18px;}
#POPUP-EVENT-EXTENDED .pop_content .step-btn.selected {background: #e1e1e1;border: 1px solid #e1e1e1;}
#POPUP-EVENT-EXTENDED #eventExt-section-7 #eventExtSubmit {
    /*visibility: hidden;*/
    /*opacity: 1;*/
    /*transition: opacity 0.5s ease-in-out;*/
}
#POPUP-EVENT-EXTENDED #eventExt-section-7.on #eventExtSubmit {
    /*visibility: visible;*/
    /*opacity: 1;*/
}
/*#POPUP-EVENT-AGREEMENT .POPUP-BODY-BOX ul li {*/
/*    float:none;*/
/*    line-height: 16px;*/
/*    margin-top:0px;*/
/*}*/
/*#POPUP-EVENT-AGREEMENT .POPUP-BODY-BOX ul li.description {*/
/*    padding-left: 6px;*/
/*    padding-bottom: 6px;*/
/*}*/


/*
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX ul { list-style: disc; padding-left: 15px; }
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX ul li { font-weight: normal; color: #333; font-size: 12px; }
#POPUP-EVENT-AGREEMENT.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY { padding-bottom: 5px; }
#POPUP-EVENT-SHARE-AGREE-PARTICIPANTS.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY { padding-bottom: 5px; }
*/
.outside-disc {
    padding-left: 10.2px; /* 시안: disc 텍스트 x+41 (strong 과 정렬) ×0.6 */
    line-height: 22.8px; /* 시안: disc 줄 피치 38@750 ×0.6 균일 */
    /* 260818 사용자 확정: keep-all 금지 — 어긋나는 개행은 시안 위치에 명시적 <br> 로 */
}
.outside-disc:before {
    content: "·";
    position: absolute;
    font-size: 1em;
    left: 2px;
    font-weight: 800;
}
::-webkit-scrollbar { width: 4px; background: transparent; }
::-webkit-scrollbar-thumb { width: 4px; background: rgba(221, 221, 221, 0.2); border-radius: 10px; }
::-webkit-scrollbar-track { width: 4px; background: transparent; }

body::-webkit-scrollbar { width: 4px; background: rgba(0, 0, 0, 0.51); }
body::-webkit-scrollbar-thumb { width: 4px; background: rgba(0, 0, 0, 0.2); border-radius: 10px; }
body::-webkit-scrollbar-track { width: 4px; background: rgba(0, 0, 0, 0.27); }


.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-FORM .POPUP-FORM-ROW .POPUP-FORM-CONTENTS {
    position: relative;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    float:unset;
    margin-left: 0;
}

/* MO 동일: 기본 34px 행 높이를 해제해 50px 입력란이 겹치며 밑줄이 가려지는 것 방지 */
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-FORM .POPUP-FORM-ROW {
    height: auto;
}


/* PC 오리지널 팝업 배치 유지: 카드가 뷰포트 상단부터 세로로 꽉 차는 방식 (이전 캠페인과 동일).
   콘텐츠가 길어지면 setPopupPosition() 이 .scroll 을 붙여 내부 스크롤 + 푸터 sticky 로 동작 */
.POPUP-LAYER .POPUP-CONTENTS, .POPUP-LAYER .POPUP-IMAGE-CONTENTS {
    width: 450px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 999;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
}
.container .content .copyright {
    margin-bottom: 40px;
}
.container .content .copyright .copyright_sub {
    width: 465px;
    height: 120px;
    margin: 13px auto 0px;
    border: 0;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}
.container .content .copyright .copyright_sub .logo {
    margin-top: 15px;
}

/* ===== 이하 2026추석 팝업 정합 — MO(assets/Event/Mobile/20260901/css/styles.css)의 규칙을
   PC 카드폭 450px 기준 px 로 환산해 이식 (1vw≈4.5px). 팝업 시안은 MO/PC 공용 1벌 ===== */

/* ===== 2026추석 시안 행간·인덴트 (750 기준 ×0.6: 라벨 lh20.4·x+13.8 / strong lh22.8·x+24.6 / disc lh22.8·x+24 / 항목 경계 12.6) =====
   기준선 = 타이틀·동의버튼 좌측. 공용(styleMetlife) li padding-bottom:5px 를 0 으로 재정의해
   "라벨+내용 한 묶음, 묶음 사이 벌어짐" 그룹감을 만든다 */
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX ul { padding-left: 13.8px; }
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX ul li { padding-bottom: 0; line-height: 20.4px; }
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX ul li.description { padding-left: 10.8px; padding-bottom: 12.6px; }
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX ul li.outside-disc { padding-left: 10.2px; padding-bottom: 0; line-height: 22.8px; }

/* 2026추석 보라 테마 (시안 실측: 활성 #9068C0 단색, 비활성 테두리 #D9D9D6, 제출버튼 그라데이션 #9E73D6->#7B3DDB) */
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-TITLE.purple:before {background-color: #9068c0;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.purple {border: 3px solid #d9d9d6;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.BTN-DISAGREE.purple.active {border-color: #9068c0;background: #9068c0;color: #fff;}
.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.BTN-AGREE.purple.active {border-color: #9068c0;background: #9068c0;color: #fff;}

/* 공용 제출 버튼 (MO .BTN-SUBMIT-PURPLE 환산: 4.8vw→22px, 3.75vw→17px, 1.2vw→5px) */
.BTN-SUBMIT-PURPLE {
    display: block;
    text-align: center;
    background: linear-gradient(180deg, #9e73d6 0%, #7b3ddb 50%);
    color: #fff !important;
    border-radius: 5px;
    font-size: 22px;
    line-height: 1;
    padding: 17px 0;
    font-family: 'Pretendard Variable', Pretendard, sans-serif;
    font-weight: 600;
    letter-spacing: -0.5px;
    cursor: pointer;
}

/* Pretendard 전역 적용 (MO 와 동일 범위: 콘텐츠·팝업) */
.container .content,
.container .content *,
.POPUP-LAYER,
.POPUP-LAYER * {
    font-family: 'Pretendard Variable', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
    font-weight: 400; /* MO 와 동일: 기본 400, 필요한 곳(타이틀 500/strong·버튼 600)만 재지정 */
}

/* 2026추석 동의 팝업 채널 분기 (시안: 팝업 CA/MFS/GA — MO 15vw→68px, 17vw→77px 환산)
   주의: Popup_Event_Agreement.php 내부 <style>의 max-height 룰과 경합하므로 특이성을 높여 둔다 */
/* CA·일반: 광고성 안내문 전문 노출, 펼침 화살표 없음 */
#POPUP-EVENT-AGREEMENT.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY.fixDefault .POPUP-BODY-BOX.AD { max-height: none; }
#POPUP-EVENT-AGREEMENT.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY.fixDefault .POPUP-MORE-BUTTON.AD-MORE { display: none; }
/* MFS·GA: 광고성 안내문 2줄 접힘 + 펼침 화살표 (컷=2째줄 아래·3째줄 위 gap 중앙) */
/* display 컷으로 대체 (줄 단위) */
/* MFS·GA: 수집/이용 미리보기는 1번 항목(데이터 분석)까지만 */
/* display 컷으로 대체 (줄 단위) */

/* 공유 동의 팝업: 활성 버튼은 연보라 배경 + 검정 계열 텍스트 (시안 실측 #E3DEFF) */
#POPUP-EVENT-SHARE-AGREE-PARTICIPANTS.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.BTN-AGREE.purple.active,
#POPUP-EVENT-SHARE-AGREE-PARTICIPANTS.POPUP-LAYER .POPUP-CONTENTS .POPUP-BODY .POPUP-BODY-BOX-BTN-GROUP-ROUND .BTN-AGREEMENT.BTN-DISAGREE.purple.active {
    border-color: #e3deff;
    background: #e3deff;
    color: #2e2e2e;
}

/* fold-rest(접힘 부분줄 래퍼)는 조판 중립이어야 한다 — 전역 리셋이 span 에 font-weight 500 을 다시 먹임 */
.POPUP-LAYER .fold-rest { font-weight: inherit; letter-spacing: inherit; font-size: inherit; }

/* ------------------------------------------------------------------------
   GNB 드롭다운 NEW 뱃지 세로 정렬 (2026-08-22, 사용자 지시 — "달러연금보험" 옆 NEW 가 내려가 보임)
   ------------------------------------------------------------------------
   PC 이벤트는 CF/Layout/Event_Certification_Layout_View 를 쓰고 styleCommon.css + styleCF.css 만
   로드하므로 8/13(styleCommon_v2026)·8/14(styleHidden_v2026) 에 넣은 정렬 규칙이 빠져 있었다.
   공용 styleCF.css 의 `.nav-sub-menu a > img { margin: 3px }` 위쪽 여백 + baseline 정렬이 원인.
   퍼블릭·히든과 동일한 값(중앙 정렬에서 3px 위)을 적용한다.
   ------------------------------------------------------------------------ */
.nav-sub-menu a > img {
  margin: -3px 0 0 3px;
  vertical-align: middle;
}

/* 동의 팝업 광고성 안내문 불릿 잘림 (고객사 QA 260825 slide6) — MO 와 동일 원인: ul padding-left 12px 안에
   기본 disc 마커(≈-10px)가 overflow:hidden 박스 밖으로 걸침. 마커를 ::before 로 안쪽에 그린다 (font 15px/lh 19.2px 기준) */
#POPUP-EVENT-AGREEMENT .POPUP-BODY-BOX.AD ul.custom-list,
#POPUP-EVENT-AGREEMENT .POPUP-BODY-BOX.AD ul.custom-list > li { list-style: none !important; } /* ul 인라인 list-style:disc 를 이겨야 함 */
#POPUP-EVENT-AGREEMENT .POPUP-BODY-BOX.AD ul.custom-list > li { position: relative; }
#POPUP-EVENT-AGREEMENT .POPUP-BODY-BOX.AD ul.custom-list > li::before {
    content: '';
    position: absolute;
    left: -9px;
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
}

/* 컬럼 좌우 그림자 복원 (상용 테스트 QA 260828 p4 — "좌우의 그림자가 빠진 것 같습니다")
   시안 실측(업스케일 PSD 병합본, 컬럼 경계 x695/1223 바깥): 경계 229 → 4px 240 → 8px 247 → 16px 254 → 255. 상단/하단에는 없음.
   수치 적합 후 실렌더 대조: box-shadow 0 0 16px rgba(0,0,0,.22) (경계~16px 구간 오차 ±2).
   섹션(content-wrap)마다 그림자를 직접 주면 이음매에서 위아래 번짐이 겹쳐 끊겨 보이므로,
   그림자 발생원(::before)을 위아래 40px 늘려 두고 clip-path 로 자기 세로 범위·좌우 40px 만 남긴다 → 이음매에서 끊김 없이 한 줄로 이어짐. */
.event-main section .content-wrap,
.event-share section .content-wrap {
    z-index: 0;
    clip-path: inset(0 -40px);
}
.event-main section .content-wrap::before,
.event-share section .content-wrap::before {
    content: '';
    position: absolute;
    left: 0; right: 0; top: -40px; bottom: -40px;
    z-index: -1;
    pointer-events: none;
    box-shadow: 0 0 16px rgba(0, 0, 0, .22);
}