/* 내행사 */

.banner-wrap {margin: 20px 0px; border-radius: 5px; overflow: hidden;}
.tab {margin-bottom: 20px;}
.tab ul {display: flex; gap: 18px;}
.tab ul li {font-size: 15px; font-weight: 600; color: #999; padding-bottom: 2px; position: relative;}
.tab ul li.on {color: #356eff; font-weight: 700;}
.tab ul li.on::after {content: ""; display: block; position: absolute; width: 100%; height: 2px; background-color: #356eff; bottom: 0; left: 0;}

/* .my-con .date {display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #eee;} */
/* .my-con ul {margin-top: 10px; margin-bottom: 10px; display: flex; flex-direction: column; gap: 5px;} */

.my-con {display: flex; flex-direction: column; gap: 20px;}
.my-con > div {border-radius: 8px; border: 1px solid #eee; padding: 15px;}

/* .my-con .date {display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px;}
.my-con .date span {color: #aaa; }
.my-con .date p {display: flex; align-items: center; gap: 5px; color: #888;}
.my-con .date p i {font-size: 10px; color: #888;} */

.my-con ul {padding: 10px 12px; border-radius: 3px; margin-bottom: 15px; display: flex; flex-direction: column; gap: 5px; background-color: #f8f8f8;}
.my-con ul li {display: flex; align-items: center; justify-content: space-between;}
.my-con ul li span {color: #9d9d9d;}
.my-con ul li p {color: #444; font-weight: 500; font-size: 15px;}
.my-con h4 {font-size: 16px; font-weight: bold; margin-bottom: -10px;}

/* 수정 */
.date {display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px;}
.date p {display: flex; align-items: center; gap: 5px; color: #888;}
.my-con .date p i {font-size: 10px; color: #888;} *
.date-box {display: flex; gap: 5px;}
.date-box span {padding: 5px; border-radius: 3px; background-color: #f8f8f8; color: #666; font-size: 12px;}
.date-box em {display: block; padding: 5px; border-radius: 3px; background-color: #EBF1FF; color: #356eff; font-size: 12px; font-weight: 600;}


/* 상세보기 */
.detail > div {border-bottom: 8px solid #f5f5f5;}
.detail > div:last-child {border-bottom: none;}
.detail .detail-date {padding: 15px 16px;}
.detail .detail-date p {font-size: 16px; font-weight: 600;}
.detail .detail-date span {font-size: 12px; color: #787878;}
.detail > div h3 {padding: 15px 0; border-bottom: 1px solid #eee; font-size: 20px; font-weight: 700;}
.detail > div ul {padding: 15px 0; display: flex; flex-direction: column; gap: 5px;}
.detail > div ul li {display: flex; align-items: center; justify-content: space-between;}
.detail > div ul li span {color: #555;}
.detail > div ul li p {font-size: 16px; font-weight: 500;}
.detail-re {display: none;}
.bid-tit {padding: 20px 0 10px 0; display: flex; align-items: center; justify-content: space-between;}
.bid-tit p {font-size: 16px;}
.bid-tit i {transform: rotate(0deg); transition: all 0.2s;}
.bid-tit i.on {transform: rotate(180deg);}
.detail-re2 {margin-bottom: 20px;}

/* 견적상세 */
.bid-result:first-child {border-bottom: 8px solid #f5f5f5; padding-bottom: 25px;}
.bid-result h2 {padding: 15px 0; font-size: 20px; font-weight: 700;}

/* 주문/결제 */

.product {display: flex; align-items: center; gap: 15px; padding: 20px 0;}
.product .pro-img {width: 70px; aspect-ratio: 1 / 1; border-radius: 3px; overflow: hidden;}
.product .pri-txt span {font-size: 12px; color: #838383;}
.product .pri-txt p {font-size: 16px; font-weight: 500;}
.product .pri-txt em {color: #767676;}
.payment .input-wrap {padding: 20px 0;}
.input-wrap {display: flex; flex-direction: column; gap: 20px;}
.input-wrap .input p {font-size: 15px; margin-bottom: 8px; font-weight: 500;}
input {height: 50px; border: 1px solid #ddd !important; border-radius: 3px; padding: 0 10px; width: 100%; font-size: 15px;}
input::placeholder {font-size: 15px;}
.pay {border-top: 1px solid #eee;}

.pay-btn ul {display: flex; flex-wrap: nowrap; flex-direction: row !important; gap: 10px !important;}
.pay-btn ul li {justify-content: center !important; width: 50% !important;}
.pay-btn ul li.on {border: 1px solid #356eff;}
.bank {padding-bottom: 20px; display: none;}
.bank .bank-input {display: flex; flex-direction: column; align-items: flex-end; gap: 10px;}
select {width: 100%; height: 50px; border: 1px solid #ddd; border-radius: 3px; background: url(../img/angle.png) no-repeat; background-position: 95% 50%; background-size: 4%; padding: 0 10px; font-size: 15px; outline: none;}
.bank .bank-input span {font-size: 12px; color: #ff3939; margin-top: -5px;}
.bank .bank-input span em {display: inline-block; color: #ff3939;}
.bank-info {margin-top: 15px; padding: 15px; border-radius: 10px; background-color: #f9f9f9;}
.bank-info p {font-weight: 600; color: #686868; display: flex; align-items: center; gap: 3px; margin-bottom: 10px;}
.bank-info p i {font-weight: 600; color: #686868;}
.bank-info span {padding-left: 10px; position: relative; color: #777; margin-bottom: 5px;}
.bank-info span::before {content: "-"; position: absolute; color: #777; top: 0px; left: 0;}
.card {display: none; padding-bottom: 20px;}
.card-input {display: flex; flex-direction: column; gap: 10px;}

.chk-box {display: flex; flex-direction: column; gap: 7px; padding: 20px 0;}
.chk-box div {display: flex; align-items: center; justify-content: space-between;}
.chk-box div label {display: flex; align-items: center; gap: 8px;}
.chk-box div input:checked + label span {display: block; background: url(../img/chk-on.png) no-repeat center/cover; width: 20px; height: 20px;}
.chk-box div label span {display: block; background: url(../img/chk-none.png) no-repeat center/cover; width: 20px; height: 20px;}
.chk-box div label p {font-size: 15px; color: #555;}
.chk-box div em {font-size: 12px; color: #989898; border-bottom: 1px solid #bbbbbb;}

/* .con1, .con2, .con3 {display: none;} */

.privacy p {font-size: 15px; margin-top: 20px; color: #444;}

/* 사전 등록 */

.conwrap > div:last-child {border-bottom: none;}
.enroll {padding: 30px 16px; border-bottom: 8px solid #f5f5f5;}
.conwrap h2 {font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.enroll h2 em {font-weight: 700; color: #356eff; display: inline-block; }
.enroll button {margin-top: 20px;}

/* 행사 진행 보조 */

.par-info {padding: 20px 18px; border-radius: 10px; background-color: #356eff17;}
.par-info ul {display: flex; flex-direction: column; gap: 10px;}
.par-info ul li {display: flex; align-items: center; justify-content: space-between;}
.par-info ul li p {color: #666;}
.par-info ul li span {font-size: 16px; font-weight: 500;}

.qr-wrap {display: flex; flex-wrap: wrap; column-gap: 15px; row-gap: 15px;}
.qr-wrap li {width: calc((100% - 15px) / 2); display: flex; flex-direction: column; gap: 10px; align-items: center; justify-content: center; padding: 15px 0; border-radius: 8px; background: #f7f7f7;}
.qr-wrap li span {width: 40px; height: 40px; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.qr-wrap li span img {width: 18px; height: 18px;}

.modal-con03 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; border-radius: 10px; background-color: #fff; width: 80vw;}
.modal-con03 p {font-size: 20px; font-weight: bold; text-align: center;}
.modal-con03 .qr-img {width: 200px; margin: 40px auto;}
.modal-con03 .btn1 {border-radius: 5px;}

/* 만족도조사 */

.else {margin-top: 20px; display: none;}
.else .input p {font-size: 18px;}
textarea {width: 100%; border: 1px solid #ddd; height: 150px; font-size: 15px; font-family: inherit;}
.satis .sur-tit p {font-size: 21px !important;}

@media (max-width:350px){
    .satis .sur-tit p {font-size: 20px !important;}
  }