*
{list-style:none;  padding:0; margin:0; line-height:1; box-sizing:border-box;}
ul, li 
{padding:0; margin:0;}
a 
{text-decoration:none;}

button
{cursor: pointer;}

/* 워드프레스 기본 margin 설정 */
.order-content p 
{margin:0; line-height:1;}
.content-wrap 
{max-width:750px; margin:80px auto;}

/* 상단 주문 / 결제 플로우 영역 */
.top-flow-con 
{margin-bottom:50px;}
.top-flow-con .flow-tit 
{font-size:30px ; color:#222222; font-weight:500; text-align:center; margin-bottom:30px;}
.top-flow-con .flow-step-con .flow 
{display:flex; justify-content: center;}
.top-flow-con .flow-step-con .flow .step 
{position:relative; text-align:center; margin:0 20px; padding:0 20px;}
.top-flow-con .flow-step-con .flow .step .img-con 
{width:70px; height:70px; border-radius:50px; display:inline-flex; justify-content: center; align-items: center; border:1px solid #bfbfbf; background:#fff; position:relative;}
.top-flow-con .flow-step-con .flow .step .img-con:before 
{content:''; position:absolute; width:160%; height:1px; background:#bfbfbf; z-index:-1; right:-160%;}
.top-flow-con .flow-step-con .flow .step:last-child .img-con:before 
{display:none;}
.top-flow-con .flow-step-con .flow .step .txt-con
{margin-top:20px;}
.top-flow-con .flow-step-con .flow .step .txt-con p
{color:#bfbfbf; font-size:22px; font-weight:500;}
.top-flow-con .flow-step-con .flow .step.active .img-con
{ background:#6E2379;}
.top-flow-con .flow-step-con .flow .step.active .txt-con p 
{color:#6E2379;}

/* 폼 영역 */
.text-input-con 
{background:#f7f5f5; padding:40px 180px; margin-top:30px;}
.text-input-con .input-row 
{display:flex; align-items: center; margin-bottom:20px;}
.text-input-con .input-row dt 
{min-width:30%; font-size:22px; font-weight:500; color:#222;}
.text-input-con .input-row dd
{margin:0; min-width:70%; position:relative;}
.text-input-con .input-row dd input
{border:1px solid #ddd; width:100%; height:45px; padding:10px; background:#fff;}
.text-input-con .input-row dd select 
{border:1px solid #ddd; height:45px; width:100%; padding:0 10px; appearance:none; background-image:url('/static/site/img/select_arrow.png'); background-position:100% 50%; background-repeat:no-repeat;}
.text-input-con .input-row dd.calendar i
{width:31px; height:24px; display:inline-block; position:absolute; right:10px; top:10px;}
.text-input-con .input-row dd span 
{margin:0 10px; color:#222222; font-size:22px;}


/* 폼 영역 SN 넘버 전용 */
.text-input-con.sn-text-input-con
{padding:40px 80px;;}
.text-input-con .sn-number-con .input-row dt 
{font-size:22px; color:#222222; font-weight:400; min-width:10%;}
.text-input-con .sn-number-con .input-row dd 
{margin:0 0 0 10px; min-width:90%; display:flex; align-items: center;}

/* POLICE 체크 */
.inquiry-police-con .form-check 
{display:flex; align-items: center;; margin-bottom:15px; min-height:auto;}

.inquiry-police-con .form-check .text-row 
{display:flex; ;}
.inquiry-police-con .police-popup-txt 
{color:#fff; font-size:14px; text-decoration:underline; display:inline-block; margin-left:10px; margin-top:-5px; font-weight:500;}
.inquiry-police-con .police-popup-txt:hover
{color:#000; cursor:pointer;}


/* 버튼 */
.step-btn-con
{text-align:center; margin-top:50px; display:flex; justify-content: center;}
.step-btn-con button 
{border:none; min-width:320px; background:#6e2379; color:#fff; border-radius:50px; font-size:18px; font-weight:500; transition: all 0.3s ease; margin:0 10px;}
.step-btn-con button.prev 
{ background:#6a6a6a;}
.step-btn-con button a 
{color:#fff; display:inline-block; padding:20px; width:100%;}
.step-btn-con button:hover 
{background:#852793;}
.step-btn-con button.prev:hover 
{background:#5e5e5e}


/* 신청 완료 페이지 */
.success-form-con 
{text-align:center;}
.success-form-con h3 
{margin-top:20px; font-size:26px; color:#222; font-weight:500;}


.agree-popup 
{width:100%; height:100%; background:rgba(0,0,0,0.3); position:fixed; left:0; right:0; top:0; display:flex; justify-content: center; align-items: center; display:none;}
.agree-popup.active 
{display:flex;}

.agree-popup-con 
{width:750px;background:#fff; border:1px solid #000; border-radius:5px;}
.agree-popup-con .inner 
{padding:30px; width:100%; height:100%;}


.popup-tit 
{border-bottom:1px solid #ddd;}
.popup-tit h4 
{color:#333; font-weight:400; font-size:20px; margin:0;}



.popup-content .popup-con
{}
.popup-content .popup-con .sub-tit h4 
{font-size:16px; color:#222; font-weight:400; margin:0;; }
.popup-content .popup-con .sub-tit .tit-sub-con 
{padding-left:15px; margin-top:20px;}
.popup-content .popup-con .sub-tit .tit-sub-con h5 
{font-size:15px; color:#222; font-weight:500; }
.popup-content .popup-con .sub-tit .tit-sub-con h6 
{font-size:14px; color:#4e4e4e; font-weight:500; }
.popup-content .popup-con .sub-tit .tit-sub-con .txt
{font-size:14px; color:#4e4e4e; font-weight:400;  line-height:1.3; word-break:keep-all; margin:0;}
.popup-content .popup-con .sub-tit .tit-sub-con .info 
{ padding:20px 10px; background:#f7f7f7; text-align:center; font-size:15px; color:#4e4e4e; margin:10px 0 0; line-height:1.3; word-break:keep-all; border-radius:5px; border:1px solid #eee;}
.popup-content .popup-con .sub-tit .tit-sub-con .etc 
{margin:10px 0 0; font-size:14px; color:#666; font-weight:400; line-height:1.3; word-break:keep-all;}

.popup-content .popup-con .table-con 
{width:100%;margin-top:20px;}
.popup-content .popup-con .table-con table 
{border:1px solid #ddd; width:100%;}
.popup-content .popup-con .table-con table th 
{background:#f7f7f7; border-bottom:1px solid #ddd; font-size:14px; color:#222; font-weight:400; padding:15px 10px; text-align:center;}
.popup-content .popup-con .table-con table td 
{text-align:center; padding:20px; line-height:1.3; word-break:keep-all; font-size:14px; color:#666;}

.popup-content .manage-con
{margin-top:20px;}
.popup-content .manage-con .manage-tit
{margin-bottom:10px;}
.popup-content .manage-con .manage-tit b 
{font-size:14px; color:#222; font-weight:500;}
.popup-content .manage-con .list li 
{font-size:14px; color:#4e4e4e; line-height:1.3;}

.popup-content .popup-con .etc-txt
{margin-top:10px; }
.popup-content .popup-con .etc-txt p 
{font-size:14px; font-weight:400; line-height:1.3; color:#666; }

.popup-close-btn 
{margin-top:30px;}
.popup-close-btn button 
{border:none; background:#6e2379; width:100%; border-radius:5px; padding:15px 10px;}
.popup-close-btn button span 
{color:#fff; font-size:17px;}



@media screen and (max-width:767px) {
  /* 이미지 반응형 시 width :100% 설정 */
  .order-content img#warimage 
  {width:100% !important}

  .article img#event_result 
  {width:100% !important}

  .article img#eventmain
  {width:100% !important}

  /* */
  .content-wrap
  {padding:0 20px;}
  /* STEP */
  .top-flow-con .flow-step-con .flow .step
  {padding:0 5px; margin:0 5px;}
  .top-flow-con .flow-step-con .flow .step .img-con
  {width:55px; height:55px;}
  .top-flow-con .flow-step-con .flow .step .img-con img
  {width:100%; padding:12px;}
  .top-flow-con .flow-step-con .flow .step .txt-con p
  {font-size:16px;}

  /* FORM COMMON */
  .text-input-con
  {padding:20px;}
  .text-input-con .input-row dt 
  {font-size:16px}
  .text-input-con .input-row dd input
  {font-size:14px; height:40px;}
  .text-input-con .input-row dd select
  {font-size:14px; height:40px;}
  .inquiry-police-con p 
  {word-break:keep-all;}
  .inquiry-police-con .form-check p
  {font-size:14px;}
  /* FORM SN NUMBER */
  .text-input-con.sn-text-input-con
  {padding:20px;}
  .text-input-con .sn-number-con .input-row dt
  {font-size:16px; min-width:15%;}
  .text-input-con .input-row dd input#sn1
  {width:120px !important;}
  .text-input-con .input-row dd span
  {margin:0 5px; font-size:19px;}
  .text-input-con .input-row dd input#sn2
  {width:80px !important;}
  .text-input-con .input-row dd input::placeholder 
  {font-size:14px;}

  /* BUTTON */
  .step-btn-con button
  {min-width:130px; font-size:15px; margin:10px 5px;}
  .step-btn-con button a 
  {padding:15px;}

  /* SUCCESS */
  .success-form-con img 
  {width:60px;}
  .success-form-con h3
  {font-size:16px;}

  /* POPUP */
  .agree-popup-con
  {width:95%; height:550px; overflow-y: scroll; z-index:99;}
  .agree-popup-con .inner
  {padding:18px;}
  .popup-tit h4
  {font-size:18px; font-weight:500;}

  .popup-content .popup-con .sub-tit .tit-sub-con
  {padding-left:10px;}
  .popup-content .popup-con .sub-tit h4
  {font-size:15px;}
  .popup-content .popup-con .sub-tit .tit-sub-con h5
  {margin-bottom:5px;}
  .popup-content .popup-con .sub-tit .tit-sub-con .info
  {padding:15px; font-size:14px;;}
  
  .popup-content .manage-con .list li
  {font-size:13px;}
  

  .popup-content .popup-con .table-con table th
  {width:33.333%}
  .popup-content .popup-con .table-con table td
  {font-size:13px; width:33.333%; padding:10px; text-align:left; word-break:break-all;}
  
  .popup-content .popup-con .table-con table td br 
  {display:none;}
  .popup-content .popup-con .etc-txt p
  {font-size:10px;}
}



.inquiry-content 
{width:100%; height: fit-content; background:#000; display:flex; align-items:center; justify-content:center; background-size:cover; background-position:center;}
.inquiry-wrap 
{max-width:430px; width:100%; margin-top:30px; height: fit-content;padding:0 20px;}
.page2-content .inquiry-wrap
{background:#fff; padding:55px; max-width:590px;}


/* 상단 로고 및 타이틀 */
.logo-section
{margin:20px 0 40px;; text-align:Center;}
.logo-section h2
{font-size:30px; font-weight:700; color:#fff; margin-top:15px;}
.logo-section h2.bk
{color:#242424}

/* 1 페이지 */
.inquiry-row 
{background:#fff; margin:1px 0; padding:12px 15px; border:1px solid #d5d5d5; border-radius:4px;}
.input-box-con 
{position:relative;}
.input-box-con .tit
{font-size:12px; color:#000; margin-bottom:5px;}
.input-box-con input
{border:none; width:100%; height:25px;; line-height:25px;; position:relative; font-size:15px;}
.date-row .input-box-con img 
{position:absolute; right:20px; top:28px;}
.input-box-con input::placeholder 
{color:#bbb; font-size:16px; font-weight:400;}
.input-box-con input:focus
{outline:none;}

/* 2 페이지 */
.success-result-con h4 
{color:#242424; font-size:24px; font-weight:500; letter-spacing:-0.04em; margin-bottom:20px; text-align:center;}
.warranty-list
{border-top:1px solid #000; margin-bottom:65px;}
.warranty-list dl
{border-bottom:1px solid #000; padding:20px; display:flex; justify-content:space-between;}
.warranty-list dl dt
{font-size:65px; color:#6e0072; font-weight:800;}
.warranty-list dl dd p
{font-size:24px; color:#242424; text-align:right; line-height:1.3;}

/* 3 페이지 */
.page3-content .fail-result-con
{background:#fff; text-align:center; padding:30px;}
.page3-content .fail-result-con h4 
{font-size:30px; color:#000; font-weight:700; margin-top:20px; line-height:1.3;}
.page3-content .fail-result-con .cs-center
{margin-top:10px;}
.page3-content .fail-result-con .cs-center p
{font-size:19px; color:#000; font-weight:500; line-height:1.2;}

/* 조회하기 | 확인 버튼 영역 */
.warranty-btn-con 
{text-align:center; margin-top:10px;}
.warranty-btn-con button
{width:300px; border:none; border-radius:50px; background:#6E0072; color:#fff; height:60px; line-height:60px; font-size:30px; font-weight:700;}

/* 개인정보 동의 영역 */
.inquiry-police-con 
{display:flex; justify-content: center; margin-top:20px; flex-wrap:wrap;}
.inquiry-police-con label
{display:flex; align-items:center; margin:0 10px;}
.inquiry-police-con label input[type="checkbox"]
{background-color:#fff; width:19px; height:19px; border-radius:0 !important; margin-top:0;  position:absolute; opacity:0;}
.inquiry-police-con label input:checked
{accent-color: #6e0072; background-color:#6e2379;; color:#fff;;}
.inquiry-police-con label input[type="checkbox"] + .check-icon
{width:17px; height:17px; border:1px solid #fff; border-radius:3px;  }

.inquiry-police-con label input[type="checkbox"]:checked + .check-icon
{background-image:url('/static/site/img/check-icon.png'); background-repeat:no-repeat; background-position:center; background-color:#fff;}
.inquiry-police-con p 
{color:#fff; margin-left:5px; transform:translateY(-2px); line-height:1.3; font-size:14px;}

.custom-select
{position: relative; width: 100%}
.custom-select::after 
{content: "";background-image:url('/static/site/img/arrow.png');position: absolute; right: 20px;top: 50%;transform:translateY(-50%);pointer-events: none;width:14px;height:8px;}

@media screen and (max-width:767px) {
  .page2-content .inquiry-wrap
  {padding:20px; margin:0 20px;}
  .warranty-btn-con button
  {width:100%; font-size:24px; height:50px; line-height:50px;}

  .logo-section h2
  {font-size:24px;}
  .success-result-con h4
  {font-size:19px;}

  .warranty-list dl
  {flex-wrap:wrap;}
  .warranty-list dl dt
  {font-size:45px;}
  .warranty-list dl dd
  {width:100%; margin-top:10px;}
  .warranty-list dl dd p 
  {text-align:left; font-size:21px;}

  .page3-content .fail-result-con h4
  {font-size:24px;}
  .page3-content .fail-result-con .cs-center p
  {font-size:17px;}
  
  .inquiry-police-con
  {justify-content: '';}
  .inquiry-police-con label
  {margin:5px 10px;}
}

button
{cursor: pointer; border:none;}
input 
{border:none;}
.lucky-tit 
{font-size:30px; font-weight:700;}
.purple-bg 
{background:#6e0072}
.payment-page
{padding:130px 0 0;}
/* 컨테이너 */
.payment-container
{max-width:670px; margin:0 auto;}
.payment-container2 
{max-width:430px; margin:0 auto;}
.payment-container3
{max-width:480px; margin:0 auto;}
/* 버튼 공통 */
.lucky-btn-con 
{display:flex; justify-content: center;; margin-top:30px; flex-wrap:wrap;}
.lucky-btn-con button 
{width:300px; height:60px; text-align:center; font-size:30px; font-weight:700; border-radius:50px; background:#fff; color:#6E0072; margin:0 10px;}
.lucky-btn-con button.opa-btn 
{background:#AB78B0; color:#fff;}
.lucky-btn-con button.purple-btn
{background:#6E0072; color:#fff;}
/* 개인정보 공통 */
.inquiry-police-con.bk
{max-width:35%; margin:0 auto; justify-content: start;}
.inquiry-police-con.bk label
{width:85%; justify-content:start; margin:3px 10px; position: relative}
.inquiry-police-con.bk p 
{color:#000;}
.inquiry-police-con.bk .police-popup-txt
{position:absolute; right:0;}
.inquiry-police-con.bk label input[type="checkbox"]
{left:0;}
.inquiry-police-con.bk label input[type="checkbox"] + .check-icon
{border:1px solid #000;  }
.inquiry-police-con.bk label input[type="checkbox"]:checked + .check-icon
{background-image:url('/static/site/img/check-icon-white.png'); background-color:#6E0072;}
.inquiry-txt p
{color:#6e0072; text-align:center; font-size:14px; font-weight:400; margin-top:10px;}


.payment-top-con
{text-align:center; margin-bottom:50px;}
.payment-top-con .tit
{font-size:30px; display:inline-block; font-weight:700; color:#000; margin-bottom:50px}
.payment-flow-step ul 
{display:flex; justify-content:space-around; position:relative;}
.payment-flow-step .flow-step
{position:relative; width:130px; text-align:center;}
.payment-flow-step ul:before
{content:''; position:absolute; width:80%; height:2px; top:35%; transform:translateY(-50%); background-image:url('/static/site/img/flow-bg-line.png') }
.payment-flow-step .flow-step .icon 
{width:100px; height:100px; display:inline-flex; align-items:center; justify-content: center; background-color:#dfdfdf; border-radius:50px;}
.payment-flow-step .flow-step .icon i
{ background-repeat:no-repeat; background-position:center; display:inline-block; width:100%; height:100%; }
.payment-flow-step .flow-step:first-child .icon i ,
.payment-flow-step .flow-step:last-child  .icon i 
{background-position:24px 20px}
.payment-flow-step .flow-step .txt
{margin-top:20px;}
.payment-flow-step .flow-step .txt p 
{font-size:24px; font-weight:700; color:#dfdfdf;letter-spacing:-1px}
.payment-flow-step .flow-step.active .icon
{background-color:#6e0072;}
.payment-flow-step .flow-step.active .txt p 
{color:#6e0072}

.payment-popup-con img
{vertical-align: top;}
.warranty-inquiry 
{background:#6e0072; padding:2rem; border-radius:0 0 28px 28px; text-align:center; display:block;}
.warranty-inquiry b
{font-size:30px; font-weight:400; color:#fff;}

.warranty-number-con 
{margin-top:50px; padding:40px 0;}
.warranty-number-con h4
{ text-align:center; color:#fff; margin-bottom:30px;}
.warranty-number-input .sn-number-inp
{display:flex; align-items:center; justify-content:center; font-size:24px; color:#fff; font-weight:700; height:40px; line-height:40px;}
.warranty-number-input .input-con
{display:flex; align-items:center;}
.warranty-number-input .input-con .hip
{transform:translateY(-3px); margin:0 5px;}
.warranty-number-input .input-con input 
{height:40px; background:#fff; border-radius:5px; width:210px;}



/* 2page */ 
.order-user-info 
{padding:40px 0;}
.order-user-info .payment-sub-tit 
{ margin-bottom:40px; color:#fff; text-align:center}
/* 3p */
.request-success-con 
{padding:150px 0; text-align:center;}
.request-success-con h4
{ margin:20px 0 80px; color:#fff;}

.payment-product-con 
{padding:50px 0;}
.payment-product-con .pay-sub-tit 
{text-align:center;color:#000; margin-bottom:50px;}
.payment-product-con .product-list 
{display:flex; justify-content: space-between; flex-wrap:wrap;;}
.payment-product-con .item
{position:relative; width:49%; background:#f7f7f7; margin:0 0 30px ;}
.payment-product-con .item label
{display:flex; flex-direction:column; justify-content:space-between; height:100%;}
.payment-product-con .item .prd-con 
{padding:40px 20px; text-align:center;}
.payment-product-con .item .prd-name
{font-size:19px; height:50px; color:#000; font-weight:700; line-height:1.3; margin-bottom:20px;}
.payment-product-con .item .prd-thumb-con
{min-height:130px; max-height:160px; display:flex; align-items: center; justify-content: center;;}
.payment-product-con .item .prd-count-con
{display:flex; height:40px; flex-direction:column; justify-content: end; align-items:center;}


.payment-product-con .item .cost-con 
{display:flex; justify-content:center; gap:20px; align-items:center; padding:15px 25px; background:#edddeb; border-radius:0 0 10px 10px}
.payment-product-con .item .cost-con .before
{position:relative; font-size:13px; color:#aa6da6; width:80px; text-align:center;}
.payment-product-con .item .cost-con .before:after 
{content:''; position:absolute; background-image:url('/static/site/img/before-line.png'); background-repeat:no-repeat; width:100%;; height:6px; left:0; top:calc(50% - 2px);}
.payment-product-con .item .cost-con .current
{font-size:18px; color:#79187d; font-weight:900;}
.payment-product-list label input[type="checkbox"]
{background-color:#fff; width:33px; height:33px; border-radius:0 !important; margin-top:0;  position:absolute; opacity:0;}
.payment-product-list label input[type="checkbox"] + .check-icon
{width:33px; height:33px; position:absolute; background:#d7d7d7; top:0; left:0; z-index:9;}
.payment-product-list label input[type="checkbox"]:checked + .check-icon
{background-image:url('/static/site/img/check-icon-white-2x.png'); background-repeat:no-repeat; background-position:center; background-color:#6e2379;}
.payment-product-list .count 
{font-size:13px; color:#000; font-weight:400;;}
.payment-product-list .etc
{font-size:13px; color:#000; font-weight:400;;}



.lucky-event-check
{padding:65px 0;}
.lucky-event-check .event-tit-con
{text-align:Center; margin-bottom:2rem;}
.lucky-event-check .event-tit-con h4
{color:#fff; margin-top:1rem;}

/* page4 */
.lucky-box-img-con
{padding-top:90px;}
.lucky-box-img-con img
{width:100%; vertical-align: top;}
.event-check-result-bg 
{position:relative;  width:100%; height:781px; background-repeat:no-repeat; background-size:cover;}
.event-result-top 
{text-align:center; padding-top:calc(var(--header-main) + var(--header-sub));}
.event-result-top h4
{ color:#000; margin-top:25px;}
.event-result-success
{width:100%; padding:80px 0;}
.event-result-con .tit
{font-size:36px; line-height:1.5; color:#000; text-align:center; letter-spacing:-2px; margin-bottom:40px;;}
.event-result-con .tit .name 
{color:#6E0072}
.select-product-list .select-list 
{border-top:1px solid #000; border-bottom:1px solid #000;}
.select-product-list .select-list p 
{font-size:18px; color:#000; font-weight:800; padding:20px 0;}
.select-product-list .select-prd li
{display:flex; align-items:center; margin:20px 0;}
.select-product-list .select-prd .img-con 
{background:#f1f1f1; width:150px; height:150px; display:flex; align-items:center; justify-content: center;}
.select-product-list .select-prd .txt-con 
{display:flex; flex-direction:column; justify-content: center; padding:30px; width:calc(100% - 150px);;}
.select-product-list .select-prd .txt-con h4
{font-size:20px; color:#000; font-weight:700; margin-bottom:0.5rem;}
.select-product-list .select-prd .txt-con p
{font-size:20px; font-weight:400; color:#000;}

.prd-total-cost-con
{padding:35px 20px; background:#6E0072; border-radius:5px; display:flex; justify-content: space-between; align-items:center;}
.prd-total-cost-con p
{color:#fff; font-size:16px; font-weight:400; display:flex; align-items:center;}
.prd-total-cost-con p b
{font-size:35px; font-weight:800; margin-left:10px;}
.prd-total-cost-con p #quantity
{margin-left:5px;}

/* page6 */
#page6
{background-image:url('/static/site/img/event-result-fail.jpg'); width:100%; height:100vh;}
#page6 .payment-container2
{width:100%; height:100%;}
.event-check-result 
{width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content: center;}
.event-check-result .top-tit-con
{text-align:center; margin-bottom:30px;}
.event-check-result .top-tit-con h2
{ color:#fff; margin-top:10px;}
.event-check-result .event-result-fail
{background:#fff; padding:30px; text-align:Center; width:100%;}
.event-check-result .event-result-fail h2
{font-size:30px; font-weight:700; color:#000; line-height:1.3; margin-top:15px;}
.event-check-result .event-result-fail h4
{font-size:24px; font-weight:500; color:#000; line-height:1.3; margin-top:10px;}
.event-check-result .event-result-fail p
{font-size:15px; font-weight:500; color:#ab78b0; margin-top:10px; line-height:1.3;}





@media screen and (max-width:767px) {
  #page6 
  {background-size:cover; background-repeat:no-repeat; background-position:center;}
  .payment-container,
  .payment-container2,
  .payment-container3
  {padding:0 20px;}
  .payment-popup-con img
  {width:100%;}
  .payment-flow-step .flow-step .icon
  {width:80px; height:80px;}
  .payment-flow-step .flow-step .icon i
  {width:60%; height:60%; background-size:contain; background-position:center;}
  .payment-flow-step .flow-step:first-child .icon i, 
  .payment-flow-step .flow-step:last-child .icon i
  {background-position:center;}
  .payment-flow-step .flow-step .txt p
  {font-size:19px; }
  
  .warranty-inquiry b
  {font-size:24px;}
  .warranty-number-input .input-con input
  {width:90%}

  .payment-product-con .item .prd-count-con
  {height:auto; margin-top:20px;}
  .payment-product-list .count
  {margin:0;}
  .inquiry-police-con.bk
  {max-width:72%; justify-content: start; }
  .inquiry-police-con.bk label
  {margin:3px 0; width:200px;}
  .inquiry-txt 
  {max-width:72%; margin:0 auto; }
  .inquiry-txt p
  {text-align:left;}
  .payment-product-con .item
  {width:100%;}

  .lucky-tit 
  {font-size:24px;}
  .lucky-box-img-con
  {height:400px; padding-top:60px;}
  .lucky-box-img-con img
  {height:100%; object-fit: cover;}

  .event-check-result
  {margin-top:60px;}
  .event-check-result-bg
  {height:400px; background-size:120% 100%; background-repeat:no-repeat; background-position:center}
  .event-result-top
  {padding:40px 0 0}
  .event-result-top h4
  {margin-top:10px;}
  .event-result-top img
  {max-width:25%;}
  .event-result-con .tit
  {font-size:26px;}
  .event-check-result .event-result-fail h2
  {font-size:24px;}
  

  .select-product-list .select-prd .txt-con p
  {font-size:18px; word-break:keep-all;}
  .prd-total-cost-con p b
  {font-size:24px;}
  .lucky-btn-con button
  {width:280px;}
  .lucky-btn-con button
  {margin:10px; font-size:21px;}

  .event-check-result .event-result-fail h4
  {font-size:19px;}


  
}


.motiva-event-page
{padding-top:calc(var(--header-main) + var(--header-sub)); padding-bottom:60px;}
/* 모티바 이벤트 페이지 탭메뉴 */
.motiva-event-tab-menu
{margin:0px 0 60px;}
.motiva-event-tab-menu .event-tab-menu 
{display:flex; flex-wrap:wrap;}
.motiva-event-tab-menu .event-tab-menu li
{width:50%; text-align:center; border-bottom:2px solid #000;}
.motiva-event-tab-menu .event-tab-menu li a
{display:block; padding:15px; font-size:24px; color:#767b82; font-weight:500;}

.motiva-event-tab-menu .event-tab-menu li.active
{border-color:#6e0072}
.motiva-event-tab-menu .event-tab-menu li.active a 
{color:#6E0072;}
.motiva-event-tab-menu .event-tab-menu li:first-child 
{border-right:2px solid #000;}
/* 모티바 이벤트 페이지 */
.motiva-event-container
{max-width:1140px; margin:0 auto;}
.event-list-con .event-list 
{display:flex; flex-wrap:wrap; margin:0 -20px;}
.event-list-con .event-item
{width:calc(calc(100% / 4) - 40px); margin:0 20px;}
.event-list-con .event-item a
{display:flex; flex-direction:column;}
.event-list-con .event-item .thumb-img-con
{position:relative; height:255px;}
.event-list-con .event-list .thumb-img 
{width:100%; height:100%; background-repeat:no-repeat; }
.event-list-con .event-list .thumb-img.mo-thumb 
{display:none;}
.event-list-con .event-list .tit-con 
{padding:20px 0; text-align:center;}
.event-list-con .event-list .tit-con .tit 
{font-size:24px; font-weight:700;color:#131313;} 
.event-list-con .event-list .tit-con .date
{font-size:18px; font-weight:400; color:#b6b6b6; margin-top:10px; display:block}

.event-item .overlay
{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:0; display:flex; align-items:center; justify-content: center;;}
.event-item .overlay p
{font-size:24px; font-weight:500; color:#fff;}

@media screen and (max-width:767px) {
  .motiva-event-tab-menu .event-tab-menu li
  {width:50%;}
  .motiva-event-tab-menu .event-tab-menu li a
  {font-size:16px;}

  .motiva-event-container
  {padding:0 20px;}
  .event-list-con .event-list 
  {justify-content: center; margin:0; }
  .event-list-con .event-list .thumb-img.pc-thumb 
  {display:none;}
  .event-list-con .event-list .thumb-img.mo-thumb 
  {display:block;}
  .event-list-con .event-item
  {width:100%; margin:10px 0;}
  .event-list-con .event-item a
  {flex-direction:row; align-items:center;}
  .event-list-con .event-item .thumb-img-con
  {height:128px; width:128px}
  .event-list-con .event-list .tit-con
  {width:calc(100% - 128px); padding:20px; text-align:left;}
  .event-list-con .event-list .tit-con .tit
  {font-size:18px; word-break:keep-all}
  .event-list-con .event-list .tit-con .date
  {font-size:9px;}


}
@media screen and (max-width:450px) {


  .event-item .overlay p
  {font-size:14px;}
}



/* 수정 및 추가된 코드 부분들 - 이벤트 신청 20250521 */

/* 단순 실선 스타일 */
.simple-divider {
    border: none;
    border-top: 1px solid #e0e0e0;
    margin: 20px 0;
    width: 100%;
}

/* 추천인 코드 스타일 */
.referral-code-container {
    max-width: 600px;
    margin: 20px auto;
    text-align: center;
}

.referral-title {
    font-size: 18px;
    color: #000;
    font-weight: 800;
    margin-bottom: 20px;
    text-align: left;
}

.code-display {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    align-items: center;
    /* border-top: 1px solid #000;
    border-bottom: 1px solid #000; */
    background-color: rgb(246, 246, 246);
    padding: 20px 40px;
    justify-content: space-between;
}

.code-text {
    font-size: 28px;
    color: #000;
    margin-bottom: 0;
    margin-left: 0px;
    font-weight: 700;
    letter-spacing: 1px;
}

.code-buttons {
    margin-left: 10px;
    display: flex;
    gap: 5px;
}

.code-btn {
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 700;
    border: 1.5px solid #ccc;
    background-color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.copy-btn {
    background-color: #f5f5f5;
}

.share-btn {
    background-color: rgb(158, 49, 158);
    border-color: rgb(158, 49, 158);
    color: #fff;
}

/* 친구 초대 현황 스타일 */
.invitation-status {
    max-width: 600px;
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
}

.invitation-box {
    background-color: #6e0072;
    border: 2px solid #6e0072;
    border-right: 0px;
    padding: 20px;
    border-radius: 4px 0 0 4px;
    align-items: center;
    width: 50%;
    display: flex;
    justify-content: center;
    height: 70px;
}

.invitation-title {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.invitation-count {
    font-size: 34px;
    font-weight: 700;
    color: #000;
    text-align: center;
}

.invitation-box-count {
    background-color: #f5f5f5;
    border: 2px solid rgb(198, 198, 198);
    border-radius: 0 4px 4px 0;
    border-left: 0px;
    padding: 20px;
    align-items: center;
    width: 50%;
    display: flex;
    justify-content: center;
    height: 70px;
}



/* warranty code referral style edit!! */
/* 추천인 코드 스타일 */
.referral-code-container-warranty {
    max-width: 600px;
    margin: 20px auto;
    text-align: center;
}

.referral-title-warranty {
    font-size: 30px;
    color: #242424;
    font-weight: 600;
    margin: 50px 0px 30px 0px;
}

.code-display-warranty {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
    /* border-top: 1px solid #000;
    border-bottom: 1px solid #000; */
    background-color: rgb(246, 246, 246);
    padding: 20px 15px;
}

.code-text-warranty {
    font-size: 30px;
    color: #242424;
    margin-bottom: 16px;
    font-weight: 700;
    letter-spacing: 1px;
}

.code-buttons-warranty {
    display: flex;
    gap: 5px;
}

.code-btn-warranty {
    padding: 10px 18px;
    border-radius: 4px;
    font-weight: 700;
    border: 1.6px solid #ccc;
    background-color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.copy-btn-warranty {
    background-color: #f5f5f5;
}

.share-btn-warranty {
    background-color:  rgb(158, 49, 158);
    border-color: rgb(158, 49, 158);
    color: #fff;
}