﻿.m-hide {display: block !important;}
.m-show {display: none !important;}
.img-box img {width: 100%; font-size: 0;}

/****** START - 신용 신규 모집 목적 브랜드페이지 ******/

/* G마켓 폰트 */
@font-face {
    font-family: 'GmarketSansBold';
    src: url('/pconts/fonts/GmarketSansTTFBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('/pconts/fonts/GmarketSansTTFLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/pconts/fonts/GmarketSansTTFMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* 원신한 디지털 폰트 */
@font-face {
    font-family: Digital One Shinhan;
    src: local("디지털 원신한 L"),url(/pconts/fonts/shcard/DigitalOneShinhan-L.woff2) format("woff2"), url(/pconts/fonts/shcard/DigitalOneShinhan-L.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Digital One Shinhan;
    src: local("디지털 원신한 M"),url(/pconts/fonts/shcard/DigitalOneShinhan-M.woff2) format("woff2"),url(/pconts/fonts/shcard/DigitalOneShinhan-M.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Digital One Shinhan;
    src: local("디지털 원신한 M"),url(/pconts/fonts/shcard/DigitalOneShinhan-M.woff2) format("woff2"),url(/pconts/fonts/shcard/DigitalOneShinhan-M.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Digital One Shinhan;
    src: local("디지털 원신한 B"),url(/pconts/fonts/shcard/DigitalOneShinhan-B.woff2) format("woff2"),url(/pconts/fonts/shcard/DigitalOneShinhan-B.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Digital One Shinhan;
    src: local("디지털 원신한 EB"),url(/pconts/fonts/shcard/DigitalOneShinhan-EB.woff2) format("woff2"),url(/pconts/fonts/shcard/DigitalOneShinhan-EB.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Digital One Shinhan;
    src: local("디지털 원신한 EB"),url(/pconts/fonts/shcard/DigitalOneShinhan-EB.woff2) format("woff2"),url(/pconts/fonts/shcard/DigitalOneShinhan-EB.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

.prj-lading-wrap .gBold {font-family: 'GmarketSansBold', sans-serif;}
.prj-lading-wrap .gLight {font-family: 'GmarketSansLight', sans-serif;}
.prj-lading-wrap .gMedium {font-family: 'GmarketSansMedium', sans-serif;}

.prj-lading-wrap .img-box {margin: 0 auto;}

.prj-lading-wrap .point-blue {color: #3474ff;}
.prj-lading-wrap .point-black {color : #000;}                
.prj-lading-wrap .point-opa-60 {opacity: .6;}
.prj-lading-wrap .tBold {font-weight: 900;}
.prj-lading-wrap b {font-weight: 900 !important;}

.prj-lading-wrap .evt-wrap {letter-spacing: 0; line-height: 1.4; }
.prj-lading-wrap .inner-1920 {position: relative; max-width: 100%; margin: 0 auto;}
.prj-lading-wrap .inner-600 {position: relative; max-width: 600px; margin: 0 auto;}

/* 탭별 color-pri값 */
.prj-lading-wrap .color-pri {color: var(--color-main-title)}

/* 키비영역 */
.prj-lading-wrap .evt-kv-box {position: relative; left: 50%; transform: translateX(-50%);}
.prj-lading-wrap .evt-kv-box .img-box {max-width: 1440px;}
.prj-lading-wrap .evt-kv-box .img-box img {font-size: 0; width: 100%;}
.prj-lading-wrap .kv-title-box {position: absolute; top: 60px; left: 50%; width: 100%; height: calc(100% - 60px); transform: translateX(-50%); text-align: center;}
.prj-lading-wrap .kv-title-box .main-title {font-size: 80px; color: var(--color-main-title); line-height: 1; }
.prj-lading-wrap .kv-title-box .main-title .main-title--sm {font-size: 60px; color: #fff; }
.prj-lading-wrap .kv-title-box .sub-title {margin-bottom: 8px; font-size: 28px;  color: var(--color-sub-title);}
.prj-lading-wrap .kv-title-box .date-box { position: absolute; left: 50%; transform: translateX(-50%); bottom: 48px; display: flex; width: 600px; padding: 0 60px; justify-content: center; align-items: center;}
.prj-lading-wrap .kv-title-box .date-box .date-txt {font-size: 24px; color: var(--color-date-txt);}
.prj-lading-wrap .kv-title-box .date-box .date-tag {display: flex; justify-content: center; align-items: center; padding: 0px 16px; height: 48px; border-radius: 100px; background: rgba(17, 17, 17, .6); font-size: 24px; color:#fff;}

/* 상단 탭 영역 */
.prj-lading-wrap .card-intro {position: relative;}
.prj-lading-wrap .tabs .tab-buttons {z-index: 1000; position: sticky; top:0; display: flex; background: #fff;}
.prj-lading-wrap .tabs .tab-buttons .tab-btn {display: flex; flex-direction: column; align-items: center; width: 50%; padding: 12px 8px; border-bottom: 1px solid #DDD;}
.prj-lading-wrap .tabs .tab-buttons .tab-btn.on {border-bottom: 2px solid #000;}
.prj-lading-wrap .tabs .tab-buttons .tab-btn .btn-title {font-size: 20px; color: #888; font-weight: 900;}
.prj-lading-wrap .tabs .tab-buttons .tab-btn.on .btn-title {color: #000;}
.prj-lading-wrap .tabs .tab-buttons .tab-btn .btn-sub-title {color: #888;}
.prj-lading-wrap .tabs .tab-buttons .tab-btn.on .btn-sub-title {color: #000;}
.prj-lading-wrap .tabs .tab-content {display: none;}
.prj-lading-wrap .tabs .tab-content.on {display: block;}

/* 탭 컨텐츠 */
.prj-lading-wrap .card-txt-box {padding: 60px 0 40px 24px;}
.prj-lading-wrap .event-card-title {font-size: 40px; text-align: center; margin-bottom: 40px;}
.prj-lading-wrap .event-card-desc {position: relative; font-size: 24px; margin-left: 34px;}
.prj-lading-wrap .event-card-desc::before {content:''; display: inline-block; position: absolute; top:3px; margin-left: -40px; width: 32px; height: 32px; background-size: 32px 32px; background-repeat: no-repeat;}
.prj-lading-wrap .event-card-desc + .event-card-desc {margin-top: 16px;}
.prj-lading-wrap .event-card-description {margin: 4px 0 0 34px; font-size: 16px; color: #666;}
.prj-lading-wrap span.event-card-description {margin: 4px 0 0 0px; font-size: 16px; color: #666;}

.prj-lading-wrap .card-img {position: relative; width: 100%; height: 318px; margin: 0px 0 33px;}                 
.prj-lading-wrap .rotate img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); transform-origin: center; width: 318px; height: 200px;}
.prj-lading-wrap .card-img1 {left: 180px !important;}
.prj-lading-wrap .card-img2 {left: 420px !important;}
.prj-lading-wrap .card-name {font-size: 24px; text-align: center;}

/* 카드혜택 */
.prj-lading-wrap .card-benefit-box {margin-top: 60px; padding: 40px 32px 32px; background: #F5F6F7; border-radius: 24px;}
.prj-lading-wrap .benefit-title {font-size: 32px; text-align: center; margin-bottom: 12px; line-height: 1.2;}
.prj-lading-wrap .benefit-desc {font-size: 16px; text-align: center; margin-bottom: 40px;}
.prj-lading-wrap .card-benefit-box ul li {display: flex; align-items: center; width: 100%;}
.prj-lading-wrap .card-benefit-box ul li.flex-align {align-items: center;}
.prj-lading-wrap .card-benefit-box ul li + li {margin-top: 28px;}
.prj-lading-wrap .card-benefit-box ul .img-box {display: flex; align-items: center; justify-content: center; margin: 0 16px 0 0; width: 54px; height: 54px; background: #fff; border-radius: 22.5px;}
.prj-lading-wrap .card-benefit-box ul .img-box img {width: 32px; height: 32px;}
.prj-lading-wrap .card-benefit-box .point-txt {margin-left: auto; font-size: 24px; color: var(--benefit-point-txt)}
.prj-lading-wrap .card-benefit-box .point-txt span {font-size: 18px;}
.prj-lading-wrap .card-benefit-box .txt-box {display: flex; flex-direction: column; justify-content: center; margin-right: 8px;}
.prj-lading-wrap .card-benefit-box .main-txt {font-size: 22px; font-weight: bold;}
.prj-lading-wrap .card-benefit-box .sub-txt {margin-top: 4px; font-size: 16px; color: #666;}
.prj-lading-wrap .card-benefit-box .benefit-tag-box {position: relative;  display: flex; justify-content: center; width: 100%; margin: 12px 0;}
.prj-lading-wrap .card-benefit-box .benefit-tag-box::after {content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background: var(--benefit-point-txt); opacity: .3;}
.prj-lading-wrap .card-benefit-box .benefit-bar {z-index: 1; position: relative; display: inline-flex; padding: 8px 12px 6px 12px; border-radius: 100px; background: var(--benefit-point-txt); font-size: 16px; line-height: 1; color: #fff;}

.prj-lading-wrap .btn-detail {position: relative; display: flex; justify-content: center; align-items: center; margin-top: 40px; padding: 16px; text-align: center; background: rgba(17, 17, 17, .9); font-size: 24px; color: #fff; border-radius: 12px;}
.prj-lading-wrap .btn-detail::after {content:''; position: relative; top: -1px; display: inline-block; margin-left: 6px; width: 20px; height: 20px; background: url('/pconts/images/dx/event/2025/0509_ico_arrow_r.png') no-repeat; background-size: 20px 20px;}

.prj-lading-wrap .benefit-description {margin-top: 24px; font-size: 18px; color: #666; padding-left: 20px; text-indent: -20px;}
.prj-lading-wrap .benefit-description + .benefit-description {margin-top: 4px;}

/* 이벤트 참여방법 */
.prj-lading-wrap .black-num {display: inline-flex; width: 19px; height: 19px; font-size: 14px; justify-content: center; align-items: center; background-color: #000; color: #fff; border-radius: 50%; text-align: center; border: 1px solid #000; box-sizing: border-box;}
.prj-lading-wrap .white-num {display: inline-flex; width: 19px; height: 19px; font-size: 14px; justify-content: center; align-items: center; background-color: transparent; color: #000; border-radius: 50%; text-align: center; border: 1px solid #000; box-sizing: border-box;}
.prj-lading-wrap .card-event {position: relative; padding-top: 60px; }
.prj-lading-wrap .card-event .inner-600 { border-top: 1px solid #ddd; }
.prj-lading-wrap .card-event .event-card-title {margin-bottom: 0;}
.prj-lading-wrap #menu {z-index: 1000; position: sticky; top: 0px; padding: 8px 0; display: flex; justify-content: center;  gap: 8px; background: #fff;}
.prj-lading-wrap #menu a { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 2px; padding-top: 2px; width: 192px; height: 72px; border-radius: 16px; background: var(--color-anchor-bg);}
.prj-lading-wrap #menu a .pre-txt {font-size: 14px; opacity: .8; color: var(--color-main-title); }
.prj-lading-wrap #menu a .main-txt {font-size: 24px; color: var(--color-main-title);}
.prj-lading-wrap #menu a .main-txt span:not(.event-fee1) {font-size: 18px;}
.prj-lading-wrap #menu a.on {background: var(--color-main-title);}
.prj-lading-wrap #menu a.on .pre-txt {color: #fff; opacity: .8;}
.prj-lading-wrap #menu a.on .main-txt {color: #fff;}

.prj-lading-wrap .event-cont {margin-top: 24px; padding: 0 0 24px;}
.prj-lading-wrap .event-area {padding: 40px 32px 0;  background: #F5F6F7; border-radius: 24px; scroll-margin-top: 88px;}
.prj-lading-wrap .event-area + .event-area {margin-top: 24px;}
.prj-lading-wrap .event-tag {width: 135px; height: 52px; margin: 0 auto 16px; display: flex; justify-content: center; align-items: center; font-size: 20px; border-radius: 100px; border: 1px solid var(--color-main-title); background: #fff; color: var(--color-main-title);}
.prj-lading-wrap .event-tag span {margin-top: 3px;}
.prj-lading-wrap .event-tag-title {font-size: 26px; font-weight: 900; color: #000; text-align: center; margin-bottom: 32px;}

/* 251106 css 작업중 -lhj */
.prj-lading-wrap .step-list {counter-reset: step; list-style: none; padding: 0; margin: 0;}
.prj-lading-wrap .step-list li {counter-increment: step; display: flex; align-items: flex-start;}                
.prj-lading-wrap .step-list li::before {content: counter(step); width: 34px; height: 34px; background: #000; color: #fff; border: 3px solid #fff; box-sizing: border-box; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; margin-right: 8px; flex-shrink: 0;}
.prj-lading-wrap .step-list li .step-txt-box {position: relative; display: flex; flex-direction: column; padding-bottom: 40px;}
.prj-lading-wrap .step-list li .step-txt-box::before {position: absolute; content:''; display: block; width: 4px; top: 36px; left: -27px; height: calc(100% - 40px);  background: #ddd;}                
.prj-lading-wrap .step-list li:last-child .step-txt-box::before {display: none;}
.prj-lading-wrap .step-list li .step-txt-box .top-line {display: flex; align-items: center; margin-bottom: 0px; height: 34px; line-height: 34px;}
.prj-lading-wrap .step-list li .step-txt-box .top-line span {font-size: 26px; font-weight: 900;}
.prj-lading-wrap .step-list li .step-txt-box .desc {position: relative; font-size: 20px; color: #333; line-height: 1.4; padding-left: 14px;}
.prj-lading-wrap .step-list li .step-txt-box > :not(:first-child) {margin-top: 16px;}
.prj-lading-wrap .step-list li .step-txt-box .desc + .desc {margin-top: 16px;}                
.prj-lading-wrap .step-list li .step-txt-box .desc::before {position: absolute; top: 0; left: 0; content: '-'; display: block; }

.prj-lading-wrap .coupon-cont {position: relative;  margin-top: 16px;}
.prj-lading-wrap .coupon-cont .img-box {width: 169px; margin: 0;}                
.prj-lading-wrap .coupon-cont .coupon-txt {position: absolute; top: 15px; left: 33px; font-size: 27px; color: #fff;}

/* 유의사항 */
.prj-lading-wrap .event-notice-area .inner-600 {padding: 60px 8px 80px 8px;}                
.prj-lading-wrap .event-notice-area h3 {font-size: 28px; font-weight: 900;}
.prj-lading-wrap .event-notice-area .notice-box {margin: 40px 0;}
.prj-lading-wrap .event-notice-area .noti-tit {padding: 16px 0; font-size: 18px; font-weight: 900; border-bottom: 1px solid #eee;}
.prj-lading-wrap .event-notice-area .noti-txt {margin: 20px 0 16px; font-size: 18px;}     
.prj-lading-wrap .event-notice-area .noti-tit + .noti-txt {margin-bottom: 20px;}                
.prj-lading-wrap .event-notice-area .step-list {margin-bottom: 20px;}
.prj-lading-wrap .event-notice-area .step-list li {font-size: 18px;}
.prj-lading-wrap .event-notice-area .step-list li + li {margin-top: 16px;}
.prj-lading-wrap .event-notice-area .step-list li::before {width: 20px; height: 20px; border:0; font-size: 14px;}
.prj-lading-wrap .event-notice-area .border-tb { border-bottom: 1px solid #eee;}

.prj-lading-wrap .noti-txt-box .top-line { margin-top: -3px; }
.prj-lading-wrap .noti-txt-box p {font-size: 18px; margin-top: 8px; padding-left: 0px; text-indent: 0px;}
.prj-lading-wrap .notice-box .last-box .noti-txt-box p {margin-top: 16px;}
.prj-lading-wrap .notice-box div:last-child .noti-txt-box.bullet-text p {margin-top: 8px; position: relative; padding: 0; text-indent: 0;}
.prj-lading-wrap .notice-box div:last-child .noti-txt-box.bullet-text p::before {content:'-'; display: block; position: absolute; left: -14px;}
.prj-lading-wrap .notice-box div:last-child .noti-txt-box.non-bullet-text p {margin-top: 8px; position: relative; padding-left: 30px; text-indent: -30px;}
.prj-lading-wrap .notice-box div:last-child .noti-txt-box.non-bullet-text::before {display: none;}                
.prj-lading-wrap .notice-box div:last-child .noti-txt-box p:first-child {margin-top: 20px;}
.prj-lading-wrap .notice-box div:last-child .noti-txt-box.etc-align p {padding-left: 15px; text-indent: -12px;}
.prj-lading-wrap .noti-txt-box ul li {margin-top: 16px; padding-left: 28px; text-indent: -13px;}

.prj-lading-wrap .accordion-box button {width: 100%; text-align: left; display: flex; justify-content: space-between; align-items: center;}
.prj-lading-wrap .accordion-box button .btn-arrow {width: 13px; height: 13px; display: inline-block; }
.prj-lading-wrap .accordion-box button .btn-arrow::before {transform: rotate(0); content: ''; position: absolute; top: -4px; left: -7px; width: 13px; height: 13px; border-left: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(-45deg); transform-origin: center;}                
.prj-lading-wrap .accordion-box button.on .btn-arrow::before {display: flex; align-items: center; top: 3px; transform: rotate(135deg);}
.prj-lading-wrap .accordion-cont {display: none; border-bottom: 1px solid #eee;}

.prj-lading-wrap .credit-txt {display: block; font-size: 16px; color: #666; padding: 16px;  border-radius: 8px; background-color: #eee;}

/* 하단 스티키 신청하기 버튼 */
.prj-lading-wrap .content-wrap {position: relative;}
.prj-lading-wrap .btn-regist-wrap {z-index: 1100; position: sticky; bottom:0; margin: 0 auto; padding: 20px; display: flex; justify-content: center; background: #fff; border-top: 1px solid #ddd;}
.prj-lading-wrap .btn-regist { display: flex; justify-content: center; align-items: center;  width: 600px; height: 74px; font-size: 24px; background: #000; color: #fff; border-radius: 12px;}
.prj-lading-wrap .btn-regist::after {content:''; position: relative; top: -1px; display: inline-block; margin-left: 6px; width: 20px; height: 20px; background: url('/pconts/images/dx/event/2025/0509_ico_arrow_r.png') no-repeat; background-size: 20px 20px;}

/* 250519 문구수정으로 인한 레이아웃 수정 */
.prj-lading-wrap .step-list li .step-txt-box .desc_num {position: relative; font-size: 20px; color: #333; line-height: 1.4; padding-left: 25px; text-indent: -25px;}
.prj-lading-wrap .step-list li .step-txt-box .desc_coupon {position: relative; font-size: 20px; color: #333; line-height: 1.4; padding-left: 37px; text-indent: -24px;}

.prj-lading-wrap .m-only-b {font-weight: 500;}
/****** END - 신용 신규 모집 목적 브랜드페이지 ******/

/****** Npay biz 신한카드 페이지 css - START ******/
.prj-npay-biz{}

.prj-npay-biz .prj-content {
    padding: 57.5px 0 100px;  background-color: #21421f;
    background-image: url(/pconts/images/dx/landing/nb_bg_pc_v1.png); background-repeat: no-repeat; background-position: center top; background-color: #051F22; background-size:  100% 100%;
}
.prj-npay-biz .prj-content .content-inner {margin: 0 auto; max-width: 1144px;}
.prj-npay-biz .prj-content .color-green{color:#0CA32B}

/* prj-npay-biz : kv 영역 */
.prj-npay-biz .kv {position: relative; color: #fff;}
.prj-npay-biz .kv .kv_top{margin-bottom: 110px;}
.prj-npay-biz .kv .kv-title-box{margin: 0;}
.prj-npay-biz .kv .kv-title-box .kv-logo{margin-bottom: 92px; width:251px; height: 28px;}
.prj-npay-biz .kv .kv-title-box .kv-eyebrow{font-size: 40px; line-height: 1.4; color: #21E11E;}
.prj-npay-biz .kv .kv-title-box .kv-title{font-size: 64px; font-weight: 900; line-height: 1.3;}
.prj-npay-biz .kv .kv-img-box{position: absolute; top: -57.5px; right: 23px; width: 390px; height: 390px;}
.prj-npay-biz .kv .kv_bottom{margin-bottom: 70px;}
.prj-npay-biz .kv .kv-desc-box{text-align: center;}
.prj-npay-biz .kv .kv-desc-box .kv-sub-title{font-size: 64px; font-weight: 900; color: #21E11E; line-height: 1.3;}
.prj-npay-biz .kv .kv-desc-box .kv-date{margin-top: 16px; font-size: 30px; line-height: 36px;}
.prj-npay-biz .kv .kv-desc-box .kv-noti{margin-top: 16px; font-size: 24px; line-height: 29px;}

/* prj-npay-biz : 이벤트 공통 영역 */
.prj-npay-biz .event + .event{margin-top: 80px;}
.prj-npay-biz .event .event-num-box{display: flex; justify-content: center;}
.prj-npay-biz .event .event-num{display: inline-block; padding: 6px 30px; font-size: 24px; font-weight: 700; line-height: 34px; text-align: center; color: #21E11E; border: 1px solid #21E11E; border-radius: 900px; }
.prj-npay-biz .event .event-content-box{margin-top: 40px;}


/* prj-npay-biz : 이벤트1 영역 */
.prj-npay-biz .event .card-list{display: flex; flex-wrap: wrap; gap: 32px;}
.prj-npay-biz .event .card-list .card-item{padding: 30px 78px; width: calc(50% - 16px); border-radius: 16px; background-color: #E7E9EE;}
.prj-npay-biz .event .card-list .card-item .card-tag{display: block; margin: 0 auto 16px; width: 75px; height: 32.5px; font-size: 16px; line-height: 32.5px; font-weight: 700; text-align: center; color: #fff; border-radius: 100px; background-color: #666666;}
.prj-npay-biz .event .card-list .card-item .card-title{margin-bottom: 12px; font-size: 30px; line-height: 36px; font-weight: 900; text-align: center; color: #111111}
.prj-npay-biz .event .card-list .card-item .card-img{ position: relative; margin: 0 auto 12px; background-image: url(/pconts/images/dx/landing/nb_event01_coupon_pc.png); background-repeat: no-repeat; background-position: center top; background-size: 205px 120px; width: 205px; height: 120px;}
.prj-npay-biz .event .card-list .card-item .card-img .card-img-text{position: absolute; top: 35.5px; left:29px; min-width: 121px;}
.prj-npay-biz .event .card-list .card-item .card-img .card-img-text.line2{top: 28px;}
.prj-npay-biz .event .card-list .card-item .card-img .card-img-text .main-text{font-size: 38px; line-height: 1.4; font-weight: 900; text-align: center;}
.prj-npay-biz .event .card-list .card-item .card-img .card-img-text .main-text span{font-size: 20px;}
.prj-npay-biz .event .card-list .card-item .card-img .card-img-text .sub-text{font-size: 11px; line-height: 1; font-weight: 900; color:#47AB43; text-align: center;}
.prj-npay-biz .event .card-list .card-item .card-desc{margin-bottom: 32px; min-height: 42px; font-size: 14px; line-height: 1.5; font-weight: 700; text-align: center; color: #0CA32B;}
.prj-npay-biz .event .card-list .card-item .card-desc strong{font-weight: 900;}
.prj-npay-biz .event .card-list .card-item .card-noti{min-height: 52px;}
.prj-npay-biz .event .card-list .card-item .card-noti > li{position: relative; padding-left: 29px; font-size: 20px; line-height: 26px; font-weight: 700; color: #2C3548;}
.prj-npay-biz .event .card-list .card-item .card-noti > li::before {content: ''; display: block; position: absolute; left: 12px; top: 10px; width: 5px; height: 5px; border-radius: 100%; background-color: #2C3548;}
.prj-npay-biz .event .card-list .card-item .card-btn{margin-top: 30px; display: block; width:100%; height: 48px; font-size: 16px; line-height: 48px; font-weight: 700; background-color: #21E11E; text-align: center; border-radius: 8px;}
.prj-npay-biz .event .card-list .card-item .card-btn.no-bg{background-color: transparent; text-decoration: underline;}


/* prj-npay-biz : 이벤트2 영역 */
.prj-npay-biz .event .visa{padding: 60px; border-radius: 16px; background-color: #fff;}
.prj-npay-biz .event .visa .visa-title-box{display: flex; justify-content: center; align-items: center; margin-bottom: 60px;}
.prj-npay-biz .event .visa .visa-title-box .flex-box{display: flex; align-items: center; flex-shrink: 0;}
.prj-npay-biz .event .visa .visa-title-box .visa-title{font-size: 36px; line-height: 43px; font-weight: 900; text-align: center;}
.prj-npay-biz .event .visa .visa-title-box .visa-title .color-blue{color:#1434CB;}
.prj-npay-biz .event .visa .visa-title-box .visa-logo-box{margin: 2px 10px 0; width: 83px; height: 27px;}
.prj-npay-biz .event .visa .visa-benefit-item{display: flex; align-items: center; gap: 44px; padding: 34px 40px; background-color: #f8f8f8; border-radius: 16px;}
.prj-npay-biz .event .visa .visa-benefit-item + .visa-benefit-item { margin-top: 24px;}
.prj-npay-biz .event .visa .visa-img-box{ width: 167px; height: 60px;}
.prj-npay-biz .event .visa .visa-text-box .visa-title{ margin-bottom: 10px; font-size: 26px; line-height: 1.2; font-weight: 900;}
.prj-npay-biz .event .visa .visa-text-box .visa-desc{ margin-bottom: 20px; font-size: 18px; line-height: 1.4; font-weight: 700; color: #666;}
.prj-npay-biz .event .visa .visa-text-box .visa-btn{display: inline-block; width: 200px; height: 48px; font-size: 16px; line-height: 46px; font-weight: 700; border-radius: 8px; border: 1px solid #ccc; background-color: #fff; text-align: center;}
.prj-npay-biz .event .visa .visa-text-box .visa-noti{ margin-top: 8px; font-size: 16px; line-height: 1.5;  color: #333;}


/* prj-npay-biz : Npay biz 신한카드 혜택 영역 */
.prj-npay-biz .event .point{padding: 60px 172px; border-radius: 16px; background-color: #fff;}
.prj-npay-biz .event .point .point-title-box{display: flex; align-items: center; gap: 10px; margin: 40px 0 40px 0;}
.prj-npay-biz .event .point .point-title-box:first-child{margin: 0 0 40px 0;}
.prj-npay-biz .event .point .point-title-box .point-num{display: inline-flex; justify-content: center; width: 44px; height: 44px; font-size: 32px; line-height: 40px; font-weight: 900; color: #fff; text-align: center; border-radius: 100%; background-color: #21E11E;}
.prj-npay-biz .event .point .point-title-box .point-title{font-size: 36px; line-height: 43px; font-weight: 900;}
.prj-npay-biz .event .point .point-list .point-item{display: flex; align-items: center; gap: 60px; padding: 20px 60px;}
.prj-npay-biz .event .point .point-list .point-item + .point-item {border-top: 1px solid #eeeeee ;}
.prj-npay-biz .event .point .point-list .point-item .point-img-box{width: 120px; height: 120px;}
.prj-npay-biz .event .point .point-list .point-item .point-text-list .point-text-item {position: relative; padding-left: 37px; font-size: 30px; line-height: 1.4; font-weight: 700;}
.prj-npay-biz .event .point .point-list .point-item .point-text-list .point-text-item::before {content: ''; display: block; position: absolute; left: 15px; top: 18px; width: 7px; height: 7px; border-radius: 100%; background-color: #000;}
.prj-npay-biz .event .point .point-list .point-item .point-text-list .point-text-desc{font-size: 22px; line-height: 1.6; font-weight: 400;}
.prj-npay-biz .event .point .point-list .point-item .point_table{margin-top: 20px; padding: 16px; border-radius: 8px; background-color: #f8f8f8;}
.prj-npay-biz .event .point .point-list .point-item .point_table dl{display: flex; align-items: center; justify-content: space-between;}
.prj-npay-biz .event .point .point-list .point-item .point_table dt{min-width: 273px; font-size: 22px; line-height: 30px; font-weight: 700;}
.prj-npay-biz .event .point .point-list .point-item .point_table dd{font-size: 22px; line-height: 30px; font-weight: 900;}


/* prj-npay-biz : 최하단 버튼 영역 */
.prj-npay-biz .btn_wrapper{z-index: 1100; position: sticky; bottom: 0; padding: 20px; display: flex ;justify-content: center; border-top: 1px solid #214F52; background-color: #000;}
.prj-npay-biz .btn_wrapper .btn-detail{display: inline-block; width: 600px; height: 74px; font-size: 24px; line-height: 74px; font-weight: 700; border-radius: 8px; background-color: #21E11E; text-align: center;}


/* prj-npay-biz : 꼭 알아두세요 유의사항 영역  */
.prj-npay-biz .prj-notice {padding: 60px 0; background-color: #E3E3E3;}
.prj-npay-biz .prj-notice .notice-inner {margin: 0 auto; max-width: 1260px;}
.prj-npay-biz .prj-notice .notice-inner .notice-main-title {font-size: 28px; font-weight: 900; line-height: 30px;}
.prj-npay-biz .prj-notice .notice-inner .notice-sub-title {margin-top: 40px; font-size: 20px; font-weight: 700; line-height: 1.5;}
.prj-npay-biz .prj-notice .notice-inner .notice-box .notice-title {padding: 16px 0; font-size: 20px; font-weight: 900; line-height: 1.4;}
.prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list {padding: 20px 0;}
.prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list > li {position: relative; padding-left: 17px; font-size: 20px; line-height: 1.4; color: #333;}
.prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list > li + li {margin-top: 16px;}
.prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list > li::before {content: ''; display: block; position: absolute; left: 0; top: 14px; width: 9px; height: 1px; border-radius: 50%; background-color: #333;}
.prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list > li.no-bullet {padding: 0;}
.prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list > li.no-bullet::before {display: none;}
.prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list.two-depth {padding: 0;}
.prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list.two-depth > li + li {margin-top: 0;}
.prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list.bullet > li{padding-left: 25px;}
.prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list.bullet > li::before {content: ''; display: block; position: absolute; left: 10px; top: 12px; width: 5px; height: 5px; border-radius: 100%; background-color: #333;}
.prj-npay-biz .prj-notice .notice-inner .notice-approved {margin-top: 92px; font-size: 16px; font-weight: 700; line-height: 1.5; text-align: right;}
/****** Npay biz 신한카드 페이지 css - END ******/

/****** new 브랜드 페이지 css - START ******/
/* 공통 */
i.prj-tbx {display: block;font-style: normal;}
i.prj-tbm {display: inline;font-style: normal;}
.prj-landing-wrap .landing-wrap .point-txt{color: #3A64FF;}
.prj-landing-wrap .gMedium {font-family: 'GmarketSansMedium', sans-serif;}
.prj-landing-wrap .gBold {font-family: 'GmarketSansBold', sans-serif;}
.prj-landing-wrap .landing-wrap a:focus, .prj-landing-wrap .landing-wrap button:focus{outline:none !important}

/* KV */
.prj-landing-wrap .landing-wrap .inner-1920{position: relative;max-width: 100%;margin:0 auto;}
.prj-landing-wrap .landing-wrap .top-wrap{position: relative;left: 50%;transform: translateX(-50%);background-color:#161e3b;}
.prj-landing-wrap .landing-wrap .top-wrap .logo a{display:block;position:absolute;top:10px;left:30px;width:100px;padding:10px;z-index:10}
.prj-landing-wrap .landing-wrap .top-wrap .logo img{width:100%;}
.prj-landing-wrap .landing-kv-wrap{height:780px;padding-top:60px;background:url('/pconts/images/dx/landing/brand_img_bg.png') no-repeat top center;}
.prj-landing-wrap .landing-kv-wrap .kv-img {width:350px;position: absolute;top: 286px;left: 50%;transform: translateX(-50%);}
.prj-landing-wrap .landing-kv-wrap .kv-img img{font-size:0;width:100%;}
.prj-landing-wrap .landing-kv-wrap .top-tit-wrap{text-align:center;}
.prj-landing-wrap .landing-kv-wrap .top-tit-wrap .top-tit{font-family:'Digital One Shinhan';font-size:60px;color:#fff;font-weight:800;line-height:1.25;letter-spacing:-0.5px;}
.prj-landing-wrap .landing-kv-wrap .top-tit-wrap .tit-sub{font-size:20px;color:#fff;line-height:1.4;font-weight:300;letter-spacing:-0.5px;margin-bottom:20px;}
.prj-landing-wrap .landing-kv-wrap .top-txt-wrap{position:absolute;bottom:0px;left:50%;width:680px;transform:translateX(-50%);text-align:center;background-color: #161e3b;}
.prj-landing-wrap .landing-kv-wrap .top-txt-wrap::before{content:'';display:block;width:100%;height:1px;margin:0 auto;background:url('/pconts/images/dx/landing/brand_img_line_pc.png') no-repeat top center;background-size: cover;}
.prj-landing-wrap .landing-kv-wrap .top-txt-wrap .top-txt{display: flex;margin: 0 auto;align-items: center;justify-content: center;padding: 22px 0 30px;}
.prj-landing-wrap .landing-kv-wrap .top-txt-wrap .top-txt .txt{position:relative;font-size:18px;color:#fff;width:50%;font-weight:700;line-height:1.4;padding-top:32px;}
.prj-landing-wrap .landing-kv-wrap .top-txt-wrap .top-txt .txt:first-child::after{content: '';display: block;width: 1px;height: 40px;background: #fff;opacity: 0.2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.prj-landing-wrap .landing-kv-wrap .top-txt-wrap .top-txt .txt::before{position:absolute;top:0;left:50%;transform: translateX(-50%);content:'';display:block;width:24px;height:24px;background:url('/pconts/images/dx/landing/brand_img_ico.png') no-repeat center center;background-size: 100% 100%;}

/* cont */
.prj-landing-wrap .landing-wrap .cont-wrap .cont-tit-01{font-family:'Digital One Shinhan';font-size:36px;font-weight:800;letter-spacing:-1px;text-align:center;margin-bottom:40px;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-tit-02{font-family:'Digital One Shinhan';font-size:20px;font-weight:700;letter-spacing:-1px;margin:40px 0 24px;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-sum{padding-top:80px;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-date{text-align: center;background: #f5f6f7;border-radius: 20px;padding: 24px 0;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-date dl{display:flex;justify-content: center;align-items:center;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-date dl dt{font-family:'Digital One Shinhan';font-size:20px;font-weight:500;position:relative;padding-right:40px;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-date dl dd{font-family:'Digital One Shinhan';font-size:20px;font-weight:500;padding-left:40px;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-date dl dt::after{position:absolute;top:50%;right:0;content:'';display:block;width:1px;height:18px;background:#ddd;transform:translateY(-50%)}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-list{margin-top:12px;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-list dl{display:flex;padding:24px 0 24px 4px;border-bottom:1px solid #ececec;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-list dl dt{font-family:'Digital One Shinhan';font-size:20px;font-weight:700;margin-right:30px;width:71px;flex-shrink: 0;flex-basis: 71px;flex-grow: 0;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-list dl dd{font-size:20px;font-weight:500;flex:1;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-01{padding:80px 0 100px;}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap{display:flex;flex-wrap:wrap;justify-content: space-between;}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list{width: calc(50% - 16px);}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list a{position:relative;display:flex;width:100%;height:110px;align-items: center;padding:25px 0;margin:0 0 40px 0;}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list:last-child a{margin:0;}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list #dimAlert{position:relative;}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list #dimAlert::after{content:'';position: absolute;background: #ffff;z-index:9;min-width: 100%;height: 134px;backdrop-filter: blur(7px);opacity:0.7;border: 1px solid #3a64ef;border-radius: 20px;left: -12px;top: -12px;padding: 12px 0 12px 12px;}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list #dimAlert .dim-txt {width:100%;position: absolute;left:-12px;z-index:10;text-align:center;}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list #dimAlert .dim-txt .point-txt{font-family:'Digital One Shinhan';font-size:16px;font-weight:800;}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list #dimAlert .dim-txt .open-txt{font-size:14px;color:#333;margin-top:4px;}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list a .card-con{position:absolute;left:86px;}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list a .card-image{transform:rotate(90deg) translateY(20px);}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list a .card-image.type2{transform:rotate(90deg) translateY(17px);}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list a .card-image img{width:110px;height:70px;}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list a .card-con .card-benefit{display:inline-block;height:20px;font-size:11px;font-weight:500;line-height:20px;color:#0040ad;text-align:center;background:#e1efff;padding:0 6px;margin-bottom:6px;border-radius:4px;}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list a .card-con .card-tit{font-size:16px;font-weight:500;line-height:1.4;}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list a .card-con .card-desc{font-size:14px;color:#666;line-height:1.4;margin-top:4px;}
.prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list #dimAlert .blur{filter: blur(3px) !important;}
.prj-landing-wrap .landing-wrap .inner-600 {position: relative;max-width: 600px;margin: 0 auto;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-02{background:#eeeff0;padding:80px 0;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-02 .cont-evt{background:#fff;padding:40px 32px;border-radius:24px;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-02 .cont-evt.con-link-evt{padding:40px 32px 30px;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-02 .cont-evt + .cont-evt{margin-top:16px;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-02 .cont-evt.type2{padding:32px;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-02 .cont-evt.type2 .cont-must-txt{display:flex;align-items:center;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-02 .cont-evt.type2 .cont-must-txt dt{font-size:16px;color:#fff;font-weight:700;background:#111;padding:3px 10px;border-radius:50px;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-02 .cont-evt.type2 .cont-must-txt dd{font-size:18px;margin-left:12px;font-weight:500;}
.prj-landing-wrap .landing-wrap .cont-wrap .cont-evt .cont-evt-tit{font-family:'Digital One Shinhan';font-size:18px;font-weight:800;line-height:1.2;margin-bottom:32px;}
.prj-landing-wrap .landing-wrap .cont-evt .cont-desc .cont-desc-tit{font-size:18px;font-weight:500;line-height:1.4;}
.prj-landing-wrap .landing-wrap .cont-evt .cont-desc .cont-desc-tit .point-txt{font-family:'Digital One Shinhan';font-size:24px;font-weight:800;line-height:1.4;margin-top:4px;} 
.prj-landing-wrap .landing-wrap .cont-evt .cont-desc .cont-desc-tit + .cont-desc-list{margin-top:24px;}
.prj-landing-wrap .landing-wrap .cont-evt .cont-desc .cont-desc-list{font-size:14px;color:#333;line-height:1.4;font-weight:400;}
.prj-landing-wrap .landing-wrap .cont-evt .cont-desc .cont-desc-list li + li{margin-top:4px;}
.prj-landing-wrap .landing-wrap .cont-evt .cont-desc + .cont-list-02{padding-top:16px;margin-top:24px;border-top:1px solid #ddd;}
.prj-landing-wrap .landing-wrap .cont-evt .cont-desc + .cont-list-02 li, .prj-landing-wrap .landing-wrap .cont-evt .cont-desc + div.cont-list-02{font-size:14px;color:#666;line-height:1.4;font-weight:400;padding-left:16px;text-indent: -16px;}
.prj-landing-wrap .landing-wrap .cont-evt .cont-desc + .cont-list-02 li + li{margin-top:4px;}
.prj-landing-wrap .landing-wrap .cont-evt .cont-list-02 + .cont-desc{margin-top:48px;}
.prj-landing-wrap .landing-wrap .cont-evt .cont-link{display:inline-block;position:relative;font-size:14px;font-weight:400;margin-top:15px;padding: 10px 12px 10px 0px;}
.prj-landing-wrap .landing-wrap .cont-evt .cont-link::after{content: '';position: absolute;top: 50%; right:0px;width: 7px; height: 7px;border-left: 1px solid #000;border-bottom: 1px solid #000;transform: translate(0, -50%) rotate(-135deg);}
.prj-landing-wrap .landing-wrap .cont-list-01, .prj-landing-wrap .landing-wrap .cont-list-02, .prj-landing-wrap .landing-wrap .cont-list-03{margin-top:8px;}
.prj-landing-wrap .landing-wrap .cont-list-01 li, .prj-landing-wrap .landing-wrap div.cont-list-01{display:block;position:relative;padding-left:12px;}
.prj-landing-wrap .landing-wrap .cont-wrap ol.cont-desc-num .cont-list-01 li, .prj-landing-wrap .landing-wrap ol div.cont-list-01 {margin-left: 20px;}
.prj-landing-wrap .landing-wrap .cont-list-01 li::before, .prj-landing-wrap .landing-wrap div.cont-list-01::before{content:'-';display: block;position: absolute;left: 0;top: 0;}
.prj-landing-wrap .landing-wrap .cont-list-02 li, .prj-landing-wrap .landing-wrap div.cont-list-02{display: block;position:relative;padding-left:19px;text-indent:-21px;}
.prj-landing-wrap .landing-wrap .cont-list-03 li, .prj-landing-wrap .landing-wrap div.cont-list-03{font-size:16px;color:#333;padding-left:26px;text-indent:-27px;}

/* 꼭알아두세요 */
.prj-landing-wrap .landing-notice-wrap{padding:80px 0;}
.prj-landing-wrap .landing-notice-wrap h3{font-size:28px;line-height:1.4;margin-bottom:40px;}
.prj-landing-wrap .landing-notice-wrap .landing-notice-box{margin:40px 0;}
.prj-landing-wrap .landing-notice-wrap .landing-notice-box .notice-fee{border-bottom:1px solid #eee;}
.prj-landing-wrap .landing-notice-wrap .landing-notice-box .notice-fee .fee-tit{padding: 16px 0;font-size: 18px;font-weight: 900;border-bottom: 1px solid #eee;}
.prj-landing-wrap .landing-notice-wrap .landing-notice-box .notice-fee .fee-list{padding:20px 0;}
.prj-landing-wrap .landing-notice-wrap .landing-notice-box .notice-fee .fee{font-size:18px;line-height:1.8;color:#333;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-btn{width: 100%;text-align: left;display: flex;justify-content: space-between;align-items: center;padding: 16px 0;font-size: 18px;font-weight: 900;border-bottom: 1px solid #eee;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-btn .btn-arrow{width:13px;height:13px;display:inline-block;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-btn .btn-arrow::before{content:'';position: absolute;top: -4px;left: -7px;width: 12px;height: 12px;border-left: 2px solid #333;border-bottom: 2px solid #333;transform: rotate(-45deg);transform-origin: center;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-btn.on .btn-arrow::before{display:flex;align-items: center;top:3px;transform: rotate(135deg);}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con{display:none;border-bottom: 1px solid #eee;padding:20px 0 0;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-txt, .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .num-list .txt{font-size:16px;color:#333;margin-bottom:16px;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-tit{font-size:16px;font-weight:700;margin-bottom:16px;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list{counter-reset:step;list-style: none;padding: 0;margin: 0 0 20px;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list{padding-left:12px;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list .num-txt{font-size:16px;color:#333;line-height:1.4;margin-left:-12px;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list .con-txt{font-size:16px;color:#333;line-height:1.4;margin:8px 0 8px 0;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list + li{margin-top:16px;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list .cont-list-01 > li, .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list div.cont-list-01{position:relative;font-size:14px;margin: 8px 0 0 0;color:#333;line-height:1.4;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list .cont-list-02 > li, .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list div.cont-list-02{position:relative;font-size:14px;color: #333;padding-left:26px;text-indent:-27px;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list .cont-list-02 > li + li, .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list div.cont-list-02 + .cont-list-02{margin-top:8px;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list .cont-list-03 > li, .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list div.cont-list-03{position:relative;font-size:16px;color: #333;padding-left:26px;text-indent:-27px;}
.prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list .cont-list-03 > li + li, .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list div.cont-list-03 + div{margin-top:8px;}
.prj-landing-wrap .landing-notice-wrap .etc-wrap .etc-tit{padding: 16px 0;font-size: 18px;font-weight: 900;border-bottom: 1px solid #eee;margin-top:0 !important;margin-bottom:20px;}
.prj-landing-wrap .landing-notice-wrap .etc-wrap .cont-list-01 > li{font-size:16px;line-height:1.4;color:#333;}
.prj-landing-wrap .landing-notice-wrap .etc-wrap .cont-list-01 > li + li{margin-top: 16px;}
.prj-landing-wrap .landing-notice-wrap .etc-wrap .cont-list-01 > li ul li {font-size:1.6rem;margin-top:10px;}
.prj-landing-wrap .landing-notice-wrap .simsa-txt{display: block;font-size: 16px;color: #666;font-weight:500;padding: 16px;border-radius: 8px;background-color: #eee;}

/* sticky btn */
.prj-landing-wrap .btn-sticky-wrap{position: sticky;bottom: 0; margin: 0 auto;padding: 20px;display: flex;justify-content: center;background: #fff;border-top: 1px solid #ddd;z-index: 1100;}
.prj-landing-wrap .btn-sticky {display: flex;justify-content: center;align-items: center;width: 600px;height: 74px;font-size: 24px;background: #000;color: #fff;border-radius: 12px;}

/****** new 브랜드 페이지 css - END ******/

/* **** 모바일 레이아웃 **** */
@media only screen and (max-width: 1100px) {
    .m-hide {display: none !important;}
    .m-show {display: block !important;}

    .prj-lading-wrap .inner-1920 {max-width: 100%;}
    .prj-lading-wrap .inner-600 {max-width: 100%; padding: 0 16px;}
    .prj-lading-wrap .card-intro .inner-600 {padding: 0;}

    /* 키비영역 */
    .prj-lading-wrap .evt-kv-box {position: relative; width: 100%; max-width: 100%;}
    .prj-lading-wrap .evt-kv-box .img-box {max-width: 390px;}
    .prj-lading-wrap .evt-kv-box .img-box img {font-size: 0; width: 100%;}
    .prj-lading-wrap .kv-title-box {top: 40px; width: 100%; height: 100%; max-width: 390px;}
    .prj-lading-wrap .kv-title-box .main-title {font-size: 48px;}
    .prj-lading-wrap .kv-title-box .main-title .main-title--sm {font-size: 36px;}
    .prj-lading-wrap .kv-title-box .sub-title {margin-bottom: 2px; font-size: 20px;}
    .prj-lading-wrap .kv-title-box .date-box {margin-top: 0; position: absolute; bottom: 74px; display: flex; width: 100%; padding: 0 28px;}
    .prj-lading-wrap .kv-title-box .date-box .date-txt {font-size: 16px;}
    .prj-lading-wrap .kv-title-box .date-box .date-tag {padding: 8px 12px; height: 32px; font-size: 16px;}
    .prj-lading-wrap .kv-title-box .date-box .date-tag span {margin-top: 0px;}
    
    /* 상단 탭 영역 */                    
    .prj-lading-wrap .tabs .tab-buttons .tab-btn {padding: 12px 0px;}                    
    .prj-lading-wrap .tabs .tab-buttons .tab-btn .btn-title {font-size: 16px;}                    
    .prj-lading-wrap .tabs .tab-buttons .tab-btn .btn-sub-title {color: #888; font-size: 13px;}
            
    /* 탭 컨텐츠 */
    .prj-lading-wrap .card-intro .tab-contents {padding: 0 16px;}
    .prj-lading-wrap .card-txt-box {padding: 40px 0px 24px;}
    .prj-lading-wrap .event-card-title {font-size: 28px; margin-bottom: 24px;}
    .prj-lading-wrap .event-card-desc { font-size: 18px; margin-left: 40px;}
    .prj-lading-wrap .event-card-desc::before {top: 0; margin-left: -32px; width: 24px; height: 24px; background-size: 24px 24px;}
    .prj-lading-wrap .event-card-desc + .event-card-desc {margin-top: 12px;}
    .prj-lading-wrap .event-card-description {margin: 4px 0 0 40px; font-size: 13px;}
    .prj-lading-wrap span.event-card-description {display: inline-flex; font-size: 13px;}

    .prj-lading-wrap .card-img {position: relative; display: flex; justify-content: center; width: 100%; max-width: 358px; height: 190px; margin: 0 auto 16px;}      
    .prj-lading-wrap .rotate img {width: 190px; height: 120px;}
    .prj-lading-wrap .card-img1 {left: 30% !important;}
    .prj-lading-wrap .card-img2 {left: 70% !important;}
    .prj-lading-wrap .card-name {font-size: 16px;}

    /* 카드혜택 */
    .prj-lading-wrap .card-benefit-box {margin: 40px auto 0; max-width: 100%; padding: 32px 16px 16px; border-radius: 20px;}
    .prj-lading-wrap .benefit-title {font-size: 24px; margin-bottom: 4px;}
    .prj-lading-wrap .benefit-desc {font-size: 14px; margin-bottom: 32px;}
    .prj-lading-wrap .card-benefit-box ul .img-box {margin: 0 12px 0 0; width: 46px; min-width: 46px; height: 46px; border-radius: 19.17px;}
    .prj-lading-wrap .card-benefit-box ul .img-box img {width: 32px; height: 32px;}
    .prj-lading-wrap .card-benefit-box .point-txt {font-size: 18px; white-space: nowrap;}
    .prj-lading-wrap .card-benefit-box .point-txt span {font-size: 12px;}
    .prj-lading-wrap .card-benefit-box ul li + li {margin-top: 20px;}
    .prj-lading-wrap .card-benefit-box .main-txt {font-size: 16px; margin-bottom: 4px; line-height: 1.4;}
    .prj-lading-wrap .card-benefit-box .sub-txt {margin-top: 0; font-size: 13px; line-height: 1.4;}
    .prj-lading-wrap .card-benefit-box .benefit-tag-box {position: relative;  display: flex; justify-content: center; width: 100%; margin: 12px 0;}
    .prj-lading-wrap .card-benefit-box .benefit-tag-box::after {content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background: var(--benefit-point-txt); opacity: .3;}
    .prj-lading-wrap .card-benefit-box .benefit-bar {z-index: 1; position: relative; display: inline-flex; padding: 6px 8px 6px 8px; border-radius: 100px; background: var(--benefit-point-txt); font-size: 12px; line-height: 1; color: #fff;}
    .prj-lading-wrap .evt-icon { border-radius: 19.17px;}

    .prj-lading-wrap .btn-detail {margin-top: 32px; padding: 15.5px; font-size: 18px;}                    
    .prj-lading-wrap .btn-detail::after {content:''; top: -1px; display: inline-block; margin-left: 6px; width: 20px; height: 20px; background: url('/pconts/images/dx/event/2025/0509_ico_arrow_r.png') no-repeat; background-size: 20px 20px;}

    .prj-lading-wrap .benefit-description {margin-top: 24px; font-size: 14px; padding-left: 24px; text-indent: -16px;}

    /* 이벤트 참여방법 */
    .prj-lading-wrap .black-num { width: 16px; height: 16px; font-size: 12px;}
    .prj-lading-wrap .white-num { width: 16px; height: 16px; font-size: 12px;}
    .prj-lading-wrap .card-event {padding-top: 40px; }
    .prj-lading-wrap .card-event .card-txt-box {padding: 40px 16px 24px;}
    .prj-lading-wrap .card-event .inner-600 { border-top: 12px solid #eee; }
    .prj-lading-wrap .card-event .event-card-title {margin-bottom: 0; }

    .prj-lading-wrap #menu {z-index: 1000; position: sticky; top: 0px; padding: 8px 0 8px; display: flex; justify-content: center;  gap: 8px; background: #fff; }
    .prj-lading-wrap #menu a {width: 100%; height: 59px; gap: 0px; border-radius: 12px; background: var(--color-anchor-bg);}
    .prj-lading-wrap #menu a .pre-txt {font-size: 10px;}
    .prj-lading-wrap #menu a .main-txt {font-size: 18px;}
    .prj-lading-wrap #menu a .main-txt span:not(.event-fee1) {font-size: 12px;}

    .prj-lading-wrap .event-cont {padding: 0 0 24px;}
    .prj-lading-wrap .event-area {padding: 28px 20px 0;  background: #F5F6F7; border-radius: 24px; scroll-margin-top: 107px;}
    .prj-lading-wrap .event-area + .event-area {margin-top: 24px;}
    .prj-lading-wrap .event-tag {width: 104px; height: 33px; margin: 0 auto 12px; font-size: 15px; border-radius: 100px; }
    .prj-lading-wrap .event-tag span {margin-top: 1px;}

    .prj-lading-wrap .step-list li::before {content: counter(step); width: 24px; height: 24px;  border: 2px solid #fff; border-radius: 50%; margin-right: 8px; flex-shrink: 0;}
    .prj-lading-wrap .step-list li .step-txt-box {padding-bottom: 24px;}
    .prj-lading-wrap .step-list li .step-txt-box::before { width: 2px; top: 26px; left: -21px; height: calc(100% - 28px);}
    .prj-lading-wrap .step-list li .step-txt-box .top-line { margin-bottom: 0px; height: 20px; line-height: 20px;}
    .prj-lading-wrap .step-list li .step-txt-box .top-line span {margin-top: 4px; font-size: 20px;}
    .prj-lading-wrap .step-list li .step-txt-box > :not(:first-child) {margin-top: 12px;}
    .prj-lading-wrap .step-list li .step-txt-box .desc {font-size: 16px; padding-left: 11px;}
    .prj-lading-wrap .step-list li .step-txt-box .desc + .desc {margin-top: 4px;}
    .prj-lading-wrap .step-list li .step-txt-box .desc .m-only-b {font-size: 16px; font-weight: 900;}
    .prj-lading-wrap .step-list li .step-txt-box .desc .m-only-b + .gBold {font-size: 16px;}
    .prj-lading-wrap .step-list li .step-txt-box .desc span {font-size: 14px}

    .prj-lading-wrap .coupon-cont .img-box {width: 140px; margin: 0;}                
    .prj-lading-wrap .coupon-cont .coupon-txt { top: 13px; left: 25px; font-size: 22px;}

    /* 유의사항 */
    .prj-lading-wrap .event-notice-area .inner-600 {padding: 40px 24px;}
    .prj-lading-wrap .event-notice-area h3 {font-size: 20px;}
    .prj-lading-wrap .event-notice-area .notice-box {margin: 24px 0 32px;}                    
    .prj-lading-wrap .event-notice-area .notice-box .border-tb {border-top: 0;}
    .prj-lading-wrap .event-notice-area .noti-tit {padding: 14px 0; font-size: 14px;}
    .prj-lading-wrap .event-notice-area .noti-txt {margin: 16px 0 12px; font-size: 14px;}                    
    .prj-lading-wrap .event-notice-area .step-list {margin-bottom: 20px;}
    .prj-lading-wrap .event-notice-area .step-list li {font-size: 18px;}
    .prj-lading-wrap .event-notice-area .step-list li + li {margin-top: 12px;}
    .prj-lading-wrap .event-notice-area .step-list li::before {width: 20px; height: 20px; border:0; font-size: 14px;}
    .prj-lading-wrap .event-notice-area .border-tb {border-top: 1px solid #eee; border-bottom: 1px solid #eee;}

    .prj-lading-wrap .noti-txt-box .top-line {margin-top: -1px; font-size: 14px; }
    .prj-lading-wrap .noti-txt-box p {font-size: 14px; margin-top: 4px; padding-left: 14px; text-indent: -12px;}

    .prj-lading-wrap .notice-box div:last-child .noti-txt-box p {margin-top: 4px;}
    .prj-lading-wrap .notice-box div:last-child .noti-txt-box p:first-child {margin-top: 16px;}
    .prj-lading-wrap .notice-box div:last-child .noti-txt-box.non-bullet-text p {margin-top: 4px; padding-left: 25px; text-indent: -25px;}            
    .prj-lading-wrap .notice-box div:last-child .noti-txt-box.non-bullet-text::before {display: none;}                
    .prj-lading-wrap .notice-box div:last-child .noti-txt-box.non-bullet-text p.reset-indent {padding-left: 0; text-indent: 0;}
    .prj-lading-wrap .notice-box div:last-child .noti-txt-box.non-bullet-text p.symbol-indent {padding-left: 19px; text-indent: -19px;}
    
    .prj-lading-wrap .accordion-box button {width: 100%; text-align: left; display: flex; justify-content: space-between; align-items: center;}
    .prj-lading-wrap .accordion-box button .btn-arrow {width: 8px; height: 8px; display: inline-block; }                    
    .prj-lading-wrap .accordion-box button .btn-arrow::before {transform: rotate(0); content: ''; position: absolute; top: 0; left: -2px; width: 8px; height: 8px; border-left: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(-45deg); transform-origin: center;}
    .prj-lading-wrap .accordion-box button.on .btn-arrow::before {display: flex; align-items: center; transform: rotate(135deg);}
    .prj-lading-wrap .accordion-cont {display: none; border-bottom: 1px solid #eee;}

    .prj-lading-wrap .credit-txt {display: flex; justify-content: center; font-size: 12px; color: #666; padding: 16px 0;  border-radius: 8px; text-align: center;}

    /* 하단 스티키 신청하기 버튼 */
    .prj-lading-wrap .content-wrap {position: relative;}
    .prj-lading-wrap .btn-regist-wrap {z-index: 1100; position: sticky; bottom:0; margin: 0 auto; padding: 16px; display: flex; justify-content: center; background: linear-gradient(180deg, rgba(255,255,255,0) 1.14%, #fff 15.34%); border-top: 0;}
    .prj-lading-wrap .btn-regist { display: flex; justify-content: center; align-items: center; width: 100%;  max-width: 100%; height: 56px; font-size: 18px; background: #000; color: #fff; border-radius: 12px;}
    .prj-lading-wrap .btn-regist::after {content:''; top: -1px; display: inline-block; margin-left: 6px; width: 20px; height: 20px; background: url('/pconts/images/dx/event/2025/0509_ico_arrow_r.png') no-repeat; background-size: 20px 20px;}

    /* 250519 문구수정으로 인한 레이아웃 수정 */
    .prj-lading-wrap .step-list li .step-txt-box .desc_num {font-size: 16px; padding-left: 22px; text-indent: -22px;}
    .prj-lading-wrap .step-list li .step-txt-box .desc_num + .desc_num {margin-top: 4px;}
    .prj-lading-wrap .step-list li .step-txt-box .desc_coupon {font-size: 14px; padding-left: 30px; text-indent: -18px; margin-top: 4px;}
    .prj-lading-wrap .step-list li .step-txt-box .desc_coupon + .desc_coupon {margin-top: 8px;}

    .prj-lading-wrap .event-notice-area .noti-txt-box .noti-txt {padding: 16px 0; font-size: 16px; text-indent: 0;}  
    .prj-lading-wrap .event-notice-area .noti-txt-box ul li {padding-left: 25px; text-indent: -10px; font-size: 14px; font-weight: 700;}

    /* 250825 */
    .prj-lading-wrap .event-tag-title {margin-bottom: 28px; font-size: 20px;}
    .prj-lading-wrap .notice-box div:last-child .noti-txt-box.bullet-text p {margin-top: 8px; font-size: 14px;}
    .prj-lading-wrap .noti-txt-box ul li {margin-top: 8px;}
    .prj-lading-wrap .event-notice-area .noti-tit + .noti-txt {margin-bottom: 16px;}



    /****** Npay biz 신한카드 페이지 css - START ******/
    .prj-npay-biz .prj-content {padding: 21.5px 0 60px; background-image: url(/pconts/images/dx/landing/nb_bg_mo_v2.png);}
    .prj-npay-biz .prj-content .content-inner {max-width: 100%;}

    /* prj-npay-biz : kv 영역 */
    .prj-npay-biz .kv .kv_top{margin-bottom: 24px;}
    .prj-npay-biz .kv .kv-title-box{margin: 0;}
    .prj-npay-biz .kv .kv-title-box .kv-logo{margin: 0 0 253px 25px; width:135px; height: 15px;}
    .prj-npay-biz .kv .kv-title-box .kv-eyebrow{font-size: 18px; text-align: center;}
    .prj-npay-biz .kv .kv-title-box .kv-title{font-size: 28px; text-align: center;}
    .prj-npay-biz .kv .kv-img-box{top: 45px; left: 50%; right: unset; transform: translateX(-50%); width: 206px; height: 206px;}
    .prj-npay-biz .kv .kv_bottom{margin-bottom: 60px;}
    .prj-npay-biz .kv .kv-desc-box .kv-sub-title{font-size: 28px;}
    .prj-npay-biz .kv .kv-desc-box .kv-date{margin-top: 10px; font-size: 18px; line-height: 22px;}
    .prj-npay-biz .kv .kv-desc-box .kv-noti{margin-top: 10px; font-size: 14px; line-height: 1.4;}

    /* prj-npay-biz : 이벤트 공통 영역 */
    .prj-npay-biz .event{padding: 0 20px;}
    .prj-npay-biz .event + .event{margin-top: 50px;}
    .prj-npay-biz .event .event-num{padding: 0 20px; font-size: 16px; line-height: 34px;}
    .prj-npay-biz .event .event-content-box{margin-top: 24px;}

    /* prj-npay-biz : 이벤트1 영역 */
    .prj-npay-biz .event .card-list{gap: 12px;}
    .prj-npay-biz .event .card-list .card-item{display: flex; flex-direction: column; padding: 12px; width: calc(50% - 6px);}
    .prj-npay-biz .event .card-list .card-item .card-tag{order: 1; margin: 0 0 8px 0; width: 100%; height: 12px; font-size: 10px; line-height: 12px; text-align: left; color: #666666;background-color: transparent;}
    .prj-npay-biz .event .card-list .card-item .card-title{order: 2; margin-bottom: 6px; font-size: 12px; line-height: 14px; letter-spacing: -0.3px; text-align: left;}
    /* .prj-npay-biz .event .card-list .card-item .card-img{display: none;} */
    .prj-npay-biz .event .card-list .card-item .card-desc{order: 3; margin-bottom: 14px; min-height: 22px; font-size: 8px; line-height: 1.4; text-align: left;}
    .prj-npay-biz .event .card-list .card-item .card-benefit{order: 4; position: relative; margin: 0 auto; padding-left: 22px; width: max-content;  font-size: 16px; font-weight: 900; line-height: 18px;}
    .prj-npay-biz .event .card-list .card-item .card-benefit.benefit-point::before{content: ''; display: block; position: absolute; top: 0; left: 0; background-image: url(/pconts/images/dx/landing/nb_event01_point_icon_mo.png); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; width: 20px; height: 20px;}
    .prj-npay-biz .event .card-list .card-item .card-benefit.benefit-won::before{content: ''; display: block; position: absolute; top: 0; left: 0; background-image: url(/pconts/images/dx/landing/nb_event01_won_icon_mo.png); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; width: 20px; height: 20px;}
    .prj-npay-biz .event .card-list .card-item .card-noti{order: 6; margin: 17px 0 0 0; min-height: auto;}
    .prj-npay-biz .event .card-list .card-item .card-noti > li{padding-left: 12px; font-size: 8px; line-height: 1.4;}
    .prj-npay-biz .event .card-list .card-item .card-noti > li::before {left: 5px; top: 5px; width: 2px; height: 2px;}
    .prj-npay-biz .event .card-list .card-item .card-btn-box{order: 5;}
    .prj-npay-biz .event .card-list .card-item .card-btn{margin-top: 14px; height: 38px; font-size: 14px; line-height: 38px; border-radius: 6px;}
    .prj-npay-biz .event .card-list .card-item .card-btn.no-bg{font-size: 10px;}


    /* prj-npay-biz : 이벤트2 영역 */
    .prj-npay-biz .event .visa{padding: 24px;}
    .prj-npay-biz .event .visa .visa-title-box{flex-wrap: wrap; margin-top: 0; margin-bottom: 24px;}
    .prj-npay-biz .event .visa .visa-title-box .visa-title{font-size: 22px; line-height: 28px;}
    .prj-npay-biz .event .visa .visa-title-box .visa-logo-box{margin: 2px 2px 0; width: 48px; height: 18px;}
    .prj-npay-biz .event .visa .visa-benefit-item{flex-direction: column; gap: 12px; padding: 20px 0; border-radius: 8px;}
    .prj-npay-biz .event .visa .visa-benefit-item + .visa-benefit-item { margin-top: 12px;}
    .prj-npay-biz .event .visa .visa-img-box{ width: 118px; height: 52px;}
    .prj-npay-biz .event .visa .visa-text-box{text-align: center;}
    .prj-npay-biz .event .visa .visa-text-box .visa-title{ margin-bottom: 8px; font-size: 14px; font-weight: 700;}
    .prj-npay-biz .event .visa .visa-text-box .visa-desc{ margin-bottom: 16px; font-size: 12px;}
    .prj-npay-biz .event .visa .visa-text-box .visa-btn{display: inline-block; width: 232px;}
    .prj-npay-biz .event .visa .visa-text-box .visa-noti{ margin-top: 12px; font-size: 14px; line-height: 1.4;}


    /* prj-npay-biz : Npay biz 신한카드 혜택 영역 */
    .prj-npay-biz .event .point{padding: 24px;}
    .prj-npay-biz .event .point .point-title-box{flex-wrap: wrap; flex-direction: column; justify-content: center; gap: 20px; margin: 24px 0 24px 0;}
    .prj-npay-biz .event .point .point-title-box:first-child{margin: 0 0 24px 0;}
    .prj-npay-biz .event .point .point-title-box .point-num{width: 24px; height: 24px; line-height: 22px; font-size: 17px;}
    .prj-npay-biz .event .point .point-title-box .point-title{font-size: 22px; line-height: 26px; text-align: center;}
    .prj-npay-biz .event .point .point-list .point-item{ gap: 0; padding: 16px 12px; background-color: #f8f8f8; border-radius: 8px;}
    .prj-npay-biz .event .point .point-list .point-item.table{position: relative; padding: 16px 12px 98px;}
    .prj-npay-biz .event .point .point-list .point-item + .point-item{margin-top: 12px; border-top: none;}
    .prj-npay-biz .event .point .point-list .point-item .point-img-box{width: 54px; height: 54px; flex-shrink: 0;}
    .prj-npay-biz .event .point .point-list .point-item .point-text-list .point-text-item {padding-left: 21px; font-size: 14px; line-height: 1.2;}
    .prj-npay-biz .event .point .point-list .point-item .point-text-list .point-text-item::before {left: 9px; top: 7px; width: 3px; height: 3px;}
    .prj-npay-biz .event .point .point-list .point-item .point-text-list .point-text-desc{font-size: 12px; line-height: 1.4;}
    .prj-npay-biz .event .point .point-list .point-item .point_table{position: absolute; top: 85px; left: 0; margin: 0 12px; padding: 8px; width: -webkit-fill-available; background-color: #fff; border-radius: 6px;}
    .prj-npay-biz .event .point .point-list .point-item .point_table dt{min-width: 139px; font-size: 11px; line-height: 18px;}
    .prj-npay-biz .event .point .point-list .point-item .point_table dd{font-size: 11px; line-height: 18px;}


    /* prj-npay-biz : 최하단 버튼 영역 */
    .prj-npay-biz .btn_wrapper .btn-detail{display: inline-block; width: 100%; height: 57px; font-size: 18px; line-height: 57px;}


    /* prj-npay-biz : 꼭 알아두세요 유의사항 영역  */
    .prj-npay-biz .prj-notice {padding: 40px 20px;}
    .prj-npay-biz .prj-notice .notice-inner {max-width: 100%;}
    .prj-npay-biz .prj-notice .notice-inner .notice-main-title {font-size: 22px;}
    .prj-npay-biz .prj-notice .notice-inner .notice-sub-title {margin-top: 32px; font-size: 16px;}
    .prj-npay-biz .prj-notice .notice-inner .notice-box .notice-title {padding: 14px 0; font-size: 16px;}
    .prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list {padding: 16px 0;}
    .prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list > li {padding-left: 15px; font-size: 16px;}
    .prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list > li::before {top: 10px; width: 6px; height: 1px;}
    .prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list.bullet > li{padding-left: 24px;}
    .prj-npay-biz .prj-notice .notice-inner .notice-box .notice-list.bullet > li::before {left: 10px; top: 12px; width: 4px; height: 4px;}
    .prj-npay-biz .prj-notice .notice-inner .notice-approved {margin-top: 68px;}
    /****** Npay biz 신한카드 페이지 css - END ******/

}
@media (max-width: 700px) {
    /****** new 브랜드 페이지 css - START ******/
    /* 공통 */
    i.prj-tbx {display: inline;font-style: normal;}
    i.prj-tbm {display: block;font-style: normal;}

    /* KV */
    .prj-landing-wrap .landing-wrap .top-wrap .logo a{top:0;left:14px;}
    .prj-landing-wrap .landing-kv-wrap {height:700px;background-size:auto 50%;}
    .prj-landing-wrap .landing-kv-wrap .top-tit-wrap .top-tit{font-size:44px;letter-spacing:-1px;}
    .prj-landing-wrap .landing-kv-wrap .top-tit-wrap .tit-sub{font-size:18px;margin-bottom:12px;}
    .prj-landing-wrap .landing-kv-wrap .kv-img {width:280px;top:260px;}
    .prj-landing-wrap .landing-kv-wrap .top-txt-wrap{width:100%;}
    .prj-landing-wrap .landing-kv-wrap .top-txt-wrap::before{background:url('/pconts/images/dx/landing/brand_img_line_mo.png') no-repeat top center;background-size: cover;}
    .prj-landing-wrap .landing-kv-wrap .top-txt-wrap .top-txt{padding:40px 0 48px;}
    .prj-landing-wrap .landing-kv-wrap .top-txt-wrap .top-txt .txt{font-size:16px;padding-top:26px;}
    .prj-landing-wrap .landing-kv-wrap .top-txt-wrap .top-txt .txt::before{width:18px;height:18px;}

    /* cont */
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-sum{padding-top:40px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-date{padding:16px 0;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-date dl dt{font-size:15px;padding-right:30px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-date dl dt::after{height:14px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-date dl dd{font-size:15px;padding-left:30px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-list{margin-top:4px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-list dl{padding:20px 0 20px 0;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-list dl dt{font-size:15px;margin-right:0;width: 67px;flex-shrink: 0;flex-basis: 67px;flex-grow: 0;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-sum .cont-sum-list dl dd{font-size:16px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-01{padding:40px 0;}
    .prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list a{margin:0 0 24px 0;}
    .prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list a .card-image img{width:90px;height:57px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list a .card-image{transform:rotate(90deg) translateY(15px);}
    .prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list a .card-image.type2{transform:rotate(90deg) translateY(16px);}
    .prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list #dimAlert::after{width:calc(100% + 6px);height:114px;left:-6px;top:-2px;padding: 6px 6px 6px 6px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list a .card-con{left:76px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list a .card-con .card-benefit{margin-bottom:4px;}
    .prj-landing-wrap .landing-wrap .inner-600 {max-width: 100%;padding:0 24px !important;}
    .prj-landing-wrap .landing-wrap .cont-wrap .card-list-wrap .card-list{width:100%;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-02{padding:40px 0;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-tit-01{font-size:26px;margin-bottom:24px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-tit-02{font-size:18px;margin: 40px 0 16px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-02 .cont-evt{padding:32px 24px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-02 .cont-evt.type2{padding:20px 24px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-02 .cont-evt.type2 .cont-must-txt dt{font-size:14px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-02 .cont-evt.type2 .cont-must-txt dd{font-size:16px;margin-left:16px;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-evt .cont-evt-tit{font-size:16px;margin-bottom:24px;}
    .prj-landing-wrap .landing-wrap .cont-evt .cont-desc .cont-desc-tit{margin-top:0 !important;}
    .prj-landing-wrap .landing-wrap .cont-wrap .cont-02 .cont-evt.con-link-evt{padding:32px 24px 22px;}

    /* 꼭알아두세요 */
    .prj-landing-wrap .landing-notice-wrap h3{font-size:22px;margin-bottom:32px;}
    .prj-landing-wrap .landing-notice-wrap .landing-notice-box .notice-fee .fee-list .fee{font-size:16px;line-height:1.8;}
    .prj-landing-wrap .landing-notice-wrap .landing-notice-box .notice-fee .fee-list .fee + .fee{margin-top:12px;}
    .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-btn {padding: 14px 0;}
    .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-btn .btn-arrow{width:8px;height:8px;}
    .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-btn .btn-arrow::before{left:-2px;width:8px;height:8px;border-width:1px;}
    .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list{padding-left:12px;}
    .prj-landing-wrap .landing-notice-wrap [class^="cont-desc-"] li + li{margin-top:4px !important;}
    .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list .cont-list-01 > li, .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list div.cont-list-01{font-size: 14px;margin-top:8px;}
    .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list div.cont-list-01{font-size: 14px;margin-top:8px;}
    .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list .cont-list-02 > li, .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list div.cont-list-02{font-size:14px;padding-left:15px;text-indent:-16px;}
    .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list .cont-list-03 > li, .prj-landing-wrap .landing-notice-wrap .accordion-wrap .accordion-con .accordion-step-list .num-list div.cont-list-03{font-size:14px;padding-left:20px;text-indent:-20px;}
    .prj-landing-wrap .landing-notice-wrap .etc-wrap .etc-tit{padding: 14px 0;margin-bottom:16px;}
    .prj-landing-wrap .landing-notice-wrap .etc-wrap .cont-list-01 > li{font-size:14px;}
    .prj-landing-wrap .landing-notice-wrap .etc-wrap .cont-list-01 > li ul li{font-size:14px;margin-top:0;}
    .prj-landing-wrap .landing-notice-wrap .simsa-txt{font-size:12px;line-height:16px;color: #666;padding: 16px;border-radius: 8px;}

    /* sticky btn */
    .prj-landing-wrap .btn-sticky-wrap{padding:13px 16px 16px;border-top:none;}
    .prj-landing-wrap .btn-sticky{width: 100%; max-width: 100%;height: 56px;font-size: 18px;}  
    /****** new 브랜드 페이지 css - END ******/
}
@media (max-width: 360px) {
    .prj-lading-wrap .kv-title-box {top: 20px;}
    /****** new 브랜드 페이지 css - START ******/
    .prj-landing-wrap .landing-kv-wrap .kv-img {width:70%;}
    /****** new 브랜드 페이지 css - END ******/
}

@media (max-width: 320px) {                    
    .prj-lading-wrap .kv-title-box {top: 15px;}
    .prj-lading-wrap .kv-title-box .date-box {bottom: 50px;}
}