#cnComplete .cover {  background:rgba(0 0 0 / 0.7);}
#cnComplete .con { max-width:442px; height:323px; background:#fff; padding:28px; border-radius:20px;
display:flex; align-items:center; flex-direction:column; }
#cnComplete .con .conCenter {width:100%;}
#cnComplete .con .ico {margin:0 auto; width:70px; height:70px; display:flex; align-items:center; justify-content:center;   border-radius:100%; }

#cnComplete .con h2 {margin:15px 0; font-size:24px; font-weight:700;}
#cnComplete .con p {font-size:14px; color:#b3b3b3; line-height:1.4; font-weight:500; margin-bottom: 20px; }
#cnComplete .con button { width:100%; padding:14.5px 0; font-size:18px; font-weight:600; color:#fff; background: #E7211B; border-radius:7px;}

#popFirework {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:101vh; z-index:99; backdrop-filter: blur(3px);}
#popFirework .btnBtmWrap {display:flex; align-items:center; justify-content:center; }
#popFirework .btnBtmWrap button {position:relative; background:transparent; font-size:14px; color:#fff; padding:0 15px;}
#popFirework .btnBtmWrap button:first-child::after {content:''; position:absolute; top:50%; right:0; transform:translate(0,-50%); width:1px; height:12px; background:#fff; }
#popThunder {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:101vh; z-index:99; backdrop-filter: blur(3px);}
#popThunder .btnBtmWrap {display:flex; align-items:center; justify-content:center; }
#popThunder .btnBtmWrap button {position:relative; background:transparent; font-size:14px; color:#fff; padding:0 15px;}
#popThunder .btnBtmWrap button:first-child::after {content:''; position:absolute; top:50%; right:0; transform:translate(0,-50%); width:1px; height:12px; background:#fff; }

.popTear .cover {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:101vh;
background:url('/_img/pop_tear_2506_m_bg1.png') no-repeat  center / cover; filter:brightness(0.8); opacity:0.9; z-index:1;}
.popTear .popcon {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:101vh;  background:url('/_img/pop_tear_2506_m_bg0.png') no-repeat  center / cover; z-index:9;}
.popTear .popTxt {position:absolute; top:51%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:620px;}
.popTear .carTit {width:270px; margin:0 auto;}
.popTear .carPic {position:relative; top:-65px; margin-bottom:-65px; width:100%; max-width:620px;}
.popTear .popcon .carName {margin:20px auto 0 auto; font-size:24px; font-weight:700; color:#fff;}
.popTear .popcon a.btnCounsel {margin:10px auto 18px auto; display:inline-block;  padding:13px 46px;  font-size:16px; font-weight:700;background:#5700ED; color:#fff;  border-radius:70px;}

.popDead .cover {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:101vh;
background:url('../_img/pop_tear_bg_m.png') no-repeat  center / cover; filter:brightness(0.6); opacity:0.9; z-index:1;}
.popDead .deadLine {position:relative;  width:100vw; height:101vh;  z-index:2;}
.popDead .deadLine .up {position:absolute; top:-10px; left:50%; transform:translate(-50%,0); width:100%;}
.popDead .deadLine .down {position:absolute; bottom:-10px; left:50%; transform:translate(-50%,0); width:100%;}
.popDead .popcon {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100vw; height:101vh;  background:url('../_img/pop_deadline_m.png') no-repeat  center / cover; z-index:9;}
.popDead .popTxt {position:absolute; top:63%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:620px;}
.popDead .popcon .carName {margin:0 auto; font-size:24px; font-weight:700; color:#fff;}
.popDead .popcon a.btnCounsel {margin:10px auto 18px auto; display:inline-block;  padding:13px 46px;  font-size:16px; font-weight:700;background:#FF6A00; color:#fff;  border-radius:70px;}



#termClear {padding:55px 0 25px 0;}
#termClear .title {margin-bottom:40px; padding:16px; font-size:28px; font-weight:600; color:#171717;}
#termClear .termCon {padding:0 16px; font-size:14px; color:#404040; font-weight:400; line-height:22px;}
#termClear .termCon h3 {margin-bottom:24px; font-size:16px; font-weight:500; color:#171717;}
#termClear .termCon h3.underline {display:flex; align-items:baseline; gap:5px; padding: 0 0 24px 0; border-bottom:1px solid #e5e5e5;}
#termClear .termCon h4 {margin-bottom:12px; font-size:14px; font-weight:700;}
#termClear .termCon p {margin-bottom:24px; word-break:break-all;}
#termClear .listBox {margin-bottom:24px; padding:16px; background:#fafafa; color:#737373; border-radius:16px; line-height:20px;}
#termClear .listBox .list {display:flex; flex-direction:column; gap:12px; }
#termClear .listBox .list li {position:relative; display:flex; align-items:baseline; gap:3px;}
#termClear .listBox .tit {font-weight:700; color:#404040; }
#termClear .listBox .num {/*position:relative; top:-2px; margin:0 4px;*/ font-weight:700; color:#404040; }
#termClear .listBox .list.column {gap:12px;}
#termClear .listBox .list.column li {flex-direction:column; gap:6px;}
#termClear .listBox .list.dot .text {position:relative; padding:0 0 0 15px;}
#termClear .listBox .list.dot .circle {position:absolute; top:9px; left:4px; display:block; width:4px; height:4px; border-radius:100%; background:#737373;}
#termClear .gridBox {margin-bottom:24px;  display: grid; grid-template-columns: 25% 50% 25%; width: fit-content;}
#termClear .gridBox .cell { padding: 16px;  border: none;  position: relative; display:flex; align-items:center; justify-content:center; text-align: center; word-break:break-all;}
#termClear .gridBox .cell::after { content: "";  position: absolute;  bottom: 0;  left: 0;  height: 1px;  width: 100%;  background-color: #ccc; }
#termClear .gridBox .cell::before {content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%;  background-color: #ccc;}
#termClear .gridBox .cell:nth-child(3n)::before { display: none; }
#termClear .gridBox .cell:nth-last-child(-n+3)::after { display: none; }
#termClear .gridBox .cell.gbTop {background:#f5f5f5; color:#171717; font-size:16px; font-weight:700;}


@media (min-width: 525px) {
#popFirework {height:100.2vh; backdrop-filter:blur(5px);}
#popFirework .btnBtmWrap button {font-size:15px; color:#5B5B5B; padding:0 25px; letter-spacing:-0.5px;}
#popFirework .btnBtmWrap button:first-child::after {content:''; position:absolute; top:50%; right:0; transform:translate(0,-50%); width:1px; height:12px; background:#5B5B5B; }
#popThunder {height:100.2vh; backdrop-filter:blur(5px);}
#popThunder .btnBtmWrap button {font-size:15px; color:#fff; padding:0 25px; letter-spacing:-0.5px;}
#popThunder .btnBtmWrap button:first-child::after {content:''; position:absolute; top:50%; right:0; transform:translate(0,-50%); width:1px; height:12px; background:#fff; }

.popTear .cover {width:100vw; height:101vh;  background:url('/_img/pop_tear_2506_pc_bg.png') no-repeat  center / cover; }
.popTear .popcon {background:url('/_img/pop_tear_2506_pc_tit.png') no-repeat  center / contain; }
.popTear .popTxt {top:66%; left:49.5%;}
.popTear .carTit {display:none;}
.popTear .carPic {top:0; margin:0;}
.popTear .popcon .carName {margin:0 auto; font-size:24px; font-weight:700; color:#5700ED;}
.popTear .popcon a.btnCounsel {margin:15px auto 20px auto;  padding:14px 50px; font-size:18px; }

.popDead .cover {width:100vw; height:101vh;  background:url('../_img/pop_tear_bg.png') no-repeat  center / cover; }
.popDead .popcon {background:url('../_img/pop_deadline.png') no-repeat  center / contain; }
.popDead .popTxt {top:69%;}
.popDead .carPic {margin:0 auto -20px auto;}
.popDead .popcon .carName {margin:0 auto; font-size:24px; font-weight:700; color:#fff;}
.popDead .popcon a.btnCounsel {margin:15px auto 20px auto;  padding:14px 50px; font-size:18px; }

#termClear {padding:72px 0;}
#termClear .title {margin-bottom:48px; padding:0 24px; font-size:40px; }
#termClear .termCon {padding:0 24px; font-size:16px; line-height:28px;}
#termClear .termCon h3 {margin-bottom:30px; font-size:24px;}
#termClear .termCon h3.underline {gap:5px; padding: 0 0 24px 0; }
#termClear .termCon h4 {margin-bottom:24px; font-size:20px;;}
#termClear .termCon p {margin-bottom:40px; }
#termClear .listBox {margin-bottom:40px; padding:24px;  border-radius:16px; line-height:24px;}
#termClear .listBox .list { gap:12px; }
#termClear .listBox .list li {gap:7px;}
#termClear .listBox .list.column {gap:18px;}
#termClear .listBox .list.column li {gap:4px;}

}