@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,100italic,100,300,300italic,400italic,500,700,700italic,900italic,900,500italic");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ul, ol, li {
  list-style: none;
}

h1, h2, h3, h4, h5 {
  font-size: inherit;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}
a:link, a:visited {
  text-decoration: none;
  color: #000;
}

button {
  background-color: transparent;
  border: 0;
  text-decoration: none;
  cursor: pointer;
}

select {
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}

em {
  font-style: normal;
}

.primaryColor-blue {
  color: #81a4ff !important;
}

.primaryColor-black {
  color: #0b132b !important;
}

.blue700 {
  color: #414ac7 !important;
}

.blue600 {
  color: #626cff !important;
}

.blue500 {
  color: #4065e7 !important;
}

.blue300 {
  color: #ECF4FF !important;
}

.blue200 {
  color: #dff0ff !important;
}

.blue100 {
  color: #ebf5ff !important;
}

.violet300 {
  color: #acbaeb !important;
}

.violet200 {
  color: #e5eafe !important;
}

.violet100 {
  color: #e5eafe !important;
}

.red700 {
  color: #bd0000 !important;
}

.red300 {
  color: #ffdddd !important;
}

.green300 {
  color: #00bda6 !important;
}

.green100 {
  color: #e9ffef !important;
}

.yellow500 {
  color: #ffba27 !important;
}

.yellow300 {
  color: #eb9500 !important;
}

.black {
  color: #000 !important;
}

.white {
  color: #fff !important;
}

.gray600 {
  color: #747474 !important;
}

.gray500 {
  color: #bebebe !important;
}

.gray400 {
  color: #d9d9d9 !important;
}

.gray300 {
  color: #eaeaea !important;
}

.gray200 {
  color: #f3f3f4 !important;
}

.gray100 {
  color: #f9fafa !important;
}

.gray50 {
  color: #fdfdfd !important;
}

.font-10 {
  font-size: 10px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font10 {
  font-size: 10px;
}

.font12 {
  font-size: 12px;
}

.font14 {
  font-size: 14px !important;
}

.font16 {
  font-size: 16px !important;
}

.font18 {
  font-size: 18px !important;
}

.font20 {
  font-size: 20px !important;
}

.line15 {
  line-height: 15px;
}

.line18 {
  line-height: 18px;
}

.line24 {
  line-height: 24px;
}

.line30 {
  line-height: 30px;
}

.fw300 {
  font-weight: 300 !important;
}

.fw400 {
  font-weight: 400 !important;
}

.fw500 {
  font-weight: 500 !important;
}

.fw600 {
  font-weight: 600 !important;
}

.w100 {
  width: 100%;
}

.mt0 {
  margin-top: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr50 {
  margin-right: 50px;
}

.ml0 {
  margin-left: 0 !important;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml12 {
  margin-left: 12px;
}

.ml15 {
  margin-left: 15px;
}

.ml25 {
  margin-left: 25px;
}

.ml50 {
  margin-left: 50px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt32 {
  margin-top: 32px;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px;
}

.mt60 {
  margin-top: 60px;
}

.mt80 {
  margin-top: 80px;
}

.pd20 {
  padding: 0 20px;
}

.p0 {
  padding: 0 !important;
}

.z10 {
  z-index: 10 !important;
}

.posi-re {
  position: relative;
}

.tCenter {
  text-align: center;
}

.tLeft {
  text-align: left;
}

.tRight {
  text-align: right;
}

.tCenter-im {
  text-align: center !important;
}

.tLeft-im {
  text-align: left !important;
}

.tRight-im {
  text-align: right !important;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.brd-b {
  border-bottom: 1px solid #ebebeb !important;
}

.icon-sel-del {
  cursor: pointer;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='6' y='5.00018' width='12' height='1' rx='0.5' transform='rotate(45 6 5.00018)' fill='white'/%3E%3Crect x='5' y='13.4846' width='12' height='1' rx='0.5' transform='rotate(-45 5 13.4846)' fill='white'/%3E%3C/svg%3E");
}

.non-border {
  border: none !important;
}

i {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  background-size: contain;
}
i.i-tooltip {
  cursor: pointer;
}
i.i-tooltip.q-mark {
  margin-left: 8px;
  width: 20px;
  height: 20px;
  background-image: url("../assets/images/q_mark.svg");
}
@media all and (max-width: 780px) {
  i.i-tooltip.q-mark {
    background-image: url("../assets/images/q_mark_m.svg");
  }
}
i.i-tooltip.on {
  background-repeat: no-repeat;
  background-image: url("../assets/images/q_mark_on.svg");
}
@media all and (max-width: 780px) {
  i.i-tooltip.on {
    background-image: url("../assets/images/q_mark_on_m.svg");
  }
}
i.i-file {
  width: 48px;
  height: 49px;
  background-size: contain;
}
i.i-file.bg-blue {
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cg clip-path='url(%23clip0_342_7112)'%3E%3Crect width='48' height='48' rx='10' fill='%234065E7'/%3E%3Cpath d='M15 8C13.35 8 12.015 9.44 12.015 11.2L12 36.8C12 38.56 13.335 40 14.985 40H33C34.65 40 36 38.56 36 36.8V18.928C36 18.08 35.685 17.264 35.115 16.672L27.87 8.944C27.315 8.336 26.55 8 25.755 8H15ZM25.5 17.6V10.4L33.75 19.2H27C26.175 19.2 25.5 18.48 25.5 17.6Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_342_7112'%3E%3Crect width='48' height='48' rx='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
i.i-file.bg-red {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='49' viewBox='0 0 48 49' fill='none'%3E%3Cg clip-path='url(%23clip0_3365_47454)'%3E%3Crect y='0.791504' width='48' height='48' rx='10' fill='%23BD0000'/%3E%3Cpath d='M15 8.7915C13.35 8.7915 12.015 10.2315 12.015 11.9915L12 37.5915C12 39.3515 13.335 40.7915 14.985 40.7915H33C34.65 40.7915 36 39.3515 36 37.5915V19.7195C36 18.8715 35.685 18.0555 35.115 17.4635L27.87 9.7355C27.315 9.1275 26.55 8.7915 25.755 8.7915H15ZM25.5 18.3915V11.1915L33.75 19.9915H27C26.175 19.9915 25.5 19.2715 25.5 18.3915Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3365_47454'%3E%3Crect y='0.791504' width='48' height='48' rx='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
i.i-file.bg-green {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='49' viewBox='0 0 48 49' fill='none'%3E%3Cg clip-path='url(%23clip0_3365_47444)'%3E%3Crect y='0.791504' width='48' height='48' rx='10' fill='%2300BDA6'/%3E%3Cpath d='M15 8.7915C13.35 8.7915 12.015 10.2315 12.015 11.9915L12 37.5915C12 39.3515 13.335 40.7915 14.985 40.7915H33C34.65 40.7915 36 39.3515 36 37.5915V19.7195C36 18.8715 35.685 18.0555 35.115 17.4635L27.87 9.7355C27.315 9.1275 26.55 8.7915 25.755 8.7915H15ZM25.5 18.3915V11.1915L33.75 19.9915H27C26.175 19.9915 25.5 19.2715 25.5 18.3915Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3365_47444'%3E%3Crect y='0.791504' width='48' height='48' rx='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
i.i-file.bg-yellow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='49' viewBox='0 0 48 49' fill='none'%3E%3Cg clip-path='url(%23clip0_3365_47433)'%3E%3Crect y='0.791504' width='48' height='48' rx='10' fill='%23FFBA27'/%3E%3Cpath d='M15 8.7915C13.35 8.7915 12.015 10.2315 12.015 11.9915L12 37.5915C12 39.3515 13.335 40.7915 14.985 40.7915H33C34.65 40.7915 36 39.3515 36 37.5915V19.7195C36 18.8715 35.685 18.0555 35.115 17.4635L27.87 9.7355C27.315 9.1275 26.55 8.7915 25.755 8.7915H15ZM25.5 18.3915V11.1915L33.75 19.9915H27C26.175 19.9915 25.5 19.2715 25.5 18.3915Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3365_47433'%3E%3Crect y='0.791504' width='48' height='48' rx='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
i.i-btn-del {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23D9D9D9'/%3E%3Crect x='6.41406' y='5' width='12' height='2' rx='1' transform='rotate(45 6.41406 5)' fill='white'/%3E%3Crect x='5' y='13.4854' width='12' height='2' rx='1' transform='rotate(-45 5 13.4854)' fill='white'/%3E%3C/svg%3E");
}
i.icon-del {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='5.99902' y='5.00024' width='12' height='1' rx='0.5' transform='rotate(45 5.99902 5.00024)' fill='%23747474'/%3E%3Crect x='4.99902' y='13.4846' width='12' height='1' rx='0.5' transform='rotate(-45 4.99902 13.4846)' fill='%23747474'/%3E%3C/svg%3E");
}
i.i-file-empty {
  width: 192px;
  height: 192px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192' fill='none'%3E%3Cg clip-path='url(%23clip0_25_2576)'%3E%3Cpath d='M152 40V152H40V40H152ZM152 24H40C31.2 24 24 31.2 24 40V152C24 160.8 31.2 168 40 168H152C160.8 168 168 160.8 168 152V40C168 31.2 160.8 24 152 24ZM113.12 94.88L89.12 125.84L72 105.12L48 136H144L113.12 94.88Z' fill='%23F3F3F4'/%3E%3Ccircle cx='69.5' cy='71.5' r='10.5' fill='%23F3F3F4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_25_2576'%3E%3Crect width='192' height='192' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
i.i-file-img-h {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Ccircle cx='24' cy='24' r='24' fill='%230B132B' fill-opacity='0.5'/%3E%3Cpath d='M31.5108 21.7554C31.5108 27.1431 27.1432 31.5108 21.7554 31.5108C16.3676 31.5108 12 27.1431 12 21.7554C12 16.3676 16.3676 12 21.7554 12C27.1432 12 31.5108 16.3676 31.5108 21.7554ZM14.4688 21.7554C14.4688 25.7797 17.7311 29.042 21.7554 29.042C25.7797 29.042 29.042 25.7797 29.042 21.7554C29.042 17.7311 25.7797 14.4688 21.7554 14.4688C17.7311 14.4688 14.4688 17.7311 14.4688 21.7554Z' fill='white'/%3E%3Crect width='2.40022' height='10.9158' rx='1.20011' transform='matrix(0.707107 -0.707106 0.707107 0.707106 26.5859 28.2798)' fill='white'/%3E%3Crect width='9.60086' height='2.40022' rx='1.20011' transform='matrix(-1.84943e-06 -1 1 -1.03312e-09 20.4023 26.4014)' fill='white'/%3E%3Crect x='16.8008' y='20.4004' width='9.60086' height='2.40022' rx='1.20011' fill='white'/%3E%3C/svg%3E");
}
i.i-play {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M19.9997 16.9997V30.9997C19.9997 31.8197 20.9397 32.2997 21.5997 31.7997L30.9397 24.7997C31.4797 24.3997 31.4797 23.5997 30.9397 23.1997L21.5997 16.1997C20.9397 15.6997 19.9997 16.1797 19.9997 16.9997ZM21.9997 6.45972C21.9997 5.17972 20.8197 4.19972 19.5797 4.47972C17.3397 4.99972 15.2197 5.87972 13.3397 7.07972C12.2797 7.75972 12.1197 9.27972 13.0197 10.1797C13.6597 10.8197 14.6797 10.9797 15.4397 10.4997C16.9797 9.51972 18.6797 8.79972 20.5197 8.39972C21.3997 8.19972 21.9997 7.37972 21.9997 6.45972ZM10.1997 13.0197C9.27972 12.1197 7.77972 12.2597 7.09972 13.3397C5.89972 15.2197 5.01972 17.3397 4.49972 19.5797C4.21972 20.8197 5.17972 21.9997 6.45972 21.9997C7.35972 21.9997 8.19972 21.3997 8.37972 20.5197C8.77972 18.6997 9.51972 16.9797 10.4797 15.4597C10.9997 14.6797 10.8397 13.6597 10.1997 13.0197ZM6.45972 25.9997C5.17972 25.9997 4.19972 27.1797 4.47972 28.4197C4.99972 30.6597 5.87972 32.7597 7.07972 34.6597C7.75972 35.7397 9.27972 35.8797 10.1797 34.9797C10.8197 34.3397 10.9797 33.3197 10.4797 32.5597C9.49972 31.0397 8.77972 29.3397 8.37972 27.4997C8.19972 26.5997 7.37972 25.9997 6.45972 25.9997ZM13.3397 40.8997C15.2397 42.0997 17.3397 42.9797 19.5797 43.4997C20.8197 43.7797 21.9997 42.7997 21.9997 41.5397C21.9997 40.6397 21.3997 39.7997 20.5197 39.6197C18.6997 39.2197 16.9797 38.4797 15.4597 37.5197C14.6797 37.0397 13.6797 37.1797 13.0397 37.8397C12.1197 38.7197 12.2597 40.2197 13.3397 40.8997ZM43.9997 23.9997C43.9997 33.4597 37.3997 41.4197 28.5397 43.4797C27.2997 43.7797 26.0997 42.7997 26.0997 41.5197C26.0997 40.5997 26.7197 39.7997 27.5997 39.5797C34.6997 37.9397 39.9997 31.5797 39.9997 23.9997C39.9997 16.4197 34.6997 10.0597 27.5997 8.41972C26.7197 8.21972 26.0997 7.39972 26.0997 6.47972C26.0997 5.19972 27.2997 4.21972 28.5397 4.51972C37.3997 6.57972 43.9997 14.5397 43.9997 23.9997Z' fill='%23414AC7' /%3E%3C/svg%3E");
}
i.i-arr {
  width: 5px !important;
  height: 10px !important;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M0.5 11.0039L5.5 6.00391L0.500001 1.00391' stroke='%230B132B' stroke-linecap='round'/%3E%3C/svg%3E");
}
i.i-popupClose {
  width: 15px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M1 13.5L14 0.500001' stroke='%230B132B' stroke-linecap='round'/%3E%3Cpath d='M1 0.5L14 13.5' stroke='%230B132B' stroke-linecap='round'/%3E%3C/svg%3E");
}
i.i-cal {
  width: 19px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
}
i.i-cal.off {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_1000_38475)'%3E%3Cpath d='M15 2.25H14.25V0.75H12.75V2.25H5.25V0.75H3.75V2.25H3C2.175 2.25 1.5 2.925 1.5 3.75V15.75C1.5 16.575 2.175 17.25 3 17.25H15C15.825 17.25 16.5 16.575 16.5 15.75V3.75C16.5 2.925 15.825 2.25 15 2.25ZM15 15.75H3V7.5H15V15.75ZM15 6H3V3.75H15V6Z' fill='%230B132B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1000_38475'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
i.i-cal.on {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cg clip-path='url(%23clip0_1000_38469)'%3E%3Cpath d='M15.5 2.25H14.75V0.75H13.25V2.25H5.75V0.75H4.25V2.25H3.5C2.675 2.25 2 2.925 2 3.75V15.75C2 16.575 2.675 17.25 3.5 17.25H15.5C16.325 17.25 17 16.575 17 15.75V3.75C17 2.925 16.325 2.25 15.5 2.25ZM15.5 15.75H3.5V7.5H15.5V15.75ZM15.5 6H3.5V3.75H15.5V6Z' fill='%23626CFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1000_38469'%3E%3Crect width='18' height='18' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tooltip-box {
  border-radius: 10px;
  border: 1px solid #747474;
  background: #fdfdfd;
  padding: 16px;
}
.tooltip-box .bul {
  justify-content: flex-start;
  margin-bottom: 5px;
  line-height: 24px;
}

.calender-custom {
  display: none;
  border: 1px solid #626cff;
  border-radius: 10px;
}
.calender-custom input[type=text] {
  padding: 0 !important;
  background-color: transparent;
  cursor: pointer;
}
.calender-custom input[type=text]:active, .calender-custom input[type=text]:focus, .calender-custom input[type=text]:hover {
  background-color: transparent;
  border: 0;
  outline: none;
}
.calender-custom .inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.calender-custom .cal {
  width: calc(50% - 50px);
  position: relative;
}
.calender-custom .cal .hasDatepicker {
  color: #626cff !important;
}
.calender-custom .cal.from {
  margin-right: 30px;
}
.calender-custom .cal.to {
  margin-left: 30px;
}
.calender-custom .cal i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}

/*.ui-widget.ui-widget-content {
  border: 1px solid #626cff !important;
  padding: 20px !important;
  border-radius: 10px !important;
}
*/
.ui-widget-header {
  border: 0 !important;
  background: transparent !important;
  color: #0b132b !important;
  font-weight: 400 !important;
}

.ui-datepicker * {
  font-family: "Poppins", sans-serif !important;
}
.ui-datepicker .ui-datepicker-header {
  margin: 20px 0 20px !important;
}
.ui-datepicker .ui-datepicker-title {
  position: relative !important;
  font-size: 16px !important;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  width: 15px !important;
  height: 15px !important;
  top: 0 !important;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  margin: 0 !important;
  position: inherit !important;
  top: 0 !important;
  left: 0 !important;
}
.ui-datepicker .ui-datepicker-prev {
  left: 16px !important;
  top: 16px !important;
}
.ui-datepicker .ui-datepicker-prev span {
  left: 0 !important;
  transform: rotate(180deg);
}
.ui-datepicker .ui-datepicker-next {
  right: 20px !important;
  top: 14px !important;
}
.ui-datepicker .ui-datepicker-next span {
  right: 0 !important;
}
.ui-datepicker .ui-widget-header .ui-icon {
  display: block;
  width: 15px !important;
  height: 15px !important;
  background-repeat: no-repeat;
  background: url(../assets/images/cal_arr.png) no-repeat center;
}
.ui-datepicker .ui-datepicker-title select {
  margin: 0 !important;
  padding: 0 10px !important;
  background: #f3f3f4 url(../assets/images/i_cal_arr.png) no-repeat 86% center;
}

/*.ui-widget.ui-widget-content {
  border: 1px solid #626cff !important;
  padding: 20px !important;
  border-radius: 10px !important;
  width: 320px !important;
}*/
.ui-widget-header {
  border: 0 !important;
  background: transparent !important;
  color: #0b132b !important;
  font-weight: 400 !important;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 40% !important;
  margin: 0 5px !important;
}

table.ui-datepicker-calendar th span {
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #747474 !important;
}

/*.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {
  border: 0 !important;
  border-radius: 5px !important;
  background: #f8f8f8 !important;
  text-align: center !important;
  color: $primaryColor-black;
  font-size: 14px !important;
  padding: 9px 4px !important;
}*/
.ui-state-default:hover {
  background-color: #4065e7 !important;
  color: #fff !important;
}

.ui-datepicker-current-day .ui-state-default.ui-state-active,
.ui-datepicker-current-day .ui-button.ui-state-disabled:hover,
.ui-datepicker-current-day .ui-button.ui-state-disabled:active {
  background-color: #4065e7 !important;
  color: #fff !important;
}

.ui-datepicker-today .ui-state-highlight,
.ui-datepicker-today .ui-state-default.ui-state-active {
  color: #0b132b !important;
  position: relative;
}
.ui-datepicker-today .ui-state-highlight::after,
.ui-datepicker-today .ui-state-default.ui-state-active::after {
  display: block !important;
  content: "·";
  font-size: 22px !important;
  color: #ffba27 !important;
  position: absolute;
  left: 50%;
  bottom: -6px;
  transform: translate(-50%, 0);
}

.dimm {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 102;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
}

.popupWrap {
  position: relative;
  overflow: hidden;
}

.comPopup {
  display: none;
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

.comPopupSecond {
  display: none;
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

.comPopupAgree {
  display: none;
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

.popup {
  min-width: 300px;
  width: calc(100% - 10px);
  z-index: 113;
  background-color: #fff;
  border-radius: 10px;
  padding: 40px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.popup .close {
  cursor: pointer;
  width: 15px;
  height: 14px;
  display: block;
  font-size: 0;
  position: absolute;
  right: 25px;
  top: 25px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M1 13.5L14 0.500001' stroke='%230B132B' stroke-linecap='round'/%3E%3Cpath d='M1 0.5L14 13.5' stroke='%230B132B' stroke-linecap='round'/%3E%3C/svg%3E");
}
.popup .title {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 50px;
}
.popup .btn-box {
  margin-top: 10px !important;
}
.popup .btn-box.d-flex {
  justify-content: space-between;
}
.popup .btn-box .button {
  width: calc(50% - 5px);
}
.popup .btn-group {
  justify-content: space-between;
  margin-top: 24px;
}
@media all and (min-width: 1049px) {
  .popup .btn-group {
    margin-top: 40px;
  }
}
.popup .btn-group.col2 .button {
  width: calc(50% - 5px);
}
.popup .text-info {
  margin-top: 40px;
}

.serviceMenuPopup {
  border-radius: 10px;
  padding: 25px 0;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.serviceMenuPopup.fadeUp {
  display: block;
}
.serviceMenuPopup .title {
  font-size: 18px;
  font-weight: 600;
  color: #0b132b;
}
.serviceMenuPopup.popup {
  background-color: #fff;
  padding: 0 20px;
}
@media all and (min-width: 1049px) {
  .serviceMenuPopup.popup {
    padding: 0;
  }
}
.serviceMenuPopup.popup li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 16px;
}
.serviceMenuPopup.popup li.primaryColor-black {
  font-weight: 500;
}
.serviceMenuPopup.popup li.total-area {
  padding-top: 16px;
  border-top: 1px solid #ebebeb;
}

.search-setting.popup {
  padding: 25px 25px 45px 25px;
  z-index: 113;
}
.search-setting.popup .title {
  margin-bottom: 25px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #0b132b;
}
.search-setting.popup .form-group .s-tit {
  display: block;
  line-height: 18px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 400;
  color: #0b132b;
}
.search-setting.popup .form-group .mb {
  margin-bottom: 15px;
}
.search-setting.popup .form-group .text-rdo-wrap {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-setting.popup .form-group .text-rdo-wrap input[type=checkbox] + label,
.search-setting.popup .form-group .text-rdo-wrap input[type=radio] + label {
  display: inline-block;
  width: 100%;
  height: auto;
  border: 0;
  background-color: #f3f3f4;
  border-radius: 10px;
  padding: 8px 5px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  color: #0b132b;
}
.search-setting.popup .form-group .text-rdo-wrap input[type=checkbox] + label::before,
.search-setting.popup .form-group .text-rdo-wrap input[type=radio] + label::before {
  display: none;
}
.search-setting.popup .form-group .text-rdo-wrap input[type=checkbox]:checked + label,
.search-setting.popup .form-group .text-rdo-wrap input[type=radio]:checked + label {
  background-color: #626cff;
  color: #fff;
}
.search-setting.popup .form-group .text-rdo-wrap input[type=checkbox]:checked + label::before,
.search-setting.popup .form-group .text-rdo-wrap input[type=radio]:checked + label::before {
  display: none;
}
.search-setting.popup .form-group .text-rdo-wrap span {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.search-setting.popup .form-group .text-rdo-wrap.col2 span {
  width: calc(50% - 5px);
}
.search-setting.popup .form-group .text-rdo-wrap.col3 span {
  width: calc(33% - 5px);
}
.search-setting.popup .form-group .text-rdo-wrap.col4 span {
  width: calc(25% - 5px);
}
.search-setting.popup .form-group .text-rdo-wrap.col5 span {
  width: calc(20% - 5px);
}
.search-setting.popup .form-group .calender {
  border: 1px solid #626cff;
  border-radius: 10px;
  height: 34px;
}

.agreePopup {
  border-radius: 10px;
  background-color: #fff;
}
.agreePopup.chk-list {
  width: 700px;
  min-height: 500px;
  padding: 40px 40px;
  overflow-y: auto;
  text-align: center;
}
.agreePopup.chk-list .p-title {
  line-height: 36px;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}
.agreePopup.chk-list .p-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 40px;
}
.agreePopup.chk-list .list {
  text-align: left;
}
.agreePopup.chk-list .list li {
  margin-bottom: 15px;
  margin-left: 30px;
}
.agreePopup.chk-list .list li input[type=checkbox] + label {
  width: auto;
  height: auto;
  background-color: transparent;
  border: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.agreePopup.chk-list .list li input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #747474;
  margin-top: -2px;
  margin-left: -30px;
  margin-right: 8px;
  color: #0b132b;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.agreePopup.chk-list .list li input[type=checkbox]:checked + label::before {
  border: 0;
  background-color: #4065e7;
}
.agreePopup.chk-list .list li:last-child {
  font-weight: 600;
  border-top: 1px solid #f3f3f4;
  padding-top: 20px;
  margin-top: 20px;
}
.agreePopup.chk-list .btn-group {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
}
.agreePopup.chk-list .btn-group .button {
  width: 130px;
  margin-left: 16px;
  font-size: 20px;
}

.productPopUp {
  border-radius: 10px;
  background-color: #fff;
}
.productPopUp.chk-list {
  width: 100%;
  min-height: 150px;
  padding: 40px 40px;
  overflow-y: auto;
  text-align: center;
}
@media all and (min-width: 1049px) {
  .productPopUp.chk-list {
    width: 500px;
    min-height: 180px;
  }
}
.productPopUp.chk-list .p-title {
  line-height: 36px;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}
.productPopUp.chk-list .p-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 40px;
}
.productPopUp.chk-list .list {
  text-align: left;
}
.productPopUp.chk-list .list li {
  margin-bottom: 15px;
  margin-left: 30px;
}
.productPopUp.chk-list .list li input[type=checkbox] + label {
  width: auto;
  height: auto;
  background-color: transparent;
  border: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.productPopUp.chk-list .list li input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #747474;
  margin-top: -2px;
  margin-left: -30px;
  margin-right: 8px;
  color: #0b132b;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.productPopUp.chk-list .list li input[type=checkbox]:checked + label::before {
  border: 0;
  background-color: #4065e7;
}
.productPopUp.chk-list .list li:last-child {
  font-weight: 600;
  border-top: 1px solid #f3f3f4;
  padding-top: 20px;
  margin-top: 20px;
}
.productPopUp.chk-list .btn-group {
  margin-top: 20px;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
}
.productPopUp.chk-list .btn-group .button {
  width: 200px;
  margin-left: 16px;
  font-size: 20px;
}

.content .serviceMenuPopup .title {
  margin-bottom: 20px;
}
.content .serviceMenuPopup .line-box {
  position: relative;
  border-radius: 10px !important;
  border: 1px solid #414ac7 !important;
  padding: 0 20px 24px 20px !important;
}
.content .serviceMenuPopup .line-box h5 {
  display: inline-block !important;
  margin: -7px 0 15px -10px;
  padding: 0 10px;
  font-weight: 300;
  font-size: 12px;
}
.content .serviceMenuPopup .line-box .check-detail div.row {
  margin-bottom: 8px;
  margin-top: 8px;
}
.content .serviceMenuPopup .line-box .check-detail div.row .line {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 8px;
}
.content .serviceMenuPopup .line-box .check-detail div.row:first-child {
  margin-top: 0;
}
.content .serviceMenuPopup .line-box .check-detail div.row:last-child {
  margin-bottom: 0;
}
.content .serviceMenuPopup .line-box .check-detail div.row.popup-tg-open {
  cursor: pointer;
}
.content .serviceMenuPopup .line-box .check-detail div.row .main-cont,
.content .serviceMenuPopup .line-box .check-detail div.row .popup-tg-open {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #0b132b;
  line-height: 24px;
}
.content .serviceMenuPopup .line-box .check-detail div.row .main-cont i,
.content .serviceMenuPopup .line-box .check-detail div.row .popup-tg-open i {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  border-top: 2px solid #0b132b;
  border-right: 2px solid #0b132b;
  border-radius: 0 1px 0 0;
  transform: rotate(135deg);
  margin-top: -3px;
  margin-left: 8px;
  cursor: pointer;
}
.content .serviceMenuPopup .line-box .check-detail div.row .popup-tg-cont {
  display: none;
  margin-top: 10px;
  border-bottom: 1px solid #ebebeb;
}
.content .serviceMenuPopup .line-box .check-detail div.row .popup-tg-cont li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 300;
  color: #747474;
  margin-bottom: 4px;
  margin-top: 4px;
}
.content .serviceMenuPopup .line-box .check-detail div.row .popup-tg-cont li.points * {
  font-size: 12px !important;
  font-weight: 300 !important;
  color: #bd0000 !important;
}
.content .serviceMenuPopup .line-box .check-detail div.row .popup-tg-cont li:first-child {
  margin-top: 0;
}
.content .serviceMenuPopup .line-box .check-detail div.row .popup-tg-cont li:last-child {
  margin-bottom: 0;
}
.content .serviceMenuPopup .line-box .check-detail div.row span em {
  margin-left: 8px;
}
.content .serviceMenuPopup .line-box .service-tg {
  color: #747474;
  margin-bottom: 32px;
  margin-top: 10px;
}
.content .serviceMenuPopup .line-box .service-tg .top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 10px;
  margin-bottom: 15px;
  line-height: 18px;
}
.content .serviceMenuPopup .line-box .service-tg .row {
  margin-bottom: 15px;
}
.content .serviceMenuPopup .line-box .service-tg .row em {
  font-style: normal;
}
.content .serviceMenuPopup .line-box .service-tg .row .popup-tg-open {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 18px;
  cursor: pointer;
}
.content .serviceMenuPopup .line-box .service-tg .row .popup-tg-open i {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  border-top: 1px solid #747474;
  border-right: 1px solid #747474;
  border-radius: 0 1px 0 0;
  transform: rotate(135deg);
  margin-top: -3px;
  margin-left: 3px;
}
.content .serviceMenuPopup .line-box .service-tg .row .popup-tg-open .primaryColor-black i {
  border-top: 1px solid #0b132b;
  border-right: 1px solid #0b132b;
}
.content .serviceMenuPopup .line-box .service-tg .row .popup-tg-open.on i {
  transform: rotate(-45deg);
  margin-top: 3px;
}
.content .serviceMenuPopup .line-box .service-tg .row .popup-tg-cont {
  display: none;
  margin-top: 10px;
}
.content .serviceMenuPopup .line-box .service-tg .row .popup-tg-cont li {
  line-height: 18px;
  margin-bottom: 0 !important;
}

@media all and (max-width: 780px) {
  .showUp .line-box {
    border: 0 !important;
    padding: 0 !important;
  }
  .showUp .line-box h5 {
    display: none !important;
  }
  .popup li {
    margin-bottom: 10px !important;
  }
  .popup .inner {
    padding-bottom: 0 !important;
  }
  .popup .title {
    display: block !important;
    margin-bottom: 16px;
  }
  .agreePopup {
    border-radius: 10px;
    background-color: #fff;
  }
  .agreePopup.chk-list {
    width: 100%;
    height: 500px;
    min-height: 400px;
    padding: 16px;
    overflow: hidden;
    text-align: center;
  }
  .agreePopup.chk-list .p-title {
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  .agreePopup.chk-list .p-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 30px;
  }
  .agreePopup.chk-list .list {
    height: 300px;
    text-align: left;
    overflow-y: auto;
  }
  .agreePopup.chk-list .list li {
    margin-bottom: 10px;
    margin-left: 30px;
  }
  .agreePopup.chk-list .list li input[type=checkbox] + label {
    width: auto;
    height: auto;
    background-color: transparent;
    border: 0;
    border: 0;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
  }
  .agreePopup.chk-list .list li input[type=checkbox] + label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #747474;
    margin-top: -2px;
    margin-left: -25px;
    margin-right: 8px;
    color: #0b132b;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .agreePopup.chk-list .list li input[type=checkbox]:checked + label::before {
    border: 0;
    background-color: #4065e7;
  }
  .agreePopup.chk-list .list li:last-child {
    font-weight: 600;
    border-top: 1px solid #f3f3f4;
    padding-top: 10px;
    margin-top: 10px;
  }
  .agreePopup.chk-list .btn-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 20px;
  }
  .agreePopup.chk-list .btn-group .button {
    width: calc(50% - 5px);
    margin-left: 0;
    font-size: 16px;
  }
  .ui-widget.ui-widget-content {
    width: 280px !important;
  }
  .service-popup.pointsPopup {
    width: calc(100% - 10px) !important;
  }
  .service-popup.pointsPopup .top img {
    width: unset;
  }
  .service-popup.pointsPopup .inner .row .pop-cost .pop-cost-input button {
    padding: 0px;
  }
  .service-popup.couponPopup {
    width: calc(100% - 10px) !important;
  }
  .service-popup.couponPopup .top img {
    width: unset;
  }
  .service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 781px) and (max-width: 1048px) {
  .popup {
    width: 440px;
    left: 50%;
    top: 50%;
  }
  .showUp .line-box h5 {
    display: none !important;
  }
  .button {
    font-size: 12px !important;
  }
}
@media all and (min-width: 1049px) {
  .popup {
    width: 512px;
    left: 50%;
    top: 50%;
    padding: 40px 30px;
  }
  .popup .inner {
    padding-top: 0 !important;
  }
  .popup .title {
    font-size: 32px;
    font-weight: 600;
    color: #000;
  }
  .popup .text-info {
    margin: 30px 0 20px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
  }
  .showUp {
    max-width: 50%;
    left: 50%;
    top: 0;
    transform: translate(0, 0);
    padding-bottom: 50px !important;
  }
  .showUp.popup {
    padding: 0;
  }
  .showUp .line-box {
    border-radius: 10px;
    border: 1px solid #414ac7;
    padding: 10px 35px 40px;
  }
  .showUp .line-box h5 {
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    padding: 0 15px;
    line-height: 24px;
    font-weight: 300;
    margin: -23px 0 30px -15px;
  }
  .showUp .line-box li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .showUp .line-box li.primaryColor-black {
    font-weight: 500;
  }
  .cont-row {
    position: relative;
  }
  .search-setting.popup .title {
    line-height: 30px;
    font-size: 20px;
    font-weight: 400;
    color: #0b132b;
  }
  .search-setting.popup .form-group .s-tit {
    font-size: 16px;
    line-height: 24px !important;
  }
  .search-setting.popup .form-group input[type=checkbox] + label,
  .search-setting.popup .form-group input[type=radio] + label {
    font-size: 16px !important;
  }
  .search-setting.popup .form-group .text-rdo-wrap input[type=checkbox] + label,
  .search-setting.popup .form-group .text-rdo-wrap input[type=radio] + label {
    line-height: 24px;
  }
  .content .serviceMenuPopup {
    width: 50%;
    padding: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  .content .serviceMenuPopup .title {
    margin-bottom: 30px;
  }
  .content .serviceMenuPopup .line-box {
    padding: 0 30px 40px !important;
  }
  .content .serviceMenuPopup .line-box h5 {
    display: inline-block !important;
    margin: -7px 0 15px -10px;
    padding: 0 10px;
    font-weight: 300;
    font-size: 12px;
  }
  .content .serviceMenuPopup .line-box .check-detail {
    padding-top: 8px;
  }
  .content .serviceMenuPopup .line-box .check-detail div.row {
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .content .serviceMenuPopup .line-box .check-detail div.row .line {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 8px;
  }
  .content .serviceMenuPopup .line-box .check-detail div.row:first-child {
    margin-top: 0;
  }
  .content .serviceMenuPopup .line-box .check-detail div.row:last-child {
    margin-bottom: 0;
  }
  .content .serviceMenuPopup .line-box .check-detail div.row.popup-tg-open {
    cursor: pointer;
  }
  .content .serviceMenuPopup .line-box .check-detail div.row .main-cont,
  .content .serviceMenuPopup .line-box .check-detail div.row .popup-tg-open {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #0b132b;
    line-height: 24px;
  }
  .content .serviceMenuPopup .line-box .check-detail div.row .popup-tg-cont {
    display: none;
    margin-top: 10px;
    border-bottom: 1px solid #ebebeb;
  }
  .content .serviceMenuPopup .line-box .check-detail div.row .popup-tg-cont li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 300;
    color: #747474;
    margin-bottom: 4px;
    margin-top: 4px;
  }
  .content .serviceMenuPopup .line-box .check-detail div.row .popup-tg-cont li.points * {
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #bd0000 !important;
  }
  .content .serviceMenuPopup .line-box .check-detail div.row .popup-tg-cont li:first-child {
    margin-top: 0;
  }
  .content .serviceMenuPopup .line-box .check-detail div.row .popup-tg-cont li:last-child {
    margin-bottom: 0;
  }
  .content .serviceMenuPopup .line-box .check-detail div.row span em {
    margin-left: 8px;
  }
  .content .serviceMenuPopup .line-box .service-tg {
    color: #747474;
  }
  .content .serviceMenuPopup .line-box .service-tg .top-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
    margin-bottom: 15px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500 !important;
  }
  .content .serviceMenuPopup .line-box .service-tg .row {
    margin-bottom: 15px;
  }
  .content .serviceMenuPopup .line-box .service-tg .row em {
    font-style: normal;
  }
  .content .serviceMenuPopup .line-box .service-tg .row .popup-tg-open {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
  }
  .content .serviceMenuPopup .line-box .service-tg .row .popup-tg-cont {
    display: none;
    margin-top: 10px;
  }
  .content .serviceMenuPopup .line-box .service-tg .row .popup-tg-cont li {
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 8px !important;
  }
  .content .serviceMenuPopup.fadeUp {
    opacity: 1;
    -webkit-animation-name: fadeUpAni;
    animation-name: fadeUpAni;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
  @-webkit-keyframes fadeUpAni {
    0% {
      opacity: 0;
      -webkit-transform: translateY(100px);
      transform: translateY(100px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes fadeUpAni {
    0% {
      opacity: 0;
      -webkit-transform: translateY(100px);
      transform: translateY(100px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
}
.service-popup {
  display: none;
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.service-popup.pointsPopup {
  margin-left: -5px;
  width: 360px;
  padding: 0;
}
.service-popup.pointsPopup .top {
  padding: 8px 20px;
  border-bottom: 1px solid #d9d9d9;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px 10px 0 0;
}
.service-popup.pointsPopup .top.d-flex {
  flex-direction: unset;
  justify-content: space-between;
}
.service-popup.pointsPopup .top span {
  font-size: 16px;
  font-weight: 600;
  color: #0b132b;
}
.service-popup.pointsPopup .inner {
  padding: 20px 20px 36px 20px !important;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.service-popup.pointsPopup .inner .row.d-flex {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.service-popup.pointsPopup .inner .row div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.service-popup.pointsPopup .inner .row hr {
  width: 100%;
  color: #CAD0D8;
}
.service-popup.pointsPopup .inner .row .pop-header label {
  display: flex;
  flex-direction: column;
}
.service-popup.pointsPopup .inner .row .pop-header label span em {
  margin-left: 4px;
}
.service-popup.pointsPopup .inner .row .pop-header label span:first-child {
  line-height: 24px;
  font-size: 16px;
  font-weight: 600;
  color: #0b132b;
}
.service-popup.pointsPopup .inner .row .pop-header label span:last-child {
  line-height: 18px;
  font-size: 12px;
  font-weight: 300;
  color: #747474;
}
.service-popup.pointsPopup .inner .row .pop-header label span:last-child.point-totalKrw-coupon {
  background: #A3B9FF;
  border-radius: 10px;
  line-height: 15px;
  font-size: 10px;
  font-weight: 600;
  color: #002CBD;
  width: fit-content;
  padding: 2px 4px;
  margin-left: auto;
}
.service-popup.pointsPopup .inner .row .pop-cont label {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #0b132b;
}
.service-popup.pointsPopup .inner .row .pop-cont span {
  align-content: center;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #0b132b;
}
.service-popup.pointsPopup .inner .row .pop-cont span em {
  margin-left: 4px;
}
.service-popup.pointsPopup .inner .row .pop-cont span.no-point {
  color: #bd0000;
}
.service-popup.pointsPopup .inner .row .pop-cont span.no-point em {
  color: #bd0000;
  margin-left: 4px;
}
.service-popup.pointsPopup .inner .row .pop-cost {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.service-popup.pointsPopup .inner .row .pop-cost span {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #0b132b;
}
.service-popup.pointsPopup .inner .row .pop-cost span.no-point {
  color: #d9d9d9;
}
.service-popup.pointsPopup .inner .row .pop-cost .pop-cost-input .no-point {
  color: #d9d9d9;
}
.service-popup.pointsPopup .inner .row .pop-cost .pop-cost-input button {
  font-size: 16px;
  font-weight: 400;
  color: #0b132b;
  line-height: 24px;
  background: #f3f3f4;
  border-radius: 10px;
  padding: 8px;
  width: 56px;
}
.service-popup.pointsPopup .inner .row.pop-btn-group span {
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #bd0000;
  margin-bottom: 32px;
}
.service-popup.couponPopup {
  width: 720px;
  padding: 0;
}
.service-popup.couponPopup .top {
  padding: 8px 20px;
  border-bottom: 1px solid #d9d9d9;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px 10px 0 0;
}
.service-popup.couponPopup .top.d-flex {
  flex-direction: unset;
  justify-content: space-between;
}
.service-popup.couponPopup .top span {
  font-size: 16px;
  font-weight: 600;
  color: #0b132b;
}
.service-popup.couponPopup .inner {
  padding: 20px 20px 36px 20px !important;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.service-popup.couponPopup .inner .row.pop-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box::-webkit-scrollbar {
  width: 5px; /* 스크롤바의 너비 */
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box::-webkit-scrollbar-thumb {
  background: #626cff; /* 스크롤바의 색상 */
  border-radius: 10px;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box::-webkit-scrollbar-track {
  background: rgba(33, 122, 244, 0.1); /*스크롤바 뒷 배경 색상*/
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: scroll;
  max-height: 380px;
  padding-bottom: 20px;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li {
  display: flex;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li .coupon-title {
  width: 160px;
  position: relative;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li .coupon-title .coupon-title-info {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li .coupon-title .coupon-title-info img {
  width: 32px;
  height: 32px;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li .coupon-title .coupon-title-info div {
  line-height: 21px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li .coupon-title .coupon-title-circle {
  background: #fff;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0 16px 16px 0;
  border: 1px solid #95a1b2;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li .coupon-title .coupon-title-back {
  width: 100%;
  height: 100%;
  border-radius: 10px 0 0 10px;
  border: 1px solid #95a1b2;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li .coupon-info {
  padding: 16px;
  border-radius: 0 10px 10px 0;
  border: 1px solid #95A1B2;
  border-left: none;
  width: calc(100% - 120px);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li .coupon-info .coupon-amount {
  line-height: 24px;
  font-size: 24px;
  font-weight: 600;
  color: #0b132b;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li .coupon-info .coupon-amount em {
  margin-left: 4px;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li .coupon-info .coupon-description {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li .coupon-info .coupon-description .coupon-description-title {
  line-height: 21px;
  font-size: 14px;
  font-weight: 600;
  color: #414ac7;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li .coupon-info .coupon-description div {
  display: flex;
  flex-direction: column;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li .coupon-info .coupon-description div span {
  line-height: 15px;
  font-size: 10px;
  font-weight: 500;
  color: #5C6B7E;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li.coupon-available .coupon-title .coupon-title-back {
  background: #4065e7;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li.coupon-available.selected .coupon-title .coupon-title-circle {
  border: 4px solid #00BDA6;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li.coupon-available.selected .coupon-title .coupon-title-back {
  border: 4px solid #00BDA6;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li.coupon-available.selected .coupon-info {
  background: #E9FFEF;
  border: 4px solid #00BDA6;
  border-left: none;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li.coupon-unavailable .coupon-title .coupon-title-back {
  background: #7A8A9F;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li.coupon-unavailable .coupon-info .coupon-amount {
  color: #7A8A9F;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li.coupon-unavailable .coupon-info .coupon-amount em {
  color: #7A8A9F;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li.coupon-unavailable .coupon-info .coupon-description .coupon-description-title {
  color: #7A8A9F;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li.coupon-unavailable .coupon-info .coupon-description div span {
  color: #7A8A9F;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li.coupon-unavailable .coupon-info .coupon-description div span em {
  color: #7A8A9F;
}
.service-popup.couponPopup .inner .row.pop-header .pop-coupon-box ul li.coupon-unavailable .coupon-info .coupon-description div span em.expired {
  color: #D80B1F;
}
.service-popup.couponPopup .inner .row.pop-header .pop-check-box label {
  line-height: 15px;
  font-size: 12px;
  font-weight: 300;
  color: #0b132b;
}
.service-popup.couponPopup .inner .row .pop-register {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.service-popup.couponPopup .inner .row .pop-register span {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #0b132b;
}
.service-popup.couponPopup .inner .row .pop-register .pop-coupon-input {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.service-popup.couponPopup .inner .row .pop-register .pop-coupon-input button {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding: 8px 12px;
  background: #4065e7;
  border-radius: 10px;
}
.service-popup.couponPopup .inner .row.pop-btn-group {
  margin-top: 20px;
}

* {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
  color: #0b132b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

html[lang=ko] * {
  font-family: "Noto Sans KR", sans-serif;
}

body {
  position: relative;
  font-size: 12px;
  color: #0b132b;
}

iframe {
  border: 0;
  width: 100%;
  aspect-ratio: 16/9;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

button.btn-check-out {
  margin-top: 24px;
}
@media all and (min-width: 1049px) {
  button.btn-check-out {
    margin-top: 40px !important;
  }
}

.ip-select {
  padding: 0 15px !important;
}
@media all and (min-width: 1049px) {
  .ip-select {
    padding: 0 15px;
  }
}

.required {
  color: #F99496 !important;
}

.d-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-flex.j-between {
  justify-content: space-between !important;
}
.d-flex.a-top {
  align-items: flex-start !important;
}
.d-flex.f-start {
  justify-content: flex-start !important;
}
.d-flex.f-end {
  justify-content: flex-end !important;
}

.form-group .field-validation-error {
  display: inline-block;
  vertical-align: middle;
}

.btn-group {
  gap: 16px;
}
@media all and (max-width: 780px) {
  .btn-group {
    gap: 8px;
  }
}

.input-container {
  position: relative;
}
.input-container input + label.currency-unit,
.input-container input + span.currency-unit {
  position: absolute;
  right: 10px;
  top: 58%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #747474;
  font-size: 16px;
}
@media all and (max-width: 780px) {
  .input-container input + label.currency-unit,
  .input-container input + span.currency-unit {
    font-size: 12px;
  }
}

span [id$=-error], span.field-validation-error {
  margin-top: 8px;
  font-size: 14px;
  color: #bd0000;
}

ul li:last-child {
  margin-bottom: 0 !important;
}

@media all and (max-width: 780px) {
  .division {
    height: 14px;
  }
}

input[type=tel],
input[type=text],
input[type=number],
input[type=password],
select * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

input[type=tel],
input[type=text],
input[type=number],
input[type=password],
select {
  background-color: #f3f3f4;
  border: 0;
  border-radius: 10px;
  outline: none;
  height: 40px;
  width: 100%;
  color: #0b132b;
  font-size: 16px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
  transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
@media all and (max-width: 780px) {
  input[type=tel],
  input[type=text],
  input[type=number],
  input[type=password],
  select {
    font-size: 12px;
  }
}
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
select::placeholder {
  color: #747474;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
input[type=tel]:hover:not(.hasDatepicker),
input[type=text]:hover:not(.hasDatepicker),
input[type=number]:hover:not(.hasDatepicker),
input[type=password]:hover:not(.hasDatepicker),
select:hover:not(.hasDatepicker) {
  box-shadow: 0 0 0 4px #ebf5ff;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  padding: 0 14px;
  -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
  transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
input[type=tel]:focus:not(.hasDatepicker), input[type=tel]:active:not(.hasDatepicker),
input[type=text]:focus:not(.hasDatepicker),
input[type=text]:active:not(.hasDatepicker),
input[type=number]:focus:not(.hasDatepicker),
input[type=number]:active:not(.hasDatepicker),
input[type=password]:focus:not(.hasDatepicker),
input[type=password]:active:not(.hasDatepicker),
select:focus:not(.hasDatepicker),
select:active:not(.hasDatepicker) {
  border: 1px solid #414ac7;
  background-color: #fff;
  padding: 0 14px;
  box-shadow: 0 0 0 4px #ebf5ff;
  -webkit-transition: background-color 250ms ease, outline 250ms ease, color 250ms ease, -webkit-box-shadow 250ms ease;
  transition: background-color 250ms ease, outline 250ms ease, color 250ms ease, box-shadow 250ms ease, -webkit-box-shadow 250ms ease;
}
input[type=tel].input-validation-error, input[type=tel].error,
input[type=text].input-validation-error,
input[type=text].error,
input[type=number].input-validation-error,
input[type=number].error,
input[type=password].input-validation-error,
input[type=password].error,
select.input-validation-error,
select.error {
  border: 1px solid #bd0000;
  background-color: #fff;
  outline: 3px solid #ffdddd;
}
input[type=tel].success,
input[type=text].success,
input[type=number].success,
input[type=password].success,
select.success {
  border: 1px solid #00bda6;
  background-color: #fff;
  outline: 3px solid #e9ffef;
}

textarea {
  width: 100%;
  height: 184px;
  background-color: #f3f3f4;
  border: 0;
  border-radius: 10px;
  outline: none;
  resize: none;
  padding: 10px;
  color: #0b132b;
}
textarea::placeholder {
  color: #747474;
}
textarea:hover {
  border: 1px solid #d9d9d9;
  background-color: #fff;
  outline: 3px solid #ebf5ff;
}
textarea:focus, textarea:active {
  border: 1px solid #414ac7;
  background-color: #fff;
  outline: 3px solid #ebf5ff;
}

button * {
  box-sizing: border-box;
}

.button {
  width: 100%;
  position: relative;
  z-index: 1;
  height: 40px;
  line-height: 40px;
  border: 1px solid #0b132b;
  border-radius: 10px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: transform 120ms cubic-bezier(0, 0, 0.58, 1), background 120ms cubic-bezier(0, 0, 0.58, 1);
  font-size: 20px;
  user-select: none;
}
.button.plus, .button.minus {
  margin-bottom: 12px;
}
.button::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  transform: translate3d(0, 8px, -1px);
  transition: transform 120ms cubic-bezier(0, 0, 0.57, 1), box-shadow 120ms cubic-bezier(0, 0, 0.58, 1);
}
.button::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #fff;
}

button {
  position: relative;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
}
button::before, button::after {
  box-sizing: border-box;
}
button.btn-primary {
  font-weight: 600;
  color: #fff;
  background: #81a4ff;
  border-radius: 10px;
}
button.btn-primary * {
  color: #fff;
}
button.btn-primary span {
  font-weight: 400;
}
button.btn-primary::before {
  background: #4065e7;
  box-shadow: 0 0 0 1px #0b132b, 0 10px 0 -2px #acbaeb;
}
button.btn-primary::after {
  background-color: #81a4ff;
}
button.btn-primary:hover {
  background: #626cff;
  transform: translate(0, 4px);
}
button.btn-primary:hover::before {
  box-shadow: 0 0 0 1px #0b132b, 0 0.35em 0 -2px #acbaeb;
  transform: translate3d(0, 4px, -1px);
}
button.btn-primary:hover::after {
  background-color: #626cff;
}
button.btn-primary:active {
  background: #626cff;
  transform: translate(0em, 0.55em);
}
button.btn-primary:active::before {
  box-shadow: 0 0 0 1px #0b132b, 0 0 #acbaeb;
  transform: translate3d(0, 0, -1em);
}
button.btn-primary.on, button.btn-primary.active {
  background: #626cff;
  transform: translate(0em, 0.75em);
}
button.btn-primary.on::before, button.btn-primary.active::before {
  box-shadow: 0 0 0 1px #0b132b, 0 0 #acbaeb;
  transform: translate3d(0, 0, -1em);
}
button.btn-secondary {
  font-weight: 300;
  color: #0b132b;
  background: #fff;
  border-radius: 10px;
}
button.btn-secondary::before {
  background: #4065e7;
  box-shadow: 0 0 0 1px #0b132b, 0 10px 0 -2px #acbaeb;
}
button.btn-secondary:hover {
  background: #fff;
  transform: translate(0, 4px);
}
button.btn-secondary:hover::before {
  box-shadow: 0 0 0 1px #0b132b, 0 0.35em 0 -2px #acbaeb;
  transform: translate3d(0, 4px, -1px);
}
button.btn-secondary:active {
  background: #fff;
  transform: translate(0em, 0.55em);
}
button.btn-secondary:active::before {
  box-shadow: 0 0 0 1px #0b132b, 0 0 #acbaeb;
  transform: translate3d(0, 0, -1em);
}
button.btn-secondary.on, button.btn-secondary.active {
  background: #fff;
  transform: translate(0em, 0.75em);
}
button.btn-secondary.on::before, button.btn-secondary.active::before {
  box-shadow: 0 0 0 1px #0b132b, 0 0 #acbaeb;
  transform: translate3d(0, 0, -1em);
}
button.btn-disabled {
  cursor: auto;
  height: 36px;
  line-height: 42px;
  font-weight: 300;
  color: #747474;
  background: #f3f3f4;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #0b132b, inset 0px 6px 0 0px #d9d9d9;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1);
  border: 0;
  vertical-align: bottom;
}
button.btn-disabled::before {
  background: #747474;
  box-shadow: 0 0 0 1px #0b132b;
  transform: translate3d(0, -6px, -1px);
  transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
}
button.btn-disabled:hover {
  background: #f3f3f4;
  transform: translate3d(0, 0, 0);
}
button.btn-disabled:hover::before {
  box-shadow: 0 0 0 1px #0b132b, inset 0px 6px 0 0px #747474;
  transform: translate3d(0, -6px, -1px);
  transition: transform 0 cubic-bezier(0, 0, 0, 1), box-shadow 0 cubic-bezier(0, 0, 0.58, 1);
}
button.btn-disabled:active {
  background: #f3f3f4;
  transform: translate3d(0, 0, 0);
}
button.btn-disabled:active::before {
  box-shadow: 0 0 0 1px #0b132b, inset 0px 6px 0 0px #747474;
  transform: translate3d(0, -6px, -1px);
  transition: transform 0 cubic-bezier(0, 0, 0, 1), box-shadow 0 cubic-bezier(0, 0, 0.58, 1);
}
button.btn-disabled.on, button.btn-disabled.active {
  background: #f3f3f4;
  transform: translate3d(0, 0, 0);
}
button.btn-disabled.on::before, button.btn-disabled.active::before {
  box-shadow: 0 0 0 1px #0b132b, inset 0px 6px 0 0px #747474;
  transform: translate3d(0, -6px, -1px);
  transition: transform 0 cubic-bezier(0, 0, 0, 1), box-shadow 0 cubic-bezier(0, 0, 0.58, 1);
}
button.btn-contained {
  border-radius: 10px;
  border: 1px solid #0b132b;
  background: #81a4ff;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label {
  cursor: pointer;
}
input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid #747474;
  background-color: #fff;
  margin-top: -2px;
  margin-right: 5px;
  color: #0b132b;
}
input[type=checkbox]:checked + label::before {
  content: "";
  border: 0;
  background-color: #4065e7;
}
input[type=checkbox]:disabled + label {
  color: #d9d9d9 !important;
}
input[type=checkbox]:disabled + label::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background-color: #d9d9d9;
  margin-top: -2px;
  margin-right: 5px;
  color: #0b132b;
}

input[type=radio] {
  display: none;
}
input[type=radio] + label {
  cursor: pointer;
}
input[type=radio] + label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #747474;
  margin-top: -2px;
  margin-right: 5px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
input[type=radio]:checked + label:before {
  border: 5px solid #4065e7;
  width: 20px;
  height: 20px;
}
input[type=radio]:disabled + label:before {
  border: 2px solid #d9d9d9;
}

input[type=text] {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

input[type=radio]:disabled + label::before {
  background-color: #f3f3f4;
}

textarea:disabled {
  background-color: #f3f3f4;
  border: 0;
  border-radius: 10px;
  outline: none;
  width: 100%;
  color: #747474;
}
textarea:disabled:hover {
  background-color: #f3f3f4;
  outline: none;
  border: 0;
}

select:disabled + .sel-box,
input[type=text]:disabled {
  background-color: #f3f3f4;
  border: 0;
  border-radius: 10px;
  outline: none;
  height: 40px;
  width: 100%;
  color: #747474;
}
select:disabled + .sel-box:hover,
input[type=text]:disabled:hover {
  background-color: #f3f3f4;
  outline: none;
  border: 0;
}

select:disabled + .sel-box + .select-items {
  display: none;
}

select:disabled + .sel-box {
  color: #d9d9d9;
}
select:disabled + .sel-box::after {
  display: none;
}

.file-box {
  position: relative;
  width: 100%;
  margin: 20px 0;
}
.file-box .upload-file {
  width: 100%;
  display: block;
  padding: 15px 0;
  cursor: pointer;
  height: 120px;
  border: 2px dashed #d9d9d9;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
.file-box input[type=file] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}
.file-box .upload-text {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center !important;
}
.file-box .upload-text .mo-text {
  display: block !important;
  margin-bottom: 10px;
  text-align: center !important;
  font-size: 16px;
  font-weight: 500;
  color: #4065e7;
}
.file-box .upload-text .gray600 {
  line-height: 16px;
}
.file-box .upload-name {
  display: none;
}

.file-list {
  width: 100%;
}
.file-list .file-view {
  width: 100%;
  position: relative;
  font-size: 10px;
  font-weight: 300;
  color: #747474;
  border-radius: 10px;
  border: 1px solid #f3f3f4;
  background: #fff;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.file-list .file-view .text {
  width: calc(100% - 65px);
}
.file-list .file-view .name {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
  color: #4065e7;
}
.file-list .file-view .btn-del {
  display: block;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.file-box.uploading {
  border-radius: 10px;
  border: 2px dashed #d9d9d9;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.file-box.uploading .d-flex {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center !important;
}

.file-uploading {
  width: 100%;
  color: #747474;
}
.file-uploading .d-flex {
  flex-direction: row !important;
  justify-content: space-between !important;
}
.file-uploading .d-flex.center {
  align-items: center;
}
.file-uploading .blue500 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.file-uploading .gray600 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.btn-uploading .d-flex.f-start {
  justify-content: flex-start;
  flex-direction: row !important;
}
.btn-uploading .red700,
.btn-uploading .blue500 {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
}
.btn-uploading .gray600 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
}
.btn-uploading .btn-line-blue {
  font-size: 16px;
  font-weight: 400;
  color: #4065e7;
  width: 117px;
  height: 54px;
  line-height: 54px;
  border-radius: 10px;
  border: 2px solid #4065e7;
  margin-right: 24px;
}

.bar-upload {
  width: 100%;
  height: 6px;
  background-color: #eaeaea;
  border-radius: 10px;
  overflow: hidden;
}
.bar-upload .on {
  height: 100%;
  display: block;
  background-color: #4065e7;
  border-radius: 10px;
}

.select-wrap {
  position: relative;
}
.select-wrap .sel-box * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.select-wrap .sel-box {
  background-color: #f3f3f4;
  border: 0;
  border-radius: 10px;
  outline: none;
  padding: 0 15px;
  height: 40px;
  display: flex;
  align-items: center;
  width: 100%;
  color: #747474;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
  transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
.select-wrap .sel-box:hover {
  box-shadow: 0 0 0 4px #ebf5ff;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  padding: 0 14px;
  -webkit-transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, -webkit-box-shadow 200ms ease;
  transition: background-color 200ms ease, outline 200ms ease, color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
.select-wrap .sel-box:focus, .select-wrap .sel-box:active {
  border: 1px solid #414ac7;
  background-color: #fff;
  padding: 0 14px;
  box-shadow: 0 0 0 4px #ebf5ff;
}
.select-wrap .sel-box:after {
  content: "";
  width: 0;
  height: 0;
  border: solid rgba(23, 20, 20, 0.5);
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  transform: rotate(45deg) translateY(-51%);
  right: 17px;
  top: 45%;
}
.select-wrap .sel-box.select-arrow-active {
  border: 1px solid #414ac7;
  background-color: #fff;
  box-shadow: 0 0 0 4px #ebf5ff;
  padding: 0 14px;
}
.select-wrap .sel-box.select-arrow-active:after {
  transform: rotate(223deg);
  right: 15px;
}
.select-wrap .select-items {
  width: 100%;
  background-color: #f3f3f4;
  border: 1px solid #414ac7;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 5px;
  cursor: pointer;
  position: absolute;
  z-index: 9;
}
.select-wrap .select-hide {
  display: none;
}
.select-wrap .select-items {
  padding: 10px 0;
  background-color: #fff;
}
.select-wrap .select-items div {
  padding: 0 15px;
  height: 32px;
  line-height: 32px;
  color: #747474;
}
.select-wrap .select-items div.same-as-selected, .select-wrap .select-items div:hover {
  background-color: #dff0ff;
}

[class*=form-] .ip-group {
  position: relative;
}
[class*=form-] .ip-group .toggle-pw {
  height: 14px;
  position: absolute;
  right: 10px;
  top: 20%;
}
[class*=form-] .ip-group .toggle-pw i {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 14px;
  font-size: 0;
  cursor: pointer;
  background: url(../assets/images/i_pw.png) no-repeat center;
}
[class*=form-] .ip-group .toggle-pw i.i-eye {
  background: url(../assets/images/i_pwShow.png) no-repeat center;
}
[class*=form-] .ip-text {
  padding: 0 15px;
}
[class*=form-] .row {
  margin-bottom: 24px;
}
[class*=form-] .row .mb {
  margin-bottom: 5px;
}

.disabled * {
  color: #d9d9d9;
}
.disabled.textarea:active, .disabled.textarea:hover, .disabled.ip-text:active, .disabled.ip-text:hover {
  background-color: #f3f3f4;
  outline: none;
  border: 0;
}

.form-counter .count-list li .d-flex {
  justify-content: space-between;
}
.form-counter .count-list li .col {
  width: 130px;
  text-align: right;
  margin-right: 10px;
}
.form-counter .count-list li .row-col {
  display: flex;
  flex-direction: column;
}
.form-counter .count-list li .row-col .krw {
  display: block;
  line-height: 27px;
  font-size: 18px;
  font-weight: 600;
  color: #0b132b;
}
.form-counter .count-list li .row-col .usd {
  display: block;
  line-height: 18px;
  font-size: 12px;
  font-weight: 300;
  color: #747474;
}
.form-counter .button {
  position: relative;
  max-width: 60px;
  min-width: 35px;
  font-size: 34px;
  margin-top: -4px;
}
.form-counter .button.minus {
  border-radius: 10px 0 0 10px;
}
.form-counter .button.plus {
  border-radius: 0 10px 10px 0;
}
.form-counter .ip-num {
  min-width: 50px;
  max-width: 80px;
  background-color: #fff;
  border: 1px solid #0b132b;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #0b132b;
}
.form-counter.disabled * {
  color: #bebebe !important;
}
.form-counter.disabled * .btn {
  color: #747474;
  font-size: 20px;
  font-weight: 300;
}

.pager {
  width: 100%;
  margin-bottom: 40px;
}
.pager .inner {
  margin-top: 30px;
  padding: 0 !important;
}
.pager .d-flex.center {
  align-items: center;
  justify-content: center !important;
}
.pager .button {
  display: block;
  width: 48px !important;
  font-size: 31px;
  letter-spacing: -1px;
  margin-bottom: 0;
  text-align: left;
  padding-left: 11px;
}
.pager .button strong {
  font-weight: 200;
}
.pager .num {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 300;
  color: #0b132b;
  cursor: pointer;
}
.pager .num.on {
  background-color: #f3f3f4;
  font-weight: 600;
}
.pager .p-prev .button,
.pager .prev .button {
  display: block;
  border-radius: 10px 0 0 10px;
  margin-top: 0;
}
.pager .n-next .button,
.pager .next .button {
  height: 40px;
  border-radius: 0 10px 10px 0;
  margin-top: 0;
}
.pager .prev {
  padding-right: 10px;
  margin-top: -10px;
}
.pager .prev strong {
  padding-left: 5px;
}
.pager .next {
  margin-top: -10px;
}
.pager .next strong {
  padding-left: 5px;
}
.pager .p-prev,
.pager .n-next {
  margin-top: -10px;
}

.sns-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin-top: 25px;
  margin-bottom: 90px;
}
.sns-wrap .button {
  width: 48px;
  margin-right: 10px;
}
.sns-wrap .button .btn-sns {
  display: block;
}
.sns-wrap .button .btn-sns .inner-text {
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-size: 12px;
  line-height: 1;
  margin: -2px 0 0 3px;
}
.sns-wrap .button.sns-google {
  width: 235.63px;
}
.sns-wrap .button.sns-google .inner-text {
  margin-left: 8px;
  font-family: "Roboto", sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  color: #0b132b;
}
.sns-wrap .button.sns-google .btn {
  color: #000;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sns-wrap .button.sns-google i {
  background: #fff url(../assets/images/i_google_logo.png) no-repeat center;
  background-size: 20px 20px;
}
.sns-wrap .button.sns-google:hover {
  width: 235.63px;
}
.sns-wrap .button.sns-tw i {
  background: #fff url(../assets/images/i_twitter.png) no-repeat center;
  background-size: 20px 20px;
}
.sns-wrap .button.sns-insta i {
  background: #fff url(../assets/images/i_instagram.png) no-repeat center;
  background-size: 20px 20px;
}
.sns-wrap .button.sns-fb i {
  background: #fff url(../assets/images/i_facebook.png) no-repeat center;
  background-size: 20px 20px;
}
.sns-wrap [class*=sns-] i {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 20px;
  height: 20px;
  margin-top: -2px;
}
.sns-wrap:before {
  display: block;
  content: "Or";
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  padding: 0 10px;
  z-index: 1;
  color: #747474;
}
.sns-wrap:after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #747474;
  position: absolute;
  bottom: -43px;
}

.header {
  width: 100%;
  padding: 8px 0;
  position: relative;
  background-color: #fff;
  z-index: 101;
  top: 0;
}
.header .logo {
  cursor: pointer;
  width: 148px;
  height: 24px;
  background: url(https://paysable-cdn.s3.us-east-2.amazonaws.com/etc/main_logo.png) no-repeat center;
  background-size: contain;
  margin: 0 auto;
  font-size: 0;
}
.header .logo a {
  display: block;
}
.header .logo img {
  width: auto;
  height: 24px;
}
.header #btnGnbOpen {
  width: 45px;
  height: 40px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
  font-size: 0;
}
@media all and (min-width: 1049px) {
  .header #btnGnbOpen {
    display: none;
  }
}
.header .gnb-open {
  width: 18px;
  height: 12px;
  background: url(../assets/images/i_gnb.png) no-repeat 0 0;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
  font-size: 0;
}
.header .mo-gnb {
  width: 100%;
  height: 100vh;
  background-color: #f3f6ff;
  position: absolute;
  top: 0;
  z-index: 9;
  padding: 20px;
  display: block;
  position: fixed;
  top: 0;
  right: -100%;
  min-width: 225px;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.header .mo-gnb .d-flex {
  justify-content: space-between;
  align-items: flex-start;
}
.header .mo-gnb .gnb-close {
  display: block;
  width: 20px;
  height: 19px;
  position: relative;
  cursor: pointer;
}
.header .mo-gnb .gnb-close:before, .header .mo-gnb .gnb-close:after {
  position: absolute;
  left: 9px;
  content: "";
  height: 17px;
  width: 2px;
  background-color: #000;
  border-radius: 5px;
}
.header .mo-gnb .gnb-close:before {
  transform: rotate(45deg);
}
.header .mo-gnb .gnb-close:after {
  transform: rotate(-45deg);
}
.header .mo-gnb .lnb {
  width: calc(100% - 80px);
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 30px;
}
.header .mo-gnb .menu-group .row {
  margin-bottom: 30px;
}
.header .mo-gnb .menu-group .row .beforeNotice {
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5;
  border-bottom: 1px solid #000;
  text-align: right;
  padding-bottom: 10px;
  justify-content: space-between;
}
.header .mo-gnb .menu-group .row .top-coupon span {
  color: #00bda6;
}
.header .mo-gnb .menu-group .row .menu-open:not(.beforeNotice) {
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5;
  border-bottom: 1px solid #000;
  text-align: right;
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
}
.header .mo-gnb .menu-group .row .menu-open:not(.beforeNotice)::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(135deg);
}
.header .mo-gnb .menu-group .row .menu-open:not(.beforeNotice).active::before {
  content: "";
  transform: rotate(-45deg);
}
.header .mo-gnb .menu-group .row .list {
  display: none;
  padding-bottom: 20px;
}
.header .mo-gnb .menu-group .row .list li {
  line-height: 24px;
  padding: 8px 0;
  text-align: right;
}
.header .mo-gnb .menu-group .row .list li a {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.header .head-prev,
.header .pc-gnb {
  display: none;
}

.btn-scroll {
  display: none;
}

.border-box {
  border: 1px solid #d9d9d9;
  background-color: #fdfdfd;
  border-radius: 10px;
}

.bul {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 40px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #0b132b;
}
.bul:before {
  content: "·";
  display: inline-block;
  margin-right: 10px;
  font-size: 22px;
  font-weight: 600;
  color: #747474;
}
.bul .d-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-items: flex-start;
  line-height: 40px;
}
.bul .blue500 {
  margin: 0;
  padding: 0 5px;
  font-weight: 500;
}
.bul .select-wrap {
  width: 115px;
  margin: 0 5px;
}
.bul .btn-del {
  margin-left: auto;
}

.bul-text {
  padding-left: 10px;
  margin-top: 16px;
}
.bul-text:before {
  display: inline-block;
  vertical-align: top;
  font-size: 22px;
  font-weight: 700;
  color: #747474;
  content: "·";
  margin-left: -13px;
  margin-right: 6px;
}

.content .line-box {
  border-radius: 10px;
  border: 1px solid #414ac7;
  padding: 10px 35px 40px;
}
.content .line-box h5 {
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  padding: 0 15px;
  margin: -23px 0 30px -15px;
}
.content .line-box li {
  line-height: 24px;
}
.content .bul-list {
  padding-left: 15px;
  margin: 16px 0 40px;
}
.content .bul-list li {
  font-size: 12px;
  font-weight: 300;
  color: #0b132b;
  margin-bottom: 10px;
  line-height: 18px;
}
.content .bul-list li:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #747474;
  margin-left: -10px;
  margin-right: 5px;
}
.content .history figure {
  display: block;
  font-size: 0;
  width: 321px;
  max-width: 321px;
  height: 321px;
  /*background: url(../assets/images/i_deposit.png) no-repeat center;*/
  background-size: contain;
}
.content .history .cate-wrap .cate-name {
  text-align: center;
  border: 1px solid #0b132b;
  border-radius: 10px;
  margin-bottom: 10px;
}
.content .history .cate-wrap .cate-name span {
  width: 25%;
  line-height: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #0b132b;
}
.content .history .cate-wrap .cate-list li {
  font-size: 16px;
  font-weight: 400;
  color: #0b132b;
  line-height: 24px;
  padding: 10px 0;
  margin-bottom: 4px;
  cursor: pointer;
}
.content .history .cate-wrap .cate-list li.mo-text {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 12px;
}
.content .history .cate-wrap .cate-list span {
  width: 25%;
  text-align: center;
}
.content .history .cate-wrap .cate-list span em {
  font-style: normal;
}
.content .history-detail {
  padding: 0 20px;
}
.content .history-detail .total-area {
  margin-bottom: 40px;
}
.content .history-detail .total-area .tit {
  font-size: 16px;
  font-weight: 400;
  color: #0b132b;
  line-height: 24px;
  margin-bottom: 10px;
  display: block;
}
.content .history-detail .total-area .price {
  font-size: 24px;
  font-weight: 500;
  color: #0b132b;
  line-height: 36px;
}
.content .history-detail .depth {
  margin-bottom: 55px;
}
.content .history-detail .depth .title {
  font-size: 16px;
  font-weight: 400;
  color: #0b132b;
  line-height: 24px;
  display: block;
  border-bottom: 1px solid #f3f3f4;
  margin-bottom: 15px;
}
@media all and (max-width: 780px) {
  .content .history-detail .depth .list .historyDetailli {
    display: block;
  }
}
.content .history-detail .depth .list li {
  font-size: 14px;
  font-weight: 400;
  color: #0b132b;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
  line-height: 18px;
  padding: 9px 0;
}
.content .history-detail .depth .list li .historySubject {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  width: 80%;
}
@media all and (max-width: 780px) {
  .content .history-detail .depth .list li .historySubject {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    display: block;
  }
}
.content .history-detail .depth .list li .historyDateTime {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  width: 20%;
}
.content .history-detail .depth .list li .historyDateTime .hours {
  color: #7A8A9F;
}
@media all and (max-width: 780px) {
  .content .history-detail .depth .list li .historyDateTime {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    display: block;
  }
}
.content .history-detail .depth .list li .label {
  background-color: #f3f3f4;
  border-radius: 10px;
  padding: 3px 10px;
}
.content .history-detail .depth .list li .blue500.line {
  text-decoration: underline;
}
.content .history-detail .depth .list li .i-arr {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  margin: -2px 0 0 3px;
}
.content .history-detail .depth .list.mt {
  margin-top: 20px;
}
.content .history-detail .button {
  display: none;
}
.content .num-pluse {
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 21px;
  color: #0b132b;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #0b132b;
}
.content .num-pluse:hover {
  background-color: #fff;
  border: 1px solid #0b132b;
}

.nav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  align-items: flex-end;
}
@media all and (max-width: 780px) {
  .nav {
    position: sticky;
    top: 40px;
    z-index: 99;
  }
}
@media (min-width: 781px) and (max-width: 1048px) {
  .nav {
    position: sticky;
    top: 40px;
    z-index: 99;
  }
}
.nav:after, .nav:before {
  display: inline-block;
  content: "";
  height: 100%;
  border-bottom: 3px solid #d9d9d9;
}
.nav span {
  background-color: #F3F3F4;
}
.nav span a {
  font-size: 12px;
  font-weight: 500;
  color: #747474;
}
.nav span.on {
  background-color: #4065E7;
}
.nav span.on a {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.nav.col3 span {
  display: block;
  width: 33.33%;
  line-height: 24px;
  text-align: center;
}
.nav.col3 span a {
  display: block;
  padding: 8px 0;
}
.nav.col2 span {
  width: 100%;
  display: block;
  line-height: 24px;
  text-align: center;
}
.nav.col2 span a {
  display: block;
  padding: 8px 0;
}
.nav.flow span {
  width: 25%;
  line-height: 24px;
  text-align: center;
  display: block;
}
.nav.flow span a {
  display: block;
}

.sub-nav {
  margin-bottom: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
}
.sub-nav.depth2 {
  position: sticky;
  top: 40px;
  z-index: 99;
  margin-bottom: 30px;
}
.sub-nav:after, .sub-nav:before {
  display: inline-block;
  content: "";
  height: 100%;
  border-bottom: 3px solid #d9d9d9;
}
.sub-nav span {
  background-color: #F3F3F4;
}
.sub-nav span a {
  font-size: 12px;
  font-weight: 500;
  color: #747474;
}
.sub-nav span.on {
  background-color: #4065E7;
}
.sub-nav span.on a {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.sub-nav.col3 span {
  display: block;
  width: 33.33%;
  line-height: 24px;
  text-align: center;
}
.sub-nav.col3 span a {
  display: block;
  padding: 8px 0;
}
.sub-nav.col2 span {
  width: 100%;
  display: block;
  line-height: 24px;
  text-align: center;
}
.sub-nav.col2 span a {
  display: block;
  padding: 8px 0;
}
.sub-nav.flow span {
  width: 25%;
  line-height: 24px;
  text-align: center;
  display: block;
}
.sub-nav.flow span a {
  display: block;
}

.history {
  padding: 0 20px;
}
.history figure {
  /* display: none;*/
}
.history .title {
  display: none;
}
.history .long-text {
  line-height: 18px;
  font-size: 12px;
  font-weight: 300;
  color: #0b132b;
}
.history .d-flex {
  justify-content: flex-start;
}
.history .sort [class*=form-] .select-wrap * {
  margin-bottom: 0 !important;
}
.history .sort .period-search {
  cursor: pointer;
}
.history .sort .period-search span:after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #0b132b;
  margin: 0 3px 0 10px;
}
.history .sort .period-search .arrayType:after {
  display: none;
}
.history .sort .period-search:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 8L9.29289 12.2929C9.68342 12.6834 10.3166 12.6834 10.7071 12.2929L15 8' stroke='%230B132B' stroke-linecap='round'/%3E%3C/svg%3E");
}

.board-detail .top em {
  font-style: normal;
}
.board-detail .top .title {
  display: block;
  line-height: 48px;
  padding: 5px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #d9d9d9;
  font-size: 32px;
  font-weight: 600;
  color: #0b132b;
}
.board-detail .top .long-text {
  line-height: 30px;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 500;
  color: #0b132b;
}
.board-detail .top .top-align {
  font-size: 16px;
  color: #0b132b;
}
.board-detail .top .top-align .d-flex {
  justify-content: flex-start;
  margin-bottom: 16px;
}
.board-detail .top .top-align .tLeft {
  width: 110px;
}
.board-detail .cont {
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  padding: 32px 32px;
  margin-top: 30px;
}
.board-detail .cont.bg {
  background-color: #fdfdfd;
}
.board-detail .cont .text-area {
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
}
.board-detail .cont .img-area img {
  width: 100%;
}
.board-detail .button {
  width: 490px;
  margin-left: auto;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.board-detail .pager .button {
  justify-content: flex-start;
}

.complete .d-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 25px;
  line-height: 30px;
  font-size: 20px;
  font-weight: 600;
  color: #0b132b;
}
.complete .d-flex .i_check {
  display: inline-block;
  vertical-align: middle;
  background: url(../assets/images/i_check.png) no-repeat center;
  background-size: contain;
  min-width: 47px;
  min-height: 47px;
  margin-right: 10px;
}
.complete .d-flex .i_pending {
  display: inline-block;
  vertical-align: middle;
  background: url(../assets/images/i_pending.png) no-repeat center;
  background-size: contain;
  min-width: 47px;
  min-height: 47px;
  margin-right: 10px;
}
.complete .text-info {
  line-height: 15px;
  font-size: 12px;
  font-weight: 300;
  color: #0b132b;
}
.complete .text-info + .text-info {
  margin-top: 10px;
}
.complete .btn-box {
  margin-top: 40px;
}

.go_to_top {
  display: none;
  flex-direction: column;
  position: fixed;
  right: 28px;
  bottom: 24px;
  z-index: 2;
  width: 48px;
  height: 48px;
  font-size: 10px;
  font-weight: 400;
  color: #0b132b;
}
.go_to_top.active {
  display: flex;
  justify-content: center;
  align-items: center;
}
.go_to_top::before, .go_to_top::after {
  content: "";
  display: block;
}
.go_to_top::before {
  width: 10px;
  height: 9px;
  background: url(../assets/images/icn_top_arrow.svg) no-repeat center center;
}
.go_to_top::after {
  position: absolute;
  left: 4px;
  top: 4px;
  z-index: -1;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.footer {
  background-color: #f8f8f8;
  padding: 30px 20px;
}
.footer .blue700 {
  color: #414ac7;
}
.footer .row {
  font-size: 12px;
  font-weight: 400;
  color: #747474;
  line-height: 18px;
  letter-spacing: -0.3px;
}
.footer .row strong {
  color: #000;
  font-weight: 500;
}
.footer .row p.d-flex {
  justify-content: flex-start;
}
.footer .row p.d-flex span {
  margin-right: 20px;
}
.footer .row .col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 40px;
}
.footer .row .col p {
  margin-bottom: 8px;
}
.footer .row .col p .ml {
  margin-left: 10px;
}
.footer .row .col .cont {
  width: 50%;
}
.footer .row .col .blue700 {
  font-size: 12px;
  font-weight: 400;
  color: #414ac7;
}
.footer .row .img-logo-box {
  width: 100%;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.footer .row .img-logo-box span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: block;
  width: calc(50% - 5px);
  height: 48px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
}
.footer .row .img-logo-box span img {
  width: auto;
  height: 26px;
}
.footer copyright {
  width: 100%;
  display: block;
  border-top: 1px solid #d9d9d9;
  padding-top: 30px;
  margin-top: 30px;
  line-height: 22px;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 400;
  color: #000;
}
.footer copyright + p {
  font-size: 12px;
  font-weight: 400;
  color: #000;
}

.tooltip-copy {
  opacity: 0;
  width: calc(100% - 20px);
  line-height: 18px;
  margin: 10px auto;
  transition: all 0.2s;
  text-align: center;
  border-radius: 10px;
  padding: 10px 15px;
  background-color: #0b132b;
  position: relative;
  z-index: 97;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

.ul-list {
  margin-top: 20px;
}
.ul-list li {
  line-height: 18px;
  margin-bottom: 5px;
  padding-left: 10px;
}
.ul-list li:before {
  content: "·";
  display: inline-block;
  vertical-align: middle;
  font-size: 17px;
  font-weight: 700;
  color: #0b132b;
  line-height: 17px;
  height: 19px;
  margin-right: 4px;
  margin-left: -10px;
}

.register .repackage-type .title,
.forwarding .repackage-type .title {
  font-size: 16px;
  font-weight: 500;
  color: #0b132b;
}
.register .repackage-type .button.btn-line,
.forwarding .repackage-type .button.btn-line {
  color: #0b132b;
}
.register .pc-cont,
.forwarding .pc-cont {
  display: none;
}

.mo-cont .inquiry-type .btn-group .button {
  font-size: 12px;
}
.mo-cont .inquiry-type .btn-group .on {
  margin-bottom: 50px;
}
.mo-cont .inquiry-type .btn-group .on .btn-secondary {
  height: 40px;
  height: 32px;
  line-height: 32px;
  background-color: #81a4ff;
  color: #fff;
}
.mo-cont .inquiry-type .btn-group .second-type .type-cont .button {
  margin-top: 15px;
  height: 40px;
}
.mo-cont .inquiry-type .btn-group .second-type .type-cont .button.btn-line {
  margin-top: 15px;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  font-weight: 300;
  color: #0b132b;
}

.mo-gnb .menu-group .user-box {
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px 20px;
  margin-bottom: 30px;
}
.mo-gnb .menu-group .user-box .welcome {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 24px;
  font-size: 16px;
  font-weight: 600;
}
.mo-gnb .menu-group .user-box .welcome.on::before {
  display: block;
  content: "";
  width: 11px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12' viewBox='0 0 11 12' fill='none'%3E%3Cpath d='M8.25 7.1001L6.20711 5.05721C5.81658 4.66668 5.18342 4.66668 4.79289 5.0572L2.75 7.1001' stroke='%230B132B' stroke-linecap='round'/%3E%3C/svg%3E");
  transform: rotate(180deg);
}
.mo-gnb .menu-group .user-box .user-cate {
  margin-top: 24px;
}
.mo-gnb .menu-group .user-box .user-cate .row {
  margin-bottom: 0px;
  line-height: 21px;
  padding: 8px 0;
  border-bottom: 1px solid #d9d9d9;
}
.mo-gnb .menu-group .user-box .user-cate .row .inner {
  padding: 0;
}
.mo-gnb .menu-group .user-box .user-cate .row .inner .d-flex {
  justify-content: space-between;
}
.mo-gnb .menu-group .user-box .user-cate .row .inner .align-left {
  font-size: 14px;
  font-weight: 300;
}
.mo-gnb .menu-group .user-box .user-cate .row .inner .right {
  width: calc(100% - 140px);
  text-align: right;
  font-size: 14px;
  font-weight: 400;
}
.mo-gnb .menu-group .user-box .user-cate .row .text-box {
  margin-top: 4px;
  border-top: 1px solid #000;
}
.mo-gnb .menu-group .user-box .user-cate .row .text-box .font10 {
  line-height: 15px;
  margin: 5px 0;
}
.mo-gnb .menu-group .user-box .user-cate .row .text-box li {
  line-height: 18px;
  margin-bottom: 8px;
}
.mo-gnb .menu-group .user-box .user-cate .row .text-box li .font12 {
  color: #747474;
}
.mo-gnb .menu-group .user-box .user-cate .row .button {
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}
.mo-gnb .menu-group .user-box .user-cate .row:first-child {
  padding-top: 0;
}
.mo-gnb .menu-group .user-box .user-cate .row:last-child {
  border-bottom: 0;
}

.opt:after {
  content: "*";
  font-size: 16px;
  font-weight: 500;
  color: #f99496;
}

@media all and (max-width: 780px) {
  body.bg {
    background-color: #fff;
  }
  img {
    width: 100%;
  }
  img.empty-contents {
    width: 50%;
  }
  .wrapper .content .inner {
    padding-top: 0;
  }
  .wrapper .history .top figure {
    /*  display: none;*/
  }
  .wrapper.complete {
    padding: 40px 20px 0;
  }
  .wrapper.complete .check-text {
    font-size: 20px;
  }
  .header {
    background-color: #fafafa;
    position: sticky;
  }
  .header .head-prev {
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    font-size: 0;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12 5L7.70711 9.29289C7.31658 9.68342 7.31658 10.3166 7.70711 10.7071L12 15' stroke='%230B132B' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .header .logo.head-sub {
    width: auto;
    background: none;
    font-size: 18px;
    text-align: center;
  }
  .header .logo.head-sub a {
    line-height: 24px;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
  }
  .btn-scroll {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    position: fixed;
    bottom: 10%;
    right: 20px;
    box-shadow: 0px 4px 2px #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 8;
    opacity: 0;
    cursor: pointer;
  }
  .btn-scroll a {
    display: block;
  }
  .btn-scroll:before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    border-radius: 1px;
    transform: rotate(-45deg);
  }
  .button {
    height: 35px;
    line-height: 30px;
    font-size: 12px;
  }
  .left,
  .pc-text {
    display: none;
  }
  .history .ml50 {
    margin-left: 0;
  }
  .history .sort .select-wrap {
    display: none;
  }
  .history .sort.mb25 {
    margin-bottom: 0;
  }
  .history .cate-wrap .cate-name {
    display: none;
  }
  .history .cate-wrap .cate-list .mo-text {
    font-size: 12px;
    font-weight: 400;
  }
  .history .cate-wrap .cate-list li {
    border: 0;
    padding: 0;
    border-bottom: 1px solid #f3f3f4;
  }
  .history .cate-wrap .cate-list li .amount,
  .history .cate-wrap .cate-list li .cate {
    width: 50%;
    text-align: left;
  }
  .history .cate-wrap .cate-list li .date {
    width: auto;
    color: #747474;
    font-size: 14px;
  }
  .history .cate-wrap .cate-list li .status {
    text-align: left;
    width: auto;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 400;
  }
  .history .cate-wrap .cate-list li .amount {
    text-align: right;
  }
  .history .cate-wrap .cate-list li .d-flex {
    flex-wrap: wrap;
  }
  .history .cate-wrap .cate-list em {
    font-style: normal;
  }
  .board-detail {
    padding: 0 20px;
  }
  .board-detail .top .title {
    display: none;
  }
  .board-detail .top .long-text {
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .board-detail .top .top-align {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .board-detail .top .top-align .tLeft {
    display: none;
  }
  .board-detail .top .top-align .d-flex {
    margin-bottom: 0;
  }
  .board-detail .cont {
    padding: 15px 15px;
  }
  .board-detail .cont .text-area {
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
  }
  .board-detail .cont.bg {
    background-color: #fff;
  }
  .board-detail .button {
    width: 100%;
  }
  input[type=text],
  input[type=number],
  input[type=password],
  select {
    height: 32px;
    line-height: 32px;
  }
  input[type=checkbox] + label {
    width: 15px;
    height: 15px;
  }
  input[type=checkbox] {
    display: none;
  }
  input[type=checkbox] + label {
    cursor: pointer;
  }
  input[type=checkbox] + label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 2px solid #747474;
    background-color: #fff;
    margin-top: -2px;
    margin-right: 5px;
    color: #0b132b;
  }
  input[type=checkbox]:checked + label::before {
    content: "";
    border: 0;
    background-color: #4065e7;
  }
  input[type=checkbox]:disabled + label::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    margin-top: -2px;
    margin-right: 5px;
    color: #0b132b;
  }
  input[type=radio] {
    display: none;
  }
  input[type=radio] + label {
    cursor: pointer;
  }
  input[type=radio] + label:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #747474;
    margin-top: -2px;
    margin-right: 5px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  input[type=radio]:checked + label:before {
    border: 4px solid #4065e7;
    width: 15px;
    height: 15px;
  }
  input[type=radio]:disabled + label:before {
    border: 2px solid #d9d9d9;
  }
  .sort .period-search:after {
    width: 15px;
    height: 15px;
    background-size: 15px;
  }
  .mo-btn-fixed {
    height: 0;
    overflow: hidden;
    background-color: #fff;
    z-index: -1;
  }
  .mo-btn-fixed .mo-text-no {
    display: none;
  }
  .mo-btn-fixed .sel-count {
    display: none;
  }
  .mo-btn-fixed.active {
    width: 100%;
    height: auto;
    z-index: 99;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 20px 16px;
    overflow: inherit;
  }
  .mo-btn-fixed.active .sel-count {
    display: block;
    width: 100%;
    background-color: #4065e7;
    text-align: center;
    line-height: 18px;
    padding: 5px;
    position: absolute;
    left: 0;
    top: -20px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
  }
  .mo-btn-fixed.active .sel-count span {
    color: #fff;
  }
  .mo-btn-fixed.active .sel-count .icon-sel-del {
    position: absolute;
    right: 3%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
  }
  .mo-btn-fixed.active.d-flex {
    justify-content: space-between;
  }
  .mo-btn-fixed.active .button {
    margin-top: 0;
    margin-bottom: 5px;
    width: calc(50% - 10px);
  }
  .file-list .btn-uploading .btn-line-blue {
    margin-right: 10px !important;
    width: 90px;
  }
  .file-list .btn-uploading .red700,
  .file-list .btn-uploading .blue500 {
    font-size: 16px !important;
    line-height: 21px;
    letter-spacing: -0.5px;
  }
  .file-list .btn-uploading .gray600 {
    font-size: 14px !important;
  }
}
@media (min-width: 781px) and (max-width: 1048px) {
  .header {
    position: sticky;
  }
  .header .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: flex-start;
    padding: 0 10px;
  }
  .header .logo {
    margin-right: auto;
    margin-left: 0;
    background-position: 0;
  }
  .header .mo-gnb .lnb {
    justify-content: flex-end;
  }
  .header .mo-gnb .lnb li {
    margin-left: 25px;
  }
  .wrapper .content .inner {
    padding-top: 0;
  }
  .wrapper.complete .content {
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    align-items: center;
    height: calc(100vh - 40px);
    justify-content: center;
  }
  .wrapper.complete .content .check-text {
    font-size: 20px;
  }
  body {
    position: relative;
  }
  body.bg {
    background-color: #fff;
  }
  .left,
  .pc-text {
    display: none;
  }
  .history .sort .form-group {
    display: none;
  }
  .history .cate-wrap .cate-list .mo-text {
    display: none;
  }
  .board-detail {
    padding: 0 20px;
  }
  .board-detail .top .title {
    display: none;
  }
  .board-detail .top .long-text {
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .board-detail .top .top-align {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .board-detail .top .top-align .d-flex {
    margin-bottom: 0;
  }
  .board-detail .top .top-align .tLeft {
    display: none;
  }
  .board-detail .cont {
    padding: 15px 15px;
  }
  .board-detail .cont.bg {
    background-color: #fff;
  }
  .board-detail .button {
    width: 100%;
  }
}
@media all and (min-width: 1049px) {
  body {
    width: 100%;
    min-width: 1440px;
    max-width: 100%;
  }
  body .button {
    font-size: 20px;
  }
  body .button.btn-disabled {
    font-size: 20px !important;
  }
  body .history {
    padding: 0;
  }
  body .history .cate-list.pd li div {
    padding: 13px 15px;
  }
  body .history .cate-list li {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 0 !important;
  }
  body .history .cate-list li:last-child {
    border-bottom: 0;
  }
  body .history .cate-list li div {
    padding: 13px 0;
  }
  body .history .cate-list li:hover div {
    background-color: #ecf4ff;
    border-radius: 10px;
  }
  body .history .mo-text {
    display: none;
  }
  body .history .top.d-flex {
    justify-content: space-between;
    align-items: flex-start;
  }
  body .history figure {
    display: block !important;
  }
  body .history .title {
    display: block;
    margin-bottom: 25px !important;
    margin-top: 10px;
    line-height: 48px;
    font-size: 24px;
  }
  body .history .title strong {
    font-size: 32px;
  }
  body .history .long-text {
    font-size: 16px;
    font-weight: 300;
    color: #0b132b;
    line-height: 24px;
  }
  body .history .select-wrap {
    width: 184px;
  }
  body .history .d-flex {
    justify-content: space-between;
  }
  body .history .sort {
    margin-bottom: 8px;
    font-size: 16px;
  }
  body.bg {
    background-color: #ecf4ff;
  }
  body .file-box {
    width: 264px;
    height: 172px;
  }
  body .file-box.uploading {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  body .file-box.uploading .blue500 {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.5px;
  }
  body .file-box.uploading .gray600 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body .file-box .upload-file {
    width: 264px;
    height: 172px;
  }
  body .file-box .upload-text .mo-text {
    display: none !important;
  }
  body .file-box .upload-text .pc-text {
    display: block;
    font-size: 20px;
  }
  body .file-list {
    width: calc(100% - 300px);
    margin: 20px 0;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  body .file-list li {
    width: 50%;
    margin-bottom: 20px;
  }
  body .file-list .file-view {
    width: 336px;
    border: 0;
    transition: all 0.5;
  }
  body .file-list .file-view .img-thumb {
    width: 48px;
    height: 48px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fdfdfd;
  }
  body .file-list .file-view .btn-del {
    opacity: 0;
  }
  body .file-list .file-view:hover {
    background-color: #ebf5ff;
  }
  body .file-list .file-view:hover .btn-del {
    opacity: 1;
  }
  body .file-list .file-view .text {
    font-size: 14px;
    width: calc(100% - 65px);
  }
  body .file-list .file-view .text .name {
    font-size: 16px;
  }
  body .file-list .file-uploading {
    color: #747474;
  }
  body .file-list .file-uploading .d-flex.center {
    align-items: center;
  }
  body .file-list .file-uploading .blue500 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
  }
  body .file-list .file-uploading .gray600 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  body .file-list .btn-uploading {
    width: 460px;
  }
  body .file-list .btn-uploading .red700,
  body .file-list .btn-uploading .blue500 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.5;
  }
  body .file-list .btn-uploading .gray600 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.5;
  }
  body .file-list .btn-uploading .btn-line-blue {
    font-size: 16px;
    font-weight: 400;
    color: #4065e7;
    width: 117px;
    height: 54px;
    line-height: 54px;
    border-radius: 10px;
    border: 2px solid #4065e7;
    margin-right: 24px;
  }
  .wrapper {
    margin: 0 auto;
  }
  .wrapper.bg {
    background-color: #ecf4ff;
  }
  .wrapper.complete {
    height: 100vh !important;
    display: block;
    padding: 0;
  }
  .wrapper.complete .content {
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    align-items: center;
    height: 100vh;
    justify-content: center;
    text-align: center;
  }
  .wrapper.complete .content .inner {
    width: 590px;
    padding-top: 0;
  }
  .wrapper.complete .content .inner .d-flex {
    letter-spacing: -0.5px;
    flex-direction: column;
    font-size: 32px;
    font-weight: 500;
    color: #0b132b;
  }
  .wrapper.complete .content .inner .d-flex .i_pending,
  .wrapper.complete .content .inner .d-flex .i_check {
    width: 112px;
    height: 112px;
    margin-bottom: 32px;
    margin-right: 0;
  }
  .wrapper.complete .content .inner .d-flex .check-text {
    font-size: 32px;
    line-height: 48px;
  }
  .wrapper.complete .content .inner .d-flex .check-text .fw600 {
    font-weight: 600 !important;
  }
  .wrapper.complete .content .inner .text-info {
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #0b132b;
  }
  .wrapper.complete .content .inner .btn-box {
    margin-top: 55px;
    font-size: 20px;
  }
  .header {
    padding: 0 40px;
    height: 80px;
    min-width: 1156px;
    width: 100%;
    position: fixed;
    top: 0;
  }
  .header .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: flex-start;
    padding: 0 10px;
  }
  .header .logo {
    height: 36px;
  }
  .header .gnb-open,
  .header .mo-gnb {
    display: none;
  }
  .header .pc-gnb {
    display: block;
    width: 100%;
    margin-left: 120px;
  }
  .header .pc-gnb .menu,
  .header .pc-gnb .lnb {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
  }
  .header .pc-gnb .lnb {
    margin-left: auto;
  }
  .header .pc-gnb .lnb li {
    margin-left: 32px;
    font-size: 16px;
  }
  .header .pc-gnb .gnb-wrap .gnb {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header .pc-gnb .gnb-wrap .gnb li a:hover {
    color: #414ac7;
  }
  .header .pc-gnb .gnb-wrap .gnb .beforeNotice {
    height: 80px;
    line-height: 80px;
    margin-right: 32px;
  }
  .header .pc-gnb .gnb-wrap .gnb > li:not(.beforeNotice) {
    height: 80px;
    line-height: 80px;
    margin-right: 32px;
  }
  .header .pc-gnb .gnb-wrap .gnb > li:not(.beforeNotice):before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 80px;
    height: 0;
    background-color: #ecf4ff;
    border-bottom: 4px solid #ecf4ff;
    z-index: 1;
    opacity: 0;
  }
  .header .pc-gnb .gnb-wrap .gnb > li:not(.beforeNotice):hover:before {
    opacity: 1;
    height: 52px;
    line-height: 52px;
  }
  .header .pc-gnb .gnb-wrap .gnb > li:not(.beforeNotice):hover .sub-menu {
    display: block;
    top: 80px;
  }
  .header .pc-gnb .gnb-wrap .gnb a {
    padding: 30px 0;
    font-size: 16px;
  }
  .header .pc-gnb .gnb-wrap .gnb .sub-menu {
    display: none;
    position: absolute;
    height: 52px;
    line-height: 52px;
    margin-left: -15px;
    z-index: 3;
    top: 0;
  }
  .header .pc-gnb .gnb-wrap .gnb .sub-menu ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header .pc-gnb .gnb-wrap .gnb .sub-menu ul li {
    height: 52px;
    line-height: 52px;
    background-color: #ecf4ff;
    margin-right: 20px;
  }
  .header .pc-gnb .gnb-wrap .gnb .sub-menu ul li a {
    display: block;
    padding: 0 15px;
    border-bottom: 4px solid #ecf4ff;
    color: #000;
    font-size: 14px;
  }
  .header .pc-gnb .gnb-wrap .gnb .sub-menu ul li a:hover {
    border-bottom: 4px solid #626cff;
    color: #414ac7;
  }
  .header .pc-gnb .gnb-wrap .lnb .lang {
    height: 80px;
    line-height: 80px;
  }
  .header .pc-gnb .gnb-wrap .lnb .lang:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 80px;
    height: 0;
    background-color: #ecf4ff;
    border-bottom: 4px solid #ecf4ff;
    z-index: 1;
    opacity: 0;
  }
  .header .pc-gnb .gnb-wrap .lnb .lang a {
    padding: 30px 0;
    font-size: 16px;
  }
  .header .pc-gnb .gnb-wrap .lnb .lang .sub-menu {
    right: 165px;
  }
  .header .pc-gnb .gnb-wrap .lnb .lang .sub-menu li {
    height: 52px;
    line-height: 52px;
    background-color: #ecf4ff;
    margin-left: 0;
    margin-right: 25px;
  }
  .header .pc-gnb .gnb-wrap .lnb .lang .sub-menu li a {
    display: block;
    padding: 0;
    border-bottom: 4px solid #ecf4ff;
    color: #000;
    font-size: 14px;
  }
  .header .pc-gnb .gnb-wrap .lnb .lang .sub-menu li a:hover {
    border-bottom: 4px solid #626cff;
    color: #414ac7;
  }
  .header .pc-gnb .gnb-wrap .lnb .top-coupon a {
    font-size: 16px;
    font-weight: 700;
    color: #00bda6;
  }
  .header .pc-gnb .gnb-wrap .lnb .sub-menu {
    display: none;
    position: absolute;
    height: 52px;
    line-height: 52px;
    z-index: 3;
    top: 0;
  }
  .header .pc-gnb .gnb-wrap .lnb .sub-menu ul {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header .pc-gnb .gnb-wrap .lnb .sub-menu ul li {
    height: 52px;
    line-height: 52px;
    background-color: #ecf4ff;
    margin-left: 0;
    margin-right: 15px;
  }
  .header .pc-gnb .gnb-wrap .lnb .sub-menu ul li a {
    display: block;
    padding: 0 15px;
    border-bottom: 4px solid #ecf4ff;
    color: #000;
    font-size: 15px;
  }
  .header .pc-gnb .gnb-wrap .lnb .sub-menu ul li a:hover {
    border-bottom: 4px solid #626cff;
    color: #414ac7;
  }
  .left {
    z-index: 99;
    width: 280px;
    height: calc(100vh - 144px);
    padding-right: 24px;
    background-color: #ecf4ff;
    margin-top: 80px;
    position: relative;
  }
  .left .user-box {
    border-radius: 10px;
    background-color: #fff;
    width: 256px;
    padding: 32px 20px;
    margin-top: 60px;
    position: fixed;
  }
  .left .user-box .welcome {
    font-size: 20px;
    font-weight: 600;
    color: #0b132b;
    border-bottom: 1px solid #dedede;
    line-height: 30px;
    padding-bottom: 8px;
    margin-bottom: 10px;
  }
  .left .user-box .user-cate {
    font-weight: 500;
    position: relative;
  }
  .left .user-box .user-cate .d-flex {
    justify-content: space-between;
  }
  .left .user-box .user-cate .row {
    padding: 8px 0;
  }
  .left .user-box .user-cate .row .inner {
    position: relative;
  }
  .left .user-box .user-cate .row .inner.tg-open {
    cursor: pointer;
  }
  .left .user-box .user-cate .row .inner.tg-open:after {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 4px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Crect y='0.5' width='20' height='20' rx='4' fill='%23F3F3F4'/%3E%3Cpath d='M8 15.5L12.2929 11.2071C12.6834 10.8166 12.6834 10.1834 12.2929 9.79289L8 5.5' stroke='%230B132B' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }
  .left .user-box .user-cate .row .inner.tg-open.on:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Crect y='0.5' width='20' height='20' rx='4' fill='%23626CFF'/%3E%3Cpath d='M8 15.5L12.2929 11.2071C12.6834 10.8166 12.6834 10.1834 12.2929 9.79289L8 5.5' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }
  .left .user-box .user-cate .row .inner .label {
    font-size: 14px;
    font-weight: 300;
    color: #747474;
    display: block;
    line-height: 21px;
  }
  .left .user-box .user-cate .row .tg-cont {
    display: none;
    position: absolute;
    right: -340px;
    top: 20px;
    z-index: 99;
    width: 312px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 24px;
  }
  .left .user-box .user-cate .row .tg-cont .bg2 {
    background-color: #f8f8f8;
    border: 1px solid #d9d9d9;
  }
  .left .user-box .user-cate .row .tg-cont .bg3 {
    background-color: #f5f5f5;
    border: 1px solid #d9d9d9;
  }
  .left .user-box .user-cate .row .tg-cont .text-box h4 {
    margin-bottom: 8px;
  }
  .left .user-box .user-cate .row .tg-cont .text-box li {
    margin-bottom: 4px;
    line-height: 24px;
  }
  .left .user-box .user-cate .row .tg-cont .text-box li:last-child {
    margin-bottom: 0;
  }
  .left .user-box .user-cate .row .tg-cont .text-box ul + h4 {
    margin-top: 16px;
  }
  .left .user-box .user-cate .row .tg-cont .button {
    margin-top: 24px;
    font-size: 16px;
  }
  .left .user-box .user-cate .row .btn-more {
    font-size: 12px;
    font-weight: 400;
    color: #0b132b;
    display: block;
    background-color: #f3f3f4;
    border-radius: 10px;
    padding: 6px 8px;
  }
  .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 1038px;
    background-color: #fff;
    padding: 0 80px 80px;
  }
  .content.max-wide {
    width: 1392px;
  }
  .content.wide {
    padding: 0 80px 80px;
  }
  .content.m-auto {
    margin: 0 auto;
  }
  .content > .inner {
    padding-top: 80px;
  }
  .content .nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 48px;
  }
  .content .nav:before, .content .nav:after {
    display: none;
  }
  .content .nav span {
    border-bottom: 6px solid #F3F3F4;
    background-color: #F3F3F4;
  }
  .content .nav span a {
    font-size: 24px;
    font-weight: 300;
    color: #747474;
    padding: 16px 0;
  }
  .content .nav span:hover {
    background-color: #FFFFFF;
    border-bottom: 6px solid #FFFFFF;
  }
  .content .nav span:hover a {
    font-size: 24px;
    font-weight: 500;
    color: #000;
  }
  .content .nav span.on {
    border-bottom: 6px solid #4065E7;
    background-color: #4065E7;
  }
  .content .nav span.on a {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
  }
  .content .nav.col3 span {
    display: block;
    width: 33.33%;
  }
  .content .nav.col2 span {
    display: block;
    width: 50%;
  }
  .content .sub-nav {
    display: none;
    margin-bottom: 48px;
  }
}
@media all and (min-width: 1049px) and (min-width: 1049px) {
  .content .sub-nav.depth2 {
    position: relative;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media all and (min-width: 1049px) {
  .content .sub-nav:before, .content .sub-nav:after {
    display: none;
  }
  .content .sub-nav span {
    border-bottom: 6px solid #F3F3F4;
    background-color: #F3F3F4;
  }
  .content .sub-nav span a {
    font-size: 24px;
    font-weight: 300;
    color: #747474;
    padding: 16px 0;
  }
  .content .sub-nav span:hover {
    background-color: #FFFFFF;
    border-bottom: 6px solid #FFFFFF;
  }
  .content .sub-nav span:hover a {
    font-size: 24px;
    font-weight: 500;
    color: #000;
  }
  .content .sub-nav span.on {
    border-bottom: 6px solid #4065E7;
    background-color: #4065E7;
  }
  .content .sub-nav span.on a {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
  }
  .content .sub-nav.col3 span {
    display: block;
    width: 33.33%;
  }
  .content .sub-nav.col2 span {
    display: block;
    width: 50%;
  }
  .content .history-detail {
    padding: 0 20px;
  }
  .content .history-detail .total-area {
    margin-bottom: 40px;
  }
  .content .history-detail .total-area .tit {
    line-height: 30px;
    font-size: 20px;
  }
  .content .history-detail .total-area .price {
    font-size: 40px;
    line-height: 60px;
  }
  .content .history-detail .depth {
    margin-bottom: 80px;
  }
  .content .history-detail .depth .title {
    font-weight: 500 !important;
    line-height: 36px;
    display: block;
    margin-bottom: 36px !important;
  }
  .content .history-detail .depth .list li {
    justify-content: flex-start;
    font-size: 16px !important;
    line-height: 24px;
    padding: 0;
    margin-bottom: 15px;
  }
  .content .history-detail .depth .list li .gray600 {
    font-weight: 300;
    width: 216px;
  }
  .content .history-detail .depth .list.mt {
    margin-top: 40px;
  }
  .content .history-detail .d-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: flex-end;
  }
  .content .history-detail .button {
    display: block;
    width: 427px;
    font-size: 20px;
  }
  .content .form-group .sel-box {
    font-size: 16px;
    color: #747474;
  }
  .content .form-group .select-items {
    font-size: 16px;
  }
  .content .cate-wrap .cate-list .row.bg-color div {
    background-color: #ecf4ff !important;
    border-radius: 10px;
  }
  .content .repackage-type.d-flex {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .content .repackage-type .title {
    line-height: 24px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #0b132b;
  }
  .content .repackage-type .primary-type {
    width: 208px;
    margin-right: 16px;
  }
  .content .repackage-type .primary-type .btn-group .button {
    margin-top: 16px;
  }
  .content .repackage-type .second-type {
    width: 490px;
  }
  .content .repackage-type .second-type .type-cont li {
    margin-bottom: 16px;
  }
  .content .repackage-type .second-type .btn-line {
    margin-top: 0;
    height: 40px;
  }
  .complete .content {
    width: 720px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
  }
  .complete .content .inner {
    padding: 0;
  }
  .complete .content .inner .i_pending,
  .complete .content .inner .i_check {
    min-width: 112px;
    min-height: 112px;
    background-size: 112px;
    margin-bottom: 30px;
  }
  .complete .content .inner .tAlign {
    line-height: 48px;
    text-align: center;
  }
  .complete .content .inner .tAlign strong {
    font-size: 32px;
    font-weight: 500;
    color: #0b132b;
  }
  .complete .content .inner .text-info {
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #0b132b;
  }
  .complete .content .inner .d-flex {
    flex-direction: column;
  }
  .footer .row {
    max-width: 1146px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-items: flex-start;
  }
  .footer .row .w100 {
    width: 1146px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #eaeaea;
    padding-top: 40px;
    margin-top: 40px;
  }
  .footer .row .w100 copyright {
    width: auto;
    border: 0;
    padding-top: 0;
    margin-top: 0;
  }
  .footer .row .w100 .d-flex {
    margin-left: auto;
  }
  .footer .row .w100 .d-flex span {
    margin-right: 0;
    margin-left: 20px;
  }
  .footer .row .img-logo-box span {
    width: calc(50% - 10px);
    margin-bottom: 15px;
  }
  .footer .row .col {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .footer .row .col .cont + .cont {
    margin-left: -50px;
  }
  .footer .row .col.f-column {
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 320px;
  }
  .footer .row .col.f-row {
    flex-direction: column;
    align-items: flex-start;
    max-width: 280px;
  }
}
.goInquiryBtn {
  float: right;
  width: 25% !important;
  display: block !important;
}

.btn-search-settings {
  cursor: pointer;
}
@media all and (max-width: 780px) {
  .btn-search-settings {
    margin-bottom: 16px;
  }
}
.btn-search-settings span {
  color: #414ac7 !important;
}
@media all and (max-width: 780px) {
  .btn-search-settings span {
    font-size: 14px;
  }
}
.btn-search-settings:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 17.49px;
  height: 17.49px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../assets/images/i_search.svg");
}
@media all and (max-width: 780px) {
  .btn-search-settings:before {
    background-image: url("../assets/images/i_search_m.svg");
    width: 15px;
    height: 15px;
  }
}

#paypal-button-container {
  margin-top: 24px;
}
@media all and (min-width: 1049px) {
  #paypal-button-container {
    margin-top: 40px;
  }
}
@media all and (min-width: 1049px) {
  #paypal-button-container + div.payment-btn-group {
    margin-top: 16px;
  }
}

.payment-btn-group {
  margin-top: 24px;
}
@media all and (min-width: 1049px) {
  .payment-btn-group {
    margin-top: 40px;
  }
}

.eventDisCount {
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 6px;
  gap: 2px;
  width: 120px;
  height: 22px;
  background: #17E4B4;
  border-radius: 9999px;
}
.eventDisCount span {
  color: #292F38;
  font-weight: 700;
  font-size: 10px;
  line-height: 120%;
  padding-left: 10px;
  padding-bottom: 1px;
}

.btn-bottom-floating {
  display: inline-block;
  width: 69% !important;
  background-color: #4065e7;
  padding: 6px 0;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  position: sticky;
  left: 50%;
  z-index: 98;
  border-radius: 27px;
  bottom: 20px;
  transform: translate(-20%, -20%);
}
@media all and (min-width: 1049px) {
  .btn-bottom-floating.pack-check {
    display: none;
  }
}
@media (min-width: 781px) and (max-width: 1048px) {
  .btn-bottom-floating.pack-check {
    display: none;
  }
}
.btn-bottom-floating.pack-check:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../assets/images/icon_open_parcel.svg");
  margin-right: 6px;
}
@media all and (min-width: 1049px) {
  .btn-bottom-floating.arrived {
    display: none;
  }
}
@media (min-width: 781px) and (max-width: 1048px) {
  .btn-bottom-floating.arrived {
    display: none;
  }
}
.btn-bottom-floating.arrived:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../assets/images/icon_truck.svg");
  margin-right: 6px;
}

.only-pc {
  display: block !important;
}
@media all and (max-width: 780px) {
  .only-pc {
    display: none !important;
  }
}
@media (min-width: 781px) and (max-width: 1048px) {
  .only-pc {
    display: none !important;
  }
}

.only-mo {
  display: block;
}
@media all and (min-width: 1049px) {
  .only-mo {
    display: none;
  }
}
@media (min-width: 781px) and (max-width: 1048px) {
  .only-mo {
    display: none;
  }
}

.only-tablet {
  display: block;
}
@media all and (min-width: 1049px) {
  .only-tablet {
    display: none;
  }
}
@media all and (max-width: 780px) {
  .only-tablet {
    display: none;
  }
}

div.mo-service-title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f3f3f4;
}
@media all and (min-width: 1049px) {
  div.mo-service-title-wrapper {
    display: none;
  }
}
@media (min-width: 781px) and (max-width: 1048px) {
  div.mo-service-title-wrapper {
    display: none;
  }
}
div.mo-service-title-wrapper div.mo-service-title {
  font-size: 16px;
  font-weight: 700;
  color: #0b132b;
  padding: 16px 0;
}

.topBanner {
  cursor: pointer;
  height: 48px;
  background-color: #FFC386;
  width: 100%;
  position: sticky;
  top: 80px;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topBanner img {
  width: 129px;
  height: 32px;
  margin-right: 8px;
}
.topBanner span {
  font-size: 20px;
  line-height: 2.5;
  text-align: center;
}

@media all and (max-width: 780px) {
  .topBanner {
    height: 30px;
    background-color: #FFC386;
    width: 100%;
    position: sticky;
    top: 40px;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
  }
  .topBanner img {
    width: 74px;
    height: 18px;
  }
  .topBanner span {
    font-size: 12px;
    line-height: 2.5;
    text-align: center;
  }
}
@media (min-width: 781px) and (max-width: 1048px) {
  .topBanner {
    height: 40px;
    background-color: #FFC386;
    width: 100%;
    position: sticky;
    top: 40px;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .topBanner img {
    width: 24px;
    height: 24px;
  }
  .topBanner span {
    font-size: 20px;
    line-height: 2.5;
    text-align: center;
  }
}
.go_to_top {
  display: none;
  flex-direction: column;
  position: fixed;
  right: 28px;
  bottom: 24px;
  z-index: 2;
  width: 48px;
  height: 48px;
  font-size: 10px;
  font-weight: 400;
  color: #0b132b;
}

.go_to_top.active {
  display: flex;
  justify-content: center;
  align-items: center;
}

.go_to_top::before, .go_to_top::after {
  content: "";
  display: block;
}

.go_to_top::before {
  width: 10px;
  height: 9px;
  background: url(../assets/images/icn_top_arrow.svg) no-repeat center center;
}

.go_to_top::after {
  position: absolute;
  left: 4px;
  top: 4px;
  z-index: -1;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

div.btn-flat-group {
  display: flex;
  gap: 10px;
}
div.btn-flat-group > button {
  width: 200px;
}
@media all and (max-width: 780px) {
  div.btn-flat-group > button:only-child {
    width: 50%;
  }
  div.btn-flat-group > button:not(:only-child) {
    flex: 1;
  }
}
div.btn-flat-group-end {
  justify-content: flex-end;
}
div.btn-flat-group-center {
  justify-content: center;
}
div.btn-flat-group-between {
  justify-content: space-between;
}
div.btn-flat-group-around {
  justify-content: space-around;
}
div.btn-flat-group-evenly {
  justify-content: space-evenly;
}
div.btn-flat-group-start {
  justify-content: flex-start;
}
div.btn-flat-group-stretch {
  justify-content: stretch;
}

button.btn-flat {
  font-size: 12px;
  font-weight: 500;
  color: #0b132b;
  padding: 4px 8px;
  border-radius: 10px;
  border: 1px solid #95A1B2;
  background: #fff;
}

div#receipt-invoice-modal-dimmed {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 102;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
}

div#receipt-invoice-modal {
  width: 600px;
  max-width: 90%;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 103;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
}
div#receipt-invoice-modal div#receipt-invoice-modal-container {
  padding: 20px 20px;
}
@media all and (min-width: 1049px) {
  div#receipt-invoice-modal div#receipt-invoice-modal-container {
    padding: 24px 20px;
  }
}
div#receipt-invoice-modal div#receipt-invoice-modal-container #receipt-invoice-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
div#receipt-invoice-modal div#receipt-invoice-modal-container #receipt-invoice-modal-header .receipt-invoice-modal-header-title {
  font-size: 20px;
  font-weight: 400;
  color: #0b132b;
}
div#receipt-invoice-modal div#receipt-invoice-modal-container #receipt-invoice-modal-header button#receipt-invoice-modal-header-close::after {
  display: inline-block;
  content: "×";
  font-size: 18px;
}
div#receipt-invoice-modal div#receipt-invoice-modal-container #receipt-invoice-modal-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
div#receipt-invoice-modal div#receipt-invoice-modal-container #receipt-invoice-modal-body div.receipt-invoice-modal-row {
  text-decoration: underline;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  color: #2252F8;
}
@media all and (max-width: 780px) {
  div#receipt-invoice-modal div#receipt-invoice-modal-container #receipt-invoice-modal-body div.receipt-invoice-modal-row {
    font-size: 12px;
    font-weight: 700;
    color: #2252F8;
  }
}

body {
  background-color: transparent !important;
}

.wrapper .left {
  display: none;
}
.wrapper .content {
  padding: 0 20px;
  margin-top: 40px;
}
.wrapper .content h2 {
  font-size: 18px;
}
.wrapper .content .inner {
  padding-top: 0;
}
.wrapper .content .text-guide {
  text-align: center;
  margin-top: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #000;
}
.wrapper .content .text-guide .blue700 {
  color: #414ac7;
}
.wrapper .content .text-guide.pc {
  display: none;
}
.wrapper .content .text-info {
  font-size: 14px;
  font-weight: 300;
  color: #000;
  margin-top: 20px;
  margin-bottom: 40px;
}
.wrapper .content .text-info p + p {
  margin-top: 15px;
}
.wrapper .content .welcome .complete .text-sub {
  line-height: 20px;
  font-size: 12px;
  font-weight: 300;
  color: #000;
}
.wrapper .content .welcome .text-send {
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.wrapper .content .welcome .text-info {
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 300;
  color: #747474;
}
.wrapper .content .welcome .text-info span {
  color: #414ac7;
}
.wrapper .content .welcome .text-info + .text-info {
  margin-top: 20px;
  margin-bottom: 0;
}
.wrapper .content .join .text-guide {
  text-align: left;
}
.wrapper .content .join .text-guide .blue700 {
  margin-left: 10px;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
}
.wrapper .content .join .captcha-box {
  border: 1px solid #CAD0D8;
  border-radius: 4px;
  text-align: center;
  padding: 20px 0 20px 0;
}
.wrapper .content .join .captcha-box .captcha-box-inner {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.wrapper .content .join .captcha-box .captcha-box-inner .captchaImg {
  width: 250px;
  height: 80px;
}
.wrapper .content .join .captcha-box .captcha-box-inner .captcha-reload {
  border: 1px solid #CAD0D8;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  align-self: center;
}
.wrapper .content .join .captcha-box .captcha-box-inner .captcha-reload .captcha-reload-icon {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.myPage {
  background-color: #fff;
}
.myPage .content .row h3.title {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  border-bottom: 1px solid #bebebe;
  padding-bottom: 8px;
  margin-bottom: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myPage .content .row .btn-text {
  display: block;
  background-color: #f3f3f4;
  border-radius: 10px;
  padding: 3px 8px;
  min-width: 66px;
  font-size: 12px;
  margin-left: 10px;
  cursor: pointer;
}
.myPage .content .row dl {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
}
.myPage .content .row dl dt {
  color: #747474;
  width: calc(100% - 100px);
  margin: 5px 0;
  font-size: 12px;
}
.myPage .content .row dl dt.black {
  color: #000;
}
.myPage .content .row dl dd {
  width: 100px;
  margin: 5px 0;
  font-size: 12px;
  text-align: right;
}
.myPage .content .row dl dd.gray {
  color: #747474;
}
.myPage .content .row.mt {
  margin-top: 30px;
}
.myPage .content .row .inner ol:last-child {
  border: 0;
}
.myPage .content .row .d-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myPage .content .row .d-flex.f-col {
  flex-direction: column;
}
.myPage .content .row .d-flex.f-start {
  align-items: flex-start;
}
.myPage .content .row .col {
  margin: 0px 0 30px;
}
.myPage .content .row .col .name {
  line-height: 36px;
  font-size: 24px;
  font-weight: 500;
  color: #000;
}
.myPage .content .row .col .email {
  line-height: 24px;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.myPage .content .row .col .email .i-tw {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: #fff url(../assets/images/i_twitter.jpg) no-repeat center;
  background-size: contain;
}
.myPage .content .row .col .email .i-google {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: #fff url(../assets/images/i_google.jpg) no-repeat center;
  background-size: contain;
}
.myPage .content .row .col .email .i-facebook {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: #fff url(../assets/images/i_facebook.jpg) no-repeat center;
  background-size: contain;
}
.myPage .content .row .col .email .i-mobile {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  background: #fff url(../assets/images/verifiedaccount.png) no-repeat center;
  background-size: contain;
}
@media all and (max-width: 780px) {
  .myPage .content .row .col .email .i-mobile {
    width: 20px;
    height: 20px;
  }
}
.myPage .content .row .col .lv {
  font-size: 16px;
  height: 24px;
}
.myPage .content .row .col .lv.level01 {
  color: #4065e7;
}
.myPage .content .row .col.border-box {
  padding: 16px 16px;
  font-size: 12px;
  background-color: #FDFDFD;
}
.myPage .content .row .col.border-box .d-flex {
  justify-content: space-between;
}
.myPage .content .row .col.border-box .address {
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myPage .content .row .col.border-box .address.mt {
  margin-top: 20px;
}
.myPage .content .row .col.border-box .address.mb {
  margin-bottom: 10px;
}
.myPage .content .row .col .lg-text {
  line-height: 27px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
.myPage .content .row h4.blue500 {
  font-size: 14px;
  font-weight: 500;
  color: #4065e7;
}
.myPage .content .row .text-btn {
  font-size: 12px;
  font-weight: 500;
}
.myPage .content .row .text-btn.ml {
  margin-left: 10px;
}
.myPage .content .row .text-btn.blue500 {
  color: #4065e7;
}
.myPage .content .row .home-text {
  font-size: 10px;
  margin-top: 5px;
  line-height: 18px;
}
@media all and (min-width: 1049px) {
  .myPage .content .row .home-text {
    font-size: 14px;
  }
}
.myPage .content .row .addressName {
  font-size: 14px !important;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block; /* 필요에 따라 block 등으로 변경할 수 있음 */
  max-width: 30%; /* 필요에 따라 최대 너비 설정 */
}
@media all and (min-width: 1049px) {
  .myPage .content .row .addressName {
    font-size: 20px !important;
    margin-bottom: 12px;
    padding-bottom: 3px;
  }
}
.myPage .content .row .addressTitleDiv {
  margin-top: 16px;
}
.myPage .content .row .btn-line {
  font-size: 10px !important;
  width: auto;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 8px;
  border-radius: 10px;
  border: 1px solid #0b132b;
  cursor: pointer;
  margin-right: 5px;
  margin-top: 2px;
}
@media all and (min-width: 1049px) {
  .myPage .content .row .btn-line {
    font-size: 14px !important;
  }
}
.myPage .content .row .user-info {
  font-size: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid #d9d9d9;
  font-size: 12px;
  color: #747474;
}
@media all and (min-width: 1049px) {
  .myPage .content .row .user-info {
    font-size: 14px;
  }
}
.myPage .content .row .user-info li {
  margin-bottom: 5px;
}
.myPage .content .row .user-info i {
  background-size: contain;
  font-size: 0;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.myPage .content .row .user-info i.i-name {
  width: 16px;
  height: 16px;
  background: url(../assets/images/i_user.png) no-repeat center;
}
.myPage .content .row .user-info i.i-call {
  width: 16px;
  height: 16px;
  background: url(../assets/images/i_call.png) no-repeat center;
}
.myPage .content .row .user-info i.i-mail {
  width: 16px;
  height: 16px;
  background: url(../assets/images/i_mail.png) no-repeat center;
}

[class*=form-] .ip-select,
[class*=form-] .ip-text {
  width: 100%;
  height: 40px;
  padding: 0 15px;
}
[class*=form-] .bt {
  padding-bottom: 15px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 25px !important;
}
[class*=form-] label {
  font-weight: 500;
}
[class*=form-] .row {
  margin-bottom: 20px;
}
[class*=form-] .row .d-flex {
  justify-content: space-between;
}
[class*=form-] .row .mb {
  margin-bottom: 10px;
}
[class*=form-] .row .col {
  width: calc(50% - 5px);
}
[class*=form-] .row .blue700 {
  font-size: 12px;
  font-weight: 400;
  color: #4065e7;
}
[class*=form-] .row.d-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[class*=form-] .row .ip-text-num.col3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[class*=form-] .row .ip-text-num.col3 .ip-text {
  width: calc(33% - 5px);
}
[class*=form-] .row .ip-select {
  width: 100%;
}

.btn-box {
  margin-top: 40px;
}
.btn-box .button {
  width: 100%;
}

.complete {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.complete .i_check {
  display: inline-block;
  vertical-align: middle;
  background: url(../assets/images/i_check.png) no-repeat center;
  background-size: contain;
  min-width: 47px;
  min-height: 47px;
  margin-right: 10px;
}

.text-send {
  margin-top: 24px;
  font-size: 12px;
  font-weight: 400;
  color: #000;
}
.text-send .blue700 {
  color: #414ac7;
}

.text-pc a {
  color: #414ac7;
}

.text-mo {
  display: none;
  margin-top: 40px;
  letter-spacing: 0.5px;
  line-height: 18px;
  text-indent: -20px;
  padding-left: 22px;
  font-size: 12px;
  font-weight: 400;
  color: #000;
}
.text-mo span a {
  color: #414ac7;
  margin-left: 3px;
}

.text-pc {
  display: none;
  margin-top: 40px;
}
.text-pc a {
  color: #414ac7;
}

@media all and (max-width: 780px) {
  input[type=checkbox] + label {
    width: 15px;
    height: 15px;
    border-radius: 3px;
  }
  .text-mo {
    display: block !important;
  }
}
@media (min-width: 781px) and (max-width: 1048px) {
  .text-mo {
    display: block !important;
  }
  .mypage {
    width: 100%;
  }
}
@media all and (min-width: 1049px) {
  .header {
    display: none;
  }
  .wrapper {
    height: 100vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-items: center;
  }
  .wrapper.account {
    padding-top: 0 !important;
  }
  .wrapper .left {
    display: block;
    width: 472px;
    height: calc(100vh - 80px);
    min-height: 100vh;
    background-color: #fbfbff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 80px;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin-top: 0 !important;
    position: fixed;
  }
  .wrapper .left .inner {
    padding: 0 70px;
  }
  .wrapper .left .inner .sub-logo {
    width: 93px;
    height: 23px;
    font-size: 0;
    margin-bottom: 25px;
    background: url(https://paysable-cdn.s3.us-east-2.amazonaws.com/etc/sub_logo.png) no-repeat center;
    background-size: contain;
    cursor: pointer;
  }
  .wrapper .left .inner .sub-tit {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 600;
    color: #000;
  }
  .wrapper .left .inner p {
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    color: #000;
  }
  .wrapper .left .account-left-img {
    width: 424px;
    height: 424px;
    margin-top: 80px;
    background-size: contain;
    background: url(../assets/images/12years_v2.png) no-repeat center 0%;
  }
  .wrapper .content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 472px;
  }
  .wrapper .content.wide {
    width: 1320px;
  }
  .wrapper .content h2 {
    font-size: 32px;
  }
  .wrapper .content > .inner {
    padding-top: 80px !important;
  }
  .wrapper .content > .inner.join {
    width: 440px;
    height: 100vh;
    padding-top: 80px;
  }
  .wrapper .content > .inner.join .form-group {
    padding-bottom: 80px;
  }
  .wrapper .content .login {
    width: 330px;
    margin: auto;
  }
  .wrapper .content .pwd {
    width: 440px;
    margin: 0 auto;
  }
  .wrapper .content .pwd.wide {
    width: 556px;
  }
  .wrapper .content .welcome {
    width: 448px;
  }
  .wrapper .content .welcome .complete {
    font-size: 32px;
    font-weight: 600;
    color: #000;
  }
  .wrapper .content .welcome .complete .text-sub {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
  }
  .wrapper .content .sns-wrap::before {
    bottom: -42px;
  }
  .wrapper .content .sns-wrap:after {
    bottom: -35px;
  }
  .wrapper .content .btn-box {
    font-size: 20px;
    font-weight: 600;
  }
  .wrapper .content .form-group .ip-select,
  .wrapper .content .form-group .ip-text {
    font-size: 16px;
    font-weight: 400;
    color: #0b132b;
  }
  .wrapper .content .form-group .text-pc {
    display: block;
  }
  .wrapper .content .form-group label {
    font-size: 16px;
    font-weight: 500;
    color: #0b132b;
  }
  .wrapper .content .select-wrap .sel-box {
    height: 40px;
    line-height: 40px;
    color: #747474;
  }
  .wrapper .content .text-info {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .wrapper .content .text-info p + p {
    margin-top: 25px;
  }
  .wrapper .content .text-guide {
    text-align: left;
    margin-top: 16px;
    font-size: 14px;
  }
  .wrapper .content .text-guide .blue700 {
    font-size: 14px !important;
  }
  .wrapper .content .text-guide a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
  }
  .wrapper .content .text-guide.mo {
    display: none;
  }
  .wrapper .content .text-guide.pc {
    display: block;
  }
  .wrapper .content .complete {
    font-size: 32px;
  }
  .wrapper .content .complete .i_check {
    width: 94px !important;
    height: 94px !important;
  }
  .wrapper .content .welcome .text-send {
    margin-top: 40px;
    line-height: 30px;
    letter-spacing: -0.5px;
    font-size: 20px;
    font-weight: 600;
  }
  .wrapper .content .welcome .text-info {
    line-height: 21px;
    font-size: 14px;
  }
  .wrapper .content .text-send {
    font-size: 20px;
    line-height: 30px;
  }
  .wrapper .content .text-info {
    line-height: 21px;
    font-size: 14px;
  }
  .wrapper.myPage {
    display: block;
    max-width: 1440px;
    margin: 0 auto;
    height: auto;
  }
  .wrapper.myPage .content {
    padding: 0 80px;
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .wrapper.myPage .content .border-box {
    font-size: 12px;
    font-weight: 600;
    color: #000;
  }
  .wrapper.myPage .content .border-box .address {
    font-weight: 400;
  }
  .wrapper.myPage .content .border-box .address.btn-text {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    padding: 3px 8px;
    border-radius: 10px;
    background-color: #f3f3f4;
  }
  .wrapper.myPage .content .row {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-items: flex-start;
  }
  .wrapper.myPage .content .row h3.title {
    font-size: 20px;
    font-weight: 600;
    color: #000;
  }
  .wrapper.myPage .content .row.full {
    display: block;
  }
  .wrapper.myPage .content .row.mt {
    margin-top: 40px;
  }
  .wrapper.myPage .content .row .col {
    width: calc(50% - 10px);
  }
  .wrapper.myPage .content .row .col .name {
    line-height: 48px;
    font-size: 32px;
    font-weight: 600;
    color: #000;
  }
  .wrapper.myPage .content .row .col .email {
    line-height: 30px;
    font-size: 20px;
    font-weight: 400;
    color: #000;
  }
  .wrapper.myPage .content .row .col .lv {
    font-size: 16px;
    line-height: 30px;
  }
  .wrapper.myPage .content .row .col .lg-text {
    font-size: 32px;
    font-weight: 500;
    line-height: 48px;
  }
  .wrapper.myPage .content .row .col .lg-text span {
    margin-right: 5px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
  }
  .wrapper.myPage .content .row dl {
    margin-top: 10px;
  }
  .wrapper.myPage .content .row dl dt,
  .wrapper.myPage .content .row dl dd {
    font-size: 16px;
    line-height: 24px;
    margin: 4px 0;
  }
  .wrapper.myPage .content .row .btn-text {
    font-size: 14px;
    min-width: 88px;
  }
  .wrapper.myPage .content .row .text-btn {
    font-size: 14px;
  }
  .wrapper.myPage .content .row .d-flex.f-col {
    flex-direction: initial;
  }
  .wrapper.myPage .content .row .d-flex.f-start {
    justify-content: flex-start;
  }
  .wrapper.myPage .content .row .d-flex.f-start li {
    margin-right: 10px;
  }
}
.content .serviceMenuPopup .title {
  margin-bottom: 20px;
}
.content .serviceMenuPopup .line-box {
  position: relative;
  border-radius: 10px !important;
  border: 1px solid #414ac7 !important;
  padding: 0 20px 20px !important;
}
.content .serviceMenuPopup .line-box h5 {
  display: inline-block !important;
  margin: -7px 0 15px -10px;
  padding: 0 10px;
  font-weight: 300;
  font-size: 12px;
}
.content .serviceMenuPopup .line-box .service-tg {
  color: #747474;
}
.content .serviceMenuPopup .line-box .service-tg .top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 10px;
  margin-bottom: 15px;
  line-height: 18px;
}
.content .serviceMenuPopup .line-box .service-tg .row {
  margin-bottom: 15px;
}
.content .serviceMenuPopup .line-box .service-tg .row em {
  font-style: normal;
}
.content .serviceMenuPopup .line-box .service-tg .row .popup-tg-open {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 18px;
  cursor: pointer;
}
.content .serviceMenuPopup .line-box .service-tg .row .popup-tg-open i {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  border-top: 1px solid #747474;
  border-right: 1px solid #747474;
  border-radius: 0 1px 0 0;
  transform: rotate(135deg);
  margin-top: -3px;
  margin-left: 3px;
}
.content .serviceMenuPopup .line-box .service-tg .row .popup-tg-open .primaryColor-black i {
  border-top: 1px solid #0b132b;
  border-right: 1px solid #0b132b;
}
.content .serviceMenuPopup .line-box .service-tg .row .popup-tg-open.on i {
  transform: rotate(-45deg);
  margin-top: 3px;
}
.content .serviceMenuPopup .line-box .service-tg .row .popup-tg-cont {
  display: none;
  margin-top: 10px;
}
.content .serviceMenuPopup .line-box .service-tg .row .popup-tg-cont li {
  line-height: 18px;
  margin-bottom: 0 !important;
}

.service-btn-group {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.service-btn-group .service-btn {
  border: 1px solid #CAD0D8;
  border-radius: 10px;
  padding: 4px 10px;
  height: 32px;
  background: #F8F8F9;
}

.certframe {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 32px;
  padding: 24px;
  position: relative;
  background-color: #fff9de;
  border-radius: 10px;
  border: 1px solid;
  border-color: #ffab1a;
}

.certframe .certdiv {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}

@media all and (min-width: 1049px) {
  .certframe .text-wrapper {
    position: relative;
    width: fit-content;
    font-family: "Poppins-SemiBold", Helvetica;
    font-weight: 600;
    color: #0b132b;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  .certframe .p {
    position: relative;
    flex: 1;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #737373;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    margin-top: 5px;
  }
  .certframe .verifyBtn {
    width: 30%;
  }
  .certrow {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 780px) {
  .certframe {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 20px;
    position: relative;
    background-color: #fff9de;
    border-radius: 10px;
    border: 1px solid;
    border-color: #ffab1a;
  }
  .certframe .certdiv {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  .certframe .text-wrapper {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "Poppins-SemiBold", Helvetica;
    font-weight: 600;
    color: #0b132b;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  .certframe .p {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "Poppins-SemiBold", Helvetica;
    font-weight: 600;
    color: #737373;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    text-align: center;
    font-weight: 400;
  }
  .certframe .verifyBtn {
    width: 80%;
  }
  .certrow {
    margin-bottom: 20px;
  }
}
.mobileCertPopup {
  display: none;
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.mobileCertPopup .btn-re-send {
  font-family: "Poppins-Regular", Helvetica;
  border: 1px solid #0b132b;
  color: #0b132b;
  border-radius: 10px;
  padding: 8px 8px;
  font-size: 12px;
}
@media all and (min-width: 1049px) {
  .mobileCertPopup .btn-re-send {
    font-size: 16px;
  }
}
.mobileCertPopup .btn-re-send.disabled {
  border-color: #bebebe;
  color: #d9d9d9;
}
.mobileCertPopup label {
  font-weight: 500;
  color: #0b132b;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}
.mobileCertPopup .phonenumber {
  width: 84%;
}
.mobileCertPopup .countryAreaNumber {
  width: 15%;
}
.mobileCertPopup .authCode {
  width: 84%;
}
.mobileCertPopup .resendBtn {
  width: 15%;
}
.mobileCertPopup span {
  font-size: 14px;
}
.mobileCertPopup .desc {
  position: relative;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #0b132b;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}
.mobileCertPopup div.error-desc {
  font-family: "Poppins-Regular", Helvetica;
  line-height: normal;
  text-align: left;
  font-size: 14px;
}
@media all and (max-width: 780px) {
  .mobileCertPopup div.error-desc {
    font-size: 12px;
  }
}
.mobileCertPopup div.verify-code-desc-wrapper {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}

.passCompletePopUp {
  display: none;
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.passCompletePopUp .desc {
  position: relative;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #0b132b;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}
.passCompletePopUp .certCloseBtn {
  color: #0B132B;
  text-align: center;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.main-popup-close-img {
  cursor: pointer;
  float: right;
}
@media all and (max-width: 780px) {
  .main-popup-close-img {
    width: 5%;
  }
}

div.code-wrapper {
  display: flex;
  gap: 8px;
}

/*# sourceMappingURL=account.css.map */