/* 팝업 그랜드bg */
#G_POPUP .popup_GrandBg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 300;
}

#G_POPUP .BackGround {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 301;
}
#G_POPUP .BackGround.popup_systemInspection_bg {
  /* z-index: ; */
}

#G_POPUP .BackGround.popup_findPass_fin_bg {
  z-index: 302;
}
#G_POPUP .BackGround.popup_datepicker_bg {
  z-index: 302;
}

/* 팝업내부 공통 */
#G_POPUP > .popup {
  z-index: 301;
  width: 100%;
  transform: translateY(100%);
  transition: all 0.3s;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 1280px;
  background-color: white;
}

@media (max-width: 1280px) {
  #G_POPUP > .popup {
    width: 100%;
  }
}
/* #G_POPUP>.popup.con_d {
	background-color: black;
}
#G_POPUP>.popup.con_b {
	background-color: red;
} */

#G_POPUP > .popup .pop_center {
  padding: 20px 10px;
  margin: 0 auto;
  max-width: 360px;
}

#G_POPUP > .popup .Proceed_btn {
  display: block;
  font-size: 18px;
  color: #000;
  line-height: 50px;
  width: 100%;
  background-color: #97e0d9;
  text-align: center;
  font-family: "pretendard-R";
}
#G_POPUP > .popup .Proceed_btn.off {
  background-color: #b5b5b5;
}

#G_POPUP > .popup .title {
  text-align: center;
  padding-bottom: 20px;
  font-size: 18px;
  color: #494949;
  font-family: "pretendard-M";
}

#G_POPUP > .popup .text {
  font-size: 18px;
  color: #494949;
  line-height: 18px;
}

#G_POPUP .popup._alert1 {
  background-color: white;
}

/* alert1 팝업 */
#G_POPUP > .popup.popup_alert1 {
  z-index: 381;
}

#G_POPUP > .popup_alert1_bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 380;
}

/* 시스템점검(정기점검) 팝업 */
#G_POPUP > .popup.popup_systemInspection {
  position: absolute;
  bottom: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  max-width: 300px;
  border-radius: 16px;
  display: none;
  z-index: 399;
}
#G_POPUP > .popup.popup_systemInspection .topText_box p {
  font-size: 16px;
  color: #ff4673;
  font-family: "pretendard-R";
  text-align: center;
  margin-bottom: 5px;
}
#G_POPUP > .popup.popup_systemInspection .topText_box p.bold {
  font-size: 18px;
  font-family: "pretendard-B";
  margin-bottom: 20px;
}
#G_POPUP > .popup.popup_systemInspection .botText_box p {
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}
#G_POPUP > .popup.popup_systemInspection .botText_box p.fontM {
  font-family: "pretendard-M";
  margin: 10px 0 20px;
}
#G_POPUP > .popup.popup_systemInspection .inner_box {
  max-width: 95%;
  border: 1px solid #ff4673;
  padding: 15px 12px;
  margin: 8px auto 0;
}
#G_POPUP > .popup.popup_systemInspection .inner_box .tex_wrap {
  display: flex;
}
#G_POPUP > .popup.popup_systemInspection .inner_box .tex_wrap:last-child {
  margin-top: 10px;
}
#G_POPUP > .popup.popup_systemInspection .inner_box p {
  font-size: 12px;
}
#G_POPUP > .popup.popup_systemInspection .inner_box p.label {
  color: #ff4673;
  margin-right: 10px;
}
#G_POPUP > .popup.popup_systemInspection .btn_box {
  margin: 15px 0 10px;
}
#G_POPUP > .popup.popup_systemInspection .btn_box a {
  display: block;
  width: 100px;
  line-height: 40px;
  text-align: center;
  color: white;
  margin: 0 auto;
  background-color: #ff4673;
}
#G_POPUP > .popup.popup_systemInspection .contorl_box label {
  color: #494949;
  font-size: 12px;
  padding-left: 10px;
}

#G_POPUP > .popup.popup_systemInspection table {
  width: 95%;
  border: 1px solid #ff4673;
  padding: 15px 12px;
  margin: 9px auto 0;
  font-size: 12px;
}
#G_POPUP > .popup.popup_systemInspection table tr {
}
#G_POPUP > .popup.popup_systemInspection table th {
  background-color: #ff4673;
  color: white;
  font-weight: 100;
  line-height: 20px;
}
#G_POPUP > .popup.popup_systemInspection table th:first-child {
  width: 35%;
}
#G_POPUP > .popup.popup_systemInspection table td {
  border: 1px solid #ff4673;
  line-height: 22px;
}
#G_POPUP > .popup.popup_systemInspection table td .flex_box {
  display: flex;
}
#G_POPUP > .popup.popup_systemInspection table td .flex_box span {
  display: inline-block;
  padding: 0 4px;
}
#G_POPUP > .popup.popup_systemInspection table td > p {
  display: flex;
  padding-left: 4px;
}

/* 설정 - 언어변경 */
#G_POPUP > .popup.popup_changeLanguage .cont_box .flex_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 20px;
}
#G_POPUP > .popup.popup_changeLanguage .cont_box .flex_box .control {
  width: 24%;
}

/* 코인 거래내역 팝업 (종류) */
#G_POPUP .popup_coinHistory_type {
  height: 250px;
  z-index: 381;
  border-radius: 30px 30px 0 0;
}
#G_POPUP .popup_coinHistory_type .pop_center {
  padding: 30px 10px;
}
#G_POPUP .popup_coinHistory_type .top_box {
  width: 85%;
  margin: 0 auto;
}
#G_POPUP .popup_coinHistory_type .top_box .title {
  color: #222;
  font-size: 20px;
  font-family: "pretendard-B" !important;
  padding-bottom: 0;
}
#G_POPUP .popup_coinHistory_type .cont_box {
  width: 95%;
  margin: 0 auto;
}
#G_POPUP .popup_coinHistory_type .cont_box ul li div {
  display: flex;
  align-items: center;
}
#G_POPUP .popup_coinHistory_type .cont_box ul li div a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #fff;
  color: #000;
  padding-left: 16px;
  border-radius: 40px;
  font-size: 20px;
  font-family: "pretendard-R";
  border: 1px solid #eff2f3;
  margin-top: 10px;
}
#G_POPUP .popup_coinHistory_type .cont_box ul li div a.on {
  background: #97e0d9;
}

/* 코인 거래내역 팝업 (기간) */
#G_POPUP .popup_coinHistory_check {
  z-index: 381;
  border-radius: 30px 30px 0 0;
}
#G_POPUP .popup_coinHistory_check .pop_center {
  padding: 30px 10px;
  max-width: 430px;
}
#G_POPUP .popup_coinHistory_check .top_box {
  width: 95%;
  margin: 0 auto;
}
#G_POPUP .popup_coinHistory_check .top_box .title {
  color: #222;
  font-size: 20px;
  font-family: "pretendard-B" !important;
}
#G_POPUP .popup_coinHistory_check .cont_box {
  width: 95%;
  margin: 0 auto;
}
#G_POPUP .popup_coinHistory_check .cont_box p {
  font-size: 20px;
  color: #000;
  font-family: "pretendard-R";
  margin-bottom: 10px;
}
#G_POPUP .popup_coinHistory_check .cont_box div {
  margin-bottom: 20px;
}
#G_POPUP .popup_coinHistory_check .cont_box ul {
  display: flex;
}
#G_POPUP .popup_coinHistory_check .cont_box .cont_month ul {
  justify-content: space-between;
}
#G_POPUP .popup_coinHistory_check .cont_box .cont_type ul {
  width: 100%;
  flex-wrap: wrap;
}
#G_POPUP .popup_coinHistory_check .cont_box .cont_type ul li {
  border: 1px solid #eff2f3;
  padding: 0 20px;
  border-radius: 20px;
}
#G_POPUP .popup_coinHistory_check .cont_box ul li {
  text-align: center;
  font-size: 15px;
  font-family: "pretendard-R";
  border-radius: 24px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #eff2f3;
}
#G_POPUP .popup_coinHistory_check .cont_box ul .on {
  background: #97e0d9;
}
#G_POPUP .popup_coinHistory_check .cont_month ul li {
  width: 25%;
}
#G_POPUP .popup_coinHistory_check .cont_month .directInput {
  display: flex;
  margin-top: 20px;
  align-items: center;
  height: 40px;
  width: 100%;
}
#G_POPUP .popup_coinHistory_check .cont_month .directInput span {
  height: 40px;
}
#G_POPUP .popup_coinHistory_check .cont_month .direct_box {
  width: 50%;
}
#G_POPUP .popup_coinHistory_check .cont_month .direct_box input {
  background: #eff2f3;
  border: none;
  border-radius: 24px;
  height: 40px;
  font-size: 15px;
  font-family: "pretendard-R";
  width: 100%;
}
#G_POPUP .popup_coinHistory_check .cont_order ul li {
  width: 50%;
}
#G_POPUP .popup_coinHistory_check .cont_type ul li {
  padding: 0 10px;
}
#G_POPUP .popup_coinHistory_check .Proceed_btn.agree {
  background: #97e0d9;
  border-radius: 30px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
}
/* 코인 거래내역 팝업 (종류) */
#G_POPUP .popup_coinHistory_type {
  height: 250px;
  z-index: 381;
  border-radius: 30px 30px 0 0;
}
#G_POPUP .popup_coinHistory_type .pop_center {
  padding: 30px 10px;
}
#G_POPUP .popup_coinHistory_type .top_box {
  width: 85%;
  margin: 0 auto;
}
#G_POPUP .popup_coinHistory_type .top_box .title {
  color: #222;
  font-size: 20px;
  font-family: "pretendard-B" !important;
  padding-bottom: 0;
}
#G_POPUP .popup_coinHistory_type .cont_box {
  width: 95%;
  margin: 0 auto;
}
#G_POPUP .popup_coinHistory_type .cont_box ul li div {
  display: flex;
  align-items: center;
}
#G_POPUP .popup_coinHistory_type .cont_box ul li div a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #fff;
  color: #000;
  padding-left: 16px;
  border-radius: 40px;
  font-size: 20px;
  font-family: "pretendard-R";
  border: 1px solid #eff2f3;
  margin-top: 10px;
}
#G_POPUP .popup_coinHistory_type .cont_box ul li div a.on {
  background: #97e0d9;
}

/* 코인 거래내역 팝업 (기간) */
#G_POPUP .popup_coinHistory_check {
  z-index: 381;
  border-radius: 30px 30px 0 0;
}
#G_POPUP .popup_coinHistory_check .pop_center {
  padding: 30px 10px;
}
#G_POPUP .popup_coinHistory_check .top_box {
  width: 95%;
  margin: 0 auto;
}
#G_POPUP .popup_coinHistory_check .top_box .title {
  color: #222;
  font-size: 20px;
  font-family: "pretendard-B" !important;
}
#G_POPUP .popup_coinHistory_check .cont_box {
  width: 95%;
  margin: 0 auto;
}
#G_POPUP .popup_coinHistory_check .cont_box p {
  font-size: 20px;
  color: #000;
  font-family: "pretendard-R";
  margin-bottom: 10px;
}
#G_POPUP .popup_coinHistory_check .cont_box div {
  margin-bottom: 20px;
}
#G_POPUP .popup_coinHistory_check .cont_box ul {
  display: flex;
}
#G_POPUP .popup_coinHistory_check .cont_box .cont_type ul {
  width: 100%;
  flex-wrap: wrap;
}
#G_POPUP .popup_coinHistory_check .cont_box .cont_type ul li {
  border: 1px solid #eff2f3;
  padding: 0 20px;
  border-radius: 20px;
}
#G_POPUP .popup_coinHistory_check .cont_box ul li {
  text-align: center;
  font-size: 15px;
  font-family: "pretendard-R";
  border-radius: 24px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #eff2f3;
}
#G_POPUP .popup_coinHistory_check .cont_box ul .on {
  background: #97e0d9;
}
#G_POPUP .popup_coinHistory_check .cont_month ul li {
  width: 25%;
}
#G_POPUP .popup_coinHistory_check .cont_month .directInput {
  display: flex;
  margin-top: 20px;
  align-items: center;
  height: 40px;
  width: 100%;
}
#G_POPUP .popup_coinHistory_check .cont_month .directInput span {
  height: 40px;
}
#G_POPUP .popup_coinHistory_check .cont_month .direct_box {
  width: 50%;
}
#G_POPUP .popup_coinHistory_check .cont_month .direct_box input {
  background: #eff2f3;
  border: none;
  border-radius: 24px;
  height: 40px;
  font-size: 15px;
  font-family: "pretendard-R";
  width: 100%;
}
#G_POPUP .popup_coinHistory_check .cont_order ul li {
  width: 50%;
}
#G_POPUP .popup_coinHistory_check .cont_type ul li {
  padding: 0 10px;
}
#G_POPUP .popup_coinHistory_check .Proceed_btn.agree {
  background: #97e0d9;
  border-radius: 30px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
}
/* 코인 거래내역 팝업 (종류) */
#G_POPUP .popup_pointHistory_type {
  height: 250px;
  z-index: 381;
  border-radius: 30px 30px 0 0;
}
#G_POPUP .popup_pointHistory_type .pop_center {
  padding: 30px 10px;
}
#G_POPUP .popup_pointHistory_type .top_box {
  width: 85%;
  margin: 0 auto;
}
#G_POPUP .popup_pointHistory_type .top_box .title {
  color: #222;
  font-size: 20px;
  font-family: "pretendard-B" !important;
  padding-bottom: 0;
}
#G_POPUP .popup_pointHistory_type .cont_box {
  width: 95%;
  margin: 0 auto;
}
#G_POPUP .popup_pointHistory_type .cont_box ul li div {
  display: flex;
  align-items: center;
}
#G_POPUP .popup_pointHistory_type .cont_box ul li div a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #fff;
  color: #000;
  padding-left: 16px;
  border-radius: 40px;
  font-size: 20px;
  font-family: "pretendard-R";
  border: 1px solid #eff2f3;
  margin-top: 10px;
}
#G_POPUP .popup_pointHistory_type .cont_box ul li div a.on {
  background: #97e0d9;
}

/* 코인 거래내역 팝업 (기간) */
#G_POPUP .popup_pointHistory_check {
  z-index: 381;
  border-radius: 30px 30px 0 0;
}
#G_POPUP .popup_pointHistory_check .pop_center {
  padding: 30px 10px;
}
#G_POPUP .popup_pointHistory_check .top_box {
  width: 95%;
  margin: 0 auto;
}
#G_POPUP .popup_pointHistory_check .top_box .title {
  color: #222;
  font-size: 20px;
  font-family: "pretendard-B" !important;
}
#G_POPUP .popup_pointHistory_check .cont_box {
  width: 95%;
  margin: 0 auto;
}
#G_POPUP .popup_pointHistory_check .cont_box p {
  font-size: 20px;
  color: #000;
  font-family: "pretendard-R";
  margin-bottom: 10px;
}
#G_POPUP .popup_pointHistory_check .cont_box div {
  margin-bottom: 20px;
}
#G_POPUP .popup_pointHistory_check .cont_box ul {
  display: flex;
}
#G_POPUP .popup_pointHistory_check .cont_box .cont_type ul {
  width: 100%;
  flex-wrap: wrap;
}
#G_POPUP .popup_pointHistory_check .cont_box .cont_type ul li {
  border: 1px solid #eff2f3;
  padding: 0 20px;
  border-radius: 20px;
}
#G_POPUP .popup_pointHistory_check .cont_box ul li {
  text-align: center;
  font-size: 15px;
  font-family: "pretendard-R";
  border-radius: 24px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #eff2f3;
}
#G_POPUP .popup_pointHistory_check .cont_box ul .on {
  background: #97e0d9;
}
#G_POPUP .popup_pointHistory_check .cont_month ul li {
  width: 25%;
}
#G_POPUP .popup_pointHistory_check .cont_month .directInput {
  display: flex;
  margin-top: 20px;
  align-items: center;
  height: 40px;
  width: 100%;
}
#G_POPUP .popup_pointHistory_check .cont_month .directInput span {
  height: 40px;
}
#G_POPUP .popup_pointHistory_check .cont_month .direct_box {
  width: 50%;
}
#G_POPUP .popup_pointHistory_check .cont_month .direct_box input {
  background: #eff2f3;
  border: none;
  border-radius: 24px;
  height: 40px;
  font-size: 15px;
  font-family: "pretendard-R";
  width: 100%;
}
#G_POPUP .popup_pointHistory_check .cont_order ul li {
  width: 50%;
}
#G_POPUP .popup_pointHistory_check .cont_type ul li {
  padding: 0 10px;
}
#G_POPUP .popup_pointHistory_check .Proceed_btn.agree {
  background: #97e0d9;
  border-radius: 30px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
}

/* 코인 즐겨찾기 팝업 */
#G_POPUP .popup_coinReceive {
  height: 320px;
  z-index: 381;
  border-radius: 30px 30px 0 0;
}
#G_POPUP .popup_coinReceive .pop_center {
  padding: 30px 0 40px;
  text-align: center;
}
#G_POPUP .popup_coinReceive .top_box .title {
  color: #222;
  font-size: 20px;
  font-family: "pretendard-B" !important;
  padding-bottom: 0;
  line-height: 1.6;
}
#G_POPUP .popup_coinReceive .Proceed_btn_box {
  padding: 0 10px;
}
#G_POPUP .popup_coinReceive .Proceed_btn {
  border-radius: 30px;
  font-family: "pretendard-M";
  height: 60px;
  font-size: 20px;
  line-height: 60px;
}
#G_POPUP .popup_coinReceive .Proceed_btn.agree {
  background: #567bff;
  margin-bottom: 10px;
}
#G_POPUP .popup_coinReceive .Proceed_btn.close_btn {
  background-color: white;
  color: #222;
  border: 1px solid #567bff;
}

/* 코인 거래내역 디테일 팝업 */
#G_POPUP .popup_coinHistory_detail {
  height: auto;
  z-index: 382;
  border-radius: 30px 30px 30px 30px;
  width: 320px;
  transition: unset;
  /* top:50%; */
  /* left:50%; */
  /* transform:translate(-50%,-50%); */
}
#G_POPUP .popup_coinHistory_detail .pop_center {
  text-align: center;
  width: 90%;
  margin: 20px auto 30px;
  padding: 0;
}
#G_POPUP .popup_coinHistory_detail .top_box .title {
  color: #222;
  font-size: 20px;
  font-family: "pretendard-B" !important;
  padding-bottom: 0;
  margin-bottom: 20px;
  line-height: 1.6;
}
#G_POPUP .popup_coinHistory_detail .top_box a {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 18px;
  right: 15px;
}
#G_POPUP .popup_coinHistory_detail .top_box a img {
  width: 40px;
  height: 40px;
}
#G_POPUP .popup_coinHistory_detail .center_box ul li {
  display: flex;
  text-align: start;
  padding: 10px 0;
  border-bottom: 1px solid #eff2f3;
}
#G_POPUP .popup_coinHistory_detail .center_box ul li p {
  word-wrap: break-word;
}
#G_POPUP .popup_coinHistory_detail .center_box ul li .detail_type {
  width: 30%;
  font-size: 16px;
  font-family: "pretendard-M";
}
#G_POPUP .popup_coinHistory_detail .center_box ul li .detail_cont {
  width: 70%;
  font-family: "pretendard-R";
  font-size: 14px;
}

/* 코인 즐겨찾기 팝업 */
#G_POPUP .popup_coinRequest {
  z-index: 381;
  border-radius: 30px 30px 0 0;
}
#G_POPUP .popup_coinRequest .pop_center {
  padding: 30px 0 40px;
  text-align: center;
}
#G_POPUP .popup_coinRequest .top_box .title {
  color: #222;
  font-size: 20px;
  font-family: "pretendard-B" !important;
  padding-bottom: 0;
  line-height: 1.6;
}
#G_POPUP .popup_coinRequest .center_box {
  margin-top: 30px;
}
#G_POPUP .popup_coinRequest .center_box p {
  font-size: 20px;
  font-family: "pretendard-M";
}
#G_POPUP .popup_coinRequest .Proceed_btn_box {
  padding: 0 10px;
}
#G_POPUP .popup_coinRequest .Proceed_btn {
  border-radius: 30px;
  font-family: "pretendard-M";
  height: 60px;
  font-size: 20px;
  line-height: 60px;
}
#G_POPUP .popup_coinRequest .Proceed_btn.agree {
  background: #567bff;
  margin: 0 auto 20px;
  width: 90%;
}

/* 코인 거래내역 팝업 (순서) */
#G_POPUP .popup_coinHistory_order {
  z-index: 381;
  border-radius: 30px 30px 0 0;
}
#G_POPUP .popup_coinHistory_order .top_box {
  width: 85%;
  margin: 0 auto;
}
#G_POPUP .popup_coinHistory_order .top_box .title {
  color: #222;
  font-size: 20px;
  font-family: "pretendard-B" !important;
  padding-bottom: 0;
}
#G_POPUP .popup_coinHistory_order .cont_box {
  width: 95%;
  margin: 0 auto;
}
#G_POPUP .popup_coinHistory_order .cont_box ul li div {
  display: flex;
  align-items: center;
}
#G_POPUP .popup_coinHistory_order .cont_box ul li div a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #fff;
  color: #000;
  padding-left: 16px;
  border-radius: 40px;
  font-size: 20px;
  font-family: "pretendard-R";
  border: 1px solid #eff2f3;
  margin-top: 10px;
}
#G_POPUP .popup_coinHistory_order .cont_box ul li div a.on {
  background: #97e0d9;
}
/* 코인 거래내역 팝업 (순서) */
#G_POPUP .popup_pointHistory_order {
  z-index: 381;
  border-radius: 30px 30px 0 0;
}
#G_POPUP .popup_pointHistory_order .top_box {
  width: 85%;
  margin: 0 auto;
}
#G_POPUP .popup_pointHistory_order .top_box .title {
  color: #222;
  font-size: 20px;
  font-family: "pretendard-B" !important;
  padding-bottom: 0;
}
#G_POPUP .popup_pointHistory_order .cont_box {
  width: 95%;
  margin: 0 auto;
}
#G_POPUP .popup_pointHistory_order .cont_box ul li div {
  display: flex;
  align-items: center;
}
#G_POPUP .popup_pointHistory_order .cont_box ul li div a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #fff;
  color: #000;
  padding-left: 16px;
  border-radius: 40px;
  font-size: 20px;
  font-family: "pretendard-R";
  border: 1px solid #eff2f3;
  margin-top: 10px;
}
#G_POPUP .popup_pointHistory_order .cont_box ul li div a.on {
  background: #97e0d9;
}

/* 퀵거래 인증 팝업 */
#G_POPUP > .popup.popup_coin_quickProve .title {
  font-weight: bold;
  line-height: 1.1;
}
#G_POPUP > .popup.popup_coin_quickProve .certi > p {
  margin-left: 20px;
}
#G_POPUP > .popup.popup_coin_quickProve .certi > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}
#G_POPUP > .popup.popup_coin_quickProve .certi > div span {
  margin-left: 20px;
  color: #7a7a7a;
}
#G_POPUP > .popup.popup_coin_quickProve #certiRec {
  border-radius: 30px;
  background-color: #97e0d9;
  color: #222222;
  width: 144px;
  height: 38px;
  text-align: center;
  display: block;
  line-height: 38px;
}

#G_POPUP > .popup.popup_coin_quickProve .certi_check {
  margin-top: 30px;
}
#G_POPUP > .popup.popup_coin_quickProve .certi_check > p {
  margin-left: 20px;
}
#G_POPUP > .popup.popup_coin_quickProve .certi_check > div {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
#G_POPUP > .popup.popup_coin_quickProve #certiNum {
  border-radius: 30px;
  border: solid 1px #eaeeef;
  text-align: center;
}
#G_POPUP > .popup.popup_coin_quickProve .certiNum {
  border-radius: 30px;
  background-color: #949b9f;
  color: #fff;
  width: 144px;
  height: 38px;
  text-align: center;
  display: block;
  line-height: 38px;
}
#G_POPUP > .popup.popup_coin_quickProve .certiNum.on {
  background-color: #97e0d9;
  color: #222222;
}
#G_POPUP > .popup.popup_coin_quickProve .delete_btn {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 50px;
}
#G_POPUP > .popup.popup_coin_quickProve .delete_btn .btn {
  width: 50%;
}
#G_POPUP > .popup.popup_coin_quickProve .delete_btn .btn.no a {
  border-radius: 30px;
  background-color: #fff;
  border: 1px solid #97e0d9;
  width: 100%;
  height: 50px;
  text-align: center;
  display: block;
  line-height: 50px;
}
#G_POPUP > .popup.popup_coin_quickProve .delete_btn .btn.ok a {
  border-radius: 30px;
  background-color: #97e0d9;
  width: 100%;
  height: 50px;
  text-align: center;
  display: block;
  line-height: 50px;
}

/* popup_coin_quickDetail 퀵거래 상세 정보팝업  */
#G_POPUP > .popup.popup_coin_quickDetail .cont_box .main_box {
  background: #eff2f3;
  border-radius: 20px;
  padding: 20px;
  font-size: 14px;
  font-family: "Pretendard-R";
}
#G_POPUP > .popup.popup_coin_quickDetail .cont_box .main_box .coin_cont {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#G_POPUP
  > .popup.popup_coin_quickDetail
  .cont_box
  .main_box
  .coin_cont:last-child {
  margin-bottom: 0;
}
#G_POPUP
  > .popup.popup_coin_quickDetail
  .cont_box
  .main_box
  .coin_cont
  .text_L {
  color: #686868;
}
#G_POPUP > .popup.popup_coin_quickDetail .last_box {
  background: #fff;
  border-radius: 25px;
  padding: 4px 15px;
  margin-bottom: 15px;
}
.popup.popup_coin_quickDetail .last_box .err_text {
  font-size: 13px;
  color: red;
  display: flex;
  gap: 5px;
}
.popup.popup_coin_quickDetail .last_box .err_text .img_box {
  width: 16px;
}

.popup.popup_coin_quickDetail .last_box .err_text .img_box img {
  width: 100%;
}

#G_POPUP > .popup.popup_coin_quickDetail .last_box > p {
  color: #686868;
  font-family: "pretendard-M";
}
#G_POPUP > .popup.popup_coin_quickDetail .cont_box > p {
  padding: 20px;
  font-size: 14px;
}
.popup.popup_coin_quickDetail .last_box .point_box p {
  color: #686868;
  font-size: 14px;
}
.popup.popup_coin_quickDetail .last_box .point_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#G_POPUP > .popup.popup_coin_quickDetail .Proceed_btn_box {
  display: flex;
  justify-content: center;
  gap: 10px;
}
#G_POPUP > .popup.popup_coin_quickDetail .Proceed_btn_box .btn {
  width: 50%;
}
#G_POPUP > .popup.popup_coin_quickDetail .Proceed_btn_box .btn.no a {
  border-radius: 30px;
  background-color: #fff;
  border: 1px solid #97e0d9;
  width: 100%;
  height: 50px;
  text-align: center;
  display: block;
  line-height: 50px;
}
#G_POPUP > .popup.popup_coin_quickDetail .Proceed_btn_box .btn.ok a {
  border-radius: 30px;
  background-color: #97e0d9;
  width: 100%;
  height: 50px;
  text-align: center;
  display: block;
  line-height: 50px;
}
/* popup_coin_quickDetail2 퀵거래 상세 정보팝업  */
#G_POPUP > .popup.popup_coin_quickDetail2 .cont_box .main_box {
  background: #eff2f3;
  border-radius: 20px;
  padding: 20px;
  font-size: 14px;
  font-family: "Pretendard-R";
}
#G_POPUP > .popup.popup_coin_quickDetail2 .cont_box .main_box .coin_cont {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#G_POPUP
  > .popup.popup_coin_quickDetail2
  .cont_box
  .main_box
  .coin_cont:last-child {
  margin-bottom: 0;
}
#G_POPUP
  > .popup.popup_coin_quickDetail2
  .cont_box
  .main_box
  .coin_cont
  .text_L {
  color: #686868;
}
#G_POPUP > .popup.popup_coin_quickDetail2 .last_box {
  background: #fff;
  border-radius: 25px;
  padding: 4px 15px;
  margin-bottom: 15px;
}
.popup.popup_coin_quickDetail2 .last_box .err_text {
  font-size: 13px;
  color: red;
  display: flex;
  gap: 5px;
}
.popup.popup_coin_quickDetail2 .last_box .err_text .img_box {
  width: 16px;
}

.popup.popup_coin_quickDetail2 .last_box .err_text .img_box img {
  width: 100%;
}

#G_POPUP > .popup.popup_coin_quickDetail2 .last_box > p {
  color: #686868;
  font-family: "pretendard-M";
}
#G_POPUP > .popup.popup_coin_quickDetail2 .cont_box > p {
  padding: 20px;
  font-size: 14px;
}
.popup.popup_coin_quickDetail2 .last_box .point_box p {
  color: #686868;
  font-size: 14px;
}
.popup.popup_coin_quickDetail2 .last_box .point_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#G_POPUP > .popup.popup_coin_quickDetail2 .Proceed_btn_box {
  display: flex;
  justify-content: center;
  gap: 10px;
}
#G_POPUP > .popup.popup_coin_quickDetail2 .Proceed_btn_box .btn {
  width: 50%;
}
#G_POPUP > .popup.popup_coin_quickDetail2 .Proceed_btn_box .btn.no a {
  border-radius: 30px;
  background-color: #fff;
  border: 1px solid #97e0d9;
  width: 100%;
  height: 50px;
  text-align: center;
  display: block;
  line-height: 50px;
}
#G_POPUP > .popup.popup_coin_quickDetail2 .Proceed_btn_box .btn.ok a {
  border-radius: 30px;
  background-color: #97e0d9;
  width: 100%;
  height: 50px;
  text-align: center;
  display: block;
  line-height: 50px;
}
.popup.popup_coin_quickFin .img_box {
  width: 220px;
  margin: 0 auto;
}
.popup.popup_coin_quickFin .img_box img {
  width: 100%;
}
.popup.popup_coin_quickFin .title {
  color: #121212;
}
.popup.popup_coin_quickFin .Proceed_btn_box .btn.ok a {
  border-radius: 30px;
  background-color: #97e0d9;
  width: 100%;
  height: 50px;
  text-align: center;
  display: block;
  line-height: 50px;
}
/* datepicker customCSS */

.ui-widget-header {
  border: 0px solid #dddddd;
  background: #fff;
}

.ui-datepicker-calendar > thead > tr > th {
  font-size: 14px !important;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 10px 0;
  max-width: 360px;
  margin: 0 auto;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 0px solid #c5c5c5;
  background-color: transparent;
  font-weight: normal;
  color: #454545;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 0em;
  line-height: 16px;
  text-align: center;
  font-size: 14px;
  padding: 0px;
  font-weight: bold;
}

.ui-datepicker {
  display: none;
  background-color: #fff;
  border-radius: 4px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 20px;
  padding-bottom: 10px;
  width: 300px;
  box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1);
}

.ui-datepicker {
  position: absolute;
  top: 281.5px;
  left: 623.125px;
  z-index: 301;
  display: block !important;
  width: 100%;
  height: auto;
  position: fixed !important;
  top: unset !important;
  bottom: 0 !important;
  left: 0 !important;
  border-radius: 16px 16px 0 0;
  opacity: 1 !important;
  transform: translateY(100%) !important;
  transition: all 0.3s !important;
}
.ui-datepicker.on {
  transform: translateY(0) !important;
}

.ui-widget.ui-widget-content {
  border: 1px solid #eee;
  min-height: 300px;
}

#datepicker:focus > .ui-datepicker {
  /* display: block; */
  transform: translateY(0);
}

.ui-datepicker-prev,
.ui-datepicker-next {
  cursor: pointer;
}

.ui-datepicker-next {
  float: right;
}

.ui-state-disabled {
  cursor: auto;
  color: hsla(0, 0%, 80%, 1);
}

.ui-datepicker-title {
  text-align: center;
  padding: 10px;
  font-weight: 100;
  font-size: 20px;
}

.ui-datepicker-calendar {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
}

.ui-datepicker-calendar > thead > tr > th {
  padding: 5px;
  font-size: 20px;
  font-weight: 400;
}

.ui-datepicker-calendar > tbody > tr > td > a {
  color: #000;
  font-size: 12px !important;
  font-weight: bold !important;
  text-decoration: none;
}

.ui-datepicker-calendar > tbody > tr > .ui-state-disabled:hover {
  cursor: auto;
  background-color: #fff;
}

.ui-datepicker-calendar > tbody > tr > td {
  border-radius: 100%;
  width: 44px;
  height: 30px;
  cursor: pointer;
  padding: 5px;
  font-weight: 100;
  text-align: center;
  font-size: 12px;
}

.ui-datepicker-calendar > tbody > tr > td:hover {
  background-color: transparent;
  opacity: 0.6;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 0px solid #cccccc;
  background-color: transparent;
  font-weight: normal;
  color: #2b2b2b;
}

/* .ui-widget-header .ui-icon { background-image: url('./images/datepicker_btn.png'); background-repeat: no-repeat;}  */

.ui-icon-circle-triangle-e {
  background-position: -20px 0px;
  background-size: 36px;
}

.ui-icon-circle-triangle-w {
  background-position: -0px -0px;
  background-size: 36px;
}

.ui-datepicker-calendar > tbody > tr > td:first-child a {
  color: red !important;
}

.ui-datepicker-calendar > tbody > tr > td:last-child a {
  color: #0099ff !important;
}

.ui-datepicker-calendar > thead > tr > th:first-child {
  color: red !important;
}

.ui-datepicker-calendar > thead > tr > th:last-child {
  color: #0099ff !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 0px;
  background: #f1f1f1;
  border-radius: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding: 10px;
}

.inp {
  padding: 10px 10px;
  background-color: #f1f1f1;
  border-radius: 4px;
  border: 0px;
}

.inp:focus {
  outline: none;
  background-color: #eee;
}
/* datepicker customCSS */

#G_POPUP .popup_coinHistory_check .cont_box ul {
  overflow-x: auto;
  &::-webkit-scrollbar {
    display: none !important;
  }
}
#G_POPUP .popup_coinHistory_check .cont_box ul li {
  white-space: pre;
  border: 1px solid #eff2f3;
  padding: 0 20px;
  border-radius: 20px;
  width: auto;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
#G_POPUP .popup_coinHistory_check .cont_box .cont_type ul {
  gap: 10px;
  padding: 0 10px;
}
#G_POPUP .popup_coinHistory_check .cont_box .cont_type ul li {
  /* flex: 1; */
  margin: 0;
  text-align: center;
}

#G_POPUP .popup.popup_transfer {
  z-index: 400;
  display: none;
  position: relative;
  width: 360px;
  /* height: 330px; */
  height: 370px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  background-color: white;
}
@media (max-width: 400px) {
  #G_POPUP .popup.popup_transfer {
    width: 100%;
    height: 350px;
  }
}
#G_POPUP > .popup.popup_transfer .pop_center {
  padding: 20px;
}
#G_POPUP > .popup.popup_transfer .top_box {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
#G_POPUP > .popup.popup_transfer .top_box img {
  width: 80px;
}
#G_POPUP > .popup.popup_transfer .cont_box ul {
  border: solid 1px #3d67ff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  height: 77px;
}
#G_POPUP > .popup.popup_transfer ul span {
  font-weight: bold;
}
#G_POPUP > .popup.popup_transfer .cont_box ul li:first-child {
  border-right: 1px solid #3d67ff;
  height: 77px;
  line-height: 77px;
  width: 30%;
  padding-left: 10px;
}
#G_POPUP > .popup.popup_transfer .cont_box ul li:last-child {
  font-size: 13px;
  text-align: center;
  margin: 0 auto;
  line-height: 15px;
}
#G_POPUP > .popup.popup_transfer .cont_box .txt {
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 20px;
}
#G_POPUP > .popup.popup_transfer .Proceed_btn {
  width: 90%;
  border-radius: 999px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  margin: 0 auto;
}
#G_POPUP > .popup.popup_transfer input {
  display: block;
  appearance: auto;
  -webkit-appearance: auto;
}
#G_POPUP > .popup.popup_transfer .contorl {
  display: flex;
  justify-content: center;
  margin: 20px;
  gap: 5px;
  font-size: 14px;
}

@media (max-width: 340px) {
  #G_POPUP .popup_coinHistory_check .cont_box ul li {
    padding: 0 15px;
  }
}

/* 
nnn 25.12.04
빅토리 지갑 주소 변경 예정 안내 팝업 스타일링 추가
 */

#G_POPUP .popup.popup_scheduledAddrPopup {
  z-index: 400;
  display: none;
  position: relative;
  width: 360px;
  /* height: 330px; */
  /* height: 370px; */
  height: fit-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  background-color: white;
}
@media (max-width: 400px) {
  #G_POPUP .popup.popup_scheduledAddrPopup {
    width: 100%;
    /* height: 350px; */
    height: fit-content;
  }
}
#G_POPUP > .popup.popup_scheduledAddrPopup .pop_center {
  padding: 20px;
}
#G_POPUP > .popup.popup_scheduledAddrPopup .pop_center img {
  width: 100%;
}
#G_POPUP > .popup.popup_scheduledAddrPopup .Proceed_btn {
  width: 90%;
  border-radius: 999px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  margin: 0 auto;
}
#G_POPUP > .popup.popup_scheduledAddrPopup input {
  display: block;
  appearance: auto;
  -webkit-appearance: auto;
}
#G_POPUP > .popup.popup_scheduledAddrPopup .contorl {
  display: flex;
  justify-content: center;
  margin: 20px;
  gap: 5px;
  font-size: 14px;
}

/* 
yyy 26.3.12
빅토리 월렛 이용 가이드 영상 안내 팝업 스타일링 추가
 */

#G_POPUP .popup.popup_noticePopup1 {
  z-index: 400;
  display: none;
  position: relative;
  width: 360px;
  height: fit-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  background-color: white;
}
@media (max-width: 400px) {
  #G_POPUP .popup.popup_noticePopup1 {
    width: 90%;
    height: fit-content;
  }
}
#G_POPUP > .popup.popup_noticePopup1 .pop_center {
  padding: 20px;
}
#G_POPUP > .popup.popup_noticePopup1 .pop_center img {
  width: 100%;
}
#G_POPUP > .popup.popup_noticePopup1 .Proceed_btn {
  width: 90%;
  border-radius: 8px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  margin: 0 auto;
}
#G_POPUP > .popup.popup_noticePopup1 input {
  display: block;
  appearance: auto;
  -webkit-appearance: auto;
}
#G_POPUP > .popup.popup_noticePopup1 .contorl {
  display: flex;
  justify-content: center;
  margin: 20px;
  gap: 5px;
  font-size: 14px;
}