@charset "utf-8";

.tableBox{overflow-x:auto;}
.tableBox table{min-width:768px;}
.tableBox table td{border:1px solid #eeeef0}

.pagination a{border:1px solid #b8bac1; color:#b8bac1;}
.pagination a.active{border:1px solid #ec3c5c; color:#ec3c5c}
/*********************
** header
********************/
header{left:0; top:0; background:linear-gradient(to bottom, #eeeef0, #f7f8f8); overflow-y:auto;}
.logo{cursor: pointer;}
.loginBtn{background:#FEE500}
.headerPointView{overflow:hidden;border:1px solid #d9dade;}
.headerPointBox{background:linear-gradient(to right, #f6768a, #ec3c5c)}

/*********************
** index
********************/
.pageBox{width:calc(100dvw - 300px); margin-left:auto; }
.borderBox{border:1px solid #d9dade}

/** 상품 선택 **/
.iteamChoiceBox input[type="radio"]{left:-9999px;}
.iteamChoiceBox input[type="radio"]:checked + label{cursor: pointer;}
.iteamChoiceImg{background:#fefefe; border:1px solid #d9dade; cursor: pointer; transition: ease-in-out 0.3s;}
.iteamChoiceBox input[type="radio"]:checked + label > .iteamChoiceImg{background:#fef2f2; border:1px solid #f6768a;}

/** 서비스 선택 **/
.serviceChoiceBox input[type="radio"]{left:-9999px;}

.serviceChoiceBox input[type="radio"] + label{width:calc(50% - 4px); transition: ease-in-out 0.3s; cursor: pointer;}
.serviceChoiceBox input[type="radio"]:checked + label{background:#d9254e; color:#fef2f2}

/** 결제 확인 **/
.mainSubmitBtn{transition: ease-in-out 0.3s; cursor: pointer;}
.mainSubmitBtn.active{background:#d9254e}

/** faq **/
.mainFaq hr{border:1px solid #d9dade; border-width:1px 0 0 0}
.mainFaqCnt{cursor: pointer; transition: ease-in-out 0.3s;}
.faqArrow{border:1px solid #222; border-width:1px 1px 0 0; transform: rotate(135deg); transition: ease-in-out 0.3s;}
.mainFaqCnt.active .faqArrow{transform: rotate(-45deg);}
.mainFaqCnt.active{background:#fefefe;} 
.faqA{overflow-y:hidden}
.mainFaqCnt.active .faqA{margin-top:12px}


/*********************
** point
********************/
.payChoice input[type="radio"]{left:-99999px;}
.payChoice input[type="radio"] + label{width:calc(50% - 4px); border:1px solid #d9dade; cursor: pointer; transition:  ease-in-out 0.3s;}
.payChoice input[type="radio"] + label span{transition: ease-in-out 0.3s;}
#payChoice1 + label span{background:url('/img/pointMethod-001.svg')center center no-repeat; background-size:cover}
#payChoice2 + label span{background:url('/img/pointMethod-002.svg')center center no-repeat; background-size:cover}
.payChoice input[type="radio"]:checked + label{border:1px solid #d9254e}
#payChoice1:checked + label span{background:url('/img/pointMethod-001-a.svg')center center no-repeat; background-size:cover}
#payChoice2:checked + label span{background:url('/img/pointMethod-002-a.svg')center center no-repeat; background-size:cover}

.moneyBtn button{border:1px solid #d9dade; width:calc(25% - 6px); cursor: pointer;}

.pointBtn{transition: ease-in-out 0.3s; cursor: pointer;}
.pointBtn.active{background:#d9254e}

#pgArea{width:100dvw; height:100svh; position:fixed; z-index: 1399; left:0; top:0; background:rgba(0,0,0,0.6); align-items: center; justify-content: center;}

/*********************
** mypage
********************/
.suggestBox{box-shadow:0 0 4px rgba(0,0,0,0.25) ;}
.copyP{border:1px solid #d9dade; align-self: stretch;}
.suggest button{border:0; cursor: pointer;}
.suggestFaq{align-self: stretch;}


/*********************
** login
********************/
.policyLink{text-decoration: underline;}
.regPolicyBox input[type="checkbox"]{left:-9999px}
.regPolicyBox input[type="checkbox"] + label{cursor: pointer;}
.regPolicyBox input[type="checkbox"] + label:before{content:''; display:block; width:20px; height:20px; margin-right:8px; background:url('/img/chkOff.svg')center center no-repeat}
.regPolicyBox input[type="checkbox"]:checked + label:before{background:url('/img/chkOn.svg')center center no-repeat}

.loginSubmit{border:0}

/*********************
** returnWrite
********************/
.returnBox{background:#fff;}
.returnOrderSearch input[type="tel"]{align-self: stretch;}
.returnOrderSearch button{text-overflow: ellipsis; white-space:nowrap; border:0}
.returnTextarea{resize: none;}
.returnHalf{width:calc(50% - 4px)}

/*********************
** notice
********************/
/** list **/
.noticeCnt{border-bottom:1px solid #d9dade}

.eventCnt{width:calc(33.33333% - 16px)}

/** write **/
.boardSubmit{border:none; cursor: pointer;}


/*********************
** dashboard
********************/
.dashboard_top_point{background:linear-gradient(to right, #f6768a, #ec3c5c);box-shadow:0 2px 8px #D9DADE ;}
.dashboard_top_pay{display:grid;  grid-template-columns: repeat(3, 1fr);}
.dashboard_top_pay div{box-shadow:0 2px 8px #D9DADE ;}
.chart-header select {    border: 1px solid #D9DADE;}

/* 가로 스크롤*/
.chart-wrapper {    overflow-x: auto;     padding-bottom: 16px; }
.canvas-parent {    position: relative;    height: 400px;}

.dashboard_payList{display:grid;  grid-template-columns: repeat(3, 1fr);}
.dashboard_payList div{box-shadow:0 0 4px #D9DADE ;}
.searchIcon{right:16px; top:18px;}
.dashboard_inputBox select{ border: 1px solid #D9DADE;}

.table-wrap {    overflow-x: auto;}
table {    border-collapse: collapse; }
th, td {    border-bottom: 1px solid #e5e7eb; border-right:1px solid #e5e7eb;   vertical-align: middle;}
.table-wrap th, td:nth-last-child(1){border-right:0;}

  .page-btn {    border: 1px solid #fff;    background: none;    cursor: pointer;    width:32px; height:32px; display:flex; align-items: center; justify-content: center;  font-size: 14px;    color: #333;  }
  .page-btn.active {    border:1px solid #EC3C5C;    font-weight: bold;    color: #EC3C5C;  }
  .arrow {    font-size: 16px;  }


/*********************
** refund
********************/
.refund_table {    overflow-x: auto;}
#condition{border:1px solid #D9DADE}

/*********************
** refundView
********************/
.refundView{display:grid;  grid-template-columns: repeat(2, 1fr);}
.refundView div{border:1px solid #D9DADE}

/*********************
** imformation
********************/
.imformation_top{display:grid;  grid-template-columns: repeat(2, 1fr);}
.imformation_top div{box-shadow:0 0 4px #D9DADE ;}