@charset "utf-8";

/* -------------------------------------------------------------------------------------------------------------
File : responsive.css
반응형 css
------------------------------------------------------------------------------------------------------------- */
.btn-search.m-w100 {
  width: 100%;
}

.action-btn {
  display: flex;
}

.action-btn button {
  margin-right: 1rem;
}

.respon-tab .swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url(/images/responsive-img/s-pre.svg);
}

.respon-tab .swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url(/images/responsive-img/s-next.svg);
}

.respon-tab .swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.respon-tab .swiper-button-next {
  height: 27px;
  margin-top: -14px;
  background-image: url(/images/responsive-img/next_btn.svg);
}

.item-sort {
  display: flex;
  /* justify-content: space-around; */
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.sort-btn i {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  background-size: contain;

}

.sort-btn.on .btn_sort {
  background-image: url(/images/responsive-img/table_arrow_down.svg);
}

.sort-btn.off .btn_sort {
  background-image: url(/images/responsive-img/table_arrow_up.svg);
}

/*.male_cover { background-image:url(common/common/default-image/trainer_male_cover.png); } 
.female_cover { background-image:url(common/common/default-image/trainer_female_cover.png); } 
.common_cover { background-image:url(common/common/default-image/trainer_common_cover.png); } 
*/
.align-end {
  align-items: flex-start !important;
}

.exercise_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 1rem;
}

.exercise_title dt {
  font-size: 1.6rem;
}

.exercise_title dd {
  width: 71px;
}

.exercise_title dd img {
  width: 100%;
}

#pop-add-member.comfirm .comfirm-inner {
  width: 32rem;
}

.Wait {
  font-size: 1rem;
  background-color: #b1b1b1;
  border-radius: 3px;
  padding: 0.2rem 0.5rem 0.3rem 0.5rem;
  color: #fff;
  font-weight: 100;
  line-height: 1.2rem;
  margin-left: 0.5rem;
}

/*ccs34 유닛*/
.stop {
  background-color: #909090;
  border-radius: 25px;
  padding: 2px 10px;
  color: #fff;
  font-size: 1.2rem;
}

.exp {
  border: 1px solid #909090;
  color: #909090;
  border-radius: 25px;
  padding: 2px 10px;

  font-size: 1.2rem;
}

.in {
  background-color: #ff8a00;
  border-radius: 25px;
  padding: 2px 10px;
  color: #fff;
  font-size: 1.2rem;
}

.unused {
  border: 1px solid #ff8a00;
  color: #ff8a00;
  border-radius: 25px;
  padding: 2px 10px;
  font-size: 1.2rem;
}

/*헤더 고정*/
body {
  padding-top: 10.5rem;
}

body.h-158 {
  padding-top: 15.2rem;
}

body.no-member {
  padding-top: 0;
}

body.h-158 .header-wrap {
  height: 15.2rem;
}

.header-wrap {
  position: fixed;
  top: 0;
  left: 0;
  min-height: 10.5rem;
  width: 100%;
  height: fit-content;
  z-index: 101;
  background-color: #fff;
  transition: top 0.2s ease-in-out;
}

.header-wrap.nav-down {
  position: fixed;
  z-index: 50;
  top: 0;
  transition: top 0.2s ease-in-out;
}

.w50p {
  width: 50%;
}

.no-fixd {
  position: relative;
}

/*마스킹*/
#masking {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 500;
}

#viewLoadingBar {
  position: fixed;
  z-index: 600;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -80%);
}

.table-colspan {
  position: absolute;
}

/*반응형 레이아웃*/
.scrollDisable {
  /*height:100vh; */
  min-height: 100%;
  overflow: hidden !important;
  touch-action: none;
}

.pannal {
  background-color: #fff;
  border-bottom: 1px solid #eceef0;
  margin-bottom: 1.2rem;
}

.pannal-t {
  background-color: #fff;
  border-top: 1px solid #eceef0;
  margin-top: 1.2rem;
  border-bottom: 1px solid #dce0e4;
}

.pannal-t.b-none {
  border-top: none;
  padding-top: 0;
}

.title-dark .pannal-t {
  background-color: #8c8c8c;
  color: #fff;
}

.title-dark .pannal-t p {
  color: #fff;
}

.title-inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  min-height: 2.8rem;
}

.title-inner p {
  color: #333;
  font-size: 1.6rem;
  text-align: center;
  width: 100%;
  font-weight: 500;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
}

.title-inner .title-info {
  display: flex;
  width: 100%;
  position: relative;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}

.title-inner .title-info dl {
  position: absolute;
  right: 3.4rem;
  top: -0.5rem;
  justify-content: flex-end;
}

.title-inner .title-info dl dt {
  font-size: 1.2rem;
}

.title-inner .title-info dl dd {
  color: #ff8a00;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: right;
  margin-left: 0.5rem;
}

.title-inner .title-info .user-count {
  display: flex;
  align-items: center;
}

.title-inner .title-info .user-count dl {
  align-items: center;
  position: relative;
  right: inherit;
  display: flex;
  top: inherit;
}

.title-inner .title-info .user-count dl+dl {
  margin-left: 1rem;
}

.lflex-box {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

input[type="checkbox" i]:disabled {
  background-color: #ccc;
  border-color: #ccc;
}

.h53 {
  height: 5.3rem !important;
}

.h80 {
  height: calc(100vh - 10.6rem);
}

.inp-flex.c-align-items {
  align-items: center;
}

.center-btn {
  width: 100%;
  margin: 0 auto;
}

.list-center-btn {
  display: flex;
  /* height: 9rem; */
  flex-wrap: wrap;
}

.list-center-btn button {
  min-width: 15rem;
  width: 48%;
}

/*인풋사이즈*/
#usrgIntpMmcnt,
#usrgIntpNbcnt,
#usrgUserAltMmcnt,
#utlPfbAltMmcnt,
#acmoTlnRt,
#pontTlnRt {
  width: 100% !important;
}

.cell-3 .p-no {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cell-3 .p-no p {
  display: flex;
  padding: 1.2px 7.5px 2.1px 9.7px;
  object-fit: contain;
  border-radius: 14px;
  background-color: #ff8a00;
  align-items: center;
}

.cell-3 .p-no p:before {
  content: "";
  height: 1.3rem;
  margin-right: 0.5rem;
  background-position: center;
  width: 1rem;
  display: block;
  background-size: contain;
  background-image: url(/images/responsive-img/hourglass-half.png);
  background-repeat: no-repeat;
}

.cell-3 .p-no p em {
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
}

/*브레드 크럼*/
.breadcrumbs {
  height: 4.2rem;
  width: 1200px;
  display: flex;
  align-items: center;
  padding: 0 1.2rem;
}

.breadcrumbs a {
  display: flex;
  align-items: center;
  width: auto;
  min-width: 8rem;
}

.breadcrumbs a.pay {
  display: flex;
  align-items: center;
  width: auto;
  min-width: 4rem;
}

.breadcrumbs a span {
  font-size: 1.4rem;
  color: #a0a0a0;
  font-weight: 400;
}

.breadcrumbs a strong {
  font-size: 1.4rem;
  color: #3c3c3c;
  font-weight: 400;
}

.breadcrumbs a::before {
  content: "";
  display: block;
  background-image: url(/images/responsive-img/ic-back.svg);
  margin-left: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-size: contain;
}

/*메세지*/
.mass-alert {
  position: fixed;
  width: 100%;
  left: 0;
  background-color: #fff;
  bottom: 0;
  padding: 1.65rem;
  text-align: center;
  color: #ff7d0d;
  font-size: 1.6rem;
  z-index: 100;
}

.mass-alert.on {
  background-color: #ff7d0d;
  color: #fff;
}

.mass-alert p {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mass-alert p::after {
  content: "";
  position: absolute;
  top: 43%;
  right: 1.8rem;
  background-image: url(/images/responsive-img/cart-arrow.svg);
  width: 3rem;
  height: 5rem;
  display: block;
  background-repeat: no-repeat;
}

/*박스 스타일*/
.bg-gray {
  background-color: #f0f2f4;
}

.bg-gray#pfbChceList {
  padding: 1.8rem 1.8rem;
}

.radius-box {
  background-color: #fff;
  border-radius: 0.6rem;
  padding: 2.45rem 1.9rem;
}

.radius-box+.radius-box {
  margin-top: 1.2rem;
}

.tserch-box .input-inner.align-end {
	align-items : end !important;
}

.tserch-box .input-inner.align-end {
	align-items : end !important;
}

.tserch-box .input-inner {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.inner-box-w {
  width: 100%;
  padding: 1.8rem 1.8rem;
  background-color: #fff;
  border-radius: 0rem;
}

/*장바구니*/
.section-r {
  border-radius: 1.2rem;
  background-color: #fff;
  margin: 1.8rem;
  padding: 1.8rem;
  border: solid 2px #fff;
}

.section-r .form-check {
  width: auto;
}

.section-r:first-child {
  margin-top: 3rem;
}

.section-r:last-child {
  margin-bottom: 3rem;
}

.section-r.on {
  border: solid 2px #ff7d0d;
}

.section-r .radio-group {
  margin-left: 0 !important;
}

.section-r .radio-group .form-check.sm label>span {
  margin-right: 1rem;
}

.section-r .radio-group .form-check.sm label {
  display: flex;
}

.section-r .radio-group .form-check.sm label p {
  width: 100%;
  font-size: 2rem;
  line-height: 1em;
}

.cart-item {}

.cart-item dl {
  display: flex;
  margin-bottom: 0.85rem;
}

.cart-item dl:first-child {
  margin-bottom: 2rem;
}

.cart-item dl dt,
.cart-item dl dd {
  width: 50%;
  display: flex;
  align-items: center;
}

.cart-item dl dt {
  font-size: 1.6rem;
}

.cart-item dl dd {
  justify-content: flex-end;
}

.cart-item dl dd strong {
  font-size: 1.6rem;
  font-weight: 700;
}

.cart-item dl dd span {
  font-size: 1.4rem;
  font-weight: 400;
}

.item-info {
  margin-top: 1.9rem;
  padding-left: 2.4rem;
}

.item-info ul {
  display: flex;
  margin-bottom: 1.9rem;
  flex-wrap: wrap;
  padding-left: 2.4rem;
  background-color: #f6f8fa;
  border-radius: 1.2rem;
  padding: 1.25rem 1.6rem;
}

.item-info ul li {
  width: 50%;
  font-size: 1.2rem;
  line-height: 1.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 1rem;
}

.item-button {
  border-top: 1px solid #f0f2f4;
  padding-top: 1.8rem;
  margin-top: 1.8rem;
}

/*사용자 영역*/
.Responsive .border-line {
  padding: 2.35rem 1.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Responsive .border-line.flex-none {
  display: block;
  border-radius: 10px;
}

.Responsive .border-line.flex-none .flex-group {
  display: block;
}

.Responsive .border-line.flex-none .flex-group .tit-wrap {
  margin-bottom: 0;
}

.Responsive .border-line.flex-none .flex-group .flex-box.mar-t20 {
  margin-top: 1rem !important;
}

.Responsive .border-line.flex-none .flex-group .lflex-box .block-radio {
  margin-top: 1 !important;
}

.Responsive .border-line.tserch-box {
  /*margin-top:10.6rem; */
  padding: 1.8rem;
  margin-bottom: 0;
}

.Responsive .border-line.tserch-box .inp-group {
  display: block;
  align-items: center;
  margin-bottom: 0rem;
}

.Responsive .border-line.tserch-box .inp-group+.inp-group {
  margin-top: 1rem;
}

.Responsive .border-line.tserch-box .inner-flex {
  margin-bottom: 1rem;
}

.Responsive .border-line.tserch-box .inner-flex .inp-group+.inp-group {
  margin-top: 0rem;
}

.Responsive .border-line.tserch-box #dxfsOprnClsfCd-10 .inp-group+.inp-group:lang(en) {
  margin-top: 1rem;
  margin-left: 0;
}

.Responsive .border-line.tserch-box .inp-group:first-child .inp-wrap .select-default {
  margin-left: 0;
}

.Responsive .border-line.tserch-box .inp-group .tit-wrap {
  /*margin-bottom:0; */
}

.Responsive .border-line.tserch-box .btn-search {
  margin-left: 0rem;
  width: 100%;
}

.Responsive .border-line.tserch-box .inp-flex input+.btn-search,
.Responsive .border-line.tserch-box .inp-flex select+.btn-search {
  margin-left: 1rem;
}

.Responsive .border-line.tserch-box .inp-group.all-day {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.Responsive .border-line.tserch-box .inp-group.serch-toggle {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.Responsive .border-line.tserch-box .inp-group.all-day .inp-wrap {
  flex: 1 1 auto;
}

.Responsive .border-line.tserch-box.UFSWCCA20 .all-day .inp-wrap {
  width: 100%;
}

.Responsive .border-line.tserch-box.UFSWCCA20 .all-day .inp-wrap input+span {
  display: none;
}

.Responsive .border-line.tserch-box.UFSWCCA20 .all-day {
  margin-top: 1rem;
}

.Responsive .border-line.tserch-box.UFSWCCA20 .all-day div:last-child {
  margin-left: 0 !important;
}

.Responsive .border-line.tserch-box.UFSWCCA20 .all-day .inp-wrap+.inp-wrap {
  margin-top: 1rem;
}

.user-box {
  display: flex;
}

.profile_bg {
  display: flex;
  background: #f0f2f4;
  align-items: center;
  border-radius: 50%;
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  justify-content: center;
}

.profile_bg img {
  width: 40px;
  height: 40px;
  max-height: 40px;
  border-radius: 25px;
  min-width: auto;
}

.profile_user {
  margin-left: 0.5rem;
}

.profile_user dt {
  font-size: 1.4rem;
  color: #3c3c3c;
}

.profile_user dd {
  font-size: 1.2rem;
  color: #b4b4b4;
}

/*상단 검색*/
.top-serch {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.top-serch input {
  display: block;
  border-radius: 3px;
  border: solid 1px #dcdcdc;
  background-color: #ffffff;
  width: 100%;
  height: 1.8rem;
  margin-right: 0.6rem;
}

.top-serch button {
  width: 3.6rem;
  height: 1.8rem;
  border-radius: 3px;
  background-color: #505050;
  color: #fff;
}

/*인풋 플랙스*/
.inp-flex {
  display: flex;
  /* align-items: flex-end; */
  padding: 0 1rem;
}

.inp-wrap.inp-flex {
  padding: 0;
}

.between {
  justify-content: space-between;
}

.tit-wrap label {
  display: flex;
  align-items: flex-end;
}


.inp-flex.start-box {
  align-items: flex-start;
}

.item-span {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inp-flex input.inp-date {
  margin-right: 0;
  padding-right: 3rem;
}
@media all and (max-width: 420px) {
	.inp-flex input.inp-date .mo-ico-hidden::after {
		display: none;
  		padding-right: 1rem;
	}
}

.day-flex.inp-wrap .inp-flex .inp {
  border: 1px solid #dcdcdc;
}

.day-flex.inp-wrap .inp-flex {
  margin-right: 0;
  padding: 0;
}

/* .inp-flex .btn { width:20%; } */
.inp-flex .btn:lang(de) {
  width: auto;
}

/* .inp-flex .btn.100p { min-width:8.5rem; } */
.comfirm .inp-flex .btn {
  margin-left: 1rem;
}

.inp-item {
  width: 50%;
}

.inp-flex .inp-item+.inp-item {
  margin-left: 1rem;
}

.inp-flex-tow {
  display: flex;
}

.inp-flex-tow.inp-group {
	align-items: end;
}

.inp-flex-tow.wrap-flex {
  flex-wrap: wrap;
}

.inp-flex-tow.wrap-flex input[type="datetime-local"].inp {
  max-width: 100%;
}

.wrap-flex .day-item {
  display: none;
}

.inp-flex-tow input {
  width: 100%;
}

.inp-flex-tow .inp-item+.inp-item {
  margin-left: 1.2rem;
}

.inp-flex-tow .inp-item {
  width: 100%;
}

.inp-flex-tow .input-radio .inp-wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.inp-flex-tow .input-radio .inp-wrap .tit {
  align-items: center;
}

.inp-flex-tow .input-radio .inp-wrap .tit-wrap {
  margin-bottom: 0;
}

.inner-flex {
  display: flex;
}

#dxfsOprnClsfCd-10.inner-flex {
  margin-right: 0;
}

#dxfsOprnClsfCd-10:lang(en) {
  display: block;
}

.inner-flex .inp-group {
  width: 100%;
}

.inner-flex .inp-group+.inp-group {
  margin-top: 0;
  margin-left: 1rem;
}

.text-inp.disabled {
  background: #eee;
  color: #b2b2b2;
  border: 1px solid #dcdcdc;
}

.text-inp.disabled input {
  color: #b2b2b2;
}

.text-inp.disabled p {
  color: #b2b2b2;
}

.text-inp {
  width: 100%;
  height: 3.6rem;
  border: 0.1rem solid #dcdcdc;
  background-color: #fff;
  font-size: 1.4rem;
  color: #333;
  line-height: 2.15rem;
  border-radius: 0.3rem;
}

.text-inp.inp-flex {
  align-items: center;
}

.text-inp input {
  border: none;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
  color: #3c3c3c;
  padding-left: 1rem;
}

.text-inp p {
  display: flex;
  justify-content: flex-end;
  width: fit-content;
  padding-right: 0.5rem;
  font-size: 1.4rem;
  padding-left: 1rem;
  align-items: center;
  color: #3c3c3c;
}

.text-inp p:lang(de) {
  font-size: 1.3rem;
}

.text-inp input+p {
  width: 100%;
}

.text-inp p.w70t {
  width: 12rem;
  word-break: initial;
}

.text-inp button.del {
  width: 3rem;
  height: 3rem;
}

.text-inp button.del i {
  display: block;
  width: 3rem;
  height: 3rem;
  background-image: url(/images/responsive-img/ic-delete.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.text-inp button.scan {
  color: #fff;
  background-color: #787878;
  padding: 0.5rem 0.5rem;
  font-size: 1.2rem;
  width: 12rem;
  justify-content: center;
}

.sel-inp {}

.sel-inp select {
  margin-right: 2.4rem;
}

.day-item {
  margin-top: 4.5rem;
  margin-left: 0.7rem;
  margin-right: 0.7rem;
  font-size: 1.4rem;
}

p.con-day-item {
  width: 16px;
  padding-left: 0;
  padding-right: 0;
  height: 3.6rem;
  line-height: 2.6;
  margin-top: 0rem;
  margin-left: 0.7rem;
  margin-right: 0.7rem;
  font-size: 1.4rem;
}

/*그룹 버튼*/
.btn-two,
.btn-tree {
  display: flex;
  border-radius: 0.3rem;
}

.btn-one {
  display: flex;
  justify-content: center;
}

.btn-one a {
  width: fit-content;
  padding-left: 3rem;
  padding-right: 3rem;
}

.disable label.radio {
  background-color: #f5f5f5;
}

.disable label.radio span {
  color: #a0a0a0;
}

.disable label.radio input:checked+span {
  background-color: #f5f5f5;
  border-color: #dcdcdc;
  color: #a0a0a0;
}

label.radio input:disabled+span {
  background-color: #f5f5f5;
  border-color: #dcdcdc;
  color: #a0a0a0;
}

.btn-two button.btn-left {
  border-radius: 0.3rem 0 0 0.3rem;
  border: 1px solid #dcdcdc;
}

.btn-two button.btn-mi {
  border-left: 0;
  border-right: 0;
}

.btn-two button.btn-right {
  border-radius: 0 0.3rem 0.3rem 0;
  border: 1px solid #dcdcdc;
}

.btn-two button .btn-two input span {
  border: 1px solid #dcdcdc;
  border-radius: 0;
  width: 50%;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0 1.4rem;
  height: 3.6rem;
  line-height: 3.6rem;
}

.btn-two button+button {
  border-left: 0;
}

.btn-tree input {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  text-align: center;
  color: #a0a0a0;
}

.btn-tree input[readonly] {
  border-left: 0;
  border-right: 0;
}

.mi-box {
  border: 1px solid #dcdcdc;
}

.mi-box.disable,
.disable,
.disable input {
  background-color: #f5f5f5;
}

.mi-box input.w40 {}

.mi-box input,
.mi-box button {
  background-color: transparent;
}

.inp-wrap .mi-box input[type="text"] {
  border-top: 0;
  border-bottom: 0;
  border-radius: 0;
  padding-left: 0;
}

.btn-two button:active,
.btn-two button:focus,
.btn-two button.on {
  background-color: #3c3c3c;
  color: #fff;
  border: 1px solid #3c3c3c;
}

.pop-w-gbtn {
  width: 100%;
  margin: 0 auto;
}

/*두개 버튼*/
.btn-tow-de {
  display: flex;
  justify-content: space-between;
}

.btn-tow-de button+button {
  margin-left: 1rem;
}

/*대표 이용권 설정*/
.pass-pop {
  padding: 2.5rem 0rem !important;
}

.pass-pop .pop-header .pop-title {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  border-bottom: 1px solid #dce0e4;
  padding-bottom: 1.7rem;
  margin-bottom: 1.2rem;
}

.pass-pop .pop-header .pop-title.b-none,
.pass-pop .pop-header.b-none {
  border-bottom: 0;
}

.pass-pop .pop-header h3 {
  font-size: 2rem;
  text-align: center;
}

.pass-pop .pop-header h3.red-text {
  color: #fb2a20;
}

.select-default option {
  color: #787878;
}

.empty {
  color: #dcdcdc;
}

.pass-pop .pop-header .pop-title span {
  color: #ff7d0d;
  display: block;
  font-size: 1.2rem;
  text-align: center;
}

.pass-pop .pop-header .pop-title span.point {
  color: #a0a0a0;
}

.pass-pop .pop-header p {
  font-size: 1.2rem;
  margin-top: 1.35rem;
  text-align: center;
  color: #a0a0a0;
}

.pass-pop .pop-header {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #dce0e4;
}

.pass-pop .tserch-box {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  margin-bottom: 1.2rem;
}

.pass-pop .tserch-box.w-50-div .inp-wrap .tit-wrap,
.pass-pop .tserch-box.w-50-div .inp-wrap .inp-wrap {
  width: 50%;
}

.pass-pop .tserch-box.w-50-div .inp-wrap .inp-wrap .select-default {
  min-width: 100%;
}

.pop-title-warp .inp-group+.inp-group {
  margin-top: 1rem;
  margin-bottom: 0;
}

.infor-title {
  font-size: 1.5rem;
  font-weight: 700;
}

.pass-pop .pop-header .pop-title .infor-title span {
  display: inline;
}

.pop-info-list {}

.pop-info-list li {
  font-size: 1.4rem;
}

/*팝업 인풋 셋*/
.m-width-pop {
  max-width: 31.4rem;
}

.pass-pop .pop-header.pop-input .tserch-box {
  max-height: 400px;
  overflow-y: auto;
}

.pass-pop .pop-header.pop-input .tserch-box .line {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.pass-pop .pop-header.pop-input {
  border-bottom: 0;
}

.pass-pop .pop-header.pop-input .tserch-box h4 {
  width: 100%;
  font-size: 1.6rem;
  color: #121212;
  text-align: center;
  margin-bottom: 20px;
}

.pass-pop .pop-header.pop-input .tserch-box .inp-group+.inp-group {
  margin-top: 1.5rem;
}

.pass-pop .pop-header.pop-input .tserch-box .inp-group p {
  margin-top: 0;
  width: auto;
  color: #3c3c3c;
  font-size: 1.6rem;
}

.pass-pop .pop-header.pop-input .tserch-box .timepicker-in input[type="text"].inp {
  background-color: #fff;
}

.pass-pop .pop-header.pop-input .tserch-box .timepicker-in .time-ico {
  background: url(/images/responsive-img/ic-time.svg);
  background-size: contain;
}

.pass-pop .pop-header.pop-input input:read-only {
  background-color: #d9d9d9;
  border: none;
  font-size: 1.3rem;
}

.pass-pop .pop-body {
  background-color: #f0f2f4;
  padding-top : 1rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}

.pass-pop .pop-body .product-info {
  padding: 1rem 1rem;
}

.pass-pop .pop-body.b-none {
  background-color: #fff;
}

.pass-pop .board-footer {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  padding-top: 1.9rem;
  border-top: 1px solid #dce0e4;
}

.pass-pop .board-footer.b-none {
  border-top: 0;
}

.pop-body-content {
  height: 16rem;
  overflow-y: auto;
}

.pop-body-content ul {
  margin-bottom: 1.8rem;
}

.pop-body-content ul li {
  cursor: pointer;
}

.pop-body-content ul li+li {
  margin-top: 0.6rem;
}

.pop-body-content ul li label {
  display: flex;
  justify-content: space-between;
  border: 1px solid #fff;
  align-items: center;
  background-color: #fff;
  border-radius: 0.6rem;
  padding: 1.2rem 1.8rem;
}

.pop-body-content ul li label input {
  position: absolute;
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

.pop-body-content ul li label::after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/images/responsive-img/ic-padd.svg);
}

.pop-body-content ul li label dl dt {
  color: #3c3c3c;
  font-size: 1.4rem;
}

.pop-body-content ul li label dl dd {
  color: #a0a0a0;
  font-size: 1.2rem;
}

.pop-body-content ul li.on label {
  border-color: #ff8a00;
}

.pop-body-content ul li label+checked {
  border-color: #ff8a00;
}

.pop-body-content ul li.on label::after,
.pop-body-content ul li label+checked::after {
  background-image: url(/images/responsive-img/ic-padd-off.svg);
}

.pass-pop .favo-list {
  right: 0;
  width: 10rem;
  display: flex;
  justify-content: center;
}

.pop-body-content .pay-product-list {
  border-top: 2px solid #787878;
  border-bottom: 2px solid #787878;
}

.pop-body-content .pay-product-list dl+dl {
  margin-top: 0;
}

.pop-body-content .pay-product-list dl {
  padding: 1rem;
}

.pop-body-content .pay-product-list dl dt {
  display: flex;
  align-items: center;
}

.pop-body-content .pay-product-list dl dd {
  width: 50%;
  text-align: right;
}

.pop-body-content .pay-product-list dl.padding-none {
  padding: 0.2rem;
}

.pop-body-content .pay-product-list dl:nth-child(odd) {
  background-color: #f4f4f4;
}

/*버튼*/
.dark-btn {}

.dark-btn a {
  display: flex;
  justify-content: center;
  padding: 0 1rem;
  align-items: center;
  height: 2rem;
  min-width: 6rem;
  font-size: 1.2rem;
  background-color: #505050;
  border-radius: 1.667rem;
  color: #fff;
}

.dark-btn a::after {
  content: "";
  margin-left: 0.278rem;
  background-image: url(/images/responsive-img/arrow.svg);
  width: 0.8rem;
  height: 0.8rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
}

.ic-add {
  display: inline-block;
  background-image: url(/images/responsive-img/ic-add.svg);
  width: 1.8rem;
  height: 1.8rem;
  background-size: contain;
  background-repeat: no-repeat;
}

.ic-del {
  display: inline-block;
  background-image: url(/images/responsive-img/ic-del.svg);
  width: 1.8rem;
  height: 1.8rem;
  background-size: contain;
  background-repeat: no-repeat;
}

.ic-plus {
  display: inline-block;
  background-image: url(/images/responsive-img/ic-plus.svg);
  width: 3.6rem;
  height: 3.6rem;
  background-size: contain;
  background-repeat: no-repeat;
}

.ic-minus {
  display: inline-block;
  background-image: url(/images/responsive-img/ic-minus.svg);
  width: 3.6rem;
  height: 3.6rem;
  background-size: contain;
  background-repeat: no-repeat;
}

.ic-mody {
  display: inline-block;
  background-image: url(/images/responsive-img/ic-edit.svg);
  width: 1.8rem;
  height: 1.8rem;
  background-size: contain;
  background-repeat: no-repeat;
}

.ico_anucUpload {
  display: inline-block;
  background-image: url(/images/responsive-img/anuc-upload.svg);
  width: 2.5rem;
  height: 2.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
}

.ico_excel {
  display: inline-block;
  background-image: url(/images/responsive-img/ic_excel.svg);
  width: 3rem;
  height: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
}

.ico_ca-excel {
  display: inline-block;
  background-image: url(/images/responsive-img/ic_cash.svg);
  width: 3rem;
  height: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
}

.tite-btn button {
  border: 1px solid #ccc;
  padding: 0.5rem 1rem;
}

.tite-btn button.point {
  border: 1px solid #ff7d0d;
  color: #ff8a00;
}

.tite-btn button.dark-btn {
  background-color: #555;
  color: #fff;
  border-color: #555;
}

.btn-comfirm {
  display: flex;
  color: #fff;
  line-height: 1.5rem;
  background-color: #ff7d0d;
  width: 100%;
  height: 3.6rem;
  text-align: center;
  justify-content: center;
}

.guide-btn .last-btn {
  width: 100%;
}

.btn-cancel {
  color: #787878;
  border: 0.1rem solid #787878 !important;
  width: 100%;
  background-color: #fff;
  height: 3.6rem;
  justify-content: center;
}

.btn-cancel:disabled {
  cursor: inherit;
}

.title-btn {
  border: 1px solid #ff7d0d;
  color: #ff7d0d;
  height: 3rem;
  width: 8.4rem;
  text-align: center;
  justify-content: center;
}

.btn-cancel .point {
  color: #ff8a00;
  font-size: 1.4rem;
}

/*라디오 버튼*/
label.radio {
  cursor: pointer;
  width: 100%;
  min-width: 6rem;
  text-align: center;
}

label.radio input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
}

label.radio span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.6px;
  height: 3.6rem;
  vertical-align: middle;
  border: 1px solid #dcdcdc;
  color: #3c3c3c;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1;
}

label.radio span:lang(en) {
  font-size: 1.3rem;
}

label.radio:nth-child(2) span {
  border-left: 0;
  border-right: 0;
}

label.radio:first-child span {
  border-radius: 0.3rem 0 0 0.3rem;
}

label.radio:last-child span {
  border-radius: 0 0.3rem 0.3rem 0;
  border-right: 1px solid #dcdcdc;
}

label.radio input:checked+span {
  border-color: #3c3c3c;
  background-color: #3c3c3c;
  color: #fff;
}

label.radio input:checked+span:lang(ja) {
  line-height: 1.5rem;
}

label.radio input.disable+span {
  border-color: #a0a0a0;
  background-color: #a0a0a0;
  color: #fff;
}

/*상단 안내*/
.result-info {
  font-size: 1.4rem;
  color: #9c9c9c;
  text-align: center;
  width: 100%;
}

.result-info em {
  display: block;
  color: #5c5c5c;
}

/*슬라이더 라인*/
.slider-con-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
}

.slider-con-top span {
  display: inline-flex;
  width: 24.5%;
  height: 8px;
  justify-content: center;
}

.slider-con-top span em {
  font-size: 1.2rem;
  position: absolute;
  margin-top: -25px;
}

.slider-con-top span:last-child {
  border-right: 0;
}

.slider-con-top span.c0 {
  background-color: #B3B3B3;
}

.slider-con-top span.c0 em {
  color: #B3B3B3;
}

.slider-con-top span.c1 {
  background-color: #94D059;
}

.slider-con-top span.c1 em {
  color: #94D059;
}

.slider-con-top span.c2 {
  background-color: #0dcc74;
}

.slider-con-top span.c2 em {
  color: #0dcc74;
}

.slider-con-top span.c3 {
  background-color: #ffc000;
}

.slider-con-top span.c3 em {
  color: #ffc000;
}

.slider-con-top span.c4 {
  background-color: #f7554d;
}

.slider-con-top span.c4 em {
  color: #f7554d;
}

.slider-con-top span.c5 {
  background-color: #67b700;
}

.slider-con-top span.c5 em {
  color: #67b700;
}

.slider-con-top span.c6 {
  background-color: #07C3FE;
}

.slider-con-top span.c6 em {
  color: #07C3FE;
}

.slider-con-top span.c7 {
  background-color: #1489CB;
}

.slider-con-top span.c7 em {
  color: #1489CB;
}

.slider-con-bottom {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}

.slider-con-bottom span {}

.slider-con-bottom span em {
  font-size: 1.2rem;
  color: #a0a0a0;
}

.bm_content.w3 .slider-con-top span {
  width: 32.8%;
}

.bm_content.w3 .slider-con-bottom {
  width: 70%;
}

.bm_content.w5 .slider-con-top span {
  width: 19.8%;
}

.bm_content.w5 .slider-con-bottom {
  width: 80%;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.9em;
}

.bm_content .ui-state-default,
.bm_content .ui-widget-content .ui-state-default,
.bm_content .ui-widget-header .ui-state-default,
.bm_content .ui-button,
html .bm_content .ui-button.ui-state-disabled:hover,
html .bm_content .ui-button.ui-state-disabled:active {
  background-color: #fff;
  border-color: #000;
  border-width: 2px;
  border-radius: 20px;
  outline: none;
}

/*체성분 측정결과*/
.bm_title {
  display: flex;
  padding-bottom: 1.278rem;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f0f2f4;
}

.bm_title dt {
  font-size: 1.4rem;
  color: #a0a0a0;
}

.bm_title dd {
  color: #3c3c3c;
}

.bm_title dd strong {
  font-weight: bold;
  font-size: 1.4rem;
}

.bm_title dd em {
  font-size: 1rem;
}

.bm_content {
  padding-top: 1.278rem;
}

.bm_content dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bm_content dl+dl {
  margin-top: 1.4rem;
}

.bm_content dl dt {
  font-size: 1.4rem;
}

.bm_content dl dd strong {
  font-weight: bold;
  font-size: 1.6rem;
}

.bm_content dd em {
  font-size: 1.2rem;
  color: #3c3c3c;
}

.bm_content dl.bm_green dt,
.bm_content dl.bm_green dd {
  color: #0dcc74;
}

.bm_content dl.bm_red dt,
.bm_content dl.bm_red dd {
  color: #f7554d;
}

.body-com {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding: 1.8rem;
  padding-bottom: 0;
}

.body-com-list {
  padding: 0 1.8rem;
  margin-bottom: 2rem;
}

.body-com .grp-but i.grp3_nor {
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  background-image: url(/images/responsive-img/grp3_nor.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
}

.circle-toggle {
  width: 100%;
  justify-content: space-between;
}

.circle-toggle i {
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.circle-toggle span {
  font-size: 1.8rem;
  font-weight: 500;
  color: #0f0f0f;
}

.circle-toggle i.icon-minus-circle {
  background-image: url(/images/responsive-img/icon-minus-circle.svg);
}

.circle-toggle i.icon-plus-circle {
  background-image: url(/images/responsive-img/icon-plus-circle.svg);
}

/*테이블*/

.product-title h3 {
  font-size: 2rem;
  color: #161616;
  margin-bottom: 1.7rem;
  text-align: left;
}

.product-title h3.center {
  text-align: center;
}

.product-title .point,
.pop-title .point {
  color: #ff8a00;
}

.table-container table {
  display: table;
  border-collapse: separate;
  box-sizing: border-box;
  border-spacing: 0px;
  border-color: grey;
  table-layout: unset;
  /*padding-left: 54%; */
}

.table-container.table-52 table {
  padding-left: 52%;
}

.table-container table.pad-none {
  padding-left: 0;
}

.table-container table.nowrap td {
  white-space: inherit !important;
}

.table-container table thead th,
.table-container table thead th.inp-flex p {
  font-size: 1.4rem;
}

.table-container table th,
.table-container table td {
  white-space: nowrap;
  padding: 5px;
  border-right: 1px solid #dce0e4;
  border-bottom: 1px solid #dce0e4;
  /*padding:0.8rem 0.5rem; */
  font-size: 1.4rem;
  min-height: 5rem;
  height: 5rem;
  line-height: 1.5rem;
  text-align: center;
}

.table-container.nowrap-on td {
  white-space: inherit;
}

.table-container.small-font td {
  font-size: 1.2rem;
}

.auto-td.table-container table th,
.auto-td.table-container table td {
  height: auto;
}

.table-container.smal-h table td,
.table-container.smal-h table th {
  height: 3rem;
}

.table-container table td.red {
  color: #fb2a20;
  background-image: none;
}

.table-container table td.blue {
  color: #00aaff;
  background-image: none;
}

.table-container table td div.left {
  text-align: left;
}

.table-container table tbody tr.on td,
.table-container table tbody tr.on td div.first-col {
  background-color: #ffe9cd;
}

.table-container table td a {
  cursor: pointer;
  width: 100%;
  display: flex;
  padding-right: 0rem;
  line-height: 1.2em;
  padding-left: 0px;
  align-items: center;
  white-space: normal;
  justify-content: space-between;
}

.table-container .first-w table td a {
  width: 85%;
}

.table-container table td a p {
  max-width: 90%;
  width: 100%;
  text-align: center;
  padding: 0.8rem 0rem;
}

.table-container table td a.end {
  width: fit-content;
  color: #ff8a00;
  justify-content: center;
  text-align: center;
}

.table-container table td a.end::after {
  content: none;
}

.table-container table th {
  background-color: #f8f8f8;
  color: #8c8c8c;
}

.table-container table th em {
  display: block;
}

.table-container table td {
  color: #000;
}

.table-container table td.m-blue {
  color: #277ed5;
}

.table-container table td.m-green {
  color: #6ab30c;
}

.table-container table td.m-red {
  color: #ec4e0c;
}

.table-container .last-color table td:last-child {
  background-color: #f8f8f8;
  font-weight: 600;
  color: #000;
}

.table-container #table-graph table tr td:last-child {
  padding: 0;
}

.table-container #table-graph table tr td:last-child .graph-area {
  display: flex;
  justify-content: center;
  height: 5rem;
  align-items: center;
  width: 100%;
  position: relative;
}

.table-container #table-graph table tr td:last-child .graph {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  height: 5rem;
  align-items: center;
}

.table-container #table-graph table tr td:last-child .graph .bar {
  display: flex;
  justify-content: center;
  height: 5rem;
  align-items: center;
  background-color: #dbdbdb;
}

.table-container #table-graph table tr td:last-child .graph .bar em {
  display: flex;
  justify-content: center;
  font-weight: 700;
  height: 5rem;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

.table-container table td.inp-flex {
  justify-content: space-between;
  text-align: center;
  align-items: center;
}

.table-container table th.inp-flex {
  justify-content: space-between;
  text-align: center;
  align-items: center;
}

.table-container table th.inp-flex p,
.table-container table td.inp-flex p {
  width: 80%;
  font-size: 1.4rem;
  width: calc(80% - -16%);
}

.table-container table th .inp-flex,
.table-container table td .inp-flex {
  align-items: center;
}

.table-container table td em {
  color: #000;
}

.table-container table td em.on {
  color: #ff8a00;
}

.day-chak em {
  color: #ddd !important;
}

.day-chak em.on {
  color: #ff8a00 !important;
}

/* html[lang='en'] .day-chak em::before { content:'/'; color:#ddd; } 
html[lang='en'] .day-chak em:first-child::before { content:''; } */
.table-container table .first-col {
  background-color: #f8f8f8;
  min-width: 17rem;
  justify-content: space-between;
}

.acount-mony.table-container table .first-col {
  min-width: 8rem;
}

.acount-mony.table-container table th:first-child,
.acount-mony.table-container table td:first-child {
  position: sticky;
  left: 0;
  z-index: 99;
}

/*.table-container table .first-col { 
position: absolute; 
width:48.5%; 
left:1.8rem; 
background-color:#f8f8f8; 
justify-content: space-between; 
display: -webkit-box; 
display: flex; 
align-items: center; 
justify-content: start; 
white-space: unset; 
}*/

.score-name-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.score-name-box dl {
  display: flex;
  align-items: center;
}

.score-name-box dl dt {
  font-size: 1.3rem;
}

.score-name-box dl dd {
  background-color: #fff;
  padding: 0.5rem;
  font-size: 1.3rem;
  color: #ff8a00;
  border-radius: 5px;
  padding: 4px 17px 5px;
  margin-left: 1.6rem;
}

.score-name-box dl dd+dt {
  margin-left: 1.6rem;
}

.title-name {
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
  align-items: center;
  padding-bottom: 0;
}

.title-name p {
  font-size: 1.3rem;
}

.title-name p:last-child {
  background-color: #fff;
  border-radius: 5px;
  padding: 4px 17px 5px;
  margin-left: 1.6rem;
}

.title-name.too-name {
  justify-content: space-between;
  flex-direction: column-reverse;
}

.title-name.too-name.report-name {
  flex-direction: inherit;
}

.title-name.too-name.report-name div:last-child {
  padding-top: 0;
}

.title-name.too-name div:first-child p:last-child {
  background-color: transparent;
  border-radius: 0px;
  padding: 0;
  margin-left: 0rem;
  text-align: center;
}

.title-name.too-name div:first-child {
  width: 100%;
}

.title-name.too-name div:first-child p span {
  color: #8c8c8c;
}

.title-name.too-name div:last-child {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding: 1rem;
  align-items: center;
  padding-bottom: 0;
}

/*.table-container table.cea12 { padding-left: 16rem; } 
.table-container table.cea12 .first-col { width: 16rem; } */

.table-container table tbody .first-col {
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
}

.table-container table tbody .first-col2 {
  background-color: #f8f8f8;
}

.table-container table .first-col p {
  width: 82%;
  font-size: 1.4rem;
  text-align: center;
  white-space: normal;
  margin-left: 0.5rem;
  word-break: break-all;
}

.table-container table .first-col2 p {
  min-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 82%;
  font-size: 1.4rem;
  text-align: center;
  white-space: normal;
  margin-left: 0.5rem;
  word-break: break-all;
}

.table-container table td.first-col p {
  max-width: 16rem;
  min-width: 16rem;
}

.table-container table td.first-col p.br-m br {
  display: block;
}

.table-container table td.right {
  text-align: right;
}

.table-container table td.left {
  text-align: left;
}

.table-container table td.cencel {
  text-decoration: line-through;
}

.button-col.inp-flex {
  align-items: center;
}

.table-container table .first-col a::after,
.table-container table a::after,
.table-container table td a::after,
.button-col a::after {
  content: "";
  display: inline-flex;
  background-image: url(/images/responsive-img/ic-detail.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.2rem;
  height: 2.2rem;
  min-width: 2.2rem;
  margin-right: 1rem;
}

.table-container table td a.scan::after {
  content: "";
  display: inline-flex;
  background-image: url(/images/responsive-img/scan-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2rem;
  height: 1.7rem;
  min-width: 2rem;
  margin-right: 0.3rem;
}

.table-container.none-icon table a::after {
  content: none;
}

.table-container .table-icon tbody td.td-icon a::after {
  content: none;
}

.table-container .table-icon tbody td.td-icon a img {
  width: 2.8rem;
  min-width: auto;
  margin: 0 auto;
}

.table-container {
  border-top: 2px solid #787878;
  border-bottom: 2px solid #787878;
}

.table-container .table-wrapper {
  position: unset;
  overflow-x: scroll;
  width: 100%;
  /*margin: 0 0 0 35%; */
}

.table-container .table-wrapper.pop-tableno table .first-col {
  width: 21%;
}

.table-container .table-wrapper.pop-tableno table {
  padding-left: 23%;
}

.table-container table tr th:last-child,
.table-container table tr td:last-child {
  border-right: 0;
}

.table-container table tr th+td:last-child {
  border-right: 1px solid #dce0e4;
}

.table-container table tr th+td>div {
  padding: 0 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.table-container table tr td.item-td>div {
  display: flex;
  padding: 0 1rem;
  min-width: 13rem;
  position: relative;
  align-items: center;
  justify-content: space-between;
}

.table-container table tr td.item-td>div .blrr {
  position: absolute;
  left: 50%;
  top: 2rem;
  transform: translate(-50%, 0);
}

.table-container table tr td.item-td>div a {
  width: 2rem;
  padding-left: 0;
}

.table-container table tr td.item-td>div a.view::after {
  background-image: url(/images/responsive-img/icon3.svg);
}

.table-container table tr td.item-td>div>p {
  position: relative;
  white-space: normal;
  text-align: left;
  line-height: 1.8rem;
}

/*.table-container.w-130 table .first-col { width:44%; } */
/*.table-container.w-130 table { padding-left: 49%; } */

.r-width {
  display: block;
  border-radius: 2rem;
  min-width: 5em;
  margin: 0 auto;
  background-color: #ff8a00;
  padding: 0.2rem 0.8rem;
  color: #fff;
  border: 1px solid #ff8a00;
}

.r-width-off {
  display: block;
  border-radius: 2rem;
  min-width: 5rem;
  margin: 0 auto;
  background-color: #fff;
  padding: 0.2rem 0.8rem;
  color: #787878;
  border: 1px solid #a0a0a0;
}

.r-width-no {
  display: block;
  border-radius: 2rem;
  min-width: 5rem;
  margin: 0 auto;
  background-color: #787878;
  padding: 0.2rem 0.8rem;
  color: #fff;
  border: 1px solid #787878;
}

.setting-button {
  margin-top: 3.1rem;
}

.setting-button button {
  display: flex;
  font-weight: 500;
  font-size: 1.4rem;
  padding: 1.16rem 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.6rem;
  border: solid 1px #787878;
  color: #787878;
  background-color: #fff;
  width: 100%;
  text-align: center;
}

.setting-button button.on {
  border: solid 1px #ff8a00;
  color: #fff;
  background-color: #ff8a00;
}

.setting-button button.disable {
  border: solid 1px #f0f2f4;
  color: #f0f2f4;
  background-color: #fff;
}

.setting-button p {
  font-size: 1.2rem;
  color: #a0a0a0;
  margin-top: 1.25rem;
}

/*그래프 아이콘*/
.graph-tab {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #eeeff4;
  padding-bottom: 2rem;
}

.graph-tab .respon-tab {
  border-bottom: none;
}

.graph-icon {
  width: 15rem;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 1.5rem;
}

.graph-icon i {
  width: 4.5rem;
  height: 4.5rem;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.graph-size {
  position: relative;
  width: 100%;
}

.graph-box {
  display: flex;
  width: 100%;
  height: 40rem;
}

#legend-container {
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
}

#legend-container li {}

#legend-container span {
  height: 1.4rem !important;
  margin-right: 5px !important;
  margin-top: 3px !important;
  width: 14px !important;
}

#legend-container p {
  font-family: "NotoSansja";
  font-size: 1.2rem;
}

.graph-box ui ul {
  flex-wrap: wrap;
  justify-content: center;
}

.graph-icon a:hover i.g-icon1,
.graph-icon a.on i.g-icon1 {
  background-image: url(/images/responsive-img/icon4_on.svg);
}

.graph-icon a:hover i.g-icon2,
.graph-icon a.on i.g-icon2 {
  background-image: url(/images/responsive-img/icon5_on.svg);
}

.graph-icon a:hover i.g-icon3,
.graph-icon a.on i.g-icon3 {
  background-image: url(/images/responsive-img/icon6_on.svg);
}

.graph-icon i.g-icon1 {
  background-image: url(/images/responsive-img/icon4.svg);
}

.graph-icon i.g-icon2 {
  background-image: url(/images/responsive-img/icon5.svg);
}

.graph-icon i.g-icon3 {
  background-image: url(/images/responsive-img/icon6.svg);
}

/*센터 리스트*/
.chak-ok {
  display: block;
  padding: 1.9rem;
}

.exrcEmptyList+.exrcEmptyList {
  margin-top: 1rem;
}

.no-result {
  display: flex;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 0.8rem;
  align-items: center;
  justify-content: center;
  color: #8c8c8c;
}

.chak-ok.on {
  border: 1px solid #0dcc74;
}

.list-name {
  display: flex;
  justify-content: space-between;
}

.list-name h3 {
  font-size: 1.6rem;
  color: #3c3c3c;
  margin-bottom: 0.65rem;
}

.list-name h3 span {
  width: 3rem;
  height: 0.9rem;
  display: inline-flex;
  margin-left: 0.5rem;
  align-items: center;
  border-radius: 4px;
  justify-content: center;
  background-color: #ffbc2b;
  font-size: 0.5rem;
  color: #fff;
}

.list-name p {
  font-size: 1.4rem;
  color: #a0a0a0;
  margin-bottom: 0.425rem;
}

.list-name p {
  display: flex;
  align-items: center;
}

.list-name p i {
  margin-right: 0.2rem;
  display: block;
  background-image: url(/images/responsive-img/ic-phone-number.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.4rem;
  height: 1.4rem;
}

.center-step {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #f0f2f4;
  padding-top: 0.75rem;
  margin-top: 1rem;
}

.center-step button {
  width: 100%;
  color: #7b7b7b;
  align-items: center;
  text-align: center;
  display: flex;
  justify-content: center;
}

.center-step button em {
  margin-left: 0.2rem;
}

.center-step button::after {
  content: "";
  display: block;
  margin-left: 0.5rem;
  background-image: url(/images/responsive-img/ic-arrows-off.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.8rem;
  height: 1.8rem;
}

.center-step button.on::after {
  content: "";
  display: block;
  margin-left: 0.5rem;
  background-image: url(/images/responsive-img/ic-arrows-on.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.8rem;
  height: 1.8rem;
}

.chak-ok .center-step strong {
  color: #0dcc74;
  font-size: 1.4rem;
  font-weight: normal;
}

.chak-ok .center-step p,
.center-step p {
  font-size: 1.2rem;
  color: #7b7b7b;
}

.chak-no .center-step strong {
  font-size: 1.4rem;
  font-weight: normal;
}

.chak-ok .center-step strong.red,
.chak-no .center-step strong.red {
  color: #f7554d;
  background-image: none;
}

.chak-ok .center-step strong.green,
.chak-no .center-step strong.green {
  color: #0dcc74;
  background-image: none;
}

.chak-ok .ch-icon i {
  display: block;
  background-image: url(/images/responsive-img/ic-select.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.4rem;
  height: 2.4rem;
}

.chak-ok.on .ch-icon i {
  display: block;
  background-image: url(/images/responsive-img/ic-select-on.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.4rem;
  height: 2.4rem;
}

/* 이용 불가 선택가능 변경 */
.chak-no.on {
  border: 1px solid #0dcc74;
}

.chak-no {
  display: block;
  padding: 1.9rem;
}

.chak-no .ch-icon i {
  display: block;
  background-image: url(/images/responsive-img/ic-select.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.4rem;
  height: 2.4rem;
}

.chak-no.on .ch-icon i {
  display: block;
  background-image: url(/images/responsive-img/ic-select-on.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.4rem;
  height: 2.4rem;
}

/* pagination */
.pagination {
  display: flex;
  margin-top: 4.4rem;
  justify-content: center;
}

.pagination .btn-page {
  width: 3rem;
  height: 3rem;
  text-indent: -9999px;
  border: 1px solid #f0f2f4;
}

.pagination .btn-page+.btn-page {
  margin-left: 0.5rem;
}

.pagination .btn-page.first {
  background: url(/images/mobile/common/ico_page_first.svg) no-repeat;
  background-size: 100%;
}

.pagination .btn-page.prev {
  background: url(/images/mobile/common/ico_page_prev.svg) no-repeat;
  background-size: 100%;
}

.pagination .btn-page.next {
  background: url(/images/mobile/common/ico_page_next.svg) no-repeat;
  background-size: 100%;
}

.pagination .btn-page.last {
  background: url(/images/mobile/common/ico_page_last.svg) no-repeat;
  background-size: 100%;
}

.pagination .page-numList {
  display: flex;
  padding: 0 1.1rem;
}

.pagination .page-numList .btn-num a {
  display: block;
  font-size: 1.2rem;
  /*border-radius: 0.1rem; border:1px solid #7b7b7b; */
  min-width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
}

.pagination .page-numList .btn-num a span {
  color: #333;
}

.pagination .page-numList .btn-num+.btn-num {
  margin-left: 0.4rem;
}

.pagination .page-numList .btn-num.current a {
  background-color: #3c3c3c;
  border: none;
  border-radius: 0.25rem;
  pointer-events: none;
}

.pagination .page-numList .btn-num.current span {
  color: #fff;
}

.icon-pag {
  display: flex;
  justify-content: center;
  position: relative;
}

.exe-link {
  position: absolute;
  right: 0;
  top: 0.5rem;
}

.excel-tow {
  display: flex;
  width: 7rem;
  position: absolute;
  right: 0;
  justify-content: space-between;
}

.excel-tow a {
  display: block;
  position: relative;
  right: inherit;
  top: inherit;
  width: 3rem;
}

/*버튼*/
.btn {
  position: relative;
  border-radius: 0.3rem;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  opacity: 1;
  border: 1px solid transparent;
  font-size: 1.4rem;
}

/* .btn:lang(de) { white-space: normal; } */
.btn-search {
  display: flex;
  align-items: center;
  width: fit-content;
  height: 3.6rem;
  background-color: #555;
  font-family: "NotoSans-Medium";
  color: #fff;
  font-size: 1.4rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.btn-search:lang(en),
.add-btn:lang(en) {
  line-height: 1.2rem;
}

.btn-more {
  width: 100%;
  margin-left: 1rem;
  min-width: 7.2rem;
  height: 3.6rem;
  background-color: #fff;
  font-family: "NotoSans-Medium";
  color: #787878;
  border: 1px solid #787878;
  font-size: 1.4rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.btn-more:lang(de) {
  min-width: auto;
}

.btn-more span::after {
  content: "";
  display: block;
  margin-left: 0.5rem;
  margin-top: -0.5rem;
  background-position: top center;
  background: url(/images/responsive-img/arrow-sup.svg) no-repeat;
  background-size: auto;
  background-repeat: no-repeat;
  transform: scaleY(-1);
  width: 1.6rem;
  height: 1.6rem;
}

.btn-more.on span::after {
  content: "";
  display: block;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
  background-position: top center;
  background: url(/images/responsive-img/arrow-sup.svg) no-repeat;
  background-size: auto;
  background-repeat: no-repeat;
  transform: scaleY(1);
  width: 1.6rem;
  height: 1.6rem;
}

/*결제*/
.pay-item li {
  background-color: #f6f8fa;
  padding: 1.85rem 0;
  text-align: center;
  border-radius: 0.6rem;
}

.pay-item li+li {
  margin-top: 1.2rem;
}

.pay-item p {
  font-size: 1.6rem;
  font-weight: 500;
}

.pay-item p+p {
  margin-top: 1rem;
}

.pay-item p strong,
.pay-item p span {
  font-size: 1.4rem;
  font-weight: 700;
}

.pay-item p strong {
  color: #ff7d0d;
}

.title-point {
  background-color: #ff7d0d;
  color: #fff;
}

.title-point p {
  color: #fff;
}

.info-mass {
  font-size: 2rem;
  text-align: center;
  line-height: 1.2em;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #f0f2f4;
}

.point-cash {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: #f6f8fa;
  padding: 1.85rem;
  border-radius: 0.6rem;
}

.point-cash dt,
.point-cash dd {
  font-size: 1.4rem;
  color: #a0a0a0;
}

.point-cash dd span {
  font-weight: 700;
  color: #3c3c3c;
}

.point-warp {}

.point-warp p {
  font-size: 1.2rem;
  margin-top: 0.7rem;
}

.point-input {
  display: flex;
  margin-top: 1.2rem;
}

.point-input button {
  margin-left: 1.2rem;
  white-space: nowrap !important;
  width: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.point-input button::before {
  content: "";
  width: 2rem;
}

.point-input button::after {
  content: "";
  width: 2rem;
}

.point-warp input {
  width: 100%;
  height: 3.6rem;
  padding: 0 1.25rem;
  padding-right: 0;
  border: 0.1rem solid #dcdcdc;
  background-color: #fff;
  font-size: 1.4rem;
  color: #333;
  line-height: 2.15rem;
  border-radius: 0.3rem;
}

.cash-info {}

.cash-info dl {
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
  margin-bottom: 0.3rem;
}

.cash-info dl dt {
  color: #7b7b7b;
}

.cash-info dl dd {
  color: #a0a0a0;
}

.totla {
  border-top: 1px solid #f0f2f4;
  margin-top: 1.2rem;
  padding-top: 2.4rem;
}

.totla dl dt {
  font-size: 1.6rem;
  color: #3c3c3c;
}

.totla dl dd {
  font-size: 2rem;
  color: #ff7d0d;
  font-weight: 700;
}

.totla button {
  margin-top: 1.9rem;
}

.pay-complete dl {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.pay-complete dl dt {
  color: #7b7b7b;
  font-size: 1.4rem;
}

.pay-complete dl dd {
  text-align: right;
  color: #3c3c3c;
  font-size: 1.4rem;
  font-weight: 500;
}

.pay-complete dl dd.red {
  color: #fb2a20;
  background: none;
}

.pay-complete dl dd p {
  margin-bottom: 0.6rem;
}

.pay-complete dl dd p:last-child {
  color: #a0a0a0;
}

.pay-complete dl.O-point dt,
.pay-complete dl.O-point dd {
  color: #ff7d0d;
}

.pay-complete.pay-input dl dd input[type="text"],
.pay-complete.pay-input dl dd input[type="datetime-local"] {
  width: 100%;
  min-width: 24rem;
  height: 3.6rem;
  padding: 0 1.25rem;
  border: 1px solid #dcdcdc;
  background-color: transparent;
  font-size: 1.4rem;
  color: #333;
  line-height: 2.15rem;
  border-radius: 0.3rem;
  text-align: right;
}

.pay-complete.pay-input .text-inp {
  max-width: 22rem;
}

.pay-complete.pay-input .text-inp p {
  margin-bottom: 0;
}

.pay-complete.pay-input .text-inp.tow-box {
  min-width: 24rem;
}

.pay-complete.pay-input .text-inp.tow-box input[type="text"] {
  min-width: 16rem;
}

.pay-complete.pay-input .text-inp.tow-box input[type="text"]:lang(en) {
  min-width: 14rem;
}

.pay-complete.pay-input .text-inp input[type="text"] {
  border: 0;
  min-width: 18.5rem;
}

.pay-complete.pay-input dl dd input[type="datetime-local"] {
  padding-right: 4rem;
}

.pay-complete.pay-input dl dd .select-default {
  min-width: 22rem;
  text-align: right;
}

.pay-complete.pay-input .pay-totla dl dd input[type="text"] {
  font-size: 2rem;
  color: #ff7d0d;
  font-weight: 700;
}

.text-inp #stlInsmMmcnt p {
  padding-left: 0;
  width: fit-content;
}

.pay-totla {
  border-top: 1px solid #dce0e4;
  margin-top: 1.2rem;
  padding-top: 2.4rem;
}

.pay-totla dl dt {
  font-size: 1.6rem;
  color: #3c3c3c;
}

.pay-totla dl dd {
  font-size: 2rem;
  color: #ff7d0d;
  font-weight: 700;
}

.pay-totla button {
  margin-top: 1.9rem;
}

.pay-totla button.red {
  color: #fb2a20;
  border-color: #fb2a20;
  background-color: #fff;
  background-image: none;
}

.pay-comfirm-btn {
  display: flex;
  gap: 1rem;
  margin-bottom: 3rem;
}

.pay-comfirm-btn button {
  width: 100%;
  height: 3.5rem;
}

.pay-comfirm-btn button:lang(de) {
  font-size: 1.1rem;
}

.pay-cancel {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #7b7b7b;
  border-radius: 0;
  min-width: 7rem;
  margin: 0 auto;
  text-align: center;
  font-size: 1.4rem;
}

.bor-btn-g {
  display: flex;
  border-top: 1px solid #f0f2f4;
  padding-top: 1.8rem;
  max-width: 42.6rem;
  margin: 0 auto;
  margin-top: 2.5rem;
}

.bor-btn-g button {
  width: 100%;
}

/*상품목록(사용자조회)*/
.product-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 1rem 1.8rem;
}

.product-info.right {
  justify-content: flex-end;
}

.product-info dl {
  display: flex;
}

.favo-list {
   display: none;
   position: absolute;
   z-index: 10;
   top: 3.5rem;
   right: 0;
   min-width: 100%;
   background-color: #fff;
   border: 1px solid #D0D5DD;
   border-radius: 0.6rem;
 }

.locker-box .favo-list {
  right: 0;
}

.favo-list span {
   font-size: 1.4rem;
   color: #686868;
 }
 
 .favo-list ul li input {
   position: absolute;
   visibility: hidden;
   text-indent: -9999px;
 }
 
 .favo-list ul {
   width: 100%;
 }
 
 .favo-list ul li label {
   width: 100%;
   display: block;
   padding: 0.5rem 1.5rem;
   text-align: center;
   cursor: pointer;
 }
 
 .favo-list ul li label:hover,
 .favo-list ul li.on label {
   color:#010101;
   font-weight: 500;
   
 }
 
 .favo-list ul li label:hover span,
 .favo-list ul li.on span {
   color: #010101;
 }
 
 .favo-list ul li:last-child {
   margin-bottom: 0;
 }

.product-list ul li {
  position: relative;
  background-color: #fff;
  padding: 2rem;
  margin: 1.8rem;
  margin-top: 0;
  border-radius: 0.6rem;
}

.product-list h3 {
  font-size: 1.6rem;
  width: 100%;
  min-height: 6.7rem;
}

.product-list h3.tow-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 4.8rem;
}

.product-list h3.tow-cell:lang(de) {
  align-items: flex-end;
}

.product-list h3 span:first-child {
  display: flex;
  max-width: 20rem;
  align-items: center;
  overflow: hidden;
  min-height: 3.4rem;
  line-height: 1.2;
  word-break: normal;
  /*text-overflow: ellipsis; 
white-space: normal; 
white-space: nowrap; 
height: 3.4rem; 
text-align: left; 
display: -webkit-box; 
word-wrap: break-word; 
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical; 
vertical-align:center; */
}

.product-list h3 span {
  display: flex;
  width: 100%;
  align-items: center;
}

.product-list h3 span.in {
  justify-content: center;
  font-size: 1.2rem;
  padding: 0.1rem 0.8rem;
  border-radius: 2rem;
  background-color: #ff8a00;
  border: 1px solid #ff8a00;
  color: #fff;
  text-align: center;
  width: 5rem;
}

.product-list h3 span.unused {
  justify-content: center;
  font-size: 1.2rem;
  padding: 0.1rem 0.8rem;
  border-radius: 2rem;
  background-color: #fff;
  border: 1px solid #ff8a00;
  color: #ff8a00;
  text-align: center;
  width: 5rem;
}

.product-list h3 span.stop {
  justify-content: center;
  font-size: 1.2rem;
  padding: 0.1rem 0.8rem;
  border-radius: 2rem;
  background-color: #787878;
  border: 1px solid #787878;
  color: #fff;
  text-align: center;
  width: 5rem;
}

.product-list h3 span.exp {
  justify-content: center;
  font-size: 1.2rem;
  padding: 0.1rem 0.8rem;
  border-radius: 2rem;
  background-color: #fff;
  border: 1px solid #787878;
  color: #787878;
  text-align: center;
  width: 5rem;
}

.product-list h3 span.in:lang(en) {
  justify-content: center;
  font-size: 1.2rem;
  padding: 0.1rem 0.8rem;
  border-radius: 2rem;
  background-color: #ff8a00;
  border: 1px solid #ff8a00;
  color: #fff;
  text-align: center;
  width: 6rem;
}

.product-list h3 span.unused:lang(en) {
  justify-content: center;
  font-size: 1.2rem;
  padding: 0.1rem 0.8rem;
  border-radius: 2rem;
  background-color: #fff;
  border: 1px solid #ff8a00;
  color: #ff8a00;
  text-align: center;
  width: 5rem;
}

.product-list h3 span.stop:lang(en) {
  justify-content: center;
  font-size: 1.2rem;
  padding: 0.1rem 0.8rem;
  border-radius: 2rem;
  background-color: #787878;
  border: 1px solid #787878;
  color: #fff;
  text-align: center;
  width: 8rem;
}

.product-list h3 span.exp:lang(en) {
  justify-content: center;
  font-size: 1.2rem;
  padding: 0.1rem 0.8rem;
  border-radius: 2rem;
  background-color: #fff;
  border: 1px solid #787878;
  color: #787878;
  text-align: center;
  width: 5rem;
}

.product-list h3 span:first-child:lang(de) {
  max-width: 100%;
}

.product-list h3 span.in:lang(de),
.product-list h3 span.stop:lang(de),
.product-list h3 span.unused:lang(de),
.product-list h3 span.exp:lang(de),
.product-list h3 span.exp:lang(de) {
  width: 10rem;
}

/*상품 상세*/
.product-list.only-view ul {
  width: 100% !important;
  padding: 0;
}

.product-list.only-view ul li {
  border: 1px solid #e3e3e3;
  border-radius: 0.6rem;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.product-sub-view {
  border: 1px solid #e3e3e3;
  border-radius: 0.6rem;
  background: #f9f9f9;
  padding: 1.85rem;
}

.product-sub-view dl {
  display: flex;
  justify-content: space-between;
}

.product-sub-view dl+dl {
  margin-top: 0.8rem;
}

.product-sub-view dl dt {
  font-weight: 500;
  color: #3c3c3c;
  font-size: 1.4rem;
}

.product-sub-view dl dd {
  font-weight: 500;
  color: #000;
  font-size: 1.4rem;
}

.product-sub-view dl:first-child dd {
  color: #ff7d0d;
}

.product-sub-view dl:first-child dd.black {
  color: #000;
}

.product-h4 {
  font-size: 1.4rem;
  color: #787878;
}

.discont-price {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
  border-bottom: 1px solid #f0f2f4;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.discont-price.re-point {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

.discont-price i.reple {
  position: absolute;
  bottom: -12px;
  display: flex;
  background-color: #ff8a00;
  color: #fff;
  font-size: 1.1rem;
  min-width: fit-content;
  padding: 1px 10px;
  font-style: normal;
  border-radius: 25px;
}

.reple-label {
  position: absolute;
  top: -27px;
  display: flex;
  background-color: #ff8a00;
  color: #fff;
  font-size: 1.1rem;
  min-width: fit-content;
  padding: 1px 10px;
  font-style: normal;
  border-radius: 25px;
}

.discont-price strong {
  font-size: 1.6rem;
}

.discont-price p span {
  font-size: 1.2rem;
  color: #a0a0a0;
  text-decoration: line-through;
}

.discont-price p strong {
  font-size: 1.2rem;
  color: #ff7d0d;
  margin-left: 1.3rem;
}

.price-info {
  border-bottom: 1px solid #dce0e4;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.price-info.border-t {
  border-top: 1px solid #f0f2f4;
  padding-top: 1rem;
  margin-top: 1rem;
}

.price-info.border-t.re-point {
  position: relative;
}

.price-info.border-t.re-point i.reple {
  position: absolute;
  top: -12px;
  display: flex;
  background-color: #ff8a00;
  color: #fff;
  font-size: 1.1rem;
  min-width: 60px;
  justify-content: center;
  padding: 1px 5px;
  font-style: normal;
  border-radius: 25px;
}

.price-info h4 {
  font-size: 1.6rem;
  color: #3c3c3c;
  margin-bottom: 1.3rem;
}

.price-info dl {
  display: flex;
  justify-content: space-between;
}

.price-info dl+dl {
  margin-top: 0.8rem;
}

.price-info dl dt {
  color: #333;
  font-size: 1.3rem;
}

.price-info dl dd {
  color: #333;
  font-size: 1.3rem;
}

.price-info dl dd.point {
  color: #ff8a00;
}

.product-list ul li .pay-comfirm-btn {
  margin-bottom: 0;
}

.product-list ul li .pay-comfirm-btn button:nth-child(3) {
  background-color: #ff8a00;
}

.product-list ul li .pay-comfirm-btn button:nth-child(2) {
  background-color: #505050 !important;
  color: #fff !important;
  border-color: #555 !important;
}

.product-list ul li .pay-comfirm-btn button:nth-child(2).btn-gray {
  background-color: #999 !important;
}

.product-list ul li .pay-comfirm-btn .btn-white[disabled],
.product-list ul li .pay-comfirm-btn .btn-white:disabled {
  border: solid 1px #dcdcdc !important;
  color: #f0f2f4 !important;
  background-color: #dcdcdc !important;
}

.product-info dt {
  font-size: 1.4rem;
  color: #787878;
}

.product-info dd {
  font-size: 1.4rem;
  color: #3c3c3c;
  font-weight: 500;
  margin-left: 1rem;
}

.favo-toggle {
   width: fit-content;
   display: flex;
   justify-content: space-between;
   position: relative;
   border: 1px solid #D0D5DD;
   border-radius: 5px;
   height: 36px;
 }
 
 .favo-toggle button {
   display: flex;
   width: 100%;
   justify-content: flex-end;
   color: #000;
   font-size: 1.4rem;
   padding: 1rem;
   align-items: center;
   padding-right: 3rem;
 }
 
.fillter-icon {
   margin-right: 0rem;
   background-image: url('data:image/svg+xml;utf8,%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2222%22%20height%3D%2217%22%20viewBox%3D%220%200%2022%2017%22%20fill%3D%22none%22%3E%0A%20%20%3Cg%20filter%3D%22url%28%23filter0_d_538_3529%29%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M17%207.19995L11%201.19995L5%207.19995%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20shape-rendering%3D%22crispEdges%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cfilter%20id%3D%22filter0_d_538_3529%22%20x%3D%220%22%20y%3D%220.199951%22%20width%3D%2222%22%20height%3D%2216%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%0A%20%20%20%20%20%20%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%0A%20%20%20%20%20%20%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%0A%20%20%20%20%20%20%3CfeOffset%20dy%3D%224%22/%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%222%22/%3E%0A%20%20%20%20%20%20%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%0A%20%20%20%20%20%20%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200%22/%3E%0A%20%20%20%20%20%20%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_538_3529%22/%3E%0A%20%20%20%20%20%20%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_538_3529%22%20result%3D%22shape%22/%3E%0A%20%20%20%20%3C/filter%3E%0A%20%20%3C/defs%3E%0A%3C/svg%3E%0A');
   width: 1.55rem;
   height: 1.55rem;
   background-size: contain;
   background-repeat: no-repeat;
   display: block;
   position: absolute;
   right: 0.5rem;
   top: 0.5rem;
   transform: rotate(181deg);
 }
 
 .fillter-icon.on {
   margin-right: 0rem;
   background-image: url('data:image/svg+xml;utf8,%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2222%22%20height%3D%2217%22%20viewBox%3D%220%200%2022%2017%22%20fill%3D%22none%22%3E%0A%20%20%3Cg%20filter%3D%22url%28%23filter0_d_538_3529%29%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M17%207.19995L11%201.19995L5%207.19995%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20shape-rendering%3D%22crispEdges%22/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cfilter%20id%3D%22filter0_d_538_3529%22%20x%3D%220%22%20y%3D%220.199951%22%20width%3D%2222%22%20height%3D%2216%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%0A%20%20%20%20%20%20%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%0A%20%20%20%20%20%20%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%0A%20%20%20%20%20%20%3CfeOffset%20dy%3D%224%22/%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%222%22/%3E%0A%20%20%20%20%20%20%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%0A%20%20%20%20%20%20%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200%22/%3E%0A%20%20%20%20%20%20%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_538_3529%22/%3E%0A%20%20%20%20%20%20%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_538_3529%22%20result%3D%22shape%22/%3E%0A%20%20%20%20%3C/filter%3E%0A%20%20%3C/defs%3E%0A%3C/svg%3E%0A');
   width: 1.55rem;
   height: 1.55rem;
   background-size: contain;
   background-repeat: no-repeat;
   display: block;
   position: absolute;
   right: 0.5rem;
   top: 1.2rem;
   transform: rotate(0deg);
 }

.fillter2-icon {
  margin-left: 1rem;
  background-image: url(/images/responsive-img/btn-toggle2.svg);
  width: 1.55rem;
  height: 1.55rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.fillter2-icon.on {
  margin-left: 1rem;
  background-image: url(/images/responsive-img/btn-toggle2-on.svg);
  width: 1.55rem;
  height: 1.55rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

.mtoggle.on .fillter-icon {
  margin-left: 1rem;
  background-image: url(/images/responsive-img/ic-filtering-on.svg);
  width: 2.1rem;
  height: 2.1rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

/*결재상품목록*/
.pay-product-list dl {
  display: flex;
  justify-content: space-between;
}

.pay-product-list dl+dl {
  margin-top: 1.5rem;
}

.pay-product-list dl dt,
.pay-product-list dl dd {
  font-size: 1.4rem;
}

.pay-product-list dl dd {
  text-align: -webkit-right;
}

.pay-product-list dl dt {
  color: #7b7b7b;
}

.pay-product-list dl dd {
  color: #3c3c3c;
  font-weight: 500;
}

.pay-product-list dl dd span {
  text-decoration: line-through;
}

.pay-text {
  font-size: 1.4rem;
  color: #3c3c3c;
}

.pay-text br {
  display: none;
}

.line {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  opacity: 0.5;
}

#m_line {
  margin-bottom: 3rem;
  margin-top: 1rem;
  opacity: 0.5;
}

.line i {
  display: block;
  background-image: url(/images/responsive-img/line_tablet.svg);
  height: 0.8rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*tab*/
.respon-tab {
  background-color: #fff;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  border-bottom: 1px solid #eeeff4;
}

.non-b {
  border-bottom: 0;
}

.respon-tab ul {
  display: flex;
  width: 100%;
  /*margin-left:2rem; */
}

.respon-tab ul:lang(de) {
  margin-left: 0;
}

.respon-tab ul.center-tab {
  margin: 0 auto;
  justify-content: center;
}

.respon-tab ul.w42 {
  width: 42rem;
  margin: 0 auto;
}

.respon-tab ul.w-tow {
  justify-content: center;
}

.respon-tab ul.w42 li {}

.respon-tab ul.w5 li,
.respon-tab.left-justify ul li {
  min-width: auto;
}

.respon-tab ul li:first-child {
  margin-left: 0;
}

.respon-tab ul li:last-child {
  margin-right: 0;
}

.respon-tab#tabAll ul {
  justify-content: center;
}

.respon-tab ul li {
  text-align: center;
  position: relative;
  width: auto !important;
  margin-left: 2rem;
  margin-right: 2rem;
  min-width: 70px;
}

.respon-tab.swaiper-none li {
  margin-right: 0;
  margin-left: 1rem;
}

.m-left-0 ul li {
  margin-left: 0;
  margin-right: 0;
}

.respon-tab.day-list ul {
  justify-content: space-around;
}

.respon-tab.day-list ul li {
  min-width: auto;
  margin-left: 1rem;
  margin-right: 1rem;
}

.respon-tab ul li.on::after,
.respon-tab ul li.in-guide::after,
.respon-tab ul .in-guide.active::after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #ff8a00;
  border-radius: 50px 50px 0px 0px;
  display: block;
  position: absolute;
  bottom: 0px;
}

.in-guide .btn span:before {
  display: block;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  top: -50%;
  left: 50%;
  margin: -0.1rem 0 0 -0.25rem;
  background: #23a911;
  border-radius: 50%;
  content: "";
}

/* 2023-09-13 AI RAX 수동 기능 추가(https://trello.com/c/h5t1Tn8z) */
.in-guide.today-guide .btn span:before {
  background: #ff8a00;
}

.guide-indicator {
  display: flex;
  margin-top: 1rem;
}

.guide-indicator p {
  font-size: 1.2rem;
  position: relative;
  padding-left: 1rem;
  margin-right: 2rem;
}

.guide-indicator p:before {
  position: absolute;
  left: 0;
  top: 0.6rem;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background: #23a911;
  border-radius: 50%;
  content: "";
}

.guide-indicator p:first-child:before {
  background: #ff8a00;
}


.respon-tab ul li.on a,
.respon-tab ul li.active button {
  color: #ff8a00;
}

.respon-tab ul li a,
.respon-tab ul li button {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  color: #8c8c8c;
  padding-top: 1.3rem;
  padding-bottom: 1.5rem;
  font-weight: 500;
}

.respon-tab ul li.tab05,
.respon-tab ul li.tab06 {
  width: 110px !important;
}

.respon-tab.day-list {
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
}

.respon-tab.day-list li button em {
  display: none;
}

.respon-tab.day-list li {
  width: 100%;
}

#dayList li.in-guide::after {
  content: none;
}

#dayList li.active::after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #ff8a00;
  border-radius: 50px 50px 0px 0px;
  display: block;
  position: absolute;
  bottom: 0px;
}

/* 운동수행진행 목록 상단 토글 */
.project-list-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
    padding: 0 20px;
}

.project-list-header:has(.locker-info:empty) {
	justify-content: center;	
}

.label-check-toggle.single {
	display: flex;
	gap: 8px;
	align-items: center;
	cursor: pointer;
}

.label-check-toggle.single .graphic {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 16px;
	border-radius: 8px;
	background: #bfbfbf;
	transition: background .3s;
}

.label-check-toggle.single .graphic::before {
	content:"";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #fff;
	transition: left .3s;
}

.label-check-toggle.single input:checked + .graphic {
	background : #f68c30;
}

.label-check-toggle.single input:checked + .graphic::before {
	left: 15px;
}

.label-check-toggle.single span {
	font-size: 14px;
}

/* 운동수행진행조회 */
#exrcList {
  border-top: none;
  padding-top: 0rem;
  margin-top: 0rem;
}

.project-list {
  display: block;
  position: relative;
  border-top: 0px solid #f0f2f4;
  padding-top: 0.1rem;
}

.project-list .item {
	position: relative;
  border-bottom: 1px solid #f0f0f0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.project-list .item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}


.project-list .item .item-detail {
	position: absolute;
	top: calc(50% - 10px);
	right: 0;
	width: 20px;
	height: 20px;
}

.project-list .item .item-detail button {
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #a0a0a0;
}

.project-list .item .item-detail button::before,
.project-list .item .item-detail button::after {
	content:"";
	display: block;
	position:absolute;
	left: calc(50% - 1px);
	width: 2px;
	border-radius: 2px;
	background: #fff;
}

.project-list .item .item-detail button::before {
	top: 4px;
	height: 2px;
}

.project-list .item .item-detail button::after {
	top: 8px;
	height: 8px;
}

.project-list .item .item-detail p {
	position: absolute;
	top: 50%;
	right: 34px;
	width: 140px;
	padding: 8px 12px;
	border: 1px solid #a0a0a0;
	border-radius: 6px;
	background: #fff;
	color: #555;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	word-break: break-all;
	pointer-events : none;
	opacity: 0;
	transform: translateY(-50%);
	transition: opacity .3s;
}

.project-list .item .item-detail .active + p {
	opacity: 1;
}

.project-list .item .item-detail p::before,
.project-list .item .item-detail p::after {
	content:"";
	display: block;
	position: absolute;
	top: calc(50% - 6px);
	border: solid transparent;
	border-width: 6px 0 6px 12px;
}

.project-list .item .item-detail p::before {
	right: -13px;
	border-left-color: #a0a0a0;
}

.project-list .item .item-detail p::after {
	right: -11px;
	border-left-color: #fff;
}

.project-list .item+.item {}

.project-list .item a,
.project-list .item div.ex-list {
  display: flex;
  position: relative;
  width: 100%;
  padding: 0 0rem;
  align-items: center;
}

.project-list .item a .num p {
  width: 4rem;
  height: 4rem;
  display: flex;
  border-radius: 50%;
  background-color: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.6rem;
  color: #fff;
}

.project-list .item div.ex-list .num p {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.12rem;
  color: #b4b4b4;
  border: 1px solid #b4b4b4;
  line-height: 1.9rem;
  text-align: center;
}

/* 
	2025-09-25
	운동가이드 화면 보완 (UFSWCCE12F01)
	목록 제목 우측 버튼과 텍스트 겹치는 현상 제거
*/
.project-list .item a .txt-info,
.project-list .item div.ex-list .txt-info {
  width: calc(100% - 5.95rem);
  padding-right: 3rem;
  padding-left: 1rem;
}

.project-list .item a .txt-info .name,
.project-list .item div.ex-list .txt-info .name {
  font-size: 1.4rem;
  color: #5a5a5a;
}

.project-list .item a .txt-info .name span,
.project-list .item div.ex-list .txt-info .name span {
  display: inline-block;
  position: relative;
  top: -0.1rem;
  margin-left: 0.5rem;
  font-size: 1.4rem;
	word-break: break-all;
  line-height: 1.4rem;
}

.project-list .item a .txt-info .name span.label {
  font-size: 1rem;
  margin-left: 1rem;
  height: 1.7rem;
  color: #fff;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  background-color: #ff8a00;
  max-width: 4.8rem;
  padding: 0.3rem;
  border-radius: 0.2rem;
}

.project-list .item a .txt-info .txt-bottom span,
.project-list .item div.ex-list .txt-info .txt-bottom span {
  display: inline-block;
  position: relative;
  font-size: 0.65rem;
  color: #999;
}

.project-list .item a .txt-info .txt-bottom,
.project-list .item div.ex-list .txt-info .txt-bottom {
  margin-top: 0.2rem;
}

.project-list .item a .img {
  width: 71px;
  height: auto;
  opacity: 0.5;
  margin-left: 1rem;
}

.project-list .item a .img img {
  max-width: 71px;
}

.project-list .item div.ex-list .img {
  width: 8rem;
  opacity: 1;
  margin-left: 1rem;
}

.project-list .item div.ex-list .img img {
  width: 71px;
  height: auto;
}

/*.project-list .item a .img img,
.project-list .item div.ex-list .img img { width:100%; } */

.project-list .item.todo a .img {
  opacity: 1;
}

.project-list .item.done {
  background-color: #fff;
}

.project-list .item.done a .num p {
  background: #555 url("/images/mobile/common/ico_check.png") 50% 50% no-repeat;
  background-size: 55%;
  text-indent: -9999px;
}

.project-list .item.done a .txt-info .name {
  color: #555;
}

.project-list .item.done a .txt-info .txt-bottom span {
  font-size: 1.1rem;
  color: #a0a0a0;
}

.project-list .item.done a .txt-info .txt-bottom span em {
  color: #555;
  font-size: 1.1rem;
}

.project-list .item.done a .txt-info .txt-bottom span+span {
  margin-left: 1.2rem;
}

.project-list .item.done a .txt-info .txt-bottom span+span:before {
  display: block;
  position: absolute;
  width: 0.05rem;
  height: 0.8rem;
  top: 0.5rem;
  left: -0.63rem;
  background-color: #555;
  content: "";
  opacity: 0.5;
}

.project-list .item.done a .img {
  opacity: 1;
}

.project-list .item.todo a .num p {
  background-color: #f68c30;
}

.p-text {
  font-size: 1.4rem;
  color: #ff7d0d;
}

.p-stext {
  font-size: 1.2rem;
  color: #ff7d0d;
}

/*사용자 설정*/
.user-setting {}

.user-setting ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-bottom: 1px solid #f0f2f4;
  margin-bottom: 1.85rem;
  padding-left: 2.05rem;
  padding-right: 2.05rem;
}

.user-setting.only-one ul {
  justify-content: center;
}

.user-setting.around ul {
  justify-content: space-around;
}

.set-info {
  text-align: center;
  color: #a0a0a0;
  font-size: 1.2rem;
  margin-top: 1rem;
  border-radius: 5rem;
}

.user-setting ul li {
  margin-bottom: 3.5rem;
}

.user-setting ul li:first-child {
  margin-left: 0rem;
}

.user-setting ul li:nth-child(4) {
  margin-left: 0rem;
}

.user-setting ul li+li {
  margin-left: 4.5rem;
}

.user-setting ul li button {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.user-setting ul li button.add-user strong {
  color: #dcdcdc;
}

.user-setting ul li button .user {
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  min-width: 7.2rem;
  border-radius: 50%;
}

.user-setting ul li button .user-add {
  display: block;
  width: 7.2rem;
  height: 7.2rem;
}

.user-setting ul li button span {
  justify-content: center;
  color: #ff8a00;
  font-size: 1.2rem;
  margin-top: 1rem;
  display: block;
}

.user-setting ul li button strong {
  color: #3c3c3c;
  font-size: 1.6rem;
  margin-top: 0.9rem;
  display: block;
}

.user-set {
  width: 7.2rem;
  margin: 0 auto;
  text-align: center;
}

.user-set .user {
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 5rem;
}

.user-set span {
  justify-content: center;
  color: #ff8a00;
  font-size: 1.2rem;
  margin-top: 1rem;
  display: block;
}

.user-set strong {
  color: #3c3c3c;
  font-size: 1.6rem;
  margin-top: 0.9rem;
  display: block;
}

.tab07-setting {
  color: #ff8a00;
  font-size: 1.2rem;
  text-align: left;
  font-weight: 600;
}

.tab07-setting-btn {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #dcdcdc;
}

.tab07-setting-btn dl {
  display: flex;
  justify-content: space-between;
}

.tab07-setting-btn dl+dl {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #dcdcdc;
}

.tab07-setting-btn dl dt {
  font-size: 1.4rem;
  color: #787878;
}

.tab07-setting-btn dl dd {
  width: 50%;
}

.tab07-setting-btn dl:last-child {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 1rem;
}

/*코어,서브운동 설정*/
.tab08-setting {
  color: #ff8a00;
  font-size: 1.2rem;
  text-align: left;
  font-weight: 400;
}

/*웨이트 프로그래스 */
.audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

.add-user-search {
  padding: 1.5rem 1.8rem;
  background-color: #f0f2f4;
  border-top: 1px solid #dce0e4;
}

.add-user-search.b-none {
  border-bottom: 0;
}

.add-user-search.pad-none {
  padding: 3.1rem 0rem;
}

.no-result {
  font-size: 1.6rem;
  color: #8c8c8c;
}

/*추가사용자 설정*/
.add-user-list li+li {
  margin-top: 1rem;
}

.add-user-list li button {
  position: relative;
  background-color: #fff;
  border-radius: 0.6rem;
  width: 100%;
  padding: 1.2rem 1.8rem;
  justify-content: flex-start;
}

.add-user-list li button::after {
  content: "";
  position: absolute;
  right: 1.8rem;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url(/images/responsive-img/ic-s-add.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.add-user-list.toggle li button::after {
  content: none;
}

.comfirm .comfirm-inner .add-user-list li button p {
  width: 3rem;
}

.add-user-list li button img {
  display: block;
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  border-radius: 5rem;
}

.add-user-list dl {
  margin-left: 1.5rem;
  position: relative;
  width: 152px;
}

.add-user-list dl dt {
  color: #3c3c3c;
  font-size: 1.4rem;
  text-align: left;
  font-weight: 500;
  display: flex;
}

.add-user-list dl dt span {
  height: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 9rem;
}

.add-user-list dl dd {
  color: #b4b4b4;
  font-size: 1.2rem;
  text-align: left;
  display: block;
}

.user-set-info {
  display: flex;
  justify-content: space-between;
}

.user-set-info dl {
  min-width: 13.35rem;
  margin-top: 2.45rem;
  background-color: #f6f8fa;
  border-radius: 0.6rem;
  text-align: center;
  padding: 1.3rem;
}

.user-set-info dl dt {
  color: #7b7b7b;
  font-size: 1.2rem;
}

.user-set-info dl dd {
  color: #3c3c3c;
  font-size: 1.4rem;
}

/*이용센터*/
/*.center-list { border-bottom:1px solid #dce0e4; padding-bottom:2.4rem; margin-bottom:2.4rem; } */
.center-list li {
  border-radius: 0.6rem;
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
}

.center-list li+li {
  margin-top: 1rem;
}

.center-list li.default {
  background-color: #f6f8fa;
  border: 1px solid #f6f8fa;
}

.center-list li.center-active {
  background-color: #fff;
  border: 1px solid #ff7d0d;
}

.center-list li.center-active::before {
  content: "";
  background-image: url(/images/responsive-img/center-arrow.svg);
  width: 0.6rem;
  height: 1rem;
  display: block;
  position: absolute;
  right: 1.8rem;
  top: 43%;
  background-size: contain;
  background-position: center;
}

.center-list li.center-add {
  background-color: #fff;
  border: 1px solid #7b7b7b;
}

.center-list li.center-add::before {
  content: "";
  background-image: url(/images/responsive-img/ic-add.svg);
  width: 3rem;
  height: 3rem;
  display: block;
  position: absolute;
  right: 1.8rem;
  top: 30%;
  background-size: contain;
  background-position: center;
}

.center-list li button {
  text-align: left;
  display: block;
  padding: 1.85rem;
  width: 100%;
}

.center-list li dl {}

.center-list li dl dt {
  color: #ff7d0d;
  font-size: 1.2rem;
}

.center-list li dl dd {
  font-size: 1.6rem;
  color: #3c3c3c;
  font-weight: 500;
}

.center-list li.center-add dl dd {
  color: #dcdcdc;
}

.user-set-info dl+dl {
  margin-left: 1rem;
}

/*추가이용센터*/
.center-cho-list {}

.center-cho-list li {
  border-radius: 0.6rem;
  background-color: #fff;
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
}

.center-cho-list li button {
  text-align: left;
  display: flex;
  justify-content: space-between;
  padding: 1.85rem;
  width: 100%;
}

.comfirm .comfirm-inner .center-cho-list li button p {
  text-align: left;
  color: #3c3c3c;
  font-weight: 500;
}

.center-cho-list li button::after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/images/responsive-img/ic-padd.svg);
}

/*상품 양도*/
.center-list {
  width: 100%;
}

.center-user {
  display: flex;
  background-image: url(/images/responsive-img/ico_vs.svg);
  background-size: 3.6rem;
  background-position: center 2rem;
  background-repeat: no-repeat;
}

.user-set {
  cursor: pointer;
}

.center-list .user-set-info dl {
  width: 16.35rem;
}

/*라커조회*/
.point-info {
  color: #ff8a00;
  font-size: 1.4rem;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.item-info-text {
  color: #8c8c8c;
  font-size: 1.6rem;
  text-align: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/*비로그인 */
.none-header h1 {
  padding-top: 6.95rem;
}

.none-header h1 img {
  width: 23.9rem;
  height: 5rem;
}

.insert-box {
  padding-top: 0rem;
}

.insert-box button {
  margin-top: 2.3rem;
}

.insert-box>div {
  overflow: hidden;
  display: flex;
  height: 4.5rem;
  border: 1px solid #dcdcdc;
  border-radius: 0.3rem;
}

.insert-box>div+div {
  margin-top: 1.2rem;
  position: relative;
}

.insert-box>div label {
  background-color: #f4f4f4;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  position: relative;
}

.insert-box>div label img {
  display: block;
  max-width: 3rem;
  max-height: 3rem;
  min-width: 3rem;
  height: 3rem;
  width: 3rem;
  height: 3rem;
}

.insert-box>div input {
  padding-left: 1.6rem;
  width: 100%;
}

.insert-box>div img {}

.login-wrapper {
  padding: 0.35rem 3.6rem;
}

body.no-member {
  background: linear-gradient(to top, #3c3c3c, #3c3c3c 50px, 110px, #fff 50px);
}

html:has(body.no-member) {
	background: linear-gradient(to top, #3c3c3c, #3c3c3c 50px, 110px, #fff 50px);
}

.none-fixed {
  position: relative;
  top: auto;
  margin-top: -30rem;
  margin-bottom: 8rem;
}

.login-wrapper .login-info {
  justify-content: center;
  margin-top: 1.5rem;
}

.login-wrapper .login-info .login-chk {
  width: 8.2rem;
}

.login-wrapper .login-info .login-chk:lang(en),
.login-wrapper .login-info .login-chk:lang(de) {
  width: 13rem;
}

.login-wrapper .login-info .login-chk .form-check label {
  display: flex;
  align-items: center;
}

.login-wrapper .login-info .form-check.sm label>span {
  padding-top: 0rem;
  padding-left: 2.5rem;
  font-size: 1.2rem;
  color: #3c3c3c;
}

.login-wrapper .login-info .form-check.sm label>span:lang(en) {
  padding-top: 0;
}

.login-wrapper .login-info .form-check.sm label>input:checked+span:after {
  top: 0.5rem;
  left: 0.45rem;
}

/*멤버 링크*/
.member-link {
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
}

.member-link li {
  display: flex;
  align-items: center;
}

.member-link li+li::before {
  content: "";
  display: block;
  width: 1px;
  height: 1rem;
  background-color: #dcdcdc;
  margin-left: 1rem;
  margin-right: 1rem;
}

.member-link li a {
  color: #8c8c8c;
  font-size: 1.2rem;
  word-break: break-all;
}

.member-link li a:lang(ja) {
  font-size: 1.1rem;
}

/*라인*/
.text-line {
  padding: 1rem 3.6rem;
  width: 100%;
  position: relative;
}

.text-line p {
  position: relative;
  text-align: center;
}

.text-line p span {
  display: block;
  background: #fff;
  z-index: 10;
  width: fit-content;
  margin: 0 auto;
  word-break: break-all;
}

.text-line p::before,
.text-line p::after {
  content: "";
  z-index: 1;
  display: block;
  width: 42%;
  border-bottom: 1px solid #b4b4b4;
  position: absolute;
  top: 45%;
}

.text-line p::before {
  left: 0;
}

.text-line p::after {
  right: 0;
}

/*소셜로그인*/
.sns-login {
  padding: 1rem 3.6rem 1rem 3.6rem;
}

/* .sns-login a { display:flex; width:100%; justify-content: center; border:1px solid #a0a0a0; padding:1rem; border-radius: 0.3rem; } */
.sns-login a {
  position: relative;
  justify-content: center;
  display: flex;
  align-items: center;
  width: 100%;
  height: 4.3rem;
  border-radius: 0.5rem;
  cursor: pointer;
}

.sns-login a+a {
  margin-top: 1rem;
}

.sns-login i {
  position: absolute;
  left: 3px;
  top: 3px;
}

.sns-login span {
  display: flex;
  justify-content: center;
  font-size: 1.4rem;
  color: #ffffff;
  align-items: center;
}

.moblie-sign {
  background-color: #1aa7f7;
}

.ico-moblie-sign {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  background-image: url(/images/responsive-img/ico-moblie-sign.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.google {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  background-image: url(/images/responsive-img/google.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.linesign {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  background-image: url(/images/responsive-img/LINE_logo.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.kakao {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  background-image: url(/images/responsive-img/kakao_icon.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.apple {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  background-image: url(/images/responsive-img/apple_logo_black.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#googleSignIn {
  background-color: #3367d6;
}

#kakao-SignIn-fake {
  background-color: #ffeb00;
}

#kakao-SignIn-fake span {
  color: #3c1e1e;
}

#kakao-login-btn {
  display: none;
}

/*로그인전 푸터*/
.none-footer {}

.none-footer .copyright {
  text-align: center;
  color: #7b7b7b;
  font-size: 1rem;
}

.footer-menu {
  display: flex;
  justify-content: center;
  height: 4rem;
  border-top: 1px solid #eceef0;
  margin-top: 1rem;
}

.footer-inner {
  display: flex;
  justify-content: space-around;
}

.footer-menu a {
  position: relative;
  color: #787878;
  font-size: 1.2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-menu a+a::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 1.4rem;
  background-color: #eceef0;
  display: block;
}

/*.app-down { display:none; } */
.nofooter {
  height: 100vh;
  min-height: 60rem;
  overflow-y: auto;
}

.nofooter .footer,
/*.none-footer .footer { display:none; } */

.app-insert {
  margin-top: 0rem;
  margin-bottom: 2rem;
}

.app-insert .copyright {
  display: none;
}

/*회원가입*/

.join-warp .login-info {
  /*padding:1.2rem 1.6rem; margin-bottom:1rem; */
  padding: 0;
  margin-bottom: 0;
}

.join-warp .login-info .login-chk {
  width: 12rem;
}

.join-warp .login-info .login-chk .form-check label {
  display: flex;
  align-items: center;
}

.join-warp .login-info .form-check.sm label>span {
  font-size: 1.2rem;
  color: #3c3c3c;
  display: flex;
  align-items: center;
}

.join-warp .login-info .form-check.sm label>input:checked+span:after {
  top: 0.5rem;
  left: 0.4rem;
}

.terms-box {
  display: flex;
  justify-content: space-between;
  background-color: #f6f8fa;
  padding: 1.2rem 1.6rem;
  align-items: center;
  border-radius: 0.6rem;
}

.terms-box .login-info {
  padding: 0;
  margin-bottom: 0rem;
}

.terms-box+.terms-box {
  margin-top: 1rem;
}

.terms-box a {
  background-color: #787878;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 0.3rem;
  font-size: 1.4rem;
}

/*해외/ 국내주소*/
.ko-adddress:lang(en) {
  display: none;
}

.ko-adddress:lang(ko) {
  display: block;
  margin-top: 2.5rem;
}

.en-adddress:lang(en) {
  display: block;
  margin-top: 2.5rem;
}

.en-adddress:lang(ko) {
  display: none;
}

/*타임설정*/
.time-list {
  margin-top: 3rem;
}

.time-list li {
  display: flex;
  width: 100%;
  align-items: center;
}

.time-list li+li {
  margin-top: 1rem;
}

.time-list li.on {}

.time-list li.on button,
.time-list li button.on {
  border: 1px solid #505050;
  background-color: #505050;
  color: #fff;
}

.time-list li button {
  margin-right: 1.8rem;
  border-radius: 50%;
  padding: 1rem 1.2rem;
  border: 1px solid #dcdcdc;
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.time-input {
  width: 100%;
}

.ui-timepicker {
  text-align: left !important;
}

.ui-timepicker-standard a {
  font-size: 1.4rem !important;
}

/*휴무설정*/
.title-line {
  border-bottom: 2px solid #787878;
}

.add-day .flex-box {
  display: flex;
  align-items: center;
}

.add-day .toggle-box div.toggleWrap {
  border-top: 0;
  display: flex;
  padding-left: 0;
  align-items: center;
}

.add-day .inp-item {
  width: 40%;
}

.add-day .inp-item+.inp-item {
  margin-left: 1rem;
}

.add-day .inp-item:nth-child(3) {
  width: 10%;
}

.add-day .inp-item+.inp-item .list-del {
  /*margin-left:1rem; */
  width: 4.5rem;
  height: 1.8rem;
  padding: 0.35rem 1rem 0.35rem 1rem;
  border-radius: 0.9rem;
  background-color: #eceef0;
  text-align: center;
}

.add-day .inp-item+.inp-item .list-del:lang(de) {
  width: 6.5rem;
}

.add-day li {
  margin-bottom: 1rem;
  border-bottom: 1px solid #f0f2f4;
  padding-bottom: 1.4rem;
}

.add-day .toggle-box {
  margin-top: 1.4rem;
}

.add-day .toggle-box .toggleWrap>div.button {
  position: relative;
  left: 0rem;
  right: inherit;
  margin-top: inherit;
}

.add-day .toggle-box div.toggleWrap>span {
  margin-left: 1rem;
  font-size: 1.2rem;
}

.add-day .border-top {
  border-top: 2px solid #787878;
  padding-top: 2.5rem;
}

li.no-result {
  border: 0;
  padding: 4.65rem;
}

.input-border {
  border: 1px solid #dcdcdc;
  border-radius: 0.6rem;
  padding: 1rem 0.5rem;
}

.ico-center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}

.ico-center i {
  width: 3rem;
  height: 3rem;
}

.ico-center span {
  margin-left: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
}

.b-input .inp-wrap input[type="text"] {
  padding: 0 0.25rem;
  text-align: right;
}
.inp-group ul.center-m{    flex-direction: inherit;border-bottom:none;}
.center-m li+li {
  margin-left: 2rem;
}

.setting {
  background-image: url(/images/responsive-img/setting.svg);
  width: 2.2rem;
  height: 2.3rem;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.login-user {
  width: 3.6rem;
  height: 3.6rem;
  display: block;
}


.m_menu-wrap .m-menu-close {
  width: 1.5rem;
  height: 2.3rem;
  display: block;
  margin-left: 2.1rem;
  background-position: center;
  top: 24px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .m_menu-wrap .m-menu-close {
    top: 29px;
  }
}

.m-menu-close img {
  max-width: 2.2rem;
  max-height: 2.2rem;
  display: none;
}

.menu-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.75rem;
  padding: 1.8rem;
  padding-bottom: 0;
}

.menu-user-box,
.menu-setting-box {
  display: flex;
  align-items: center;
  width: 22%;
}

.menu-user-box {
  width: 100%;
}

.menu-user-box p:nth-child(1) {
  border-radius: 2.5rem;
  width: 3.6rem;
  height: 3.6rem;
  overflow: hidden;
}

.menu-user-box p:last-child {
  font-size: 1.4rem;
  width: 12rem;
  color: #3c3c3c;
  margin-left: 1.25rem;
  font-weight: 500;
}

.gnb {
  padding: 1.8rem;
  padding-top: 0;
}

.m_menu-wrap .gnb {
  padding-left: 3rem;
  padding-right: 3rem;
}

.gnb div {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #eceef0;
}

.gnb div p {
  color: #7b7b7b;
  font-size: 1.6rem;
  font-weight: 500;
}

.gnb div button {
  border: 1px solid #ff7d0d;
  padding: 0.17rem 1rem;
  font-size: 1.2rem;
  color: #ff7d0d;
  border-radius: 0.9rem;
  font-weight: 600;
}

.button-org {
  border: 1px solid #ff7d0d;
  padding: 0.17rem 1rem;
  font-size: 1.2rem;
  color: #ff7d0d;
  border-radius: 0.9rem;
  font-weight: 600;
}

.h-etc {
  cursor: pointer;
  background-color: #fff;
  border-top: 1px solid #eceef0;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.h-etc ul {
  display: flex;
  height: 4rem;
  justify-content: space-around;
  align-items: center;
}

.h-etc ul li {
  position: relative;
  color: #787878;
  font-size: 1.2rem;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h-etc ul li+li::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 1.4rem;
  background-color: #eceef0;
  display: block;
}

.menu-list {
  margin-top: 2.25rem;
}

.menu-list li.depth1 {
  padding: 1.35rem 0;
}

.menu-list li.depth1>a {
  color: #3c3c3c;
  font-weight: 500;
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.menu-list li.depth1>a::after {
  content: "";
  display: block;
  width: 1rem;
  height: 0.6rem;
  background-image: url(/images/responsive-img/arrow.svg);
  background-size: contain;
  background-position: right center;
  background-repeat: no-repeat;
}

.menu-list li.depth1>a.open {
  color: #ff7d0d;
}

.menu-list li.depth1>a.open::after {
  background-image: url(/images/responsive-img/arrow-up.svg);
}

.menu-list li ul.depth2 {
  margin-top: 1.2rem;
}

.menu-list li ul.depth2 li {
  padding: 1.15rem 1.2rem;
}

.menu-list li ul.depth2 li a {
  color: #787878;
  font-size: 1.4rem;
  font-weight: 400;
  display: flex;
}

.menu-list li ul.depth2 li a::before {
  content: "-";
  color: #787878;
  font-size: 1.4rem;
  font-weight: 400;
  margin-right: 0.5rem;
}

/*메뉴*/
.m_menu-mask {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 499;
}

.m_menu-wrap {
  display: block;
  background-color: #ffffff;
  position: fixed;
  top: 0rem;
  right: -100%;
  width: 100%;
  height: auto;
  z-index: 500;
  transition: All 0.2s ease;
  -webkit-transition: All 0s ease;
  -moz-transition: All 0s ease;
  -o-transition: All 0s ease;
  padding-bottom: 4rem;
}

.gnb div button.qr {
  width: 2rem;
  height: 2rem;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
}

.gnb div button.qr img {
  width: 2rem;
  height: 2rem;
}

.pc-menu {
  display: none;
}

.qr-close {
  position: absolute;
  display: block;
  right: 1rem;
  top: 1rem;
  width: 2rem;
  height: 2rem;
}

.qr-close img {
  width: 100%;
}

.qr-layer .comfirm-inner {
  width: 25rem;
}

.qr-layer p.qr-image {
  width: 10rem;
  height: 10rem;
  margin: 0 auto;
}

.qr-layer p.qr-image img {
  width: 100%;
}

/*사용자등록*/
.admin-user {
  position: relative;
  display: block;
  margin-top: 2rem;
}

.admin-user .photo {
  width: 7.2rem;
  margin: 0 auto;
}

.admin-user p {
  color: #787878;
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 0.5rem;
}

.admin-user button {
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 25rem;
  overflow: hidden;
  margin: 0 auto;
}

.admin-user button img {
  width: 100%;
  height: 100%;
}

/*대표 보유상품*/
.oner-product {}

.oner-product .product-tit {
  display: flex;
  justify-content: space-between;
}

.oner-product .product-tit .tit {
  font-size: 1.4rem;
  color: #787878;
  margin-bottom: 0.8rem;
}

.oner-product .product-tit .unit-arrow {
  display: flex;
  color: #ff8a00;
  font-size: 1.4rem;
  align-items: center;
}

.oner-product .product-tit .unit-arrow::after {
  content: "";
  display: block;
  margin-left: 0.2rem;
  width: 0.7rem;
  height: 1rem;
  align-items: center;
  background-image: url(/images/responsive-img/unit-arrow.svg);
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: center;
}

.oner-product .product-content {
  border: 1px solid #dcdcdc;
  border-radius: 0.3rem;
  padding: 1rem 1.5rem;
}

.oner-product .product-content.on {
  border-color: #ff8a00;
}

.oner-product .product-content dl {
  display: flex;
  justify-content: space-between;
  text-align: left;
}

.oner-product .product-content dl dt,
.oner-product .product-content dl dd {
  font-size: 1.4rem;
  font-weight: 300;
}

.oner-product .product-content dl dt {
  color: #7b7b7b;
}

.oner-product .product-content dl dd {
  color: #3c3c3c;
}

.admin-user .profile-btn {
  display: flex;
  width: 15.6rem;
  margin: 0 auto;
  margin-top: 1rem;
}

.admin-user .profile-btn button {
  width: 7.2rem;
  height: 2.4rem;
  color: #a0a0a0;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid #a0a0a0;
  border-radius: 0.3rem;
  background-color: #fff;
}

.admin-user .profile-btn button+button {
  background-color: #505050;
  color: #fff;
  border-color: #505050;
  margin-left: 1.2rem;
}

/*검색 달력*/
.day-flex.inp-wrap .inp-flex {
  margin-bottom: 0.5rem;
}

.day-flex {
  align-items: flex-end;
  display: block;
}

.day-flex.inp-wrap .inp-flex {
  align-items: center;
  /*min-height: 6.4rem; */
}

.day-flex.none-height.inp-wrap .inp-flex {
  min-height: auto;
}

.day-flex.inp-wrap .inp-flex.title-none {}

.day-flex.inp-wrap .inp-flex span {
  margin-left: 1rem;
  margin-right: 1rem;
}

.day-flex.inp-wrap .inp-flex .inp {
  margin-right: 0;
}

.day-flex .w50 {
  width: 47.5%;
}

.only-view .my-product {
  displaY: block;
}

.my-product {
  border-bottom: 1px solid #dce0e4;
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.85rem;
  margin-bottom: 1.25rem;
}

.my-product p {}

.my-product p strong {
  display: block;
}

.my-product p strong em {
  position: absolute;
  right: 1.85rem;
  color: #fb2a20;
}

.my-product p strong em.complete {
  color: #333;
}

.my-product span {
  width: 70%;
}

.my-product strong {
  font-size: 1.6rem;
  color: #3c3c3c;
  font-weight: 700;
}

.my-product strong.cancle {
  color: #fb2a20;
}

.my-product span.oder-day {
  width: auto;
  color: #3c3c3c;
  font-size: 1.4rem;
}

.my-product em.state {
  min-width: 6rem;
  text-align: center;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  border-radius: 1rem;
  padding: 0.3rem 1rem 0.4rem 1rem;
  border: 1px solid #ff7d0d;
}

.my-product em.state.s1 {
  background-color: #ff7d0d;
  color: #fff;
  border-color: #ff7d0d;
}

.my-product em.state.s2 {
  background-color: #fff;
  color: #ff7d0d;
  border-color: #ff7d0d;
}

.my-product em.state.s3 {
  background-color: #787878;
  color: #fff;
  border-color: #787878;
}

.my-product em.state.s4 {
  background-color: #fff;
  color: #787878;
  border-color: #787878;
}

dl.last-day dd {
  color: #ff7d0d;
}

.my-product.re-point {
  position: relative;
}

.my-product.re-point i.reple {
  position: absolute;
  bottom: -10px;
  display: flex;
  background-color: #ff8a00;
  color: #fff;
  font-size: 1.1rem;
  min-width: fit-content;
  padding: 1px 10px;
  font-style: normal;
  border-radius: 25px;
}

/*주문현황 관리자*/
.oder-admin {
  border-radius: 0.6rem;
  background: #fff;
  padding: 1.8rem;
  margin: 1.8rem;
}

.oder-admin dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f0f2f4;
  padding-bottom: 1.65rem;
  margin-bottom: 1.65rem;
}

.oder-admin dl:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

.oder-admin dl dt {
  color: #a0a0a0;
  font-size: 1.4rem;
}

.oder-admin dl dd {
  font-size: 2rem;
  color: #000;
  font-weight: 500;
  white-space: nowrap;
  text-align: right;
}

.oder-admin dl dd p {
	font-size: 1.4rem;
	color: #999;
}

.center-flex .tit {
  min-height: auto !important;
}

.center-flex {
  justify-content: center !important;
  margin-bottom: 2.4rem !important;
}

/*사용자설정*/
.alt-all.inp-group {
  border-bottom: 1px solid #dce0e4 !important;
  padding: 0 1.8rem;
  margin: 0rem !important;
}

.alt-border .inp-group {
  border-bottom: 1px solid #f0f2f4;
  padding: 0 1.8rem;
}

.alt-border.round-box {
  padding: 1.8rem 0;
}

.alt-border.pdr-t0 {
  padding-top: 1.8rem !important;
  padding-bottom: 1.8rem;
}

.tow-inpg .alt-border .inp-group+.inp-group {
  margin: 0 auto;
}

.tow-inpg .alt-border .inp-group {
  margin: 0 auto;
}

.alt-border .inp-group:last-child {
  border-bottom: 0;
}

.bold {
  font-weight: 500;
  color: #3c3c3c !important;
  font-size: 1.4rem;
}

.alt-time {
  font-size: 1.6rem;
  color: #dcdcdc;
}

.tree-flex-r {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  margin-top: 1.6rem;
}

.tree-flex-r:lang(en) {
  justify-content: flex-start;
}

.tree-flex-r .login-info {
  width: fit-content;
}

.tree-flex-r .login-info+.login-info {
  margin-left: 1rem;
}

.tree-flex-r .right {
  display: flex;
  justify-content: flex-start;
}

.tree-flex-r.on em {
  color: #dcdcdc;
}

.tree-flex-r.on span:before {
  color: #dcdcdc;
  border: 0.1rem solid #dcdcdc;
}

.round-box {
  padding: 1.8rem;
  font-size: 1.2rem;
}

.day-list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 2.6rem;
  margin-bottom: 2.6rem;
}

.day-list label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.day-list label em {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff8a00;
  margin-top: 0;
  font-size: 1.2rem;
}

.day-list label input {
  font-size: 1.2rem;
  border-radius: 50%;
  color: #ff8a00;
  font-size: 1.4rem;
  border: 1px solid #ff8a00;
  background-color: #fff;
  width: 3.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.day-list label.holiday input[type="checkbox"]:disabled+em {
  color: #c00;
}

.day-list label input[type="checkbox"]:checked {
  border: 1px solid #ff8a00;
  background-color: #ff8a00;
}

.day-list label input[type="checkbox"]:checked+em {
  color: #fff;
  font-size: 1.2rem;
}

.day-list label input[type="checkbox"]:disabled {
  border: 1px solid #dcdcdc;
  background-color: transparent;
}

.day-list label input[type="checkbox"]:disabled+em {
  color: #dcdcdc;
  font-size: 1.2rem;
}

.dat1-title {
  display: flex;
  margin-top: 1.6rem;
  align-items: center;
}

.dat1-title h4 {
  margin-right: 2rem;
}

.Responsive .border-line.tserch-box .input-inner.p-flex .inp-group.serch-flex {
  display: flex;
  align-items: center;
}

.day-serch {
  display: flex;
  align-items: start;
  width: 100%;
  justify-content: space-between;
}

.day-serch.day2 {
  display: block;
  align-items: start;
  width: 100%;
}
.day-serch.day2.right-day{
	width: 100%;
    justify-content: flex-end;
    padding: 0;
}
.day-serch.day2 .tree-flex-r .right {
  width: 100%;
}

.day-serch h4 {
  font-size: 1.4rem;
  color: #787878;
  margin-top: 0rem;
}

.day-serch .tree-flex-r {
  margin-left: 1rem;
}

.day-serch .tree-flex-r .right {
  width: 100%;
  flex-wrap: wrap;
}

.day-serch .tree-flex-r .login-info {
  width: 30%;  
}

.day-serch .tree-flex-r .login-info+.login-info {
  margin-left: 0;
  margin-bottom: 1rem;
}

.m-195 {
  min-width: auto;
}

.serch-hidden {
  display: none;
  margin-top: 2.45rem;
}

.serch-hidden.s-on {
  display: block;
}

.serch-flex>div {
  width: 100%;
}

.ccw-right-box {
  width: 100%;
}

.tow-inpg .alt-border .ccw-right-box .inp-group {
  margin: initial;
}

.serch14-hidden {
  width: 100%;
  display: none;
  margin-top: 1rem;
}

.serch14-hidden.s-on {
  display: block;
}

.serch14-hidden .inp-group {
  padding: 0 0rem;
}

/*센터 표지*/
.center-img {
  height: 18rem;
  flex-direction: unset;
  background-position: center;
  background-repeat: no-repeat;
  flex-direction: column;
  background-size: cover;
  padding: 2.4rem;
  background-color: #fff;
  width: 100%;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
}

.center-img-button {
  display: flex;
  width: 15rem;
  justify-content: space-between;
}

.center-img-button button {
  width: 7.2rem;
  border: 1px solid #a0a0a0;
  background-color: #fff;
  color: #787878;
  align-items: center;
  display: flex;
  justify-content: center;
}

.center-img-button button+button {
  border: 1px solid #505050;
  background-color: #505050;
  color: #fff;
}

/*.size-info { color:#dcdcdc; font-size:1rem; width:60%; text-align:center; } */
.size-info {
  display: none;
}

.teacher-box {
  background-color: #fff;
  padding-bottom: 2.4rem;
}

.teacher-inner {
  padding: 1.8rem;
  padding-bottom: 1.2rem;
}

.teacher-inner .day-flex {
  display: flex;
  align-items: center;
}

.teacher-inner .day-flex span {
  margin-left: 1rem;
  margin-right: 1rem;
}

.pop-center-title {
  text-align: center;
  font-size: 1.4rem;
  color: #787878;
}

.study-point-w {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.study-color {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
}

.study-color i {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
}

.study-color-big {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.study-color-big button {
  margin-bottom: 1rem;
}

.study-color-big button+button {
  margin-left: 1rem;
}

.study-color-big button:nth-child(6) {
  margin-left: 0;
}

.study-color-big button.on::before {
  content: "";
  width: 1.9rem;
  height: 1.4rem;
  margin-left: 0.8rem;
  position: absolute;
  z-index: 10;
  display: block;
  background-image: url(/images/responsive-img/iccolor--select.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.study-color-big i {
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
}

i.color1 {
  background-color: #8cdb38;
}

i.color2 {
  background-color: #f7c02c;
}

i.color3 {
  background-color: #0ec16e;
}

i.color4 {
  background-color: #00dbe3;
}

i.color5 {
  background-color: #2692ed;
}

i.color6 {
  background-color: #9d37e5;
}

i.color7 {
  background-color: #fd49ff;
}

i.color8 {
  background-color: #f4348e;
}

i.color9 {
  background-color: #f9454a;
}

i.color10 {
  background-color: #838995;
}

.study-pop-setting {
  height: 25rem;
  border-top: 1px solid #dce0e4;
  overflow-y: auto;
  padding: 1.8rem;
  background-color: #f0f2f4;
}

.study-pop-setting h3 {
  font-size: 1.4rem;
  color: #3c3c3c;
  margin-bottom: 0.7rem;
}

.study-pop-setting .user p {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  overflow: hidden;
}

.study-pop-setting li+li {
  margin-top: 1rem;
}

.study-pop-setting li {
  cursor: pointer;
  position: relative;
  display: flex;
  border: 1px solid transparent;
  border-radius: 0.6rem;
  padding: 1.2rem 1.8rem;
  background-color: #fff;
}

.study-pop-setting li.on {
  position: relative;
  display: flex;
  border: 1px solid #ff8a00;
  border-radius: 0.6rem;
  padding: 1.2rem 1.8rem;
  background-color: #fff;
}

.study-pop-setting li.on::before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-repeat: no-repeat;
  background-image: url(/images/responsive-img/study-ic-add.svg);
  display: block;
  position: absolute;
  top: 1.2rem;
  right: 1.8rem;
}

.study-pop-setting li::before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-repeat: no-repeat;
  background-image: url(/images/responsive-img/study-ic-plus.svg);
  display: block;
  position: absolute;
  top: 1.2rem;
  right: 1.8rem;
}

.study-pop-setting li h3 {
  font-size: 1.4rem;
  color: #3c3c3c;
}

.score {
  display: flex;
}

.score p.score-txt {
  font-size: 1.2rem;
  color: #ff8a00;
  width: auto;
  margin-left: 0.5rem;
}

.score .starR.on {
  background-position: 0 0;
}

.score .starRev {
  display: flex;
  justify-content: center;
  margin-top: 0.3rem;
}

.score .starR {
  background: url("/images/responsive-img/ico_review.png") no-repeat right 0;
  background-size: auto 100%;
  width: 1.3rem;
  height: 1.2rem;
  display: inline-block;
  text-indent: -9999px;
  cursor: pointer;
  margin-right: 1px;
}

.study-pop-setting .user {
  margin-right: 1rem;
}

.user-vi dl {
  display: flex;
}

.user-vi dl dt,
.user-vi dl dd {
  font-size: 1.2rem;
}

.user-vi dl dt {
  color: #dcdcdc;
}

.user-vi dl dd {
  color: #a0a0a0;
  padding-left: 0.5rem;
}

.user-vi dl dd em.on {
  color: #ff7d0d;
}

.study-list-setting {
  background-color: #f4f4f4;
}

.study-list-setting ul {
  padding: 1rem;
}

.study-list-setting h3 {
  font-size: 1.4rem;
  color: #3c3c3c;
  margin-bottom: 0.7rem;
}

.study-list-setting .user p {
  position: relative;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  overflow: hidden;
}

.study-list-setting .user p img {
  transform: translate(-50%, -50%);
  vertical-align: top;
  width: 3.6rem;
  min-width: 3.6rem;
  height: 3.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
}

.study-list-setting li {
  position: relative;
  cursor: pointer;
  width: 100%;
  margin-bottom: 1rem;
  display: flex;
  border: 1px solid transparent;
  border-radius: 0.6rem;
  padding: 1.2rem 1.8rem;
  background-color: #fff;
}

.study-list-setting li.on {
  position: relative;
  display: flex;
  border: 1px solid #0dcc74;
  border-radius: 0.6rem;
  padding: 1.2rem 1.8rem;
  background-color: #fff;
}

.study-list-setting li.on::before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-repeat: no-repeat;
  background-image: url(/images/responsive-img/ic-select-on.svg);
  display: block;
  background-size: contain;
  position: absolute;
  top: 1.2rem;
  right: 1.8rem;
}

.study-list-setting li::before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-repeat: no-repeat;
  background-image: url(/images/responsive-img/ic-select.svg);
  display: block;
  background-size: contain;
  position: absolute;
  top: 1.2rem;
  right: 1.8rem;
}

.study-list-setting li h3 {
  font-size: 1.4rem;
  color: #6d6d6d;
}

.study-list-setting .user {
  margin-right: 1rem;
}

/*고정라커*/
.locker-range {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem 2rem;
}

.locker-range li {
  display: flex;
  align-items: center;
}

/* 
.locker-range li+li {
  margin-left: 2rem;
}
*/

.locker-range li span {
  display: block;
  font-size: 1rem;
}

.locker-range li i {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  display: block;
  margin-right: 0.5rem;
}

.locker-range li.none i {
  border: solid 1px #dcdcdc;
}

.locker-range li.inuse i {
  background-color: #dcdcdc;
}

.locker-range li.inuseSmrt i {
  background-color: #f0f2f4;
}

.locker-range li.inuse2hours i {
  background-color: #f0f2f4;
  border: solid medium #ff7d0d;
}

.locker-range li.expiry i {
  background-color: #787878;
}

.locker-range li.broken i {
  border: solid 1px #fb8198;
}

.locker-box {
  background-color: #fff;
}

.locker-position {
  width: fit-content;
  justify-content: center;
  display: flex;
  width: 100%;
}

.locker-list {
  padding: 1.8rem;
}

.locker-list .locker-position ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.locker-list .locker-position ul li {
  cursor: pointer;
  width: 6rem;
  height: 6rem;
  margin: 0.5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.5rem;
  padding-left: 1rem;
  border-radius: 0.6rem;
  border: 1px solid #dcdcdc;
}

.locker-list .locker-position ul li>p.name {
  font-size: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.2em;
  height: 14px;
}

.locker-list .locker-position ul li>p {
  font-size: 1.4rem;
}

.locker-list .locker-position i {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.locker-list .locker-position i.man {
  background-image: url(/images/responsive-img/man.svg);
}

.locker-list .locker-position i.female {
  background-image: url(/images/responsive-img/female.svg);
}

.locker-list .locker-position .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: right;
}

.locker-list .locker-position .info span {
  font-size: 1.2rem;
}

.locker-list .locker-position ul li.inuse {
  background-color: #dcdcdc;
}

.locker-list .locker-position ul li.inuse .info span {
  color: #787878;
}

.locker-list .locker-position ul li.expiry {
  background-color: #787878;
  border-color: #787878;
}

.locker-list .locker-position ul li.expiry p,
.locker-list .locker-position ul li.expiry .info span {
  color: #fff;
}

.locker-list .locker-position ul li.broken {
  background-color: #fff;
  border-color: #f7355a;
}

.locker-list .locker-position ul li.broken p,
.locker-list .locker-position ul li.broken .info span {
  color: #f7355a;
}

.locker-list .locker-position ul li.permanence {
	background-color:#f0f2f4;
  border: solid 1px #7ed1bd;
}


/*라커 팝업*/
.lacker-pop-i {}

.lacker {
  padding: 1rem 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-bottom: 1px solid #ff8a00;
}

.lacker span {
  font-size: 1.6rem;
  color: #ff8a00;
}

.lacker button {
  position: absolute;
  right: 1rem;
  border-radius: 0.3rem;
  padding: 0.65rem 0.75rem 0.6rem;
  background-color: #f7355a;
  color: #fff;
}

.lacker button.trouble {
  background-color: #0dcc74;
}

.laker-none {
  background-image: url(/images/responsive-img/ic-lock.svg);
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.laker-trouble {
  background-image: url(/images/responsive-img/ic-trouble.svg);
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.laker-alarm {
  background-image: url(/images/responsive-img/ic-expiration.svg);
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.laker-unlock {
  background-image: url(/images/responsive-img/ic-unlock.svg);
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.hrmt-none {
  background-image: url(/images/responsive-img/ic-hrm-lock.svg);
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.hrmt-trouble {
  background-image: url(/images/responsive-img/ic-hrm-trouble.svg);
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.hrmt-alarm {
  background-image: url(/images/responsive-img/ic-hrm-expiration.svg);
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.hrmt-unlock {
  background-image: url(/images/responsive-img/ic-hrm-unlock.svg);
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.lacker-content {
  padding: 1.8rem;
}

.lacker-content-inner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.lacker-content-inner .left {
  display: flex;
  width: 10rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.lacker-content-inner .left em {
  display: block;
  font-size: 1.6rem;
  color: #3c3c3c;
  margin-top: 1rem;
}

.lacker-content-inner .left span {
  display: block;
  margin-top: 1rem;
  font-size: 1.2rem;
  color: #ff7d0d;
}

.lacker-content-inner .left em.trouble {
  color: #f7355a;
}

.lacker-content-inner .left p.man,
.lacker-content-inner .left p.female {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  align-items: center;
}

.lacker-content-inner .left p.man i {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  background-image: url(/images/responsive-img/man.svg);
}

.lacker-content-inner .left p.female i {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  background-image: url(/images/responsive-img/female.svg);
}

.lacker-content-inner .left p.man span {
  margin-top: 0;
  color: #67aff8;
}

.lacker-content-inner .left p.female span {
  margin-top: 0;
  color: #f7355a;
}

.lacker-content-inner .cheak {
  margin: 0 2rem;
  margin-top: 3rem;
  background-image: url(/images/responsive-img/lacker_arrow.svg);
  display: block;
  width: 3.3rem;
  height: 2.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.lacker-content-inner .complete {
  margin: 0 2rem;
  margin-top: 3rem;
  background-image: url(/images/responsive-img/complete.svg);
  display: block;
  width: 3.2rem;
  height: 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.lacker-content-inner .right {
  width: 10rem;
  display: flex;
  justify-content: center;
}

.lacker-content-inner .right button {
  width: 7.2rem;
  display: flex;
  flex-direction: column;
}

.lacker-content-inner .right button.add-user strong {
  color: #dcdcdc;
  font-weight: 400;
}

.lacker-content-inner .right button .user {
  display: block;
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 5rem;
}

.lacker-content-inner .right button .user-add {
  display: block;
  width: 7.2rem;
  height: 7.2rem;
}

.lacker-content-inner .right button span {
  justify-content: center;
  color: #ff7d0d;
  font-size: 1.2rem;
  margin-top: 1rem;
  display: block;
}

.lacker-content-inner .right button p span {
  color: #a0a0a0;
  text-align: left;
}

.lacker-content-inner .right button strong {
  color: #3c3c3c;
  font-size: 1.6rem;
  margin-top: 0.9rem;
  display: block;
	word-break:break-all;
}

.lacker-content-inner .right button strong.on {
  color: #3c3c3c;
}

.add-user-list {
  overflow-y: auto;
  height: 10rem;
}

.pop-body-content .add-user-list {
  overflow-y: revert;
}

.tserch-box .select-default:not(:first-child) {
  margin-left: 1rem;
}

#ordgCnclTrtRsltCd.select-default {
  margin-left: 0;
}

/*수업관리*/
.tccm-info {
  width: 100%;
  margin: 0 auto;
  background-color: #f6f8fa;
  border-radius: 0.6rem;
  padding: 2.6rem 2.4rem;
}

.tccm-info dl {
  display: flex;
  justify-content: space-between;
}

.tccm-info dl+dl {
  margin-top: 2rem;
}

.tccm-info dl dt,
.tccm-info dl dd {
  font-size: 1.4rem;
}

.tccm-info dl dt {
  color: #7b7b7b;
}

.tccm-info dl dd {
  color: #3c3c3c;
}

.tccm-switch {
  width: 100%;
  margin: 0 auto;
}

.tccm .text {
  color: #a0a0a0;
  font-size: 1.2rem;
  font-weight: normal;
  font-family: "NotoSansKR";
  letter-spacing: -0.1rem;
}

/*수업정보*/
.study-main {
  width: 100%;
  padding: 1.8rem;
}

.sm-title {
  padding-top: 2.4rem;
  text-align: center;
}

.sm-title h2 {
  font-size: 20px;
  font-weight: 700;
  color: #3c3c3c;
  margin: 1.3rem 2.2rem 0.8rem;
  font-family: "NotoSansKR";
}

.sm-title .score {
  margin: 0 auto;
  width: 11.5rem;
  justify-content: center;
}

.sm-title span.label {
  width: fit-content;
  font-family: "NotoSansKR";
  margin: 0 auto;
  justify-content: center;
  margin-bottom: 1rem;
  display: flex;
  font-weight: 500;
  font-size: 1.3rem;
  border-radius: 4rem;
  border: 1px solid;
  padding: 0.3rem 0.9rem;
}

.sm-title span.color1 {
  border-color: #8cdb38;
  color: #8cdb38;
}

.sm-title span.color2 {
  border-color: #f7c02c;
  color: #f7c02c;
}

.sm-title span.color3 {
  border-color: #0ec16e;
  color: #0ec16e;
}

.sm-title span.color4 {
  border-color: #00dbe3;
  color: #00dbe3;
}

.sm-title span.color5 {
  border-color: #2692ed;
  color: #2692ed;
}

.sm-title span.color6 {
  border-color: #9d37e5;
  color: #9d37e5;
}

.sm-title span.color7 {
  border-color: #fd49ff;
  color: #fd49ff;
}

.sm-title span.color8 {
  border-color: #f4348e;
  color: #f4348e;
}

.sm-title span.color9 {
  border-color: #f9454a;
  color: #f9454a;
}

.sm-title span.color10 {
  border-color: #838995;
  color: #838995;
}

.sm-title.border-b {
  border-bottom: 1px solid #f0f2f4;
}

.sm-title .text {
  font-size: 1.2rem;
  color: #a0a0a0;
}

.study-main .info {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.study-main .info dl {
  padding: 1.2rem;
  width: 80%;
  border-radius: 0.6rem;
  background-color: #f6f8fa;
  text-align: center;
}

.study-main .info dl+dl {
  margin-left: 0.5rem;
}

.study-main .info dl dt,
.study-main .time dl dt,
.class-info .time dl dt {
  color: #7b7b7b;
  font-size: 1.4rem;
}

.study-main .info dl dd,
.study-main .time dl dd,
.class-info .time dl dd {
  color: #3c3c3c;
  font-size: 1.4rem;
}

.study-main .time {
  padding-top: 2rem;
}

.study-main .time dl {
  display: flex;
  justify-content: space-between;
}

.study-main .time dl+dl {
  margin-top: 1rem;
}

.class-info .time {
  padding-top: 2rem;
}

.class-info .time dl {
  display: flex;
  justify-content: space-between;
}

.class-info .time dl+dl {
  margin-top: 1rem;
}

/*강사정보*/
.admin-user dl {
  display: flex;
  justify-content: center;
}

.admin-user dl dt {
  border-right: 1px solid #dcdcdc;
  padding-right: 1rem;
  margin-right: 1rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
}

.admin-user dl i {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.admin-user dl i.man {
  background-image: url(/images/responsive-img/man.svg);
}

.admin-user dl i.female {
  background-image: url(/images/responsive-img/female.svg);
}

.admin-user .score {
  justify-content: center;
  margin-top: 1rem;
}

.ok-info {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.ok-info dl {
  display: block;
  padding: 1.2rem;
  width: 80%;
  border-radius: 0.6rem;
  background-color: #f6f8fa;
  text-align: center;
}

.ok-info dl+dl {
  margin-left: 0.5rem;
}

.ok-info dl dd {
  text-align: center;
}

.text-point {
  color: #ff7d0d !important;
  font-size: 1.2rem;
}

.text-point-color {
  color: #ff7d0d !important;
}

/*설문관리*/
.poll-set .set-inner h2 {
  font-size: 1.6rem;
  color: #ff8a00;
  margin-bottom: 3rem;
}

.poll-set .set-inner dl {
  margin-bottom: 2.5rem;
}

/* .poll-set .set-inner dl dt { font-size:1.4rem; display:flex; align-items:flex-start; margin-bottom:2.5rem; } */
.poll-set .set-inner dl dt {
  font-size: 1.4rem;
  margin-bottom: 2.5rem;
}

.poll-set .set-inner dl dt strong {
  color: #ff8a00;
  font-weight: 400;
}

/*.poll-set .set-inner dl dt::before { content:""; display:block; font-size:1.4rem; margin-right:0.5rem; } */
.poll-set .set-inner dl dt::before {
  content: "";
  font-size: 1.4rem;
  margin-right: 0.5rem;
}

.poll-set .set-inner dl:nth-child(2) dt::before {
  content: "①";
}

.poll-set .set-inner dl:nth-child(3) dt::before {
  content: "②";
}

.poll-set .set-inner dl:nth-child(4) dt::before {
  content: "③";
}

.poll-set .set-inner dl:nth-child(5) dt::before {
  content: "④";
}

.poll-set .set-inner dl:nth-child(6) dt::before {
  content: "⑤";
}

.poll-set .set-inner dl:nth-child(7) dt::before {
  content: "⑥";
}

.poll-set .set-inner dl:nth-child(8) dt::before {
  content: "⑦";
}

.poll-set .set-inner dl:nth-child(9) dt::before {
  content: "⑧";
}

.poll-set .set-inner dl:nth-child(10) dt::before {
  content: "⑨";
}

.poll-set .set-inner dl:nth-child(10) dt::before {
  content: "⑩";
}

.poll-set .set-inner dl:nth-child(10) dt::before {
  content: "⑪";
}

.poll-set .set-inner dl dd {
  display: flex;
  font-size: 1.4rem;
  padding-left: 1.8rem;
}

.poll-set .set-inner dl dd.form-disable {
  opacity: 0.4;
}

.poll-set .set-inner dl dd.block {
  display: block;
}

.poll-set .set-inner dl dd label {
  display: block;
  height: unset;
  min-height: 1.82rem;
}

.poll-set .set-inner dl dd input[type="text"] {
  border: 1px solid #dcdcdc;
  width: 100%;
  padding: 0.5rem;
}

.poll-set .set-inner dl dd input[type="text"]:disabled {
  color: #dcdcdc;
}

.poll-set .set-inner .radio-group {
  align-items: center;
}

.poll-set .set-inner dl dd .form-check+.form-check {
  margin-left: 5rem;
}

.poll-set .set-inner .form-check label>span {
  line-height: 1.65rem;
  padding-left: 2.5rem;
}

.poll-set .set-inner .form-check.sm label>span em {
  margin-top: 0;
}

.poll-set .set-inner .login-info+.login-info {
  margin-top: 1rem;
}

.poll-set .border-t,
.poll-result .border-t {
  border-top: 1px solid #f0f2f4;
}

.poll-result .title-text {
  font-size: 1.4rem;
  color: #ff8a00;
  text-align: center;
  padding-top: 1rem;
}

.risk-result>div {
  text-align: center;
  margin-bottom: 3rem;
}

.risk-result>div i {
  width: 18rem;
  display: block;
  margin: 0 auto;
  height: 9.3rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.risk-result>div i.high {
  background-image: url(/images/responsive-img/high.jpg);
}

.risk-result>div i.middle {
  background-image: url(/images/responsive-img/middle.jpg);
}

.risk-result>div i.low {
  background-image: url(/images/responsive-img/low.jpg);
}

.risk-result .box-text {
  width: 100%;
  padding: 1.8rem 9.5rem;
  border-radius: 0.6rem;
  background-color: #f6f8fa;
  margin: 0 auto;
  text-align: center;
  font-size: 1.4rem;
  color: #3c3c3c;
  font-weight: 500;
}

.poll-result .point-text {
  font-size: 1.2rem;
  color: #ff8a00;
  text-align: center;
  margin-bottom: 3rem;
}

.poll-result .info-text {
  color: #3c3c3c;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 500;
}

.user-result {
  display: flex;
  justify-content: space-between;
  margin-top: 2.4rem;
}

.user-result dl {
  width: 9.7rem;
  padding: 1rem;
  border-radius: 0.6rem;
  background-color: #f6f8fa;
  text-align: center;
}

.user-result dl+dl {
  margin-left: 0.2rem;
}

.user-result dl dt {
  font-size: 1.2rem;
  color: #7b7b7b;
}

.user-result dl dd {
  font-size: 1.4rem;
  font-weight: 700;
}

.user-result dl dd.high {
  color: #0dcc74;
}

.user-result dl dd.middle {
  color: #ffc000;
}

.user-result dl dd.low {
  color: #f7554d;
}

.product-info .tit-wrap {
  width: 14rem;
  margin-bottom: 0;
}

.pop-body .product-info .tit-wrap {
  display: flex;
}

.product-info .toggle-box .toggleWrap>div.button {
  margin-top: 0.2rem;
}

.product-info .toggle-box div.toggleWrap {
  background-color: transparent;
}

.product-info .tit-wrap label {
  color: #787878;
  font-size: 1.4rem;
  font-weight: 400;
}

.add-user-list.toggle li {
  display: flex;
  position: relative;
}

.add-user-list.toggle li .toggle-box {
  position: absolute;
  right: 2rem;
  top: 1rem;
}

.pop-body-content .add-user-list.toggle li label {
  border-radius: 3.6rem;
  padding: 0;
}

.pop-body-content .add-user-list.toggle li label::after {
  content: none;
}

.Responsive .border-line.tserch-box .inp-group.w38p {
  width: 100% !important;
}

.w38p {
  width: 35.5rem !important;
}

/*알림등록*/
.text-temp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #dcdcdc;
  padding: 1rem;
  border-radius: 0rem 0rem 0.6rem 0.6rem;
}

.text-temp dl {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.text-temp dl dt {
  font-size: 1.2rem;
  color: #a0a0a0;
}

.text-temp dl dd {
  display: flex;
  width: 60%;
  flex-wrap: wrap;
  align-items: center;
  margin-left: 1rem;
  margin-right: 1rem;
}

.text-temp dl dd button {
  width: 48%;
  margin-bottom: 0.5rem;
  border: 1px solid #a0a0a0;
  background-color: #fff;
  border-radius: 0.3rem;
  padding: 0.2rem 1.2rem;
  font-size: 1.2rem;
  color: #787878;
}

.text-temp dl dd button:nth-child(2n) {
  margin-left: 0.5rem;
}

.text-temp dl dd button+button {
  margin-left: 0rem;
}

.temp-memo {
  border-radius: 0.6rem 0.6rem 0 0;
}

.text-temp button.view {
  border: 1px solid #a0a0a0;
  background-color: #f0f2f4;
  border-radius: 0.3rem;
  padding: 0.2rem 1.2rem;
  font-size: 1.2rem;
  color: #787878;
}

.btn-tow {
  display: flex;
}

.btn-tow button+button {
  margin-left: 1rem;
}

.button-box {
  background-color: #f6f8fa;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.button-box button {
  display: block;
  position: relative;
  height: 2rem;
  margin-right: 0.3rem;
  margin-bottom: 0.3rem;
  align-items: center;
  border: 1px solid #a0a0a0;
  border-radius: 1rem;
  background-color: #fff;
  font-size: 1.2rem;
  padding: 0 0.5rem;
  padding-right: 1.6rem;
}

.button-box button::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0.1rem;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(/images/responsive-img/ic-sdelete.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/*알림 결과 */
.notice-result dl {
  display: flex;
  margin-bottom: 2.5rem;
  justify-content: space-between;
}

.notice-result dl dt {
  color: #7b7b7b;
  font-size: 1.4rem;
}

.notice-result dl dd {
  color: #3c3c3c;
  font-size: 1.4rem;
}

/*차트*/
.one-graph,
.one-graph2,
.one-graph3,
.one-graph4,
.one-graph5,
.one-graph6,
.graph-align {
  width: 100%;
  height: 100%;
  border-radius: 25%;
  display: flex;
  justify-content: center;
}

.pie {
  border: 2px solid #fff;
}

.total {
  font-size: 1.4rem;
  color: #3c3c3c;
}

.legend {
  display: none;
  width: 100%;
  flex-wrap: wrap;
  border: 1px solid #dcdcdc;
  border-radius: 0.6rem;
  padding: 2.3rem 1.8rem;
  height: 100%;
}

.legend.open {
  display: block;
}

.legend dl {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.legend dl+dl {
  margin-top: 2.5rem;
}

.legend dl dt,
.legend dl dd {
  font-size: 1.2rem;
  font-weight: 500;
}

.legend dl dt {
  color: #787878;
  display: flex;
  align-items: center;
}

.legend dl dt::before {
  content: "";
  margin-right: 1rem;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  display: block;
}

.legend dl dd {
  color: #3c3c3c;
}

.chart-box .chart {
  width: 100%;
}

.chart-box {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 1.8rem;
  justify-content: space-between;
  align-items: center;
}

.chart-box h2 {
  font-size: 1.4rem;
  r: #3c3c3c;
  text-align: center;
  display: flex;
  justify-content: center;
}

.ftoggle2 {
  display: block;
  position: absolute;
  right: 1.8rem;
}

.chart-box2 {
  display: flex;
  flex-direction: column;
  padding: 0rem;
  margin-top: 2.5rem;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
}

.chart-box3 {
  display: flex;
  flex-direction: column;
  padding: 0rem;
  margin-top: 2.5rem;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
}

/*사용자월간출입현황조회*/
.icon-att {
  width: 3rem;
  height: 3rem;
}

.inout-member {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.member-warp-contain .num {
  margin-top: 1.2rem;
  color: #3c3c3c;
  margin-right: 10px;
}

.member-warp-contain {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.member-warp-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.inout-num span {
  font-size: 12px;
  color: #3c3c3c;
}

.inout-num strong {
  color: #ff7d0d;
  font-weight: 400;
  font-size: 12px;
}

.member-warp-inner>p {
  font-size: 11px;
  color: #3c3c3c;
}

.inout-member span {
  font-size: 12px;
  color: #3c3c3c;
}

.inout-member p.member-img {
  border-radius: 50%;
  width: 3.9rem;
  height: 3.9rem;
  overflow: hidden;
}

.inout-member p.member-img img {
  width: 3.9rem;
  height: 3.9rem;
  object-fit: cover;
}

/*테이블 스크롤*/
#table-scroll {
  position: relative;
  margin: auto;
  max-width: 910px;
  /* overflow: hidden; */
  border-collapse: collapse;
}

#table-scroll .table-wrapper {
  width: 100%;
  overflow: auto;
}

#table-scroll table {
  width: 100%;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}

#table-scroll table td.sun {
  color: #ff7d0d;
}

#table-scroll table td.monday {
  font-size: 14px;
  color: #000000;
  text-align: left;
}

#table-scroll table td.monday div {
  position: sticky;
  left: 145px;
  top: 0;
  text-align: left;
  justify-content: flex-start;
  display: table;
}

#table-scroll table th,
#table-scroll table td {
  white-space: nowrap;
  vertical-align: center;
  font-size: 12px;
  height: initial;
  color: #3c3c3c;
}

#table-scroll tbody td {
  min-width: 5rem;
}

#table-scroll table.clone {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

#table-scroll table.clone th,
.clone td {
  visibility: hidden;
  color: #3c3c3c;
}

#table-scroll table.clone td,
.clone th {
  border-color: transparent;
  color: #3c3c3c;
}

#table-scroll table.clone tbody th {
  visibility: visible;
}

#table-scroll table.clone .fixed-side {
  visibility: visible;
}

#table-scroll table.clone thead,
.clone tfoot {
  background: transparent;
}

#table-scroll table thead .fixed-side {
  position: sticky;
  top: 0;
  z-index: 10;
  left: 0;
}

#table-scroll table tbody .fixed-side {
  position: sticky;
  top: 0;
  z-index: 10;
  left: 0;
}

/*bar차트*/
.chart3-pc {
  display: none;
}

.chart3-moblie {
  display: block;
}

.labe-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 1rem;
}

.labe-box p {
  display: flex;
  align-items: center;
}

.labe-box span {
  display: block;
  font-size: 12px;
}

.labe-box img {
  width: 2rem;
  height: 2rem;
}

.bar1 h2,
.bar2 h2,
.bar3 h2 {
  font-size: 12px;
  margin-top: 0px;
  text-align: center;
  color: #848484;
  margin-bottom: 10px;
}

.bar1 .chart-inner {
  display: block;
}

.bar2 .chart-inner {
  display: block;
}

.bar1 .chart-inner .legend {
  justify-content: space-between;
  flex-wrap: wrap;
  flex-flow: column wrap;
  width: 100%;
  height: 222px;
  margin-bottom: 10px;
}

.bar3 .chart-inner .legend {
  justify-content: space-between;
  align-content: space-around;
  flex-wrap: wrap;
  flex-flow: column wrap;
  width: 100%;
  height: 278px;
  margin-bottom: 10px;
}

.bar2 .chart-inner .legend {
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  height: 222px;
  margin-left: 0px;
  margin-bottom: 10px;
}

.bar1 .chart-inner .legend>div {
  width: 50%;
  padding: 0 1rem;
}

.bar1 .chart-inner .legend dl {
  width: 100%;
  margin-bottom: 1rem;
}

.bar2 .chart-inner .legend dl {
  margin-bottom: 1rem;
}

.bar3 .chart-inner .legend>div {
  width: 33%;
  padding: 0 1rem;
}

.bar3 .chart-inner .legend dl {
  width: 100%;
  margin-bottom: 1rem;
}

.bar1 .chart-inner .legend dl+dl,
.bar2 .chart-inner .legend dl+dl,
.bar3 .chart-inner .legend dl+dl {
  margin-top: 0rem;
}

h2.total-title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #000;
}

.svg-size3 {
  width: 520px;
  height: 320px;
}

#chart-container3 {
  margin-bottom: 10px;
}

.graph-align .bar {
  transition: all 150ms ease;
}

.graph-align .back {
  fill: #ededed;
  transition: all 150ms ease;
}

.graph-align .axis--x path {
  visibility: hidden;
}

#chart-container3 .axis--x .tick {
  transform: translate(0, 10);
}

#chart-container3 .axis--x .tick text {
  transform: rotate(-65deg);
  font-size: 10px;
  color: #787878;
}

.graph-align svg text {
  font-size: 12px;
  color: #787878;
}

.graph-align line {
  display: none;
}

.graph-align .domain {
  display: none;
}

.legend dl.a-1 dt::before {
  background-color: #4186cc;
}

.legend dl.a-2 dt::before {
  background-color: #71a4d9;
}

.legend dl.a-3 dt::before {
  background-color: #a0c2e5;
}

.legend dl.a-4 dt::before {
  background-color: #aa5fc2;
}

.legend dl.a-5 dt::before {
  background-color: #bf87d1;
}

.legend dl.a-6 dt::before {
  background-color: #d4afe0;
}

.legend dl.a-7 dt::before {
  background-color: #a4a4a4;
}

.legend dl.b-1 dt::before {
  background-color: #38b185;
}

.legend dl.b-2 dt::before {
  background-color: #6ac5a4;
}

.legend dl.b-3 dt::before {
  background-color: #9bd8c2;
}

.legend dl.b-4 dt::before {
  background-color: #43a9bb;
}

.legend dl.b-5 dt::before {
  background-color: #72bfcc;
}

.legend dl.b-6 dt::before {
  background-color: #a1d4dd;
}

.legend dl.b-7 dt::before {
  background-color: #a4a4a4;
}

.legend dl.c-1 dt::before {
  background-color: #eb7f44;
}

.legend dl.c-2 dt::before {
  background-color: #f09f73;
}

.legend dl.c-3 dt::before {
  background-color: #f5bfa1;
}

.legend dl.c-4 dt::before {
  background-color: #ebbe44;
}

.legend dl.c-5 dt::before {
  background-color: #f0ce73;
}

.legend dl.c-6 dt::before {
  background-color: #f7e3b0;
}

.legend dl.c-7 dt::before {
  background-color: #cc3b3b;
}

.legend dl.c-8 dt::before {
  background-color: #f5fad4;
}

.legend dl.c-9 dt::before {
  background-color: #a4a4a4;
}

.legend dl.d-1 dt::before {
  background-color: #e5496a;
}

.legend dl.d-2 dt::before {
  background-color: #ec778f;
}

.legend dl.d-3 dt::before {
  background-color: #f2a4b4;
}

.legend dl.d-4 dt::before {
  background-color: #cd60c9;
}

.legend dl.d-5 dt::before {
  background-color: #a4a4a4;
}

.legend dl.e-1 dt::before {
  background-color: #0ec16e;
}

.legend dl.e-2 dt::before {
  background-color: #f4348e;
}

.legend dl.e-3 dt::before {
  background-color: #2692ed;
}

.legend dl.e-4 dt::before {
  background-color: #f7c02c;
}

.legend dl.e-5 dt::before {
  background-color: #9d37e5;
}

.legend dl.e-6 dt::before {
  background-color: #f9454a;
}

.legend dl.e-7 dt::before {
  background-color: #a4a4a4;
}

/* add tkkim 시설이용현황 */
.legend dl.f-1 dt::before {
  background-color: #eb5f44;
}

.legend dl.f-2 dt::before {
  background-color: #f07f73;
}

.legend dl.f-3 dt::before {
  background-color: #f5afa1;
}

.legend dl.f-3 dt::before {
  background-color: #aa5fc2;
}

.legend dl.f-4 dt::before {
  background-color: #ebde44;
}

.legend dl.f-5 dt::before {
  background-color: #f0fe73;
}

.legend dl.f-6 dt::before {
  background-color: #a4a4a4;
}

/* add tkkim 서비스종류별매출현황 */
.legend dl.g-1 dt::before {
  background-color: #38b185;
}

.legend dl.g-2 dt::before {
  background-color: #9bd8c2;
}

.legend dl.g-3 dt::before {
  background-color: #e5afa1;
}

.legend dl.g-4 dt::before {
  background-color: #ebde44;
}

.legend dl.g-5 dt::before {
  background-color: #e0fe73;
}

.legend dl.g-6 dt::before {
  background-color: #aa5fc2;
}

.legend dl.g-7 dt::before {
  background-color: #a4a4a4;
}

.legend dl.h-1 dt::before {
  background-color: #0ec16e;
}

.legend dl.h-2 dt::before {
  background-color: #f4348e;
}

.legend dl.h-3 dt::before {
  background-color: #2692ed;
}

.legend dl.h-4 dt::before {
  background-color: #f7c02c;
}

.legend dl.h-5 dt::before {
  background-color: #9d37e5;
}

.legend dl.h-6 dt::before {
  background-color: #f9454a;
}

.legend dl.h-7 dt::before {
  background-color: #a4a4a4;
}

/*ufswccw14 츨입통계 월별 */

.legend dl.i-1 dt::before {
  background-color: #7ed1bd;
}

.legend dl.i-2 dt::before {
  background-color: #48acff;
}

.legend dl.i-3 dt::before {
  background-color: #a0c2e5;
}

.legend dl.i-4 dt::before {
  background-color: #c5c2f1;
}

.legend dl.i-5 dt::before {
  background-color: #d4afe0;
}

.legend dl.i-6 dt::before {
  background-color: #d4afe0;
}

.legend dl.i-7 dt::before {
  background-color: #f5a1df;
}

.legend dl.i-8 dt::before {
  background-color: #c777ff;
}

.legend dl.i-9 dt::before {
  background-color: #fa66ac;
}

.legend dl.i-10 dt::before {
  background-color: #f87477;
}

.legend dl.i-11 dt::before {
  background-color: #eb9244;
}

.legend dl.i-12 dt::before {
  background-color: #f7c02c;
}

/*ufswccw18 츨입통계 요일별 */

.legend dl.j-1 dt::before {
  background-color: #eb7f44;
}

.legend dl.j-2 dt::before {
  background-color: #f09f73;
}

.legend dl.j-3 dt::before {
  background-color: #f5bfa1;
}

.legend dl.j-4 dt::before {
  background-color: #f7c02c;
}

.legend dl.j-5 dt::before {
  background-color: #d4afe0;
}

.legend dl.j-6 dt::before {
  background-color: #f5a1df;
}

.legend dl.j-7 dt::before {
  background-color: #a8b2f1;
}

/*ufswccw20 츨입통계 시간대별 */

.legend dl.k-1 dt::before {
  background-color: #e5bb26;
}

.legend dl.k-2 dt::before {
  background-color: #ddc028;
}

.legend dl.k-3 dt::before {
  background-color: #d5c42a;
}

.legend dl.k-4 dt::before {
  background-color: #cdc92b;
}

.legend dl.k-5 dt::before {
  background-color: #c4cd2d;
}

.legend dl.k-6 dt::before {
  background-color: #bcd12f;
}

.legend dl.k-7 dt::before {
  background-color: #b5d732;
}

.legend dl.k-8 dt::before {
  background-color: #acdc34;
}

.legend dl.k-9 dt::before {
  background-color: #a4e036;
}

.legend dl.k-10 dt::before {
  background-color: #9ade3f;
}

.legend dl.k-11 dt::before {
  background-color: #92db48;
}

.legend dl.k-12 dt::before {
  background-color: #87d851;
}

.legend dl.k-13 dt::before {
  background-color: #7ed559;
}

.legend dl.k-14 dt::before {
  background-color: #74d262;
}

.legend dl.k-15 dt::before {
  background-color: #6ad06a;
}

.legend dl.k-16 dt::before {
  background-color: #61cd74;
}

.legend dl.k-17 dt::before {
  background-color: #56ca7c;
}

.legend dl.k-18 dt::before {
  background-color: #4ac787;
}

.legend dl.k-19 dt::before {
  background-color: #3fc492;
}

.legend dl.k-20 dt::before {
  background-color: #33c19c;
}

.legend dl.k-21 dt::before {
  background-color: #26bca7;
}

.legend dl.k-22 dt::before {
  background-color: #1bbab2;
}

.legend dl.k-23 dt::before {
  background-color: #0db5bd;
}

.legend dl.k-24 dt::before {
  background-color: #03b3c7;
}

/* .footer { display:block; position:absolute; bottom:0; left:0; width:100%; background-color:#fff; } */
.footer {
  display: block;
  position: relative;
  width: 100%;
  bottom: 0rem;
  margin-top: 0rem;
}

.f-section1 {
  display: flex;
  justify-content: space-between;
  background-color: #505050;
  padding: 0 1.8rem;
  width: 100%;
}

.f-section1 ul {
  display: flex;
}

.f-section1 ul:lang(de) {
  flex-direction: column;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.f-section1 ul li {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.f-section1 ul li:lang(de) {
  padding-top: 0;
  padding-bottom: 0;
}

.f-section1 ul li+li {
  margin-left: 1.8rem;
}

.f-section1 ul li+li:lang(de) {
  margin-left: 0;
  margin-top: 1.6rem;
}

.f-section1 ul li a {
  color: #fff;
  font-size: 1.2rem;
}

.wrapper.main .footer {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 2.4rem;
  left: 0;
  z-index: 10;
}

.footer-wrap {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 36px 0;
  z-index: 2;
}

.footer-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  width: 100%;
  /* height:3rem; */
  align-items: center;
}

.footer .footer-bottom {
  display: block;
  position: relative;
  width: 100%;
  padding: 1.5rem 1.8rem;
  background-color: #3c3c3c;
}

.footer-sns {
  display: flex;
  display: none;
}

.footer-sns li+li {
  margin-left: 0.75rem;
}

.footer-sns li a {
  display: block;
  width: 1rem;
  height: 1rem;
  text-indent: -9999px;
}

.footer-sns li.instagram a {
  background: url("/images/mobile/common/ico_footer_instagram.png") no-repeat;
  background-size: 100%;
}

.footer-sns li.facebook a {
  background: url("/images/mobile/common/ico_footer_facebook.png") no-repeat;
  background-size: 100%;
}

.footer-sns li.youtube a {
  background: url("/images/mobile/common/ico_footer_youtube.png") no-repeat;
  background-size: 100%;
}

.copyright {
  width: fit-content;
  font-size: 1.1rem;
  color: #999;
  text-align: center;
  margin-left: 2rem;
}

.f-section1 .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.footer .btn-lang {
  align-items: center;
  border-radius: 0.3rem;
  padding: 0;
  justify-content: space-around;
  border: 1px solid #8c8c8c;
  width: 7.4rem;
  font-size: 1.2rem;
  height: 2.4rem;
  display: flex;
  color: #fff;
  margin-top: 0rem;
}

.footer .btn-lang::before {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  background: url("/images/responsive-img/f-licon.svg") no-repeat;
  background-size: 100%;
}

/*스크롤 팝업*/
.pop-scroll {
  height: 20rem;
  overflow-y: auto;
}

.day-box {
  display: block;
  width: 100%;
}

/* result */
.cal-inner {
  padding: 2.4rem 1.8rem !important;
}

.calendar-wrap {
  width: 100%;
  display: block;
  position: relative;
}

.cal-box {
  border-top: 1px solid #8c8c8c;
  border-bottom: 1px solid #8c8c8c;
  margin-top: 2rem;
}

.calendar-header {
  text-align: center;
}

.calendar-header h2 {
  font-size: 2rem;
  font-weight: 500;
  display: none;
}

.calendar-header .calheader-day {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.calendar-header .calheader-day p {
  font-size: 1.6rem;
  margin-top: 1rem;
}

.calendar-header button {
  display: block;
  min-width: 5.698rem;
  margin-left: 1rem;
  position: relative;
  background-color: #505050;
  width: fit-content;
  height: 2rem;
  color: #fff;
  font-size: 1rem;
  padding: 0 1rem;
}

.calendar-wrap .day-list {
  display: flex;
  width: 100%;
  font-size: 0;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.calendar-wrap .day-list li {
  width: 14.28%;
  height: 4rem;
  font-family: "NotoSans-Medium";
  font-size: 1.4rem;
  color: #555;
  text-align: center;
}

.calendar-wrap .day-list li.holiday {
  color: #e40d0d;
}

.calendar-wrap .list {
  display: flex;
  width: 100%;
  font-size: 0;
  flex-wrap: wrap;
}

.calendar-wrap .list .item {
  display: flex;
  justify-content: center;
  width: 14.28%;
  text-align: center;
  margin-bottom: 1rem;
}

.calendar-wrap .list .item a {
  display: flex;
  width: 4rem;
  height: 4rem;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  font-family: "NotoSans-Regular";
  font-size: 1.4rem;
  color: #b5b5b5;
}

.calendar-wrap .list .item a.active {
  color: #555;
}

.calendar-wrap .list .item a span {
  display: inline-flex;
  position: relative;
  justify-content: center;
}

.calendar-wrap .list.none-under .item a.done:after {
  content: none;
}

.calendar-wrap .list .item a.sat {
  color: #6a7496;
}

.calendar-wrap .list .item a.holiday {
  color: #b5b5b5;
}

.calendar-wrap .list .item a.holiday.active {
  color: #e40d0d;
}

.calendar-wrap .list .item a.today {
  width: 4rem;
  height: 4rem;
  font-weight: bold;
  color: #fff;
  background-color: #505050;
  border-radius: 50%;
}

.calendar-wrap .list .item a.today:after {
  display: block;
  position: absolute;
  width: 90%;
  height: 90%;
  top: 4px;
  left: 1px;
  content: "";
}

.calendar-wrap .list .item a.done:after {
  display: block;
  position: absolute;
  width: 1.82rem;
  margin-top: 0.5rem;
  border-radius: 1.5px;
  height: 0.3rem;
  bottom: 0;
  top: 2.5rem;
  left: 50%;
  margin-left: -0.91rem;
  background: #f68c30;
  content: "";
}

.calendar-wrap .list .item a .point {
  display: flex;
  justify-content: center;
}

.calendar-wrap .list .item a .point em,
.calendar-wrap .list .item a .point_bottom em {
  display: block;
  font-size: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 100%;
}

.calendar-wrap .list .item a .point em {
  position: absolute;
  top: 0.5rem;
  background: #23a911;
}

.calendar-wrap .list .item a .point_bottom em {}

.calendar-wrap .list .item a .point_bottom em+em {
  margin-left: 0.2rem;
}

.calendar-wrap .list .item a .point_bottom {
  display: flex;
}

.calendar-wrap .list .item a .point_bottom em.color1 {
  background-color: #8cdb38;
}

.calendar-wrap .list .item a .point_bottom em.color2 {
  background-color: #f7c02c;
}

.calendar-wrap .list .item a .point_bottom em.color3 {
  background-color: #0ec16e;
}

.calendar-wrap .list .item a .point_bottom em.color4 {
  background-color: #00dbe3;
}

.calendar-wrap .list .item a .point_bottom em.color5 {
  background-color: #2692ed;
}

.calendar-wrap .list .item a .point_bottom em.color6 {
  background-color: #9d37e5;
}

.calendar-wrap .list .item a .point_bottom em.color7 {
  background-color: #fd49ff;
}

.calendar-wrap .list .item a .point_bottom em.color8 {
  background-color: #f4348e;
}

.calendar-wrap .list .item a .point_bottom em.color9 {
  background-color: #f9454a;
}

.calendar-wrap .list .item a .point_bottom em.color10 {
  background-color: #838995;
}

.total-fit {
  width: 100%;
  margin-top: 2.5rem;
}

.total-fit dl {
  display: flex;
  justify-content: space-between;
  height: 8rem;
  padding: 0rem 2.5rem;
  padding-right: 1rem;
  align-items: center;
  background-color: #f5f5f5;
  border: 1px solid #e2e2e2;
  border-radius: 0.6rem;
  margin-bottom: 1rem;
}

.total-fit dl dt {
  text-align: left;
  font-size: 1.4rem;
  color: #3c3c3c;
  font-weight: 500;
}

.total-fit dl dt.bold {
  font-size: 1.6rem;
  font-weight: 700;
}

.total-fit dl dd {
  text-align: right;
  font-size: 1.6rem;
  display: flex;
}

.total-fit dl dd p.m {
  margin-right: 1rem;
}

.total-fit dl dd>p {
  width: 100%;
  display: flex;
  align-items: center;
}

.total-fit dl dd>p:lang(de) {
  flex-direction: column;
  align-items: flex-end;
}

.total-fit dl dd strong {
  color: #ff7d0d;
  display: inline-block;
}

.total-fit dl dd span {
  color: #9f9f9f;
  width: 4rem;
  white-space: pre-wrap;
  display: inline-block;
  text-align: left;
  margin-left: 0.5rem;
  line-height: 1.2rem;
}

.total-fit dl dd span:lang(en) {
  font-size: 1.2rem;
}

.total-fit dl dd strong:lang(de),
.total-fit dl dd span:lang(de) {
  display: block;
  width: fit-content;
  text-align: right;
}

.total-fit dl dd span:lang(de) br {
  display: none;
}

.total-fit dl dd span:lang(de) {
  font-size: 1.3rem;
}

.total-fit dl.item-day {
  padding-right: 2.5rem;
}

.total-fit dl.item-day p:last-child span {
  width: fit-content;
  margin-left: 0;
}

.total-fit dl.item-day p:first-child span {
  width: fit-content;
  margin-left: 0;
}

.total-fit dl.item-day p {
  width: fit-content;
}

.fullColor-box {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 2.4rem 1.8rem !important;
}

.fullColor-box dl {
  width: 45%;
  flex: 1 1 auto;
  background-color: #f5f5f5;
  border: 1px solid #e2e2e2;
  margin: 0.5rem;
  border-radius: 0.6rem;
  padding: 1.2rem 1.6rem;
}

.fullColor-box dl dt {
  font-size: 1.4rem;
  color: #a0a0a0;
}

.fullColor-box dl dd {
  font-size: 1.6rem;
  color: #3c3c3c;
  display: flex;
  justify-content: flex-end;
}

.fullColor-box dl dd em {
  font-weight: 700;
}

.title-day {
  width: 41%;
  font-size: 1.6rem;
  position: relative;
  background-color: transparent;
}

.list-product {
  border: 1px solid #a0a0a0;
  border-radius: 0.6rem;
  padding: 1.5rem 2.5rem;
  margin-bottom: 1rem;
}

.list-product.no {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.5rem;
}

.list-product.no p {
  color: #f7554d;
  font-size: 1.4rem;
}

.list-product li {
  width: 100% !important;
}

.list-product li>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.list-product li>div a {
  text-align: center;
}

.list-product li>div p:first-child {
  color: #3c3c3c;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.list-product li>div p:first-child span {
  display: block;
}

.list-product li>div p:first-child i {
  display: block;
  margin-left: 0.5rem;
  width: 2.2rem;
  height: 2.2rem;
  background-image: url(/images/responsive-img/ic-detail.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.list-product li>div p em {
  color: #ff8a00;
}

.list-product .swiper-button-prev,
.list-product .swiper-container-rtl .swiper-button-next,
.list-product .swiper-button-next,
.list-product .swiper-container-rtl .swiper-button-prev {
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -1rem;
}

.list-product .swiper-button-prev,
.list-product .swiper-container-rtl .swiper-button-next {
  background-image: url(/images/responsive-img/month-l.svg);
}

.list-product .swiper-button-next,
.list-product .swiper-container-rtl .swiper-button-prev {
  background-image: url(/images/responsive-img/month-r.svg);
}

.user-class {
  display: block;
  width: 100%;
  padding: 2.4rem !important;
  border-bottom: 1px solid #dce0e4;
}

.stretching {
  padding: 2.4rem !important;
}

.stretching dl {
  display: block;
  background-color: #f6f8fa;
  border-radius: 0.6rem;
  padding: 1.2rem 1.6rem;
}

.stretching dl dt {
  color: #a0a0a0;
  font-size: 1.2rem;
  text-align: left;
}

.stretching dl dd {
  color: #3c3c3c;
  font-size: 1.6rem;
  text-align: right;
}

.user-class.no {
  display: flex;
  justify-content: center;
  align-items: center;
}

.user-class.no p {
  color: #8c8c8c;
  font-size: 1.6rem;
}

.user-class:last-child {
  border-bottom: 0;
}

.user-class .left,
.user-class .right {
  width: 100%;
  display: block;
}

.user-class .left {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  margin-right: 6rem;
}

.user-class .left .left-inner {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}

.user-class .left dl {
  width: 13.4rem;
  height: 6.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5;
  border: 1px solid #e2e2e2;
  border-radius: 0.6rem;
}

.user-class .left dl+dl {
  margin-left: 1rem;
}

.user-class .left dl dt {
  color: #a0a0a0;
  font-size: 1.2rem;
}

.user-class .left dl dd {
  color: #3c3c3c;
  font-size: 1.4rem;
}

.user-class .left .label {
  width: 5.4rem;
  height: 1.6rem;
  border-radius: 25px;
  font-size: 1.3rem;
  font-weight: 500;
  border: 1px solid;
  padding: 0.3rem 0.9rem 0.3rem 0.9rem;
}

.user-class .left h2 {
  font-size: 2rem;
  margin-top: 1.5rem;
}

.user-class .left .label.color1 {
  border-color: #8cdb38;
  color: #8cdb38;
}

.user-class .left .label.color2 {
  border-color: #f7c02c;
  color: #f7c02c;
}

.user-class .left .label.color3 {
  border-color: #0ec16e;
  color: #0ec16e;
}

.user-class .left .label.color4 {
  border-color: #00dbe3;
  color: #00dbe3;
}

.user-class .left .label.color5 {
  border-color: #2692ed;
  color: #2692ed;
}

.user-class .left .label.color6 {
  border-color: #9d37e5;
  color: #9d37e5;
}

.user-class .left .label.color7 {
  border-color: #fd49ff;
  color: #fd49ff;
}

.user-class .left .label.color8 {
  border-color: #f4348e;
  color: #f4348e;
}

.user-class .left .label.color9 {
  border-color: #f9454a;
  color: #f9454a;
}

.user-class .left .label.color10 {
  border-color: #838995;
  color: #838995;
}

.user-class .right {
  margin-top: 2.5rem;
}

.user-class .right dl {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.user-class .right dl+dl {
  margin-top: 2.5rem;
}

.user-class .right dl dt {
  color: #7b7b7b;
  font-size: 1.4rem;
}

.user-class .right dl dd {
  color: #3c3c3c;
  font-size: 1.4rem;
}

/*클레스 강사 처리 팝업*/
.rating-pop-close i {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 2.4rem;
  margin-top: 2.4rem;
  display: block;
  background-size: contain;
  background-image: url(/images/responsive-img/icn_close_light.svg);
}

.class-pop {
  z-index: 100;
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.2);
}

.class-pop .inner {
  position: absolute;

  border-radius: 0.6rem;
  background-color: #fff;

  padding-right: 0rem;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}

.class-pop .inner {
  overflow-y: auto;
  width: 90%;
}

.class-pop .inner.w100 {
  max-height: 90%;
}

.class-pop .inner.w100 .rating {
  height: 100%;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.toggle-warp {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  width: 100%;
}

.toggle-warp button {
  position: relative;
  width: 100%;
  justify-content: space-between;
}

.toggle-warp button::before,
.toggle-warp button::after {
  content: "";
  display: block;
  z-index: 1;
  width: 13rem;
  height: 1px;
  background-color: #eaeaea;
}

.toggle-warp button i {
  z-index: 2;
  width: 2.2rem;
  display: block;
  height: 2.2rem;
  background-size: 95%;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  background-position: center;
  background-image: url(/images/responsive-img/closeicon.svg);
}

.toggle-warp button i.on {
  transform: rotate(0deg);
}

.class-type {
  margin-top: 1.5rem;
}

.rating {
  display: flex;
  flex-direction: column;
}

.rating .left,
.rating .right {
  padding: 2.5rem 1.8rem;
  padding-bottom: 1rem;
  justify-content: unset;
}

.rating .right {
  display: none;
}

.rating .right .right-score {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.rating .right .right-score .left {
  padding: 0;
}

.rating .right .right-score .left strong {
  font-size: 3.2rem;
  color: #000;
}

.rating .right .right-score .score {
  align-items: center;
  margin-top: 1.5rem;
}

.rating .right .right-score .score p.score-txt {
  color: #797979;
  font-size: 1.2rem;
}

.right-graph {}

.right-graph ul {
  display: flex;
}

.right-graph ul li {}

.right-graph ul li+li {
  margin-left: 2.4rem;
}

.right-graph ul li>a div {
  height: 5.5rem;
  margin-bottom: 1rem;
}

.right-graph ul li>a div em {
  display: block;
  width: 0.4rem;
  border-radius: 0.3rem;
  font-size: 0;
  padding: 0;
}

.right-graph ul li>a div em+em {
  margin-top: 0.2rem;
}

.right-graph ul li>a div em:first-child {
  background-color: #e2e2e2;
}

.right-graph ul li>a div em:last-child {
  background-color: #ff7d0d;
}

.right-graph ul li>a div span {
  color: #959292;
  font-size: 1rem;
}

.right-review {
  margin-top: 2rem;
  height: 36rem;
  overflow-y: auto;
  padding-right: 1rem;
}

.right-review::-webkit-scrollbar,
.m_menu-wrap::-webkit-scrollbar {
  width: 0.3rem;
}

.right-review::-webkit-scrollbar-thumb,
.m_menu-wrap::-webkit-scrollbar-thumb {
  background-color: #2f3542;
  border-radius: 10px;
}

.right-review::-webkit-scrollbar-track,
.m_menu-wrap::-webkit-scrollbar-track {
  background-color: grey;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
}

.right-review ul {}

.right-review ul li {
  display: flex;
  border-top: 1px solid #e4e4e4;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.right-review ul li:last-child {
  border-bottom: 1px solid #e4e4e4;
}

.right-review ul li .user {
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 1rem;
}

.right-review ul li .user p {
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
  border-radius: 25rem;
}

.right-review ul li .user img {
  width: 3.5rem;
  height: 3.5rem;
}

.right-review ul li h3 {
  font-size: 1.4rem;
  font-weight: 500;
}

.right-review ul li .meta {
  width: 100%;
}

.right-review ul li .score {
  justify-content: space-between;
  display: flex;
  width: 100%;
  margin: 0.5rem 0;
}

.right-review ul li .score .day {
  color: #a0a0a0;
  font-size: 1rem;
}

.right-review ul li .user-vi p {
  width: 18rem;
  font-size: 1.2rem;
  color: #a0a0a0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.2em;
  height: 3.4em;
  /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}

.class-pop .inner .rating-heder p.picture {
  display: flex;
  margin: 0 auto;
  width: 7.2rem;
  height: 7.2rem;
  border-radius: 100%;
  overflow: hidden;
}

.rating-heder .picture i {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
}

.class-type dt {
  display: flex;
  justify-content: center;
}

.class-type dd {
  font-size: 1.8rem;
  color: #3c3c3c;
  font-weight: 500;
  text-align: center;
  margin-top: 0.5rem;
}

.class-type dt span {
  width: fit-content;
  height: 1.8rem;
  display: flex;
  justify-content: center;
  border-radius: 1.6rem;
  border: 1px solid;
  padding-inline: .75rem;
}

.class-type dt span.color1 {
  border-color: #8cdb38;
  color: #8cdb38;
}

.class-type dt span.color2 {
  border-color: #f7c02c;
  color: #f7c02c;
}

.class-type dt span.color3 {
  border-color: #0ec16e;
  color: #0ec16e;
}

.class-type dt span.color4 {
  border-color: #00dbe3;
  color: #00dbe3;
}

.class-type dt span.color5 {
  border-color: #2692ed;
  color: #2692ed;
}

.class-type dt span.color6 {
  border-color: #9d37e5;
  color: #9d37e5;
}

.class-type dt span.color7 {
  border-color: #fd49ff;
  color: #fd49ff;
}

.class-type dt span.color8 {
  border-color: #f4348e;
  color: #f4348e;
}

.class-type dt span.color9 {
  border-color: #f9454a;
  color: #f9454a;
}

.class-type dt span.color10 {
  border-color: #838995;
  color: #838995;
}

.name-type {}

.name-type dt {
  font-size: 1.8rem;
  color: #000;
  text-align: center;
}

/*강사정보*/
.name-type dd dl {
  display: flex;
  justify-content: center;
  align-items: center;
}

.name-type dd dl dt {
  font-size: 1.2rem;
  color: #a0a0a0;
}

.name-type dd dl dd {
  border-left: 1px solid #dcdcdc;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
}

.name-type dd dl dd i {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.name-type dd dl dd i.man {
  background-image: url(/images/responsive-img/man.svg);
}

.name-type dd dl dd i.female {
  background-image: url(/images/responsive-img/female.svg);
}

.evaluation {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.evaluation dt,
.evaluation dd {
  text-align: center;
}

.evaluation dd {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

.evaluation dt span {
  color: #ff7d0d;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 500;
}

.evaluation dd .score .starR {
  width: 3.1rem;
  height: 3rem;
}

/* equipment-wrap */
.equipment-wrap {
  display: flex;
  width: 100%;
  padding: 1.5rem 0rem;
  padding-top: 0;
  border-bottom: 0.2rem solid #787878;
  justify-content: space-between;
  align-items: center;
}

.equipment-wrap .txt {
  display: flex;
  justify-content: space-between;
  width: 35rem;
}

.equipment-wrap .txt p strong {
  color: #ff7d0d;
  font-size: 1.6rem;
}

.equipment-wrap .kor {
  display: flex;
  line-height: 2rem;
  align-items: flex-end;
  font-size: 2rem;
  color: #555;
}

.equipment-wrap .kor .label {
  font-size: 1rem;
  margin-left: 1rem;
  height: 1.4rem;
  color: #fff;
  justify-content: center;
  display: flex;
  align-items: center;
  background-color: #ff8a00;
  min-width: 4.8rem;
  padding: 0.3rem;
  border-radius: 0.2rem;
}

.equipment-wrap .en {
  margin-top: 0.5rem;
  font-size: 0.6rem;
  color: #999;
}

.equipment-wrap .img {
  width: 5.5rem;
}

.equipment-wrap .img img {
  width: 100%;
}

.recording-wrap {
  display: block;
  position: relative;
}

.recording-list {
  display: block;
  position: relative;
}

.org {
  border-color: #f68c30 !important;
}

.recording-list .item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0.75rem 0.5rem;
  border-bottom: 0.05rem solid #f0f0f0;
  align-items: center;
}

.recording-list .item .no-results {
  font-size: 1.4rem;
  text-align: center;
  width: 100%;
}

.recording-list .item .txt-area {
  width: 8.5rem;
  color: #555;
}

.recording-list .item .txt-area .name {
  font-size: 1.4rem;
  color: #3c3c3c;
}

.recording-list .item .txt-area .recording {
  margin-top: 0.28rem;
  font-size: 2rem;
  color: #3c3c3c;
  font-weight: 700;
}

.recording-list .item .txt-area .unit {
  margin-top: 0.1rem;
  font-size: 1.2rem;
}

.recording-list .item .txt-area+.graph-area {
  width: 73%;
  margin-left: 0.5rem;
  padding-top: 0rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.recording-list .item .graph-area {
  width: calc(100% - 4.8rem);
  position: relative;
}

.recording-list .item .graph-area .graph {
  display: block;
  overflow: hidden;
  border-radius: 10rem;
  position: relative;
  width: 100%;
  height: 1.7rem;
  background: #cdcdcd;
}

.recording-list .item .graph-area .graph .bar {
  display: flex;
  text-align: center;
  align-items: center;
  border-radius: 10rem 0 0 10rem;
  height: 100%;
  background: #717171;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  line-height: 0.97rem;
}

.recording-list .item .graph-area .graph .bar em {
  display: block;
  color: #fff;
  position: absolute;
  left: 0;
  width: 100%;
}

.recording-list .item .graph-area .goal {
  font-size: 1.4rem;
  color: #787878;
}

.text-box {
  margin-bottom: 0.3rem;
}

.text-box .title {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.text-box .s-tite {
  font-size: 1.3rem;
  color: #888;
}

/* etc-recording */
.etc-recordingWrap {
  display: block;
  position: relative;
  padding: 1.5rem 0;
}

.etc-recording {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-around;
}

.etc-recording li {
  width: 33%;
  margin-bottom: 2rem;
}

.etc-recording .item dt {
  display: block;
  padding-bottom: 4.2rem;
  font-family: "NotoSans-Medium";
  background-repeat: no-repeat;
  background-position: center bottom;
  font-size: 1.4rem;
  color: #3c3c3c;
  text-align: center;
  background-size: 4.2rem;
}

.etc-recording .item.item-speed dt {
  background-image: url("/images/responsive-img/cca1.svg");
}

.etc-recording .item.item-power dt {
  background-image: url("/images/responsive-img/cca2.svg");
}

.etc-recording .item.item-heart dt {
  background-image: url("/images/responsive-img/cca3.svg");
}

.etc-recording .item.item-amount dt {
  background-image: url("/images/responsive-img/cca4.svg");
}

.etc-recording .item.item-rank dt {
  background-image: url("/images/responsive-img/cca5.svg");
}

.etc-recording .item.item-vo2 dt {
  background-image: url("/images/responsive-img/cca6.svg");
}

.etc-recording .item dd {
  display: block;
  text-align: center;
}

.etc-recording .item dd .recording {
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: 2rem;
  color: #3c3c3c;
}

.etc-recording .item dd .unit {
  font-size: 1.2rem;
  color: #a0a0a0;
}

.recording-wrap .set-wrap {
  margin-bottom: 0.4rem;
  border-bottom: 1px solid #f68c30;
}

.recording-wrap .num {
  font-size: 1.6rem;
  font-weight: 700;
  color: #f68c30;
  padding-bottom: 0.5rem;
}

.recording-wrap .num span {
  display: inline-block;
  color: #f68c30;
  font-weight: 400;
  margin-right: 0.5rem;
  font-size: 1.4rem;
}

.content.m-paddig {
  padding: 1.5rem;
}

.content.m-paddig .border-line {
  border-radius: 0.6rem;
}

/*이전다음*/

.date-pr {
  display: flex;
  justify-content: center;
}

.date-pr p {
  margin-left: 1rem;
  padding-right: 1rem;
}

.date-pr button {}

.date-pr button i {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-size: contain;
}

.date-pr button i.pre {
  background-image: url("/images/responsive-img/ic-back.svg");
}

.date-pr button i.next {
  background-image: url("/images/responsive-img/ic-back.svg");
  transform: rotate(180deg);
}

.date-wrap {
  text-align: center;
  font-size: 1.6rem;
  color: #3c3c3c;
}

.Responsive .border-line.tserch-box .date-wrap button.btn-search {
  margin-left: 0.5rem;
}

.input-inner {
  width: 100%;
}

.input-inner.w60p {
  width: 100% !important;
}

.pann-center {
  justify-content: center !important;
}

/* DivTable.com */
.divTable {
  display: table;
  width: 100%;
  border-collapse: separate;
}

.divTableRow {
  display: table-row;
  border-spacing: 0 10px;
}

.tree-td div {
  width: 29%;
}

.th-cell {
  color: #a0a0a0;
  font-size: 1.4rem;
  line-height: 1.4rem;
}

.th-cell .unit {
  font-size: 1.2rem;
  width: 100%;
  display: block;
}

.td-cell-b {
  font-size: 1.4rem;
  font-weight: 500;
}

.td-cell {
  font-size: 1.6rem;
  color: #3c3c3c;
  font-weight: 500;
}

.divTableRow div:first-child {
  width: 15%;
}

.divTableRow.radius.point div {
  color: #ff7d0d;
}

.divTableRow.radius div:nth-child(2) {
  border-radius: 0.6rem 0 0 0.6rem;
}

.divTableRow.radius div:last-child {
  border-radius: 0rem 0.6rem 0.6rem 0rem;
}

.divTableRow.radius div:first-child {
  background-color: #fff;
}

.divTableRow.radius div {
  background-color: #f5f5f5;
}

.divTableHeading {
  background-color: #eee;
  display: table-header-group;
}

.divTableCell,
.divTableHead {
  display: table-cell;
  padding: 1rem 1rem;
  text-align: center;
  width: auto;
}

.divTableHeading {
  background-color: #eee;
  display: table-header-group;
  font-weight: bold;
}

.divTableFoot {
  background-color: #eee;
  display: table-footer-group;
  font-weight: bold;
}

.divTableBody {
  display: table-row-group;
}

/*일자별 운동 결과 */
.day-class {
  padding: 2rem 0;
  border-bottom: 1px solid #dce0e4;
}

.day-class:first-child {
  padding-top: 0;
}

.day-class:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.day-class+.day-class {
  margin-top: 1rem;
}

.day-class .tiching {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
}

.day-class .tiching dl dd {
  font-size: 1.4rem;
  color: #a0a0a0;
}

.day-class .tiching dl dt p {
  font-size: 2rem;
  color: #3c3c3c;
  font-weight: 700;
}

.day-class .tiching dl dt span {
  font-size: 1.2rem;
  display: block;
  margin-bottom: 0.5rem;
}

.day-class .tiching dl dt span.class-ing {
  color: #0dcc74;
}

.day-class .tiching dl dt span.class-stop {
  color: #ff8a00;
}

.day-class .tiching dl dt span.class-hlding {
  color: #3ea9e0;
}

.user-pic {
  width: 6rem;
  display: block;
  height: 6rem;
  overflow: hidden;
  border-radius: 3rem;
}

.user-pic i {
  display: block;
  width: 6rem;
  height: 6rem;
  background-size: cover;
  background-position: center;
}

.day-class .meta {}

.day-class .meta dl {
  display: flex;
  justify-content: space-between;
}

.day-class .meta dl+dl {
  margin-top: 1.5rem;
}

.day-class .meta dl dt {
  font-size: 1.4rem;
  color: #7b7b7b;
}

.day-class .meta dl dd {
  font-size: 1.4rem;
  color: #3c3c3c;
  font-weight: 500;
}

/*운동별 결과 조회*/
.h-start {
  padding-top: 2.4rem;
}

.h-start button {
  width: 100%;
  height: 3.6rem;
  border-radius: 0.6rem;
  border: solid 1px #f68c30;
  background-color: #f68c30;
  color: #fff;
}

/*운동시작하기 버튼 */
.ic-start {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ic-start::before {
  content: "";
  display: inline-flex;
  margin-right: 0.5rem;
  height: 2rem;
  width: 2rem;
  background-image: url("/images/responsive-img/ic-start.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.block-radio {
  margin-left: 1rem;
  display: flex;
}

/*요일 선택 */
.month-box {
  padding: 0rem;
  width: 100%;
}

.month-box p {
  font-size: 1.4rem;
}

.month-box .week-box {
  display: flex;
  justify-content: space-around;
  margin-top: 1rem;
}

.month-box .week-box button {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: solid 1px #cccccc;
  border-radius: 0.6rem;
}

.month-box .week-box button.active {
  background-color: #fff;
  border-color: #f68c30;
  color: #f68c30;
}

.month-box .week-box button.on {
  background-color: #cccccc;
  color: #fff;
}

/*요일 선택 블랙 */
.month-box-b {
  padding: 0rem;
  width: 100%;
}

.month-box-b p {
  font-size: 1.4rem;
}

.month-box-b .week-box {
  display: flex;
  justify-content: space-around;
  margin-top: 1rem;
}

.month-box-b .week-box button {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: solid 1px #cccccc;
  border-radius: 0.6rem;
}

.month-box-b .week-box button.active {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.month-box-b .week-box button.on {
  background-color: #cccccc;
  color: #fff;
}

/*totla-oder*/
.totla-oder dl {
  display: flex;
  justify-content: space-between;
}

.totla-oder dt {
  font-size: 1.6rem;
  color: #7b7b7b;
  font-weight: 500;
}

.totla-oder dd,
.totla-oder dd em {
  font-weight: 500;
  color: #ff8a00;
  font-size: 1.6rem;
}

.totla-oder dd span {
  color: #333;
}

.lflex-box .block-radio {
  margin-top: 1rem;
}

.for-btn button+button {
  margin-left: 1rem;
}

.total-guide {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.total-guide .date-wrap {
  padding: 0;
}

.guide-score {
  display: flex;
}

.date-wrap button.pre {
  border-radius: 0.3rem 0 0 0.3rem;
}

.date-wrap button.next {
  border-radius: 0 0.3rem 0.3rem 0;
}

.date-wrap .inp {
  border-radius: 0;
  align-items: center;
}

/*플랙스 박스 */
.Responsive .border-line.tserch-box .flex-box {}

.Responsive .border-line.tserch-box .flex-box .inner {}

.tow-line .inner-row+.inner-row {
  margin-top: 2rem;
  margin-left: 0rem;
}

.Responsive .border-line.tserch-box .flex-box .select-default {
  margin-left: 0;
}

.Responsive .border-line.tserch-box .flex-box .inner .inp-group {
  display: flex;
  align-items: center;
}

.inp-group.flex-end {
  display: flex;
  align-items: flex-end !important;
}

.Responsive .border-line.tserch-box .flex-box .inp-group .group-item.w100p .tit-wrap {
  margin-bottom: 0.5rem;
}

.Responsive .border-line.tserch-box .flex-box .inp-group .tit-wrap {
  width: 28% !important;
  margin-bottom: 0;
}

.Responsive .border-line.tserch-box .flex-box .inp-group .inp-wrap {
  width: 70%;
}

.Responsive .border-line.tserch-box .flex-box .inp-group+.inp-group {
  margin-top: 1.1rem;
}

.Responsive .border-line.tserch-box .flex-box .inp-group .tit-wrap .txt {
  position: absolute;
  bottom: -18px;
  right: 0;
}

.Responsive .border-line.tserch-box .flex-box .inp-group .tit-wrap .txt.error {
  color: #f68c30;
}

.inner .inp-group.flex-box-unit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.inner .inp-group.flex-box-unit .radio-group {
  margin: 0rem 0 0 0rem;
  padding: 0;
}

.inner .inp-group.flex-box-unit .radio-group .form-check {
  margin: 0;
  margin-right: 0.5rem;
}

.inner .inp-group.flex-box-unit .radio-group .form-check label span {
  font-size: 1.4rem;
}

.inner .inp-group.flex-box-unit .radio-group .form-check:last-child {
  margin-right: 0;
}

.btwin {
  justify-content: space-between;
}

.Responsive .border-line.tserch-box .flex-box .w50 {
  width: 47.5%;
}

.Responsive .border-line.tserch-box .flex-box.haa-serch .w50,
.Responsive .border-line.tserch-box .flex-box.haa-serch .w50p {
  width: 100% !important;
  margin-top: 1rem;
}

.Responsive .border-line.tserch-box .flex-box .title {
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
}

.but {
  width: 3.6rem;
  height: 3.6rem;
  background-color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.but i {
  width: 30px;
  height: 30px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.pre.but i {
  transform: rotate(90deg);
  background-image: url(/images/mobile/common/ico_select-btn.png);
}

.next.but i {
  transform: rotate(-90deg);
  background-image: url(/images/mobile/common/ico_select-btn.png);
}

.Responsive .border-line.tserch-box .flex-box .inner .inp-group.flex-none {
  display: block;
}

.Responsive .border-line.tserch-box .flex-box .inner .inp-group.flex-none .inp-wrap {
  width: 100%;
}

.Responsive .border-line.tserch-box .flex-box .inner .inp-group.flex-none .tit-wrap {
  margin-bottom: 0.5rem;
}

.Responsive .border-line.tserch-box .flex-box .inp-row .group-item {
  display: flex;
}

.Responsive .border-line.tserch-box .flex-box .inp-row.tit-w {
  flex-flow: row wrap;
  padding-top: 1.1rem;
}

.Responsive .border-line.tserch-box .flex-box .inp-row.tit-w .group-item {
  width: 100%;
}

.Responsive .border-line.tserch-box .flex-box .inp-row.tit-w .group-item+.group-item {
  margin-left: 0;
  justify-content: flex-end;
}

.Responsive .border-line.tserch-box .flex-box .inp-row.tit-w .group-item .tit-wrap {
  width: auto;
  align-items: center;
}

.Responsive .border-line.tserch-box .flex-box .inp-row.tit-w .unit {
  width: auto;
}

.Responsive .border-line.tserch-box .flex-box .inp-row.tit-w .group-item .inp {
  width: 100%;
}

.Responsive .border-line.tserch-box .flex-box .radio-group {
  margin: 0;
}

.Responsive .border-line.tserch-box .flex-box .radio-group .form-check {
  margin: 0;
  margin-right: 0.5rem;
}

.Responsive .border-line.tserch-box .flex-box .radio-group .form-check+.form-check {
  margin-right: 0;
}

.Responsive .border-line.tserch-box .flex-box .inp-group .row-radioinp {
  width: 70%;
  align-items: center;
}

.Responsive .border-line.tserch-box .flex-box .inp-group .radio-group+.inp-wrap {
  width: 100%;
  margin-left: 0.5rem;
}

.Responsive .border-line.tserch-box .flex-box .radio-group .form-check label>span {
  padding-left: 1.2rem;
  letter-spacing: -0.05em;
}

.Responsive .border-line.tserch-box .flex-box .select-default {
  width: 100%;
}

.Responsive .border-line.tserch-box .flex-box .inp-group .tit-wrap .txt.flex-box {
  display: flex;
  justify-content: space-between;
  width: 70%;
}

.Responsive .border-line.tserch-box .flex-box .inp-group .tit-wrap .txt.flex-box em {
  display: block;
}

.shc-checkWrap.flex-box {
  display: flex;
  flex-wrap: wrap;
}

.shc-checkWrap.flex-box .form-check {
  width: 50%;
  margin-bottom: 0.5rem;
}

.shc-checkWrap.flex-box .form-check label>span {
  padding: 0 0.3rem 0 1.3rem;
}

.right {
  justify-content: flex-end;
}

.btn-flex {
  display: flex;
  justify-content: space-between;
}

.btn-flex input.inp {
  width: calc(100% - 55%);
  margin-right: 0.5rem;
}

.btn-flex button {
  width: calc(100% - 50%);
  padding: 0;
}

/*셀렉트 버튼*/
.select-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0.05rem solid #dcdcdc;
  background-color: #fff;
  width: 100%;
  padding: 0 0.5rem 0 0.52rem;
  height: 3.6rem;
}

.select-btn span {
  display: flex;
  align-items: center;
}

.select-btn::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  background-image: url(/images/mobile/common/ico_select.png);
  background-size: 1.2rem 1.2rem;
}

/*그룹 버튼*/
.select-option {}

.select-option li {
  border-bottom: 1px solid #f0f0f0;
  padding: 0.7rem 0;
  align-items: center;
}

.select-option li:last-child {
  margin-bottom: 1rem;
}

.select-option li.top-align {
  align-items: flex-start;
}

.option-tow .inp-wrap {
  display: flex;
  margin-top: 1rem !important;
  align-items: center;
  justify-content: space-between;
}

.comfirm .comfirm-inner p.option-text {
  font-size: 0.6rem;
  text-align: left;
  margin-top: 0.2rem;
}

.select-option li .w20p {
  width: 20%;
}

.select-option li .w45p {
  width: 45%;
}

.select-option li .ine-img img {
  width: 0.938rem;
  height: 1rem;
  min-width: auto;
}

.option-tow label {
  display: block;
  padding-bottom: 10px;
}

.option-tow .inp-wrap {
  margin-top: 3px;
}

.option-tow .inp-wrap span {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

.option-tow .inp-wrap select {
  width: 100%;
}

.option-tow .inp-wrap+.inp-wrap {
  margin-top: 12px;
}

.btn-two,
.btn-tree {
  display: flex;
  border-radius: 0.3rem;
}

.btn-two.mo_row1,
.btn-tree.mo_row1 {
	flex-direction: column;
}

.btn-two label.radio,
.btn-tree label.radio {
	min-width: 4rem;
}


.btn-two.mo_row1 label.radio span,
.btn-tree.mo_row1 label.radio span {
	border-radius: 0;
}

.btn-two.mo_row1 label.radio:not(:first-child):not(:last-child) span,
.btn-tree.mo_row1 label.radio:not(:first-child):not(:last-child) span {
	border-top: none;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}

.btn-two.mo_row1 label.radio:first-child span,
.btn-tree.mo_row1 label.radio:first-child span {
	border-top-right-radius: .3rem;
	border-top-left-radius: .3rem;
}

.btn-two.mo_row1 label.radio:last-child span,
.btn-tree.mo_row1 label.radio:last-child span {
	border-top: none;
	border-bottom-right-radius: .3rem;
	border-bottom-left-radius: .3rem;
}

.disable label.radio {
  background-color: #f5f5f5;
}

.disable label.radio span {
  color: #a0a0a0;
}

.disable label.radio input:checked+span {
  background-color: #f5f5f5;
  border-color: #dcdcdc;
  color: #a0a0a0;
}

label.radio input:disabled+span {
  background-color: #f5f5f5;
  border-color: #dcdcdc;
  color: #a0a0a0;
}

.btn-two button.btn-left {
  border-radius: 0.3rem 0 0 0.3rem;
}

.btn-two button.btn-mi {
  border-left: 0;
  border-right: 0;
}

.btn-two button.btn-right {
  border-radius: 0 0.3rem 0.3rem 0;
}

.btn-two button .btn-two input span {
  border: 1px solid #dcdcdc;
  border-radius: 0;
  width: 50%;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0 1.4rem;
  height: 3.6rem;
  line-height: 3.6rem;
}

.btn-two button+button {
  border-left: 0;
}

.btn-tree input {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  text-align: center;
  color: #a0a0a0;
}

.mi-box {
  border: 1px solid #dcdcdc;
  max-width: 8rem;
}

.mi-box.disable {
  background-color: #f5f5f5;
}

.mi-box input.w40 {}

.mi-box input,
.mi-box button {
  background-color: transparent;
}

.btn-four label.radio:nth-child(3) span {
  border-right: 0;
}

.btn-two button:active,
.btn-two button:focus,
.btn-two button.on {
  background-color: #3c3c3c;
  color: #fff;
}

.ic-plus {
  display: block;
  background-image: url(/images/responsive-img/ic-plus.svg);
  width: 1.875rem;
  height: 1.875rem;
	border-left: 1px solid #dcdcdc;
  background-size: contain;
  background-repeat: no-repeat;
}

.ic-minus {
  display: block;
  background-image: url(/images/responsive-img/ic-minus.svg);
  width: 1.875rem;
  height: 1.875rem;
	border-right: 1px solid #dcdcdc;
  background-size: contain;
  background-repeat: no-repeat;
}

.btn-two .disable button:active,
.btn-two .disable button:focus,
.btn-two .disable button.on {
  background-color: #f5f5f5;
  color: #fff;
}

/*terms*/
.terms {
  margin-top: 50px;
}

.terms h1 {
  font-size: 1.6rem;
}

.terms h1.org,
.org {
  color: #ff8a00;
}

.terms p {
  font-size: 1.4rem;
  font-family: "NotoSans-Light";
  line-height: 1.5;
}

.terms dl {
  margin-top: 1rem;
}

.terms dl dt {
  margin-top: 0.5rem;
  font-size: 1.4rem;
}

.terms dl dd {
  margin-top: 0.5rem;
  font-family: "NotoSans-Light";
  font-size: 1.4rem;
  color: #555;
  text-align: left;
}

.terms dl dd li span em {
  color: #c00;
}

.terms dl dd ul {}

.terms dl dd ul li {
  display: flex;
}

.terms dl dd ul li i:lang(en) {
  display: block;
  padding-right: 0.2rem;
}

.terms dl dd ul li span {
  display: block;
}

.terms dl dd ul li ul {
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
}

.terms dl dd ul li ul li {
  font-size: 1.4rem;
}

.stert-box li {
  font-size: 1.4rem;
}

.politable {
  margin-top: 2rem;
}

.politable table {
  border: 1px solid #d7d7d7;
  border-top: 2px solid #333;
}

.politable table thead th {
  background-color: #f8f8f8;
}

.politable table td,
.politable table th {
  padding: 1rem;
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  font-size: 1.4rem;
}

.terms li i:before:lang(en) {
  content: none !important;
}

.terms li i:lang(en) {
  font-style: normal;
  margin-right: 0.5rem;
}

.terms dl dd ul li:nth-child(1) i:before {
  content: "①";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li:nth-child(2) i:before {
  content: "②";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li:nth-child(3) i:before {
  content: "③";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li:nth-child(4) i:before {
  content: "④";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li:nth-child(5) i:before {
  content: "⑤";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li:nth-child(6) i:before {
  content: "⑥";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li:nth-child(7) i:before {
  content: "⑦";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li:nth-child(8) i:before {
  content: "⑧";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li:nth-child(9) i:before {
  content: "⑨";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms .num li:nth-child(1) i:before {
  content: "1.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms .num li:nth-child(2) i:before {
  content: "2.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms .num li:nth-child(3) i:before {
  content: "3.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms .num li:nth-child(4) i:before {
  content: "4.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms .num li:nth-child(5) i:before {
  content: "5.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms .num li:nth-child(6) i:before {
  content: "6.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms .num li:nth-child(7) i:before {
  content: "7.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms .num li:nth-child(8) i:before {
  content: "8.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms .num li:nth-child(9) i:before {
  content: "9.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li ul li:nth-child(1) i:before {
  content: "1.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li ul li:nth-child(2) i:before {
  content: "2.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li ul li:nth-child(3) i:before {
  content: "3.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li ul li:nth-child(4) i:before {
  content: "4.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li ul li:nth-child(5) i:before {
  content: "5.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li ul li:nth-child(6) i:before {
  content: "6.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li ul li:nth-child(7) i:before {
  content: "7.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li ul li:nth-child(8) i:before {
  content: "8.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms dl dd ul li ul li:nth-child(9) i:before {
  content: "9.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

/*terms*/
.privacy {
  margin-top: 50px;
}

.privacy h1 {
  font-size: 1.6rem;
}

.privacy p.txt {
  font-size: 1.4rem;
}

.privacy ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.privacy ul li {
  margin-top: 0.5rem;
  font-size: 1.4rem;
  color: #555;
  text-align: left;
}

.privacy ul li p {
  display: flex;
  white-space: normal;
  word-break: break-all;
}

.privacy ul li span,
.privacy ul li i {
  display: block;
  white-space: normal;
  word-break: normal;
}

.privacy ul li div {
  margin-top: 0.5rem;
  margin-left: 0.8rem;
}

.privacy ul li div dl {}

.privacy ul li div dl dt {}

.privacy ul li div dl dd {
  font-size: 1.4rem;
  padding-left: 1rem;
}

.privacy ul li p.text {
  font-size: 1.4rem;
}

.privacy ul li span,
.privacy ul li i {
  display: block;
}

.privacy ul li ul li {
  display: block;
}

.privacy .num li.sub_num dl dt,
.privacy .num li.sub_num dl dd {
  font-size: 1.4rem;
  padding-left: 1rem;
}

.privacy .num li.sub_num .sub-dl dl dd {
  padding-left: 1rem;
  text-align: left;
}

.privacy .num li.sub_num dl dt i,
.privacy .num li.sub_num dl dt span {
  display: block;
}

.privacy ul li p:lang(ja) {
  display: flex;
  white-space: normal;
  word-break: break-all;
}

.privacy ul li span:lang(ja),
.privacy ul li i:lang(ja) {
  display: block;
  white-space: normal;
  word-break: normal;
}

.privacy .num li.sub_num dl dt i:lang(ja),
.privacy .num li.sub_num dl dt span:lang(ja) {
  display: block;
  white-space: normal;
  word-break: break-all;
}

.privacy li i:before:lang(en) {
  content: none !important;
}

.privacy li i:lang(en) {
  font-style: normal;
  margin-right: 0.5rem;
}

.privacy dl dd ul li:nth-child(1) i:before {
  content: "①";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dd ul li:nth-child(2) i:before {
  content: "②";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dd ul li:nth-child(3) i:before {
  content: "③";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dd ul li:nth-child(4) i:before {
  content: "④";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dd ul li:nth-child(5) i:before {
  content: "⑤";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dd ul li:nth-child(6) i:before {
  content: "⑥";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dd ul li:nth-child(7) i:before {
  content: "⑦";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dd ul li:nth-child(8) i:before {
  content: "⑧";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dd ul li:nth-child(9) i:before {
  content: "⑨";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(1) i:before {
  content: "1.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(2) i:before {
  content: "2.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(3) i:before {
  content: "3.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(4) i:before {
  content: "4.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(5) i:before {
  content: "5.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(6) i:before {
  content: "6.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(7) i:before {
  content: "7.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(8) i:before {
  content: "8.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(9) i:before {
  content: "9.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(10) i:before {
  content: "10.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(11) i:before {
  content: "11.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(12) i:before {
  content: "12.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(13) i:before {
  content: "13.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(14) i:before {
  content: "14.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(15) i:before {
  content: "15.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(16) i:before {
  content: "16.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(17) i:before {
  content: "17.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(18) i:before {
  content: "18.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(19) i:before {
  content: "19.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(20) i:before {
  content: "20.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(21) i:before {
  content: "21.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(22) i:before {
  content: "22.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(23) i:before {
  content: "23.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(24) i:before {
  content: "24.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(25) i:before {
  content: "25.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(26) i:before {
  content: "26.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li:nth-child(27) i:before {
  content: "27.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(1) dt i:before {
  content: "1.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(2) dt i:before {
  content: "2.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(3) dt i:before {
  content: "3.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(4) dt i:before {
  content: "4.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(5) dt i:before {
  content: "5.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(6) dt i:before {
  content: "6.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(7) dt i:before {
  content: "7.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(8) dt i:before {
  content: "8.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(9) dt i:before {
  content: "9.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(10) dt i:before {
  content: "10.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(11) dt i:before {
  content: "11.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(12) dt i:before {
  content: "12.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(13) dt i:before {
  content: "13.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(14) dt i:before {
  content: "14.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(15) dt i:before {
  content: "15.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(16) dt i:before {
  content: "16.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .num li.sub_num dl:nth-child(17) dt i:before {
  content: "17.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .alph dl:nth-child(1) dt i:before,
.privacy dl.text ul.en li:nth-child(1) i:before {
  content: "A.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .alph dl:nth-child(2) dt i:before,
.privacy dl.text ul.en li:nth-child(2) i:before {
  content: "B.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .alph dl:nth-child(3) dt i:before,
.privacy dl.text ul.en li:nth-child(3) i:before {
  content: "C.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .alph dl:nth-child(4) dt i:before,
.privacy dl.text ul.en li:nth-child(4) i:before {
  content: "D.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .alph dl:nth-child(5) dt i:before,
.privacy dl.text ul.en li:nth-child(5) i:before {
  content: "E.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .alph dl:nth-child(6) dt i:before,
.privacy dl.text ul.en li:nth-child(6) i:before {
  content: "F.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .alph dl:nth-child(7) dt i:before,
.privacy dl.text ul.en li:nth-child(7) i:before {
  content: "G.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .alph dl:nth-child(8) dt i:before,
.privacy dl.text ul.en li:nth-child(8) i:before {
  content: "H.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .alph dl:nth-child(9) dt i:before,
.privacy dl.text ul.en li:nth-child(9) i:before {
  content: "I.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dt:nth-child(1) i:before {
  content: "①";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dt:nth-child(2) i:before {
  content: "②";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dt:nth-child(3) i:before {
  content: "③";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dt:nth-child(4) i:before {
  content: "④";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dt:nth-child(5) i:before {
  content: "⑤";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dt:nth-child(6) i:before {
  content: "⑥";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dt:nth-child(7) i:before {
  content: "⑦";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dt:nth-child(8) i:before {
  content: "⑧";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dt:nth-child(9) i:before {
  content: "⑨";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl dt {
  display: flex;
}

.privacy dl:nth-child(1) dt i:before {
  content: "①";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl:nth-child(2) dt i:before {
  content: "②";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl:nth-child(3) dt i:before {
  content: "③";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl:nth-child(4) dt i:before {
  content: "④";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl:nth-child(5) dt i:before {
  content: "⑤";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl:nth-child(6) dt i:before {
  content: "⑥";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl:nth-child(7) dt i:before {
  content: "⑦";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl:nth-child(8) dt i:before {
  content: "⑧";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl:nth-child(9) dt i:before {
  content: "⑨";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.terms .privacy i {
  font-style: normal;
}

.terms .privacy .text dt,
.terms .privacy .text dd,
.terms .privacy .text dd ul.d3>li p {
  display: flex;
}

.terms .privacy .text dd ul.d3>li,
.privacy .text dd ul.d3 li ul li.none {
  display: block;
}

.privacy .text dl:nth-child(1) dt i:before {
  content: "가.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(2) dt i:before {
  content: "나.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(3) dt i:before {
  content: "다.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(4) dt i:before {
  content: "라.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(5) dt i:before {
  content: "마.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(6) dt i:before {
  content: "바.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(7) dt i:before {
  content: "사.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(8) dt i:before {
  content: "아.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(9) dt i:before {
  content: "자.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(1) dd i:before {
  content: "가.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(2) dd i:before {
  content: "나.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(3) dd i:before {
  content: "다.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(4) dd i:before {
  content: "라.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(5) dd i:before {
  content: "마.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(6) dd i:before {
  content: "바.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(7) dd i:before {
  content: "사.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(8) dd i:before {
  content: "아.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(9) dd i:before {
  content: "자.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dl:nth-child(10) dd i:before {
  content: "차.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li,
.privacy .text dd ul.d3 li ul li p {
  display: flex;
}

.privacy .text dd ul.d3 li ul li:nth-child(1) i:before {
  content: "1)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li:nth-child(2) i:before {
  content: "2)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li:nth-child(3) i:before {
  content: "3)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li:nth-child(4) i:before {
  content: "4)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li:nth-child(5) i:before {
  content: "5)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li:nth-child(6) i:before {
  content: "6)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li:nth-child(7) i:before {
  content: "7)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li:nth-child(8) i:before {
  content: "8)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li:nth-child(9) i:before {
  content: "9)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li ul {
  padding-left: 2rem;
}

.privacy .text dd ul.d3 li ul li ul li:nth-child(1) i:before {
  content: "가)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}
.privacy .text dd ul.d3.en li ul li ul li:nth-child(1) i:before {
  content: "A)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li ul li:nth-child(2) i:before {
  content: "나)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}
.privacy .text dd ul.d3.en li ul li ul li:nth-child(2) i:before {
  content: "B)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li ul li:nth-child(3) i:before {
  content: "다)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}
.privacy .text dd ul.d3.en li ul li ul li:nth-child(3) i:before {
  content: "C)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}


.privacy .text dd ul.d3 li ul li ul li:nth-child(4) i:before {
  content: "라)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li ul li:nth-child(5) i:before {
  content: "마)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li ul li:nth-child(6) i:before {
  content: "바)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li ul li:nth-child(7) i:before {
  content: "사)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li ul li:nth-child(8) i:before {
  content: "아)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .text dd ul.d3 li ul li ul li:nth-child(9) i:before {
  content: "자)";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl.text dd ul li:nth-child(1) i:before {
  content: "가.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl.text dd ul li:nth-child(2) i:before {
  content: "나.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl.text dd ul li:nth-child(3) i:before {
  content: "다.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl.text dd ul li:nth-child(4) i:before {
  content: "라.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl.text dd ul li:nth-child(5) i:before {
  content: "마.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl.text dd ul li:nth-child(6) i:before {
  content: "바.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl.text dd ul li:nth-child(7) i:before {
  content: "사.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl.text dd ul li:nth-child(8) i:before {
  content: "아.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy dl.text dd ul li:nth-child(9) i:before {
  content: "자.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex {
  display: flex;
  font-family: "NotoSans-Light";
  font-size: 1.4rem;
  margin-left: 0.7rem;
  font-weight: normal !important;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex:nth-child(1) i:before {
  content: "i.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex:nth-child(2) i:before {
  content: "ii.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex:nth-child(3) i:before {
  content: "iii.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex:nth-child(4) i:before {
  content: "iv.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex:nth-child(5) i:before {
  content: "v.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex:nth-child(6) i:before {
  content: "vi.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex:nth-child(7) i:before {
  content: "vii.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex:nth-child(8) i:before {
  content: "viii.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex ul.greece li {
  display: flex;
  font-family: "NotoSans-Light";
  font-size: 1.4rem;
  margin-left: 0.7rem;
  font-weight: normal !important;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex ul.greece li:nth-child(1) i:before {
  content: "1.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex ul.greece li:nth-child(2) i:before {
  content: "2.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex ul.greece li:nth-child(3) i:before {
  content: "3.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex ul.greece li:nth-child(4) i:before {
  content: "4.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex ul.greece li:nth-child(5) i:before {
  content: "5.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li div.alph dl ul.roman li.none-flex ul.greece li:nth-child(6) i:before {
  content: "6.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li ul.dashed li {
  display: flex;
  font-family: "NotoSans-Light";
  font-size: 1.4rem;
}

.privacy ul.num li ul.round li ul.dashed li i:before,
.privacy ul.num li ul.dashed li i:before,
.privacy ul.num li div.dashed dl dt p i:before {
  content: "-";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li ul.round li {
  display: flex;
  font-family: "NotoSans-Light";
  font-size: 1.4rem;
}

.privacy ul.num li ul.round li:nth-child(1) i:before {
  content: "①";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li ul.round li:nth-child(2) i:before {
  content: "②";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li ul.round li:nth-child(3) i:before {
  content: "③";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li ul.round li:nth-child(4) i:before {
  content: "④";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li ul.round li:nth-child(5) i:before {
  content: "⑤";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li ul.round li:nth-child(6) i:before {
  content: "⑥";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li ul.round li ul li:nth-child(1) i:before {
  content: "가.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li ul.round li ul li:nth-child(2) i:before {
  content: "나.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li ul.round li ul li:nth-child(3) i:before {
  content: "다.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li ul.round li ul li:nth-child(4) i:before {
  content: "라.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li ul.round li ul li:nth-child(5) i:before {
  content: "마.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy ul.num li ul.round li ul li:nth-child(6) i:before {
  content: "바.";
  display: block;
  padding-right: 0.2rem;
  font-style: normal;
}

.privacy .none-flex {
  display: block !important;
}

.privacy .text-style {
  text-align: left;
}

.privacy .dott-list li {
  display: flex;
}

.privacy .dott-list li.dott-sub {
  display: block;
}

/* [S]수업 일정 */
.sche_wrap {
  padding-bottom: 2.4rem;
}

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

.sche_cate_tab_area_wrap {
  width: 100%;
  overflow: hidden;
}

.sche_cate_tab_area {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6rem;
  /*width: 85.6rem; */
}

.sche_cate_tab_area ul {
  display: flex;
  /*justify-content: flex-start; */
  align-items: center;
  /*width: 85.6rem; */
}

.sche_cate_tab_area ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.8rem;
  width: fit-content !important;
}

.sche_cate_tab_area ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.6rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #3c3c3c;
  background-color: #ffffff;
  border-radius: 1.8rem;
}

.color0 {
  color: #3c3c3c !important;
}

.color1 {
  color: #8cdb38 !important;
}

.color2 {
  color: #f7c02c !important;
}

.color3 {
  color: #0ec16e !important;
}

.color4 {
  color: #00dbe3 !important;
}

.color5 {
  color: #2692ed !important;
}

.color6 {
  color: #9d37e5 !important;
}

.color7 {
  color: #fd49ff !important;
}

.color8 {
  color: #f4348e !important;
}

.color9 {
  color: #f9454a !important;
}

.color10 {
  color: #838995 !important;
}

.sche_cate_tab_area ul li a.active {
  color: #ffffff !important;
  background-color: #505050;
}

.sche_cate_tab_area ul li a:hover {
  color: #ffffff !important;
  background-color: #505050;
}

.sche-button {
  width: 100%;
  display: flex;
  position: absolute;
  justify-content: space-between;
  top: 14rem;
  padding: 0 1rem;
  z-index: 5;
}

.sche_tab_area {
  position: relative;
  display: flex;
  align-items: center;
  height: 6rem;
  border-bottom: 1px solid #eeeff4;
}

.sche_tab_area .sche_tab {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1.8rem;
}

.sche_tab_area .sche_tab a {
  padding: 0 2rem 0.5rem 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #a0a0a0;
}

.sche_tab_area .sche_tab a:lang(de) {
  letter-spacing: -0.1rem;
}

.sche_tab_area .sche_tab>div {
  margin-right: 0.2rem;
}

.sche_tab_area .sche_tab>div.resToggleWrap {
  display: flex;
  margin-left: 0.5rem;
}

.sche_tab_area .sche_tab>div.resToggleWrap:lang(de) {
  flex-direction: column;
}

.sche_tab_area .sche_tab>div.resToggleWrap:lang(de) .toggle-box .toggleWrap>div.button {
  margin-top: 0;
  right: 1rem;
}

.sche_tab_area .sche_tab>div.resToggleWrap>span {
  font-size: 1.2rem;
  font-weight: 500;
  color: #7b7b7b;
  padding: 1rem 0.5rem 0.5rem 1rem;
}

.sche_tab_area .sche_tab a.active {
  color: #ff8a00;
  border-bottom: 2px solid #ff8a00;
}

.sche_tab_area .sche_tab a:hover {
  color: #ff8a00;
  border-bottom: 2px solid #ff8a00;
}

.sche_tab_area .sche_instructor {
  position: absolute;
  right: 1.5rem;
}

.sche_tab_area .sche_instructor a,
.sche_tab_area .sche_instructor .user {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.sche_tab_area .sche_instructor span {
  font-size: 1.2rem;
  font-weight: 500;
  color: #7b7b7b;
}

.sche_tab_area .sche_instructor img {
  width: 0.8rem;
  min-width: auto;
  height: 1.1rem;
  margin-left: 0.8rem;
  margin-top: 0.3rem;
  padding-top: 0.2rem;
}

.sche_tab_area .sche_instructor .user p {
  position: relative;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  overflow: hidden;
}

.sche_tab_area .sche_instructor .user p img {
  transform: translate(-50%, -50%);
  vertical-align: top;
  width: 4rem;
  min-width: 100%;
  height: 4rem;
  position: absolute;
  top: 50%;
  left: 25%;
}

.sche_date_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 7rem;
  padding: 0 1.8rem;
}

.sche_datepicker {
  font-size: 1.6rem;
  font-weight: 500;
  color: #3c3c3c;
  text-align: center;
}

.sche_date_area_value {
  font-size: 1.6rem;
  font-weight: 500;
  color: #3c3c3c;
  text-align: center;
}

.sche_date_area_dow {
  font-size: 1.2rem;
  font-weight: 400;
  color: #a0a0a0;
  text-align: center;
}

.sche_calendar_area {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 48.2rem;
  margin: 0 1.8rem;
  overflow-x: hidden;
  overflow-y: scroll;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.sche_calendar_area.week {
  border-top: none;
}

.sche_calendar_area::-webkit-scrollbar {
  display: none;
}

.sche_calendar_area .sche_time_area {
  width: 6rem;
}

.sche_calendar_area .sche_time_area .sche_time_head {
  display: flex;
  width: 6rem;
  margin-top: -7rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 7rem;
  border-bottom: 1px solid #a0a0a0;
}

.sche_calendar_area .sche_time_area .sche_time_head .month {
  font-size: 1.4rem;
  font-weight: 500;
  color: #3c3c3c;
  margin-left: 2rem;
}

.sche_calendar_area .sche_time_area .sche_time_head .year {
  font-size: 1.2rem;
  font-weight: 400;
  color: #a0a0a0;
  margin-left: 2rem;
}

.sche_calendar_area .sche_time_area .sche_time {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 3.2rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: #a0a0a0;
  border-bottom: 1px solid #f0f2f4;
}

.sche_calendar_area .sche_class_area {
  position: relative;
  width: calc(100% - 4.5rem);
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.sche_calendar_area .sche_class_area::-webkit-scrollbar {
  display: none;
}

.sche_class_matrix {
  width: max-content;
  min-width: 100%;
  -webkit-touch-callout: none;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}

.sche_class_row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 3.2rem;
  padding: 0.6rem;
  border-bottom: 1px solid #f0f2f4;
}

.sche_class_row_top {
  display: flex;
  margin-top: -7rem;
  width: 860px;
  justify-content: flex-start;
  align-items: center;
  height: 7rem;
  border-bottom: 1px solid #a0a0a0;
}

.sche_class_row_top .day_section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 11.1rem;
}

.sche_class_row_top .day_section .day_date_num {
  font-size: 1.4rem;
  font-weight: 500;
  color: #3c3c3c;
}

.sche_class_row_top .day_section .day_date {
  font-size: 1.2rem;
  font-weight: 400;
  color: #a0a0a0;
}

.comfirm-inner .sche-pop-list {
  max-height: 30rem;
  overflow-y: auto;
}

/*.comfirm-inner .pop-body-content { height:100%; } */
.pop_sche .sche_class_row {
  border-bottom: 0;
  display: block;
  height: 100%;
  overflow: hidden;
}

.pop_sche .sche_class_row li {
  margin-bottom: 0.5rem;
}

.pop_sche .sche_class_article {
  width: 100%;
  height: 7.4rem !important;
}

.pop_sche .sche_class_article::before {
  height: 7.4rem;
}

.pop_sche .sche_class_article.on {
  border: 2px solid #ff8a00;
}

.pop_sche .sche_class_article.on:before {
  height: calc(7.4rem - 4px);
}

/* .pop_sche .sche_class_basic .detail_area { justify-content: flex-end; } */
.sche-pop-list p {
  font-size: 1.4rem;
  color: #787878;
}

.sche-pop-list .day-list-box {
  margin-top: 2rem;
}

.sche_class_row.week {
  height: inherit;
  min-height: 12rem;
  padding: 0;
}

.sche_class_article_week {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 11.1rem;
  min-height: 6.4rem;
  height: 100%;
  padding: 0.6rem 0.2rem;
  border-left: 1px solid #f0f2f4;
}

.sche_class_article_week .article {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 1.8rem;
  margin-bottom: 0.2rem;
  padding-left: 1rem;
  border-radius: 0.2rem;
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff !important;
  white-space: nowrap;
  overflow: hidden;
}

.sche_class_article_week .article.color1 {
  background-color: #8cdb38;
}

.sche_class_article_week .article.color2 {
  background-color: #f7c02c;
}

.sche_class_article_week .article.color3 {
  background-color: #0ec16e;
}

.sche_class_article_week .article.color4 {
  background-color: #00dbe3;
}

.sche_class_article_week .article.color5 {
  background-color: #2692ed;
}

.sche_class_article_week .article.color6 {
  background-color: #9d37e5;
}

.sche_class_article_week .article.color7 {
  background-color: #fd49ff;
}

.sche_class_article_week .article.color8 {
  background-color: #f4348e;
}

.sche_class_article_week .article.color9 {
  background-color: #f9454a;
}

.sche_class_article_week .article.color10 {
  background-color: #838995;
}

.sche_class_article_week .article.none::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0.2rem;
  background-color: #000000;
  opacity: 0.2;
}

.sche_class_article_week .article.none::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  transform: rotate(-8deg);
}

.sche_class_article_week .article.none.res::before {
  opacity: 0.7;
}

.sche_class_article_week .article.none.res::after {
  display: none;
}

.sche_class_article_week .article.none.res p {
  position: absolute;
  left: 1rem;
  color: #ff8a00;
  font-weight: 500;
}

.sche_class_article {
  position: relative;
  display: inline-block;
  height: 7.4rem;
  margin-right: 0.6rem;
  border-radius: 0.3rem;
  background-color: #f6f8fa;
}

.sche_class_article::before {
  height: 7.4rem;
}

.sche_class_article.color1::before {
  content: "";
  position: absolute;
  width: 0.3rem;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  background-color: #8cdb38;
}

.sche_class_article.color2::before {
  content: "";
  position: absolute;
  width: 0.3rem;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  background-color: #f7c02c;
}

.sche_class_article.color3::before {
  content: "";
  position: absolute;
  width: 0.3rem;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  background-color: #0ec16e;
}

.sche_class_article.color4::before {
  content: "";
  position: absolute;
  width: 0.3rem;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  background-color: #00dbe3;
}

.sche_class_article.color5::before {
  content: "";
  position: absolute;
  width: 0.3rem;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  background-color: #2692ed;
}

.sche_class_article.color6::before {
  content: "";
  position: absolute;
  width: 0.3rem;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  background-color: #9d37e5;
}

.sche_class_article.color7::before {
  content: "";
  position: absolute;
  width: 0.3rem;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  background-color: #fd49ff;
}

.sche_class_article.color8::before {
  content: "";
  position: absolute;
  width: 0.3rem;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  background-color: #f4348e;
}

.sche_class_article.color9::before {
  content: "";
  position: absolute;
  width: 0.3rem;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  background-color: #f9454a;
}

.sche_class_article.color10::before {
  content: "";
  position: absolute;
  width: 0.3rem;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  background-color: #838995;
}

.sche_class_basic {
  padding: 0.8rem 0.6rem 0.6rem 0.8rem;
}

.sche_class_basic .sche_class_title {
  font-size: 1.2rem;
  font-weight: 500;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100px;
  overflow: hidden;
}

.sche_class_article.color1 .sche_class_basic .sche_class_title {
  color: #8cdb38;
}

.sche_class_article.color2 .sche_class_basic .sche_class_title {
  color: #f7c02c;
}

.sche_class_article.color3 .sche_class_basic .sche_class_title {
  color: #0ec16e;
}

.sche_class_article.color4 .sche_class_basic .sche_class_title {
  color: #00dbe3;
}

.sche_class_article.color5 .sche_class_basic .sche_class_title {
  color: #2692ed;
}

.sche_class_article.color6 .sche_class_basic .sche_class_title {
  color: #9d37e5;
}

.sche_class_article.color7 .sche_class_basic .sche_class_title {
  color: #fd49ff;
}

.sche_class_article.color8 .sche_class_basic .sche_class_title {
  color: #f4348e;
}

.sche_class_article.color9 .sche_class_basic .sche_class_title {
  color: #f9454a;
}

.sche_class_article.color10 .sche_class_basic .sche_class_title {
  color: #838995;
}

.sche_class_basic .sche_class_name {
  margin-top: -0.4rem;
  font-size: 1rem;
  font-weight: 400;
  color: #505050;
  line-height: 1.7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100px;
  overflow: hidden;
}

.sche_class_basic .detail_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sche_class_basic .detail_area .detail_mem {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: -2rem;
}

.sche_class_basic .detail_area .detail_mem img path {
  fill: #a0a0a0;
}

.sche_class_basic .detail_area .detail_time_area {
  margin-top: 0px;
  flex: 1;
}

.sche_class_basic .detail_area .detail_time_area .detail_time span {
  font-size: 1rem;
  font-weight: 400;
  color: #505050;
}

.sche_class_basic .detail_area .detail_time_area .detail_duration {
  margin-top: -0.4rem;
  color: #505050;
}

.sche_class_basic .detail_area .detail_mem span {
  font-size: 1rem;
  font-weight: 400;
  color: #a0a0a0;
}

.sche_class_basic .detail_area .detail_mem span strong {
  font-size: 1rem;
  font-weight: 700;
  color: #505050;
}

.sche_class_basic .detail_area .detail_mem svg {
  margin-left: 0.4rem;
}

.sche_class_close {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.2rem 0.6rem 0.6rem 0.8rem;
}

.sche_class_close::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  border-radius: 0.3rem;
  opacity: 0.5;
}

.sche_class_close .detail_mem {
  position: relative;
  bottom: 1.4rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.sche_class_close .detail_mem span {
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
}

.sche_class_close.res::before {
  background-color: #ccc;
}

.sche_class_close.res .detail_mem span {
  color: #ff8a00;
}

.sche_btn_area {
  width: 100%;
  padding: 0 2.4rem;
}

.radio-group.flex-warp.r-flex {
  margin-bottom: 0.5rem;
}

/*요일 가이드*/
.day-guide {
  display: block;
  justify-content: space-between;
}

.guide-btn {
  width: 100%;
  margin-top: 1.8rem;
  position: relative;
}

.guide-btn-inner {
  display: flex;
  justify-content: space-between;
  /* flex-flow:column wrap; height:14.3rem; */
  flex-wrap: wrap;
  max-width: 100%;
}

.guide-btn button {
  width: 48%;
  margin-bottom: 1rem;
}

/*.guide-btn button:nth-child(3) { width:100%; } */
.guide-btn button+button {}

.guide-list {
  width: 100%;
  /* 2025-07-24 UFSWCCC10F01 */
  /* margin-right: 4rem; */
}

span.step-top {
  display: block;
  height: 1.75rem;
  background-image: url("/images/mobile/common/btn-top.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

span.step-bottom {
  display: block;
  height: 1.75rem;
  background-image: url("/images/mobile/common/btn-bottom.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.guide-btn-warp {
  position: relative;
}

.guide_m_btn1 {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  height: 9.6rem;
  justify-content: space-between;
  width: 100%;
  padding: 1.8rem;
}

.guide_m_btn1 button+button {
  margin-top: 0;
  margin-left: 1rem;
}

.m-guide-btn {
  height: 4.6rem;
}

.guide-btn-warp .inp-group.inp-flex {
  padding: 0;
}

/*목표설정 운동*/
.exercise-box-list {
  display: block;
  position: relative;
  margin-top: 0rem;
}

.exercise-box-list .inp-wrap {
  width: 100%;
}

.exercise-box-list .inp-group+.inp-group {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.exercise-box-list .inp-group.radio-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.exercise-box-list .inp-wrap.has-unit02 .unit {
  width: 4.5rem;
}

.exercise-box-list .inp-wrap .inp {
  padding: 0.2rem 1rem;
  text-align: right;
}

.exercise-box-list .inp-group.inp-row .group-item+.group-item {
  margin: 0;
}

.exercise-box-list .inp-group.inp-row .group-item .inp {
  width: 100%;
  text-align: right;
  padding: 0.2rem 1rem;
}

.exercise-box-list .inner-row {
  justify-content: space-between;
  column-gap: 1rem;
  -webkit-column-gap: 1rem;
}

.h-start {
  margin-top: 1.25rem;
}

.h-start button {
  width: 100%;
  height: 3.6rem;
  border-radius: 4px;
  border: solid 1px #f68c30;
}

.pattern-list {
  border-top: 3px solid #333;
  border-bottom: 2px solid #333;
}

.pattern-list .form-check {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  /* align-items: center; */
}

.pattern-list .form-check label>span:before {
  top: 0px;
}

.pattern-list .form-check label>input[type="radio"]:checked+span:after {
  width: 1.05rem;
  height: 1.05rem;
}

.pattern-list li {
  display: flex;
  border-bottom: 1px solid #ccc;
  justify-content: space-between;
  padding: 1rem 1rem;
}

.pattern-list li .title {
  font-size: 1.4rem;
  color: #003333;
  text-align: left;
  margin-top: 5px;
}

.pattern-list li .meta {
  padding-left: 1.6rem;
  margin-top: 7px;
  padding-left: 1.6rem;
  display: flex;
  -webkit-column-gap: 1rem;
  column-gap: 0.5rem;
}

.pattern-list li .meta span {
  font-size: 1.4rem;
  position: relative;
  display: block;
  padding-right: 0.5rem;
}

.pattern-list li .meta span:last-child:after {
  content: none;
}

.pattern-list li .meta span::after {
  content: "";
  width: 1px;
  height: 1rem;
  background: #ccc;
  position: absolute;
  right: 0;
  top: 0.5rem;
  margin-left: 0.2rem;
}

.pattern-list li .btn {
  width: 35%;
}

.pattern-list li .btn img {
  width: 100%;
}

.pattern-list li span em {
  color: #404040;
  font-size: 1.4rem;
}

.pattern-list li .meta span em {
  color: #a9a9a9;
  font-size: 1.2rem;
}

.pattern-info {
  font-size: 1.4rem;
  text-align: center;
}

#ptrList .form-check label {
  flex-direction: column;
  align-items: flex-start;
}

#ptrList .form-check label .label-title {
  display: flex;
}

#msgDiv,
#msg16_2 {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

/*패턴 추가 화면 */

/*.pattern-inner { padding: 1.25rem 1rem 1.5rem; } */
.pattern-inner .inp-wrap {
  display: flex;
}

.pattern-inner .inp-wrap dl+dl {
  margin-left: 0.5rem;
}

.pattern-inner .inp-wrap dl dt {
  font-size: 1.4rem;
}

.pattern-inner .inp-wrap dl dt {
  margin-bottom: 0.2rem;
}

.pattern-inner .pattern-list li {
  padding: 0;
}

.pattern-box .form-check {
  padding-right: 0rem;
}

.pattern-box .form-check .form-inner-div {
  width: 100%;
}

.pattern-box .form-check .form-inner-div .n-p {
  font-size: 1.4rem;
}

.pattern-box .form-check label a {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  right: 0;
  top: 0;
}

.form-check label a i {
  content: "";
  display: block;
  background-image: url(/images/responsive-img/ic-detail.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.2rem;
  height: 2.2rem;
}

.pattern-box .meta span {
  display: block;
}

.pattern-box .form-check label {
  display: block;
  align-items: center;
}

.pattern-box .meta {
  padding-left: 0 !important;
}

.title-sub {
  display: flex;
  margin-top: 1rem;
  margin-right: 1rem;
}

.title-sub p {
  font-size: 1.2rem;
  color: #a9a9a9;
}

.title-sub p+p {
  margin-left: 2rem;
}

.title-sub .point {
  color: #ff8a00;
}

.patton-border {
  border: 1px solid #d5d5d5;
}

.pattern-list.ladio-none .form-check label>span:before {
  content: none;
}

.pattern-list.ladio-none .form-check label input {
  display: none;
}

.pattern-list.ladio-none .form-check span {
  padding-left: 0;
}

.pattern-list.ladio-none li .title {
  padding-left: 0;
}

.pattern-list.ladio-none li .meta {
  padding-left: 0;
}

.project-list.type-result {
  display: block;
  position: relative;
}

.project-list.type-result .no-resolt {
  font-size: 1.6rem;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.project-list.type-result .item {
  padding: 1rem 0rem;
  border-bottom: 0.05rem solid #ececec;
}

.project-list.type-result .item.active {
  border: 1px solid #f68c30;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.project-list.type-result .item+.item {
  margin-top: 0rem;
}

.project-list.type-result .item .item-top {
  display: flex;
  position: relative;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.project-list.type-result .item .item-top .num p {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 1.7rem;
  color: #b5b5b5;
  line-height: 1.95rem;
  text-align: center;
}

.project-list.type-result .item .item-top .txt-info {
  width: 100%;
  padding-left: 0.5rem;
  display: block;
  justify-content: space-between;
  align-items: center;
}

.project-list.type-result .item .item-top .txt-info .name {
  font-size: 1.5rem;
  color: #555555;
  display: inline-flex;
  align-items: center;
	word-break: break-all;
	width: calc(100% - 40px);
}

.project-list.type-result .item .item-top .txt-info .name span.label {
  font-size: 1rem;
  margin-left: 1rem;
  height: 1.7rem;
  color: #fff;
  justify-content: center;
  display: flex;
  align-items: center;
  background-color: #ff8a00;
  min-width: 4.8rem;
  padding: 0.3rem;
  border-radius: 0.2rem;
}

.project-list.type-result .type-result.item a .txt-info .name span {
  display: inline-block;
  position: relative;
  top: -0.1rem;
  margin-left: 0.5rem;
  font-family: "NotoSans-Bold";
  font-size: 0.7rem;
  line-height: 0.9rem;
}

.project-list.type-result .item .item-top .txt-info .txt-bottom span {
  display: inline-block;
  position: relative;
  font-size: 1.3rem;
  color: #a0a0a0;
}

.project-list.type-result .item .item-top .txt-info .txt-bottom span em {
  color: #555;
}

.project-list.type-result .item .item-top .txt-info .txt-bottom span+span {
  margin-left: 1.2rem;
}

.project-list.type-result .item .item-top .txt-info .txt-bottom span+span:before {
  display: block;
  position: absolute;
  width: 0.05rem;
  height: 0.6rem;
  top: 0.8rem;
  left: -0.63rem;
  background-color: #555;
  content: "";
  opacity: 0.5;
}

.project-list.type-result .item .item-top .txt-info .txt-bottom {
  margin-top: 0.2rem;
  /* 2025-07-24 UFSWCCC10F01 */
	white-space: nowrap;  
}

.project-list.type-result .item .item-top .img {
  width: 71px;
  height: 60px;
  opacity: 1;
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  align-items: center;
}

.project-list.type-result .item .item-top .img img {
  height: 60px;
}

.project-list.type-result .item-bottom {
  display: block;
  padding-bottom: 0.75rem;
}

.project-list.type-result .item-bottom .btn-wrap {
  display: flex;
  justify-content: flex-end;
}

.pattern-box {
  width: 100%;
}

#guide_one_pattern .pattern-list .form-check label {
  width: 100%;
  flex-direction: column;
}

#guide_one_pattern .pattern-list .form-check label .label-title {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

#guide_one_pattern .pattern-list .form-check label .label-title .title {
  margin-top: 0;
  margin-left: 10px;
}

#ptrList .form-check label {
  width: 100%;
  flex-direction: column;
}

#ptrList .form-check label .in-label-title {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

#ptrList .form-check label .in-label-title .n-p {
  margin-left: 10px;
}

#ptrList .form-check label a {
  position: absolute;
}

/*안내 팝업*/

.order-mody {
  display: none;
  z-index: 999;
  position: absolute;
  width: 100%;
  background-color: #f4f4f4;
  border: solid 1px #e1e1e1;
  padding: 2.5rem 1.8rem;
  left: 0;
  top: 0;
}

.order-mody button {
  width: 100%;
}

.order-mody .order-mody-m {
  display: flex;
}

.order-mody .order-mody-m button+button {
  margin-left: 1rem;
}

/*셋트 (4개)*/
.set-input {
  margin-bottom: 1rem;
}

.set-input .title {
  display: flex;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  align-items: center;
  border-bottom: 1px solid #ccc;
}

.set-input .title h2 {
  font-size: 1.4rem;
}

.set-input .title button {
  border: 1px solid #a0a0a0;
  background-color: #f0f2f4;
  border-radius: 0.3rem;
  padding: 0.2rem 1.2rem;
  font-size: 1.2rem;
  color: #787878;
}

.set-input .bg-gray {
  padding: 0.5rem;
  margin-bottom: 1rem;
}

.set-input .inp-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  align-items: center;
}

.set-input .inp-wrap dl {
  width: 50%;
  margin-bottom: 1rem;
}

.set-input .inp-wrap dl+dl {
  margin-left: 1rem;
}

.set-input .inp-wrap:last-child {
  margin-bottom: 0;
}

.set-input .inp-wrap dt {
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
}

.set-input .inp-group>div+div {
  margin-top: 2.5rem;
  border-top: 1px solid #dcdcdc;
  padding-top: 2.5rem;
}

#chartContainer {
  margin-top: 4rem;
}

.inp-wrap .inp.min-w15 {
  min-width: 100%;
}

/*운동가이드 조회*/
.project-wrap {
  padding: 1.8rem;
}

.project-wrap #exrcEmptyList {
  display: block;
}

.project-wrap #exrcEmptyList .center-list {
  width: 100%;
  border-bottom: 0;
  padding-bottom: 0;
}

.project-wrap #exrcEmptyList .center-list li {
  border-radius: 0rem;
}

.user-info {
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.user-info ul {
  display: flex;
  justify-content: center;
  padding: 1rem;
  border-radius: 25px;
}

.user-info ul li {
  display: block;
  position: relative;
  font-size: 1.3rem;
  color: #555555;
  line-height: 1.5rem;
}

.user-info ul li+li {
  margin-left: 0.7rem;
}

.user-info ul li+li:before {
  display: block;
  position: absolute;
  width: 1px;
  height: 0.55rem;
  top: 50%;
  left: -0.37rem;
  margin-top: -0.27rem;
  background: #fff;
  content: "";
}

#exrcEmpty,
#exrcNull,
#exrcWgt,
#exrcAuto,
#exrcPfb {
  margin-bottom: 2rem;
}

/*안내문 추가*/
.cs_info {
  text-align: center;
  top: 0;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  height: 50px;
  position: relative;
  z-index: 0;
  background-color: #f68c30;
  color: #fff;
  width: 100%;
}

.cs_info span {
  color: #fff;
  width: 100%;
  display: block;
  text-align: center;
  line-height: 20px;
}

.cs_info button.btn {
  right: 15px;
  position: absolute;
}

.none-data i {
  width: 21rem;
  height: 21rem;
  margin: 0 auto;
  display: block;
  background-image: url(/images/responsive-img/empty.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 2rem;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .none-data i {
    margin: inherit;
  }

  .user-info ul {
    justify-content: center;
  }
}

.none-data-w i {
  width: 21rem;
  height: 21rem;
  margin: 0 auto;
  display: block;
  background-image: url(/images/responsive-img/empty2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 2rem;
}

.none-data-s i {
  width: 21rem;
  height: 21rem;
  margin: 0 auto;
  display: block;
  background-image: url(/images/responsive-img/empty3.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 2rem;
}

.none-data-t i {
  width: 21rem;
  height: 21rem;
  margin: 0 auto;
  display: block;
  background-image:url(/images/responsive-img/grp3_nor.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-top: 2rem;
}

.none-data span,
.none-data-w span,
.none-data-s span,
.none-data-t span {
  width: 100%;
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.05rem;
  margin-top: 2rem;
}

.none-data,
.none-data-s,
.none-data-w {
  display: flex;
  padding: 0 1rem;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
  position: relative;

  margin: auto 0;
  align-items: center;
  color: #9c9c9c;
  justify-content: center;
}

/* 
	add : 2025-08-28
	UFSWCCE12F01
	운동가이드 없는 경우 디자인 변경
*/

.nodata {
	position: relative;
	margin-bottom: 20px;
}

.nodata.exercise-guide {
	padding: 0 30px;
	text-align: center;
}

.nodata.exercise-guide::before {
	content: "";
	display: block;
	position: relative;
	width: 168px;
	height: 168px;
	margin: 0 auto 16px;
	background: url('/images/responsive-img/empty3.svg');
	background-size: 168px auto;
}

.nodata .btn-common.type-co-main {
	min-width: 168px;
	max-width: 70vw;
	margin-top: 18px !important;
}

.nodata .guide-txt {
	color: #999;
	font-size: 14px;
	text-align: center;
	line-height: 16px;
}

.nodata .guide-txt em {
	display: block;
	margin: 4px 0;
	color: #FF7D0D;
	font-weight: bold;
}

/*바디웨이트*/
.body-item-title {
  width: 100%;
  padding: 0rem 1rem 0.4rem;
  border-bottom: 1px solid #eeeeee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.body-item-title dt {
  font-size: 1.6rem;
}

.body-item-title dt,
.body-item-title dd {
  display: block;
}

.body-item-title dd img {
  width: 5rem;
}

/*프로그래스*/
/*Add attribute data-circle-skin = "yellow" to the div */
/*Note :- This looks best on dark backgrounds*/
.progress-type1 {
  width: 100%;
  display: flex;
  padding-top: 2.5rem;
  justify-content: center;
  align-items: center;
}

.progress-type1 .pie_progress__svg svg {
  stroke-width: 10;
}

.progress-type1 .pie_progress__svg {
  height: 240px;
  width: 240px;
  padding-bottom: 0;
}

.progress-type1::before {
  content: "";
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.05) !important;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 260px;
  height: 260px;
  background-color: #fff;
}

.type1-p .loader-bg {
  background-image: linear-gradient(90deg, #48c6ef, #6f86d6);
  border-color: rgba(255, 255, 255, 0.1);
  flex-direction: column;
}

.type1-p .loader-bg::after {
  content: "";
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 80%;
  height: 80%;
  background-color: #fff;
}

.type1-p .text {
  font-size: 2rem;
  color: #333333 !important;
  z-index: 2;
  font-weight: bold;
}

.type1-p .loader-spinner {
  border: 22px solid #fff;
  background: #fff;
  width: 190%;
  height: 190%;
}

.type1-p .circle-loaded-75 .text {
  color: #ffeb3b !important;
}

.type1-p .circle-loaded-75 .loader-spinner {
  border-color: #ffeb3b;
}

.progress-type1 .w-count {
  position: absolute;
  top: 82%;
  left: 96px;
  z-index: 100;
  width: 142px;
  transform: translate(45%, 20%);
}

/*프로그래스웨이트*/
/*Add attribute data-circle-skin = "yellow" to the div */
/*Note :- This looks best on dark backgrounds*/
.progress-type2 {
  position: relative;
  height: 250px;
  width: 100%;
  display: flex;
  margin-top: 2.5rem;
  justify-content: center;
  align-items: center;
}

.progress-type2::before {
  content: "";
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.05) !important;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 260px;
  height: 260px;
  background-color: #fff;
}

.progress-type2 .text {
  color: #000;
  /* font-size:1.6rem; */
  font-size: 2.5rem;
  font-family: "NotoSansCJKkr";
  font-weight: bold;
  top: 39%;
}

.progress-type2 .count-number {
  font-size: 58px;
  font-family: "NotoSansCJKkr";
  height: 100%;
  font-weight: 700;
  color: #f68c30;
  line-height: 3.75rem;
  display: flex;
  align-items: center;
  margin-bottom: 29px;
}

.second {
  z-index: 2;
}

.progress-type2 .loader-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 150px;
  height: 150px;
  display: block;
  z-index: 2;
}

.progress-type2 .pie_progress__svg svg {
  stroke-width: 10;
}

.progress-type2 .pie_progress__svg {
  height: 240px;
  width: 240px;
  padding-bottom: 0;
}

.w-text-group {
  text-align: center;
  width: 150px;
  height: 150px;
  display: flex;
  z-index: 2;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 2.3rem;
}

.set-count {
  color: #999;
  /* font-size:1.4rem; */
  font-size: 16px;
}

.set-dott {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}

.set-dott span {
  border: 1px solid #e0e0e0;
  border-radius: 25px;
  font-size: 0;
  background-color: #fff;
  width: 0.5rem;
  height: 0.5rem;
  display: block;
}

.set-dott span+span {
  margin-left: 0.5rem;
}

.set-dott span.on {
  color: #333;
  background-color: #333;
  border-color: #333;
}

.set-count em {
  color: #333;
}

.w-count {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 0rem;
}

.type1-w .w-text-group .text {
  color: #f68c30 !important;
  height: 45px;
}

.type1-w .w-text-group .count-number {
  color: #333333 !important;
  font-size: 3.75rem;
  font-weight: 700;
  display: block;
  height: 2.5rem;
}

.type1-w .loader-bg::after {
  content: "";
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 80%;
  height: 80%;
  background-color: #fff;
}

.type1-w .text {
  font-size: 2rem;
  color: #333333 !important;
  z-index: 2;
  font-weight: bold;
}

.type1-w .loader-spinner {
  border-color: #e0e0e0;
}

.type1-w .circle-loaded-75 .text {
  color: #ffeb3b !important;
}

.type1-w .circle-loaded-75 .loader-spinner {
  border-color: #ffeb3b;
}

.count-meta {
  display: flex;
  align-items: center;
  margin-top: 3rem;
}

.count-meta dl {
  width: 50%;
  text-align: center;
}

.count-meta dl+dl::before {
  content: "";
  position: absolute;
  display: block;
  width: 0.3rem;
  height: 2.8rem;
  background-image: url(/images/responsive-img/line.svg);
  background-size: contain;
  background-position: center;
}

.count-meta dl dt {
  color: #999999;
  text-align: center;
  font-size: 1.6rem;
}

.count-meta dl dd {
  margin-top: 1rem;
  font-size: 1.6rem;
}

.count-meta dl dd strong {
  color: #333;
  /* font-size:1.5rem; */
  font-size: 30px;
  text-align: center;
}

.count-button-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  margin-top: 1rem;
}

.count-button-group .start-btn,
.count-button-group .pause-btn {
  display: block;
  width: 5rem;
  height: 5rem;
}

.count-button-group .start-btn i {
  display: block;
  background-image: url(/images/responsive-img/ic-start.svg);
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.count-button-group .start-btn.pause i {
  display: block;
  background-image: url(/images/responsive-img/ic-pause.png);
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.count-button-group button.line-btn {
  border: 1px solid #999999;
  border-radius: 10rem;
  width: 8.5rem;
  height: 5rem;
  font-size: 1.6rem;
  color: #999999;
}

/*웨이트 프로그래스 */
.audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

#pfbUserList td:nth-child(5),
#pfbUserList th:nth-child(5) {
  max-width: 22rem;
  white-space: inherit;
  min-width: 17rem;
}

/*buttonbox-list*/
.buttonbox-list {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.buttonbox-list.lonely li dl>dt {
  padding-bottom: 0;
}

.pop-body-content .buttonbox-list.lonely li+li {
  margin-top: 1rem;
}

.buttonbox-list li {
  padding: 1.7rem 1.4rem;
  background-color: #fff;
  border-radius: 0.3rem;
}

.pop-body-content .buttonbox-list li+li {
  margin-top: 2rem;
}

.buttonbox-list li dl>dt {
  display: flex;
  padding-bottom: 1rem;
}

.dt-none.buttonbox-list li dl>dt {
  padding-bottom: 0rem;
}

.comfirm .buttonbox-list li dl>dt p {
  text-align: left;
}

.comfirm .buttonbox-list li dl>dt p.title-item strong {
  font-size: 1.6rem;
  font-weight: 500;
  display: block;
}

.comfirm .buttonbox-list li dl>dt p.title-item span {
  font-size: 1.2rem;
  font-weight: 500;
  color: #848484;
  display: block;
}

.buttonbox-list li dl>dt button i {
  background-image: url(/images/responsive-img/add.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.3rem;
  height: 2.3rem;
}

.buttonbox-list li dl>dd {
  border-top: 1px solid #f0f2f4;
  padding-top: 1rem;
}

.buttonbox-list li dl>dd>dl {
  display: flex;
  justify-content: space-between;
  line-height: 2.5rem;
}

.buttonbox-list li dl>dd>dl>dd {
  border-top: 0;
  text-align: left;
  color: #000;
}

.buttonbox-list li dl>dd>dl>dt {
  color: #8f8f8f;
}

.buttonbox-list li dl>dd>dl>dt,
.buttonbox-list li dl>dd>dl>dd {
  font-size: 1.4rem;
  padding-bottom: 0;
  padding-top: 0;
}

.pop-body-content.h-36 {
  height: 23rem;
}

.pop-body-content.h-29 {
  height: 16rem;
}

.buttonbox-list li.on {
  border: 1px solid #ff7d0d;
}

.buttonbox-list li.on dl>dt button i {
  background-image: url(/images/responsive-img/e-ic_add.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.3rem;
  height: 2.3rem;
}

.dt-none.buttonbox-list li.on dl>dt button i {
  background-image: url(/images/responsive-img/chack_on.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.3rem;
  height: 2.3rem;
}

.dt-none.buttonbox-list li dl>dt button i {
  background-image: url(/images/responsive-img/chack_off.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.3rem;
  height: 2.3rem;
}

/*sales-information*/

.sales-information {
  padding: 0 1.8rem;
}

.sales-inner {
  width: 100%;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 0.3rem;
  margin-bottom: 1rem;
}

.sales-information button {
  display: flex;
  width: 100%;
  position: relative;
  padding: 1rem 1rem;
  color: #787878;
}

.sales-information button p {
  font-size: 1.4rem;
  font-weight: 500;
}

.sales-information button i {
  position: absolute;
  right: 1.9rem;
  background-image: url(/images/responsive-img/detail_opne_btn.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.8rem;
  height: 1.8rem;
}

.sales-information button i.on {
  background-image: url(/images/responsive-img/detail_close_btn.svg);
}

.sales-content {
  display: none;
  padding: 1.9rem;
  border-top: 1px solid #d6d6d6;
}

.sales-content.on {
  display: block;
}

.sales-content>div {
  width: 100%;
}

.sales-content>div:not(:first-child) {
	margin-top: 1rem;
}

.sales-content dl {
  display: flex;
  position: relative;
  line-height: 2.3rem;
}

.sales-content dl + dl {
	margin-top: 1rem;
}

/* 
	edit : 2025-10-14 (UFSWKAC20F01)
	하단 판매업체 상세정보 dt, dd 길이 및 간격 조정
*/

.sales-content dl dt {
  min-width: 9rem;
  margin-right: 2.5rem;
  display: flex;
  font-weight: 500;
  font-size: 1.2rem;
  color: #080808;
  line-height: 1.2;
}

.sales-content dl dt::before {
  content: "·";
  display: block;
  margin-right: 0.5rem;
  font-weight: 500;
}

.sales-content dl dd {
  font-size: 1.2rem;
  color: #787878;
  line-height: 1.2;
}

.haa12-btn {
  margin-top: 1rem;
}

.haa-serch .exmp-date-wrp {
  margin-top: 1rem;
}

#div-select-stff .mar-l1,
.haa-serch button.btn {
  margin-left: 0 !important;
}

.haa-serch button.btn {
  margin-top: 1rem;
}

.haa12-btn {
  margin-top: 1rem;
}

.inp-flex-tow.m-flex-none {
  display: block;
}

.inp-flex-tow.m-flex-none .inp-item+.inp-item {
  margin-left: 0;
}

/*회원가입 옵션 */
.options-btn {
  text-align: right;
  margin-top: 2rem;
  display: flex;
  justify-content: flex-end;
}

.options-btn button {
  text-align: right;
  justify-content: flex-end;
  width: 100%;
}

.options-btn p {
  font-size: 1.6rem;
}

.options-btn button:after {
  display: block;
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.5rem;
  background: url(/images/mobile/common/ic_arrow_down24.svg) no-repeat;
  background-position: center;
  background-size: contain;
}

.options-btn button.active:after {
    background-image: url(/images/mobile/common/ic_arrow_up24.svg);
}

.options-btn span {
  color: #ff7d0d;
  font-size: 1.2rem;
}

/*contact_item*/
.contact_item {
  display: block;
}

.contact_item .p-stext {
  width: 100%;
  text-align: center;
}

.contact_item ul {
  display: flex;
}

.contact-list {
  display: block;
  margin-top: 2.2rem;
}

.contact-list>dl {
  min-width: 31.3rem;
  border-radius: 0.8rem;
  border: 1px solid #e2e2e2;
  overflow: hidden;
}

.contact-list>dl+dl {
  margin-left: 0rem;
  margin-top: 1rem;
}

.contact-list>dl>dt {
  background-color: #f1f1f1;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  font-size: 1.4rem;
  text-align: center;
}

.contact-list>dl>dd {
  padding: 1.6rem;
  font-size: 1.4rem;
  text-align: left;
  position: relative;
}

.contact-list>dl>dd>dl {
  display: flex;
  position: relative;
}

.contact-list>dl>dd>dl>dt {
  color: #a0a0a0;
  width: 7rem;
  position: relative;
  margin-right: 1rem;
}

.contact-list>dl>dd>dl>dt::before {
  content: ":";
  display: block;
  position: absolute;
  right: 0;
}

.contact-list>dl>dd>dl>dd {}

/*report*/
.report {
  position: relative;
  background-color: #fff;
  border-radius: 0.6rem;
  overflow: hidden;
}

.report h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  color: #8c8c8c;
  border-bottom: 1px solid #dce0e4;
  height: 4.8rem;
}

.report_contants {
  padding: 3rem;
}

.report_contants .section1,
.report_contants .section2 {
  display: block;
  padding-bottom: 3rem;
}

.report_contants .section1 .left,
.report_contants .section1 .graph,
.report_contants .section2 .left,
.report_contants .section2 .graph {
  width: 100%;
}

.report_contants .section1 .graph,
.report_contants .section2 .graph {
  max-height: 40rem;
  min-height: 40rem;
}

.report_contants .graph {
  margin-top: 5rem;
}

.report_contants .section1 .left div:nth-child(1) {
  margin-top: 1rem;
}

.report_contants .section1 .left div:nth-child(1) span {
  display: block;
  font-size: 1.8rem;
  color: #000;
  font-family: Roboto;
}

.report_contants .section1 .left div:nth-child(1) strong {
  display: block;
  font-size: 4.5rem;
  color: #383838;
  font-family: Roboto;
}

.report_contants .section1 .left div:nth-child(2) {
  margin-top: 0rem;
  display: block;
  align-items: center;
}

.report_contants .section1 .left div:nth-child(2):lang(ja) {
  display: flex;
}

.report_contants .section1 .left div:nth-child(2) p {
  font-size: 2.4rem;
  display: block;
  margin-right: 10px;
  line-height: 4.5rem;
  color: #000;
  font-weight: bold;
  font-family: Roboto, "NotoSansja";
}

.report_contants .section1 .left div:nth-child(2) p:lang(ja) {
  display: inline-block;
  width: 135px;
  font-family: "NotoSansja";
}

.report_contants .section1 .left div:nth-child(2) p strong:lang(ja) {
  font-size: 3.5rem;
  font-family: "NotoSansja";
}

.report_contants .section1 .left div:nth-child(2) p span:lang(ja) {
  font-size: 3.5rem;
  font-family: "NotoSansja";
}

.report_contants .section1 .left div:nth-child(2) p strong {
  font-size: 4.6rem;
  font-weight: bold;
  font-family: Roboto;
}

.report_contants .section1 .left div:nth-child(2) p span {
  font-size: 4.6rem;
  font-family: Roboto;
}

.report_contants .section1 .left div:nth-child(3) {
  margin-top: 3.5rem;
}

.report_contants .section1 .left div:nth-child(3) p {
  font-family: Roboto;
  line-height: 1.5em;
}

.report_contants .section1 .left div:nth-child(3) p:nth-child(1) {
  font-size: 2.3rem;
  color: #000;
}

.report_contants .section1 .left div:nth-child(3) p:nth-child(1):lang(ja) {
  width: 188px;
  font-family: "NotoSansja";
}

.report_contants .section1 .left div:nth-child(3) p:nth-child(2) {
  font-size: 2.8rem;
  font-weight: bold;
  color: #000;
}

.report_contants .section1 .left div:nth-child(3) p:nth-child(3) {
  font-size: 1.8rem;
  color: #000;
}

.report_contants .section2 {
  padding-top: 0rem;
}

.report_contants .section2 .left p:nth-child(1) {
  display: flex;
  align-items: center;
}

.report_contants .section2 .left p:nth-child(1) span {
  font-size: 2.4rem;
  font-weight: bold;
  color: #383838;
  font-family: Roboto;
}

.report_contants .section2 .left p:nth-child(1) i {
  display: block;
  width: 15.7rem;
  height: 1px;
  background-color: #000;
  margin-left: 1rem;
}

.report_contants .section2 .left p:nth-child(2) {
  margin-top: 3rem;
}

.report_contants .section2 .left p:nth-child(2):lang(ja) {
  width: 287px;
  font-family: "NotoSansja";
}

.report_contants .section2 .left p:nth-child(2) strong {
  font-size: 3.5rem;
  font-weight: bold;
  color: #000;
  font-family: Roboto;
}

.report_contants .section2 .left ul {
  position: relative;
  width: 29.6rem;
  margin-top: 4.8rem;
  display: flex;
  flex-wrap: wrap;
}

.report_contants .section2 .left ul li {
  border-bottom: 1px solid #dce0e4;
  width: 14rem;
  height: 4.4rem;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  color: #000;
  font-family: Roboto;
}

.report_contants .section3 {
  padding-top: 3.7rem;
}

.report_contants .section3 {
  padding-top: 3.7rem;
}

.report_contants .section3 p {
  display: flex;
  align-items: center;
}

.report_contants .section3 p span {
  font-size: 2.4rem;
  display: block;
  min-width: 20rem;
  font-weight: bold;
  color: #000;
  font-family: Roboto;
}

.report_contants .section3 p i {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  margin-left: 1rem;
}

.report_contants .section3 .report-table {
  margin-top: 3.5rem;
  margin-top: 3.5rem;
  min-width: 30rem;
  overflow-x: auto;
}

.report_contants .section3 .table-txt {
  margin-top: 2rem;
}

.report_contants .section3 .table-txt p {
  font-size: 1.8rem;
  color: #000;
  font-family: Roboto;
  font-weight: 500;
}

.report_contants .section3 table {
  min-width: 60rem;
  border-bottom: 1px dotted #787878;
}

.report_contants .section3 table thead th {
  font-size: 1.4rem;
  background-color: #fff;
  color: #000;
  border-bottom: 1px solid #000;
}

.report_contants .section3 table thead th:first-child {
  background-color: #fff;
}

.report_contants .section3 table th:last-child,
.report_contants .section3 table td:last-child {
  border-right: 0;
}

.report_contants .section3 table th,
.report_contants .section3 table td {
  padding: 0.9rem 1.5rem;
  border-bottom: 1px dotted #dce0e4;
  font-size: 1.6rem;
  text-align: center;
  border-right: 1px solid #000;
}

.report_contants .section3 table th p,
.report_contants .section3 table td p {
  width: 100%;
  font-size: 1.6rem;
  text-align: center;
  display: block;
}

.report_contants .section3 table th {
  background-color: #fff;
  font-weight: bold;
}

.report_contants .section3 table td {
  font-size: 1.3rem;
}

.print-btn {
  font-size: 1.2rem;
  border: 1px solid #ff8a00;
  padding: 0.5rem;
  border-radius: 5px;
  background-color: #fff;
  color: #ff8a00;
  font-weight: 500;
}

.m-none {
  display: none !important;
}

.user-button-group>div.top-button button:lang(ja) {
  white-space: normal;
  line-height: 1.5rem;
}

#pfbUserListTable .form-check {
  display: block;
}

/*수업출결현황*/
.class_legend {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.5rem;
}

.class_legend dl+dl {
  margin-left: 1.5rem;
}

.class_legend dl {
  display: flex;
  align-items: center;
}

.class_legend dl dd i {
  width: 2.6rem;
  height: 2.6rem;
  display: block;
}

.class_legend dl.class-day dd i {
  background-image: url(/images/responsive-img/day.svg);
}

.class_legend dl.class-reserv dd i {
  background-image: url(/images/responsive-img/reserv.svg);
}

.class_legend dl.class-attend dd i {
  background-image: url(/images/responsive-img/attend.svg);
}

.class_legend dl.class-absent dd i {
  background-image: url(/images/responsive-img/absent.svg);
}

/*수업출결현황 table*/

#atabTable #dateHeader th,
#atabTable #dateList th {
  background-color: #fff;
}

#atabTable #dateHeader th:nth-child(1),
#atabTable #dateHeader th:nth-child(2) {
  background-color: #f8f8f8;
}

.table-container #dateHeader th:nth-child(1),
.table-container #dateHeader th:nth-child(2) {
  font-size: 1.2rem;
  color: #3c3c3c;
}

.table-container #dateHeader th:nth-child(n + 3) {
  font-size: 1.4rem;
  color: #000;
  font-weight: 500;
}

.table-container #dateHeader th:nth-child(n + 3):nth-last-child(n + 2) {
  border-right: 3px double #dce0e4;
}

#atabTable #dateHeader th:nth-child(n + 3)>div {
  display: flex;
}

#atabTable #dateHeader th:nth-child(n + 3)>div>div {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 225px;
  top: 2rem;
  padding: 0 1rem;
}

#dateList th.day {
  min-width: 4.2rem;
}

#dateList th em {
  display: block;
  font-size: 1.2rem;
}

.lctr a {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.lctr a div {}

.lctr>p:nth-child(1) {
  font-size: 1.4rem;
  font-weight: 500;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 145px;
}

.lctr>p:nth-child(2) {
  font-size: 1.2rem;
  margin-top: 0.5rem;
}

.table-containerth th.total em,
.table-container th.total,
.table-container th.user {
  font-size: 1.2rem;
}

.total em:nth-child(1) {
  color: #ff7d0d;
}

.total em:nth-child(2) {
  color: #9e9e9e;
}

.total em:nth-child(3) {
  color: #71c307;
}

.lctr p.class_name {
  font-size: 1.2rem;
  color: #3c3c3c;
  padding: 8px;
  font-weight: 500;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 58px;
}

.lctr .day-chak {
  color: #a0a0a0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lctr .day-chak>div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.lctr .time {
  margin-top: 1rem;
}

.lctr .day-chak,
.lctr .time {
  font-size: 1.2rem;
  text-align: left;
}

.user.img>div {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}

.user p.user-img {
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: 25px;
}

.user em {
  font-size: 1.2rem;
  color: #3c3c3c;
  padding: 8px;
  font-weight: 500;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 78px;
}

.user em p.icon {
  width: 30px;
  height: 12px;
  background-size: contain;
  object-fit: contain;
  background: url(/images/responsive-img/vip-icon.svg) no-repeat;
  text-indent: -1000em;
  margin: 0 auto;
}

.user p.user-img img {
  width: 20px;
  height: 20px;
}

#atabTable .w100 {
  width: 65px;
}

#atabTable .w137 {
  width: 96px;
}

#atabTable .w71 {
  width: 64px;
}

#atabTable th+td:last-child {
  border-right: none;
}

#atabTable .dline {
  border-right: 3px double #dce0e4;
}

/* 주간 수업일정표 */
.nsa {
  margin: 0 1.8rem;
  border-bottom: 1px solid #a0a0a0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.nsa_h {
  display: flex;
  height: 7rem;
  border-bottom: 1px solid #a0a0a0;
}

.nsa_h .day_section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 11.1rem;
}

.nsa_h .day_section .day_date_num {
  font-size: 1.4rem;
  font-weight: 500;
  color: #3c3c3c;
}

.nsa_h .day_section .day_date {
  font-size: 1.2rem;
  font-weight: 400;
  color: #a0a0a0;
}

.nsa_hb {
  width: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.nsa_hd {
  width: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.nsa_hd .month {
  font-size: 1.4rem;
  font-weight: 500;
  color: #3c3c3c;
}

.nsa_hd .year {
  font-size: 1.2rem;
  font-weight: 400;
  color: #a0a0a0;
}

.nsa_hs {
  flex: 1;
  display: flex;
  overflow: hidden;
}

.nsa_hs>div {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.nsa_hs>div>div {
  width: 11.1rem;
}

.nsa_b {
  display: flex;
  height: 48.2rem;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.nsa_b_none {
  text-align: center;
  font-size: 1.5rem;
  padding: 5rem;
}

.nsa_bs {
  width: 2.5rem;
}

.nsa_bt {
  width: 6rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: #3c3c3c;
}

.nsa_bt>div {
  min-height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #f0f2f4;
  border-right: 1px solid #f0f2f4;
}

.nsa_bb {
  flex: 1;
  overflow-x: auto;
  height: 223.2rem;
}

.nsa_bb>div {
  display: flex;
  border-bottom: 1px solid #f0f2f4;
  min-height: 6.4rem;
  width: 77.7rem;
}

.nsa_bb>div>div {
  width: 11.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #f0f2f4;
}

.nsa_bb>div>div.sche_class_article_week {
  border-left: none;
}

.nsa_bb>div>div.sche_class_article_week .article {
  border-left: none;
  cursor: pointer;
}

.nsa_bt>div:nth-child(2n),
.nsa_bb>div:nth-child(2n) {
  background: #f9f9f9;
}

.nsa_hs::-webkit-scrollbar,
.nsa_bb::-webkit-scrollbar,
.nsa_b::-webkit-scrollbar {
  display: none;
}

/** 출석현황 */
div#atabTable {
  max-height: 600px;
  overflow: auto;
  position: relative;
}

div#atabTable::-webkit-scrollbar {
  display: none;
}

#atabTable table {
  font-size: 125%;
  border-collapse: separate;
  table-layout: fixed;
  -webkit-user-select: none;
}

#atabTable table thead tr:first-child th {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  height: 50px;
}

#atabTable table thead tr:first-child th:first-child {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  height: 50px;
}

#atabTable table thead tr:first-child th:nth-child(2) {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 161px;
  z-index: 2;
  height: 50px;
}

#atabTable table thead tr:nth-child(2) th {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top: 50px;
  z-index: 1;
  height: 50px;
}

#atabTable table td {
  text-align: center;
}

#atabTable table tbody th {
  position: relative;
}

#atabTable table tbody th.lctr {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
}

#atabTable table tbody th.user {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 65px;
  z-index: 1;
}

#atabTable table tbody th.total {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  left: 161px;
  z-index: 1;
}

#atabTable table tbody td span,
#atabTable table tbody td span img {
  pointer-event: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

/* for excel convert */
div#atabTable br {
  display: none;
}

div#atabTable span.atab10 span,
div#atabTable span.atab20 span,
div#atabTable span.atab30 span,
div#atabTable span.atab40 span {
  display: none;
}

div#atabTable th.day.sun {
  color: #ff8a00;
}

/*table에 제목 들어간 디자인*/
.table-title {
  display: flex;
  font-size: 1.5rem;
}

.pannal-serch {
  width: 100%;
}

.pannal-serch .btn-search {
  width: 100%;
}

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

.teacher .teacher-img {
  width: 4.8rem !important;
  height: 4.8rem;
  border-radius: 25%;
  overflow: hidden;
  margin-top: 0 !important;
}

.teacher p.teacher-img img {
  width: 100%;
}

.teacher p.teacher-neme {
  font-size: 2rem;
  color: #3c3c3c;
  width: fit-content;
  margin-left: 1rem;
  margin-top: 0 !important;
}

.h-voucher .inner-flex {
  margin-right: 0;
}

.class-day {
  align-items: center !important;
}

.class-day span {
  display: block;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.class-day.day-flex.inp-wrap .inp {
  min-width: 8rem;
  width: 10rem;
}

.class-day input[type="date"]:after {
  display: none;
}

.border-b {
  border-bottom: 1px solid #dce0e4;
}

.day-copy dl {
  display: flex;
}

.day-copy dt {
  width: 8.5rem;
  font-size: 1.4rem;
  color: #787878;
}

.day-copy dd {
  font-size: 1.4rem;
}

.time-pop-setting {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.time-pop-setting li button i {
  background-image: url(/images/responsive-img/chack_off.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.3rem;
  height: 2.3rem;
}

.time-pop-setting ul {
  background-color: #fff;
  padding: 1.5rem;
  border-radius: 0.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 20rem;
  overflow-y: auto;
}

.time-pop-setting ul::-webkit-scrollbar {
  width: 0.3rem;
}

.time-pop-setting ul::-webkit-scrollbar-thumb {
  background-color: #2f3542;
  border-radius: 10px;
}

.time-pop-setting ul::-webkit-scrollbar-track {
  background-color: grey;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
}

.time-pop-setting li {
  width: 47%;
  margin-bottom: 1rem;
}

.time-pop-setting li button {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.time-pop-setting li:nth-child(2n) {
  margin-left: 1rem;
}

.time-pop-setting li:nth-child(2n) button {
  margin-right: 0;
}

.time-pop-setting li button span {
  display: flex;
  border: 1px solid #dcdcdc;
  padding: 1rem;
  margin-right: 1rem;
}

.time-pop-setting li.on button i {
  background-image: url(/images/responsive-img/chack_on.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.3rem;
  height: 2.3rem;
}

#sleStlMthdCd,
#ksnetCrccCd {
  text-align: left;
  text-align-last: left;
  min-width: 5.25rem;
  height: 3.6rem;
  border-radius: 0.3rem;
  border: 0.1rem solid #dcdcdc;
  font-size: 1.4rem;
  color: #333;
  line-height: 2.15rem;
  padding-right: 10px;
}

.pay-complete.pay-input dl dd #sleStlMthdCd,
.pay-complete.pay-input dl dd #ksnetCrccCd {
  min-width: 24rem;
  text-align: left;
}

/*머니이용조회*/
.myacount-mony {
  padding: 1.8rem;
}

.mony-inner {
  border-radius: 9px;
  background-color: #fff;
  padding-bottom: 1rem;
}

.mony-inner h2 {
  border-bottom: 1px solid #dce0e4;
  display: flex;
  align-items: center;
  height: 4rem;
  justify-content: center;
  font-size: 1.5rem;
  color: #8c8c8c;
}

.mony-inner .info {
  padding: 2.7rem 1.5rem;
  padding-bottom: 0;
}

.mony-inner .info dl {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dce0e4;
  padding-bottom: 1.2rem;
  padding-top: 1.4rem;
}

.mony-inner .info dl dt {
  font-size: 1.6rem;
  color: #787878;
  font-weight: 500;
}

.mony-inner .info dl dd {
  font-size: 1.8rem;
  color: #000;
  font-weight: 500;
}

.mony-hidden {
  display: none;
}

.mony-hidden.on {
  display: block;
}

.myacount-mony button {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  position: relative;
}

.myacount-mony button i {
  width: 2.1rem;
  height: 2.1rem;
  position: inherit;
}

.myacount-mony button i.on {
  width: 2.1rem;
  height: 2.1rem;
}

.myacount-mony button i.on {
  width: 2.1rem;
  height: 2.1rem;
}

.myacount-mony button.mtoggle:not(.on) {
	margin-bottom: 0 !important;
}

.myacount-mony button.mtoggle i.fillter-icon {
	background: url('/images/2025/ico-fold-new.png') no-repeat;
	background-size: 2.1rem;
}

.mony-hidden .inner {
  padding-left: 1.5rem;
  flex-direction: column;
  border-radius: 3px;
  padding-right: 1.5rem;
  margin: auto 1.5rem;
  padding-bottom: 2rem;
  border: 1px solid #ff7d0d;
}

.mony-hidden .inner h3 {
  position: relative;
  border-bottom: 1px solid #dce0e4;
  height: 5rem;
  display: flex;
	padding-right: 3rem;
  align-items: center;
  color: #ff7d0d;
  font-size: 1.6rem;
  font-weight: 500;
	word-break: break-all;
}

.mony-hidden .inner p {
  text-align: right;
  font-size: 1.2rem;
  color: #3c3c3c;
  margin-top: 1.2rem;
}

.mony-hidden .inner p+div {
  margin-top: 1.2rem;
}

.mony-hidden .inner p+div dl {
  display: flex;
  justify-content: space-between;
}

.mony-hidden .inner p+div dl+dl {
  margin-top: 0.7rem;
}

.mony-hidden .inner p+div dl dt {
  font-size: 1.4rem;
  color: #8f8f8f;
}

.mony-hidden .inner p+div dl dd {
  font-size: 1.4rem;
  color: #000;
  font-weight: 500;
}

.mony-hidden .inner+.inner {
  margin-top: 1.8rem;
}

.not-point {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.not-point p {
  font-size: 1.6rem;
}

.mony-hidden .inner h3::after {
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  background-repeat: no-repeat;
  background-image: url(/images/responsive-img/ic-select.svg);
  display: block;
  background-size: contain;
  position: absolute;
  top: 1.2rem;
  right: 0rem;
}

.mony-hidden .inner.on h3::after {
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  background-repeat: no-repeat;
  background-image: url(/images/responsive-img/ic-qselect-on.svg);
  display: block;
  background-size: contain;
  position: absolute;
  top: 1.2rem;
  right: 0rem;
}

.mony-contents h2 {
  font-size: 1.5rem;
  color: #343434;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.mony-list ul li {
  position: relative;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 1.85rem;
  padding-bottom: 0.5rem;
  margin: 1.8rem;
  margin-top: 0;
  border-radius: 0.6rem;
}

.mony-list h3.my-product {
  font-size: 1.6rem;
  display: flex;
  justify-content: space-between;
}

.mony-list h3 strong {
  font-size: 1.6rem;
  font-weight: 500;
}

.mony-list h3.tow-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4.8rem;
}

.mony-list h3 span:first-child {
  display: flex;
  /*width:19rem; */
  align-items: center;
  overflow: hidden;
  height: 3.4rem;
  line-height: 1.2;
  /*text-overflow: ellipsis; 
white-space: normal; 
white-space: nowrap; 
height: 3.4rem; 
text-align: left; 
display: -webkit-box; 
word-wrap: break-word; 
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical; 
vertical-align:center; */
}

.mony-list h3 span {
  display: flex;
  align-items: center;
  width: fit-content;
}

.mony-price-info {
	position: relative;
  border-bottom: 1px solid #dce0e4;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.mony-price-info.border-t {
  border-top: 1px solid #f0f2f4;
  padding-top: 1rem;
  margin-top: 1rem;
}

.mony-price-info h4 {
  font-size: 1.2rem;
  color: #3c3c3c;
  margin-bottom: 1.3rem;
}

.mony-price-info .expiry {
	position: absolute;
	top: -2px;
	right: 0;
	min-width: 4.2rem;
	padding: .2rem;
	border-radius: .3rem;
	background: #eee;
	color: #333;
	text-align: center;
	font-size: 1.15rem;
	font-weight: bold;
}

.mony-price-info dl {
  display: flex;
  justify-content: space-between;
}

.mony-price-info dl+dl {
  margin-top: 0.8rem;
}

.mony-price-info dl dt {
  color: #333;
  font-size: 1.3rem;
}

.mony-price-info dl dt button {
  min-width: 9.4rem;
  height: 2.9rem;
  color: #fff;
  font-weight: 500;
}

.mony-price-info dl dd {
  color: #333;
  font-size: 1.3rem;
}

.mony-price-info dl dd {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 5rem;
}

.mony-price-info dl dd span:nth-child(1) {
  font-size: 1.4rem;
  color: #8f8f8f;
  font-weight: 500;
}

.mony-price-info dl dd span:nth-child(2) {
  font-size: 1.6rem;
  color: #000;
  font-weight: 500;
  margin-left: 2rem;
}

.mony-price-info dl dd button i {
  width: 2.3rem;
  height: 2.3rem;
  background-repeat: no-repeat;
  display: block;
  background-size: contain;
  position: absolute;
  right: 0rem;
  transform: rotate(180deg);
}

.mony-price-info dl dd button.on i {
  transform: rotate(0deg);
}

.mony-list ul li .pay-comfirm-hidden {
  display: none;
}

.mony-list ul li .pay-comfirm-hidden .inner {
  border-top: 1px solid #dce0e4;
  padding-bottom: 1rem;
}

.mony-list ul li .pay-comfirm-hidden .inner p {
  color: #8f8f8f;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  display: flex;
  justify-content: flex-start;
}

.mony-list ul li .pay-comfirm-hidden p {
  font-size: 1.6rem;
  font-weight: 500;
  padding-bottom: 1rem;
}

.mony-list ul li.m-blue .pay-comfirm-hidden>p {
  display: flex;
  justify-content: flex-start;
  color: #277ed5;
}

.mony-list ul li.m-green .pay-comfirm-hidden>p {
  color: #6ab30c;
}

.mony-list ul li.m-red .pay-comfirm-hidden>p {
  color: #ec4e0c;
}

.mony-list ul li.m-red .pay-comfirm-hidden>p::before {
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  background-repeat: no-repeat;
  display: block;
  background-size: contain;
  background-image: url(/images/responsive-img/red-arrow_icon.svg);
}

.mony-list ul li.m-green .pay-comfirm-hidden>p::before {
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  background-repeat: no-repeat;
  display: block;
  background-size: contain;
  background-image: url(/images/responsive-img/green-arrow_icon.svg);
}

.mony-list ul li.m-green .pay-comfirm-hidden>p,
.mony-list ul li.m-red .pay-comfirm-hidden>p {
  display: flex;
  justify-content: flex-end;
}

.mony-list ul li.m-blue h3 strong {
  color: #277ed5;
}

.mony-list ul li.m-green h3 strong {
  color: #6ab30c;
}

.mony-list ul li.m-red h3 strong {
  color: #ec4e0c;
}

.mony-list ul li.m-blue .mony-price-info dl dt button {
  background-color: #277ed5;
}

.mony-list ul li.m-green .mony-price-info dl dt button {
  background-color: #6ab30c;
}

.mony-list ul li.m-red .mony-price-info dl dt button {
  background-color: #ec4e0c;
}

.mony-list ul li.m-blue .mony-price-info dl dd button i {
  background-image: url(/images/responsive-img/cardBlueClose_icon.svg);
}

.mony-list ul li.m-green .mony-price-info dl dd button i {
  background-image: url(/images/responsive-img/cardGreenClose_icon.svg);
}

.mony-list ul li.m-red .mony-price-info dl dd button i {
  background-image: url(/images/responsive-img/cardRadClose_icon.svg);
}

.comfirm.mony .pass-pop .pop-header .pop-title {
  margin-bottom: 0;
}

.comfirm.mony .pass-pop .pop-body {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #fff;
}

.comfirm.mony .pass-pop .pop-body .table-wrapper {
  height: 35rem;
  overflow-y: scroll;
}

.contens-serch {
  display: block;
}

.contens-serch .select-default {
  min-width: 100%;
}

.contens-serch .inp-wrap.inp-flex.mar-l1 {
  margin-left: 0 !important;
}

.contens-serch .inp-wrap {
  margin-top: 1rem;
}

.chcart-warp {
  display: flex;
  flex-direction: column-reverse;
}



/* 사용자이용권이력조회 */
.grid-container {
  display: grid;
  grid-template-columns: 5fr 3fr 5fr;
}

/* 스크롤바 스타일링 */
.table-wrapper::-webkit-scrollbar {
  width: 8px;
  /* 가로 스크롤바 두께 조절 */
  height: 7px;
  /* 세로 스크롤바 높이 조절 */
}

.table-wrapper::-webkit-scrollbar-thumb {
  background-color: #cfcfcf;
  border-radius: 2px;
}

.table-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.table-wrapper::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}

/* body { 
 font-family: Arial, sans-serif; 
 margin: 0; 
 padding: 0; 
}*/

.horizontal-header {
  display: flex;
  align-items: center;
  background-color: white;
  color: black;
  padding: 10px;
  width: 100%;
  font-size: 1.4rem;
  color: #8c8c8c;
  font-weight: 500;
  justify-content: space-around;
}

.header-item {
  margin-right: 20px;
}

.header-item:last-child {
  margin-right: 0;
}

/* 이용계약서 */
.tbtop {
	border:1px solid #a0a0a0 !important;
}

.topfirst {
	width: 20%; 
	background-color: #dcdcdc !important; 
	border: 2px solid #a0a0a0 !important;
}
.topsecond {
	width: 30%; 
	border: 2px solid #a0a0a0 !important; 
	text-align: center;
}
.tbdown {
	border:1px solid #fff !important;
}
.tdhead {
	border: 2px solid #fff !important; 
	border-bottom: 5px solid #fff !important;
}
.downfirst {
	text-align:left !important; 
	width:70% !important; 
	font-size:1.4rem !important; 
	font-weight:450 !important; 
	background-color:#dcdcdc !important; 
	border-right: 2px solid #fff !important;
	border-bottom: 2px solid #fff !important;
}
.downsecond {
	text-align:right !important; 
	width:45% !important; 
	font-size:1.4rem !important; 
	font-weight:450 !important; 
	background-color:#dcdcdc !important;
	border-bottom: 2px solid #fff !important
}
.bodydown {
	background-color:#f0f2f4 !important;
}
.amt {
	background-color:#dcdcdc !important; 
	border: 2px solid #fff !important;
}
.amtfirst {
	font-size:1.4rem; 
	font-weight:450; 
	border-right: 2px solid #fff;
}
.amtsecond {
	text-align:right; 
	font-size:1.4rem; 
	font-weight:450;
}

.agrmsg {
	padding:2rem; 
	background-color:#f1f1f1; 
	text-align:center; 
	justify-content: center;
}

.downprd {
	border-bottom: 2px solid #fff !important;
}

.downprdamt {
	border-bottom: 2px solid #fff !important;
}

#pfbUseAgrTbl.politable table td,
#pfbUseAgrTbl.politable table th {
  /*border-bottom: none;*/
  border-right: 1px solid #fff;
}

@media print {
	body,html,
	#pfbUseAgr{background:#FFF !important;}
 * {
    -webkit-print-color-adjust: exact !important; /* 크롬, 사파리 등의 브라우저에서 사용 */
    print-color-adjust: exact !important; /* 표준 속성 */
 }
}

.x-button {
    background-image: url(/images/system/close_bk_32.svg);
    width: 2.25rem;
    height: 2.25rem;
    position: absolute;
    cursor: pointer; 
    background-size: contain;
    background-repeat: no-repeat;
    top: 3px;  
  	right: 3px;
}

.prdmove-button {
    background-image: url(/images/responsive-img/month-r.svg);
    width: 1.8rem;
    height: 20rem;
    position: absolute;
    cursor: pointer; 
    background-size: contain;
    background-repeat: no-repeat;
    top: 0px;
}

/* 쿠폰 */
.product-list .coupon,
.product-list .coupon-use {
   background: linear-gradient(to bottom, #ffffff 63.67%, #f4f4f4 63.67%);
}	
.coupon {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
}
.coupon::before,
.coupon::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #f4f4f4;
    border-radius: 50%;
}
.coupon::before {
    top: 32%;
    left: -16px;
    transform: translateY(-50%);
}
.coupon::after {
    top: 32%;
    right: -16px;
    transform: translateY(-50%);
}
.coupon-button {
    display: block;
    width: 115%;
    padding: 10px 0;
    text-align: center;
    background-color: #ff8a00;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    margin-left: -2rem;
    margin-top: 2.5rem;
}
.coupon-content {
  		display: flex;
 			justify-content: space-between;
}
.discount {
    display: flex;
    align-items: baseline;
    margin-top: -2rem;
    margin-left: 1rem;
   /*  position: relative; */
}
.discount-main {
    display: flex;
    align-items: baseline;
    margin-top: -2rem;
    margin-left: 1rem;
}
.discount-number {
    font-size: 5rem;
    color: #ff8a00;
    position: relative;
}
.discount-prd {
    margin-top: 1rem;
    font-size: 3rem;
    color: #ff8a00;
    position: relative;
    font-weight: bold;
    margin-bottom: 2rem;
}
.discount .discount-number {
   	 margin-right: 0.3rem; /* 숫자와 OFF 사이의 간격 */
}
.discount .discount-off-percent {
    display: flex;
    align-items: baseline; /* OFF와 %를 baseline 기준으로 정렬 */
    position: relative;
}
.discount-off {
    font-size: 0.8rem;
    color: #fff;
    background-color: #ff8a00;
    border-radius: 2px;
    padding: 2px 4px;
    margin-left: 5px;
    position: absolute;
    top: -13px;
    left: -8%; /* discount-number의 우측에 위치하도록 설정 */
    width: 22px;
}
.discount-percent {
    font-size: 2rem;
    color: #ff8a00;
    margin-left: 5px;
}
.expiration-date {
    margin-left: auto;
}
.discount-details {
    flex: 1;
    margin-left: 1rem;
}
.coupon-use {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
}
.coupon-use::before,
.coupon-use::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #f4f4f4;
    border-radius: 50%;
}
.coupon-use::before {
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    border-right: 1px solid #d0d5dd;
}
.coupon-use::after {
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    border-left: 1px solid #d0d5dd;
}


/* 눈아이콘 */
.inp-wrap.password-wrap {
    position: relative;
    display: flex;
    flex-direction: column; 
    width: 100%;
}

.inp-wrap.password-wrap .inp {
    width: 100%;
    padding-right: 45px; 
    box-sizing: border-box;
}


.eyes-ic {
    cursor: pointer;
    display: none; /* 기본적으로 숨김 */
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;

    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.eyes-ic.visible {
    background-image: url(/images/kiosk/common/Frame_1.svg);
}

.eyes-ic.hidden {
    background-image: url(/images/kiosk/common/Frame_2.svg);
}


/*공지사항 리스트*/
.inp-group flex-none .inp-wrap {
  position: relative;
  display: inline-block;
}

#selPfbListWarp {
  display: inline-block;
  position: relative;
  /* background: #fff url(/images/mobile/common/ico_select.svg) no-repeat calc(100% - 5px) 50%; 
background-size: 1.2rem 1.2rem */
}

#selectPfbList {
  display: none;
  height: 300px;
  overflow: auto;
  left: 0;
  border: 1px solid black;
  position: absolute;
  z-index: 100;
  width: 100%;
  background-color: #ffffff;
}

#selectPfbList option {
  font-family: "NotoSansKR", "NotoSans", "NotoSansja", "맑은 고딕", "돋움",
    "Malgun Gothic", "Dotum", "Arial";
  font-size: 1.4rem;
  padding: 5px 10px;
  color: #787878;
  overflow-x: hidden;
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#selectPfbList option:hover {
  background-color: #2692ed;
  color: #ffffff;
}

#selectPfbList.show {
  display: block;
}

.notice-list {
  border-top: 2px solid #787878;
  border-bottom: 2px solid #787878;
  width: 100%;
  overflow-x: auto;
}

.notice-list ul {
  min-width: auto;
}

.notice-list ul li {
  position: relative;
  width: 100%;
  background-color: #fff;
  display: grid;
  border-bottom: 1px solid #dce0e4;
  font-size: 1.3rem;
  align-items: center;
  min-height: 5rem;
  grid-template-columns: 1fr 5fr 18fr;
}

.notice-list ul li.anser-list {
  grid-template-columns: 1fr 5fr 18fr;
}

.notice-list ul.member-only li {
  grid-template-columns: 5fr 18fr;
}

.notice-list ul.member-only li.anser-list {
  grid-template-columns: 5fr 18fr;
}

.notice-list ul li.list-title div.notice-title p {
  justify-content: flex-start;
  padding-left: 15%;
}

.notice-list ul li div p {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  word-break: break-all;
}

.notice-list ul li div.notice-title p {
  justify-content: flex-start;
}

.notice-list ul li div.manager,
.notice-list ul li div.notice-center {
  display: none;
}

.notice-list ul li div.edit-date {
  display: none;
}

.notice-list ul li .m-unit div.manager,
.notice-list ul li .m-unit div.notice-center,
.notice-list ul li div.edit-date {
  display: none;
}

.notice-list ul li div.notice-title pre p {
  white-space: pre-line;
}

.notice-list ul li .m-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 6px 12px 6px 13px;
  object-fit: contain;
  border-radius: 6px;
  border: solid 1px #e1e1e1;
  background-color: #fff;
  margin-top: 2rem;
  width: fit-content;
  margin-top: 2rem;
}

.notice-list ul li .m-unit div.manager,
.notice-list ul li .m-unit div.edit-date {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.notice-list ul li .m-unit div.manager {
  color: #ff8a00;
  font-size: 12px;
  font-weight: bold;
}

.notice-list ul li .m-unit div.edit-date {
  color: #3c3c3c;
  font-size: 12px;
  font-weight: 500;
}

.notice-list ul li .m-unit div.notice-center {
  color: #3c3c3c;
  font-size: 12px;
  font-weight: 500;
  display: block;
}

.notice-list ul li div.manager p,
.notice-list ul li div.edit-date p {
  font-size: 1.2rem;
  text-align: center;
}

.notice-list ul li.emergency div.notice-title p {
  color: #ff8a00;
  font-weight: bold;
}

.notice-list ul li.emergency div.num p span {
  background-color: #ff8a00;
  text-align: center;
  line-height: 2.4rem;
  width: 5rem;
  font-size: 1.2rem;
  color: #fff;
  border-radius: 5px;
  height: 2.3rem;
}

.notice-list ul li.import div.num p span {
  background-color: #fff;
  border: 1px solid #ff8a00;
  color: #ff8a00;
  text-align: center;
  line-height: 2.4rem;
  width: 5rem;
  font-size: 1.2rem;
  border-radius: 5px;
  height: 2.3rem;
}

.notice-insert .inp-flex {
  padding-left: 0;
  padding-right: 0;
}

.notice-insert .day-item {
  display: none;
}

.notice-day {
  flex-direction: column;
  width: 100%;
}

.notice-day input[type="datetime-local"].inp {
  max-width: 100%;
}

.insert-check .form-check {
  width: 49%;
  margin-bottom: 0.5rem;
}

.notice-list ul li.anser-list {
  min-height: 0;
  height: 0px;
  overflow: hidden;
  background-color: #f8f8f8;
  border-bottom: none;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
}

.notice-list ul li.tbbstitle.on-list+li.anser-list {
  border-bottom: 1px solid #dce0e4;
}

.notice-list ul li.anser-list .notice-title {
  padding: 2rem 2rem 2rem 0;
}

.notice-list ul li.on-list {
  background-color: #ff8a0026;
  border-top: 1px solid #ff8a00;
  border-bottom: 1px solid #ff8a00;
}

.notice-list ul li.on-list a p {
  font-weight: bold;
}

.notice-pop {
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 32rem;
  width: fit-content;
  min-height: 40rem;
  object-fit: contain;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.28);
  border: solid 2px #ff7d0d;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
}

/* 2025-12-02 */
/* 화면 높이 600px 이하일 때 최대 높이 해제 */
@media (max-height: 600px) {
	.notice-pop {
		min-height: unset;
	}
}

.notice-pop .pop-title {
  background-color: #eee;
  min-height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #c8c8c8;
}

.notice-pop .pop-title p {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

.notice-pop .pop-con {
  position: relative;
  height: 30.1rem;
  overflow-y: auto;
  padding: 2rem;
  width: 30rem;
}

.notice-pop .pop-con p {
  font-size: 1.6rem;
  white-space: pre-line;
}

.notice-pop .pop-footer {
  /* position: fixed; */
  bottom: 0;
  width: 100%;
  background-color: #ff7d0d;
  display: flex;
  padding: 0 1.8rem;
}

.notice-pop .pop-footer .popbtn-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.notice-pop .pop-footer .popbtn-flex button {
  display: flex;
  align-items: center;
}

.notice-pop .pop-footer .popbtn-flex button span {
  display: inline-block;
  width: 100%;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}

.notice-pop .pop-footer .popbtn-flex button+button {
  margin-left: 1rem;
}

.notice-pop .pop-footer .popbtn-flex button img {
  display: inline-block;
  width: 3rem;
  min-width: auto;
  height: 3rem;
}

.machine-image {
  display: flex;
  justify-content: center;
}

.machine-image p {
  width: 12.9rem;
  height: 12.9rem;
}

.machine-image p img {
  width: 100%;
}

.center-setting .inp-group.inp-flex {
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
}

.center-setting .inp-group.inp-flex .inp-item+.inp-item {
  margin-left: 0;
}

.center-setting .inp-item {
  width: 100%;
}

.cou {
  display: flex;
  font-size: 1.4rem;
  align-items: center;
  justify-content: center;
  height: 3.6rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.center-setting .cal-w30p,
.center-setting .cal-w50p {
  width: calc(100%);
}

.center-setting .cal-w30p.pad-r14,
.center-setting .cal-pad-r14 {
  padding-right: 0 !important;
}

.title-info-text {
  width: 92rem !important;
  margin: 0 auto;
  position: relative;
}

.title-info-text p {
  text-align: center;
  font-size: 1.4rem;
  color: #a4afbb;
}

.mbr {
  display: block;
}

.center-choose {
  width: 100%;
}

.center-choose dt {
  border-bottom: 1px solid #f0f2f4;
  font-size: 1.6rem;
  font-weight: 500;
  color: #3c3c3c;
  padding-bottom: 1.7rem;
  margin-bottom: 1.7rem;
}

.center-choose dd {
  font-size: 1.6rem;
  font-weight: 500;
  color: #919191;
}

.study-list-setting li.on dd {
  color: #0dcc74;
}

/*cca56 추가*/
.product-list h3.cca56.tow-cell {
  min-height: 1.8rem;
}

.product-list h3.cca56.tow-cell span {
  min-width: 7rem;
  padding: 0;
  min-height: 2.1rem;
}

.cca56-title {
  margin-bottom: 0.5rem;
}

.cca56-title p strong {
  font-size: 16px;
  font-weight: 500;
  color: #3c3c3c;
}

/*cca58 추가*/
.round-label {
  justify-content: center;
  font-size: 1.2rem;
  padding: 0.1rem 0.8rem;
  border-radius: 2rem;
  background-color: #ff8a00;
  border: 1px solid #ff8a00;
  color: #fff;
  text-align: center;
  min-width: 5rem;
}

.center-item {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  height: 100%;
  padding-top: 10rem;
}

#prdSleSyspEuCd-C .inp-flex-tow {
  flex-wrap: wrap;
}

#prdSleSyspEuCd-C .day-item {
  display: none;
}

#prdSleSyspEuCd-C input[type="datetime-local"].inp {
  max-width: 100%;
}

#sleList td.first-col {
  min-width: auto;
  justify-content: center;
}

#sleList td.first-col a p {
  min-width: 8rem;
}

#sleList.s-tdwidth td.first-col a p {
  min-width: 19rem;
  width: 100%;
  max-width: 19rem !important;
}

.app-down.apple-down::before {
  content: "";
  background-image: url(/images/responsive-img/ios.png);
  width: 3rem;
  height: 2.6rem;
  display: block;
  background-size: 62px 27px;
  background-repeat: no-repeat;
}

.app-down.android-down {
  display: flex;
  align-items: center;
}

.app-down.android-down::before {
  content: "";
  background-image: url(/images/responsive-img/ios.png);
  width: 3rem;
  height: 2.6rem;
  display: inline-block;
  background-size: 62px 27px;
  background-repeat: no-repeat;
  background-position: -35px;
  margin-right: 1rem;
}

.ab-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  min-height: 49vh;
}

/*회원탈퇴*/
.sec-warp {
  font-size: 1.4rem;
}

.sec-warp .point {
  color: #f5751d;
}

.sec-warp .sec-box {
  border: 0.02rem solid #eceef0;
  border-radius: 1rem;
  margin-top: 1rem;
}

.sec-warp .sec-box .info-title {
  background-color: #f1f1f1;
  padding: 1.5rem 3rem;
}

.sec-warp .sec-box .info-title strong {
  color: #ff8a00;
  font-weight: normal;
}

.sec-warp .sec-box .sec-inner {
  padding: 1.5rem 3rem 3.5rem;
}

.sec-warp .sec-box .sec-inner strong {
  color: #ff8a00;
  font-weight: normal;
}

.sec-warp .sec-box .sec-inner ul {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}

.sec-warp .sec-box .sec-inner ul li {
  margin-top: 2rem;
}

.sec-warp .sec-box .sec-inner ul li dl dt {
  display: flex;
  align-items: center;
}

.sec-warp .sec-box .sec-inner ul li dl dt::before {
  content: "";
  display: block;
  margin-right: 0.5rem;
  width: 0.5rem;
  height: 0.6rem;
  background-image: url(/images/responsive-img/bullet-arrow.svg);
  background-size: contain;
}

.sec-warp .sec-box .sec-inner ul li dl dd {
  padding-left: 1rem;
}

.sec-warp .sec-confirm {
  margin-top: 2.5rem;
}

.pass-pop .pop-body.sec-pop {
  padding-left: 0;
  padding-right: 0;
}

.sec-pop .pop-body-content {
  height: 40rem;
  overflow: hidden;
}

.sec-pop .pop-body-content h3 {
  font-size: 1.4rem;
  padding: 2rem;
  padding-bottom: 0;
}

.sec-pop .pop-body-content th,
.sec-pop .pop-body-content td {
  font-size: 1.2rem;
  padding: 1rem;
  min-height: 5rem;
  height: auto;
}

.more-warp {
  background-color: #fff;
  display: flex;
  justify-content: center;
  padding: 1rem 0;
}

.more-warp.none {
  display: none;
  transition: all ease 2s 0s;
}

.table-container table a.down-exl::after {
  display: none;
}

.more-warp .more-scroll {
  background-image: url(/images/responsive-img/more.svg);
  background-size: contain;
  height: 3.8rem;
  width: 3.4rem;
  background-position: center;
}

.more-warp .more-scroll span {
  background-color: #fff;
}

#userCncListSpan {
  display: flex;
  align-items: center;
}

.icon-simple {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  cursor: pointer;
  background-image: url(/images/kiosk/common/icon-simple.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 1rem;
}

.icon-email {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  cursor: pointer;
  background-image: url(/images/responsive-img/email-ic.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 1rem;
}

.icon-phone {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  cursor: pointer;
  background-image: url(/images/kiosk/common/icon-simple.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 1rem;
}

.icon-google {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  cursor: pointer;
  background-image: url(/images/responsive-img/google-icon.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 1rem;
}

.icon-kakao {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  cursor: pointer;
  background-image: url(/images/responsive-img/kakao-icon.svg);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 1rem;
}

.icon-apple {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  cursor: pointer;
  background-image: url(/images/responsive-img/apple-icon.svg);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 1rem;
}

.icon-section_list {
  display: inline-block;
  background-image: url(/images/responsive-img/icon-section_list.svg);
  width: 1.5rem;
  height: 1.51rem;
  background-size: contain;
  background-repeat: no-repeat;
}

.setnumpop {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 17rem;
  height: 25.6rem;
  position: absolute;
  left: 50%;
  bottom: 300px;
  background-color: #f0f1f1;
  border: 1px solid #c9c9c9;
  border-radius: 8px;
  z-index: 100;
  transform: translate(-50%, 0);
}

.setnumpop p {
  font-size: 1.6rem;
  color: #383838;
  font-weight: 500;
}

.setnumpop>div {
  margin-top: 1.5rem;
}

.setnumpop>div>button {
  width: 14.4rem;
  height: 3.6rem;
}

.setnumpop>div>button+button {
  margin-top: 1.2rem;
}

.setnumpop>div>button+button i {
  transform: rotate(180deg);
}

.setnumpop>div i {
  width: 14.4rem;
  height: 3.6rem;
  background-image: url(/images/responsive-img/set_btn.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.pop_close {
  margin-top: 1.2rem;
  width: 14.4rem;
  height: 3.6rem;
  background-color: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 8px;
}

.pop_close span {
  font-size: 1.6rem;
  color: #383838;
}

/*영업일 설정 보안*/
.excel-m-pagi {
  display: flex;
  justify-content: space-between;
}

.clsdAppnCdText {
  position: absolute;
  left: 0;
  font-size: 1.4rem;
  padding: 0 1rem;
  color: #ffa500;
  bottom: inherit;
}

.text-pagin {
  min-height: 15rem;
}

.list-program {
  padding-top: 2rem;
}

.list-program>div {
  margin-top: 1rem;
  padding-left: 1rem;
}

.list-program>div+div {
  margin-top: 1rem;
}

.list-program>div .form-check label span {
  padding-left: 3rem;
}

.cckbtn {
  max-width: 42rem;
  margin: 0 auto;
  padding-bottom: 27px;
}

.ccklist-warp {
  padding-left: 2.6rem;
  padding-right: 2.6rem;
  padding-top: 27px;
  border-top: 1px solid #f0f2f4;
  border-bottom: 1px solid #f0f2f4;
  padding-bottom: 27px;
  margin-bottom: 27px;
}

.ccklist-warp h1 {
  font-size: 1.4rem;
  font-weight: 500;
}

.ccklist {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: auto;
}

/*.ccklist .inner { 
overflow: hidden; 
margin-right: -1.333%; 
}*/

.ccklist .swiper-slide {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.ccklist .list {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* height: calc((100% - 43px) / 2) !important; */
  max-width: 27.9rem;

  /*max-height:22.5rem; */
  min-width: 27.9rem;
  width: 32%;

  border: 1px solid #cecece;
  border-radius: 6px;
  margin-top: 14px;
  margin-bottom: 14px;
  /*margin-right:15px; */

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: flex-start;
}

.ccklist .swiper-slide:nth-child(odd) {
  margin-bottom: 43px;
}

.ccklist-inner {
  width: 100%;
  padding: 1.85rem;
}

.ccklist-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.ccklist-inner h2.tow-cell {
  /* max-width: 18.8rem; */
  font-size: 1.6rem;
  font-weight: bold;
  color: #3c3c3c;
  text-align: left;
  /* display: flex;
  justify-content: space-between;
  align-items: flex-start; */
  min-height: 4.8rem;
}

.ccklist-inner h2.tow-cell .in {
	display: inline-block;
}

.ccklist-dl {
  position: relative;
  border-top: 1px solid #f0f2f4;
  margin-top: 2rem;
  padding-top: 2rem;
  border-bottom: 1px solid #f0f2f4;
  margin-bottom: 1.5rem;
  padding-bottom: 1.4rem;
}

.ccklist-dl i {
  background-color: #ff8a00;
  border-radius: 25px;
  padding: 2px 10px;
  color: #fff;
  font-size: 1.2rem;
  font-style: normal;
  position: absolute;
  top: -12px;
  left: 0;
}

.ccklist-dl dl {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ccklist-dl dl:last-child dd {
  color: #ff8a00;
  font-weight: 500;
}

.ccklist-dl dl+dl {
  margin-top: 7px;
}

.ccklist-dl dl dt {
  font-size: 1.3rem;
  color: #848484;
}

.ccklist-dl dl dd {
  font-size: 1.3rem;
  color: #383838;
  text-align: right;
}

.flie-box {
  margin-top: 2rem;
}

.img-flie {
  display: flex;
  justify-content: space-between;
}

.img-veiw {
  width: 187px;
  position: relative;
}


.img-veiw p {
  padding: 0;
  font-size:1.4rem;
}

.img-veiw img {
  width: 187px;
}

.insert-file {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.insert-file label {
  min-width: 12.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  border-radius: 3px;
  background-color: #787878;
}

.insert-file label span {
  color: #fff;
  font-size: 1.4rem;
}

.insert-file p {
  font-size: 1.1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: left;
  color: #ff8a00;
  margin-top: 1rem;
  padding: 0;
  padding-left: 1rem;
  text-align: right;
  letter-spacing: 0.1px;
}

.insert-file input {
  display: none;
}

.vending-machine h2 {
  font-size: 1.6rem;
  color: #8c8c8c;
  width: 100%;
  text-align: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.vending-machine .machine-list {
  display: flex;
  justify-content: center;
}

.vending-machine .machine-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 65em;
}

.vending-machine .machine-list ul li {
  border-bottom: 0;
  margin-bottom: 2rem;
}

.vending-machine .machine-list ul li p {
  padding-left: 0rem;
  padding-right: 0rem;
  width: 70px;
  min-height: 9.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/images/machinc-product/m-black-bg.png);
}

.vending-machine .machine-list ul li p.product-w150 {
  width: 150px;
  max-width: 150px;
  background-image: url(/images/machinc-product/m-black-bg.png);
  height: 100px;
}

.vending-machine .machine-list ul li p em {
  font-size: 1.2rem;
  color: #fff;
}

.vending-machine .machine-list ul li .item-box.none-w70 {
  background-image: url(/images/machinc-product/m-black-bg.png);
  background-repeat: repeat-x;
  background-position: center;
  background-size: cover;
  width: 70px;
  max-width: 70px;
  height: 100px;
}

.vending-machine .machine-list ul li .item-box.none-w150 {
  background-image: url(/images/machinc-product/m-black-bg.png);
  background-repeat: repeat-x;
  background-position: center;
  background-size: cover;
  width: 150px;
  max-width: 150px;
}

.vending-machine .machine-list ul li .item-label {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 7px;
  align-items: center;
  min-height: initial;
  background-image: none;
}

.vending-machine .machine-list ul li .item-label span {
  font-size: 1.2rem;
  color: #ff8a00;
}

.vending-machine .machine-list ul li .item-label span:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid #b5b5b5;
  border-radius: 50%;
  color: #1e1e1e;
}

.vending-machine .machine-list ul li p::before {
  content: "";
  border: 3px solid rgba(0, 0, 0, 0);
  position: absolute;
  left: 0;
  top: 0;
}

.vending-machine .machine-list ul li p.not-product::before {
  content: "";
  border: 3px solid #f63060;
  width: 100%;
  min-height: 9.7rem;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to top right,
      rgba(0, 0, 0, 0) calc(50% - 3px),
      #f63060,
      rgba(0, 0, 0, 0) calc(50% + 3px));
}

.first-section,
.second-section {
  padding: 2rem;
  border-bottom: 1px solid #dce0e4;
  margin-bottom: 0.4rem;
}

.first-section>p,
.second-section>p {
  border-radius: 16px;
  width: 267px;
  overflow: hidden;
}

.first-section .produc-name {
  margin-top: 2rem;
  border-bottom: 1px solid #dce0e4;
}

.first-section .produc-name dl dt,
.first-section .produc-name dl dd {
  font-size: 1.6rem;
}

.first-section>div {
  margin-top: 1.5rem;
}

.first-section dl,
.second-section dl {
  display: flex;
  margin-bottom: 1rem;
}

.first-section dl dt,
.second-section dl dt {
  min-width: 30%;
  text-align: justify;
  font-size: 1.4rem;
  font-weight: 500;
}

.first-section dl dd,
.second-section dl dd {
  font-size: 1.4rem;
}

.second-section .machinc-section-info {
  display: block;
}

.second-section .machinc-section-info dt {
  margin-bottom: 1rem;
}

.first-section>div {
  padding: 0 1.5rem;
}

.second-section>div {
  margin-top: 2rem;
  padding: 0 1.5rem;
}

.tow-popwi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  align-items: center;
  gap: 10px;
}

.comfirm .tow-popwi .comfirm-inner {
  position: relative;
  left: initial;
  transform: initial;
  top: initial;
}

.setnumpop-inner {
  position: relative;

  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 31.4rem;
  height: 15rem;
  background-color: #f0f1f1;
  border: 1px solid #c9c9c9;
  border-radius: 8px;
  z-index: 100;
}

.setnumpop-inner p {
  font-size: 1.6rem;
  color: #383838;
  font-weight: 500;
  text-align: center;
}

.setnumpop-inner p br {
  display: none;
}

.setnumpop-inner>div {
  margin-top: 1.5rem;
}

.setnumpop-inner>div>button {
  width: 14.4rem;
  height: 3.6rem;
}

.setnumpop-inner>div>button+button {
  margin-top: 1.2rem;
}

.setnumpop-inner>div>button+button i {
  transform: rotate(180deg);
}

.setnumpop-inner>div i {
  width: 14.4rem;
  height: 3.6rem;
  background-image: url(/images/responsive-img/set_btn.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.option-list {
  max-width: 60rem;
  width: 100%;
  margin: 0 auto;
}

.option-list ul li dl {
  display: flex;
  justify-content: space-between;
}

.option-list ul li dl dt {
  font-size: 1.4rem;
  max-width: 60%;
  display: block;
}

.option-list ul li+li {
  margin-top: 2rem;
}

.option-list ul li dl dd input {
  border: 1px solid #dcdcdc;
  height: 3.6rem;
  display: flex;
  text-align: center;
  justify-content: center;
  border-radius: 0.3rem;
  outline: none;
}

.option-list ul li dl dd input.option_on {
  color: #ff8a00;
}

.option-list ul li dl dd input.option_off {
  color: #2a7efb;
}

.option-list ul li dl dd input.option_warning {
  color: #ff003b;
}

.doot-border {
  border-bottom: 1px dashed #dcdcdc;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}

.spiral-box {
  padding-bottom: 3rem;
  margin-top: 2rem;
}

.fit-width label p {
  width: fit-content;
}

.small-numch {
  margin-top: 1.5rem;
  padding-left: 0rem;
}

.small-numch dl {
  display: flex;
}

.small-numch dl dt {
  font-size: 1.4rem;
  margin-right: 3rem;
  min-width: 10rem;
}

.small-numch dl dd ul li {
  position: relative;
  min-height: 6rem;
  margin-right: 1rem;
  width: 3.2rem;
}

.small-numch dl dd ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
}

.small-numch .form-check.sm label {
  flex-direction: column;
  align-items: center;
}

.small-numch .form-check.sm label p {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 0.5rem;
}

.small-numch .form-check.sm label>span:before {
  width: 2.8rem;
  height: 2.8rem;
}

.small-numch .form-check.sm label>input[type="checkbox"]:checked+span:after {
  width: 2rem;
  height: 1rem;
  top: 0.5rem;
}

.column-status {}

.column-tab ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4rem;
}

.column-tab ul li {
  display: flex;
  min-width: 6rem;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.column-tab ul li p {
  display: flex;
  font-size: 1.4rem;
  align-items: center;
  justify-content: center;
  border: 2px solid #aeaeae;
  width: 2.7rem;
  height: 2.7rem;
  margin-bottom: 0.5rem;
}

.column-list-warp {
  margin-top: 5rem;
}

.column-list-warp ul {
  display: flex;
  justify-content: center;
  gap: 4rem;
  flex-wrap: wrap;
}

.column-list-warp ul li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.column-list-warp ul li p {
  display: flex;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  flex-wrap: wrap;
  font-size: 1.4rem;
  align-items: center;
  justify-content: center;
  border: 2px solid #aeaeae;
  width: 4.4rem;
  height: 4.4rem;
  margin-bottom: 0.5rem;
}

.column-list-warp ul li p span {
  width: 100%;
  text-align: right;
  font-size: 1.2rem;
  line-height: 1;
}

.column-list-warp ul li p span+span {
  text-align: left;
  font-size: 2.1rem;
}

.column-list-warp ul li em {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  border: 1px solid #b8bec4;
  font-size: 1.2rem;
  margin-top: 0.8rem;
}

.col-point p span:first-child {
  color: #ff8a00;
}

.col-broken p::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #f41a8e;
  background: linear-gradient(to top right,
      rgba(0, 0, 0, 0) calc(50% - 2px),
      #f63060,
      rgba(0, 0, 0, 0) calc(50% + 2px));
}

.slidecontainer {
  border: 1px solid #dcdcdc;
  border-radius: 18px;
  padding: 6px;
  padding-left: 17px;
  height: 36px;
  display: flex;
  align-items: center;
}

.slidecontainer span {
  display: flex;
  width: 3rem;
  font-size: 1.6rem;
  color: #ff8a00;
  font-weight: 500;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  background: #e7e8ed;
  border-radius: 6px;
  cursor: pointer;
  transition: background 450ms ease-in;
}

input[type="range"]:focus {
  outline: none;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 6px;
  height: 17px;
  background: #4f4545;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  border-radius: 0.6rem;
}

input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  width: 6px;
  height: 17px;
  background: #4f4545;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}

.range-list dd {
  width: 40%;
}

.insert-check .flex-warp-box {
  display: flex;
  flex-wrap: wrap;
}

.insert-check .flex-warp-box .form-check {
  width: calc(100% / 3);
}

.insert-check .flex-warp-box .form-check+.form-check {
  margin-left: 0;
}

.bold-date {
  display: flex;
  justify-content: flex-end;
  font-size: 1.4rem;
  color: #7f7f7f;
  font-weight: 500;
}

.dt-bold {
  font-size: 1.6rem;
  color: #333;
  font-weight: 500;
}

#mgDsc {
  min-height: 7rem;
}

/*독일어*/
#dxfsOprnClsfCd-10.inner-flex:lang(de) {
  display: block;
}

.Responsive .border-line.tserch-box .inner-flex .inp-group+.inp-group:lang(de) {
  margin-left: 0;
  margin-top: 1rem;
  /* padding-left: 1rem; */
}

.day-serch .inner-flex:lang(de) {
  margin-left: 0rem !important;
}

.day-serch .tree-flex-r:lang(de) {
  margin-left: 0;
}

.ccp-height {
  height: auto;
  max-height: 32rem;
  background-color: #f0f2f4;
  padding: 2rem;
  padding-right: 2rem !important;
}

.flag-img {
  min-width: 35px;
  max-width: 35px;
  min-height: 23px;
  max-height: 23px;
  border: 1px solid #d8d8d8;
}

.flag-img img {
  width: 33px;
  height: 21px;
}

.flex-select p,
.flag_btn-select p {
  margin-top: 0 !important;
  text-align: left !important;
}

.flex-select li button p+p,
.flag_btn-select p+p {
  margin-left: 2rem;
  color: #3c3c3c !important;
  font-size: 1.4rem !important;
  justify-content: inherit !important;
}

button.flag_btn-select {
  position: relative;
  display: flex;
  text-align: left;
  align-content: center;
  width: 100%;
  height: 36px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #3c3c3c;
  font-size: 1.4rem;
  padding: 8px 14px 8px 19px;
  justify-content: inherit !important;
}

button.flag_btn-select:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-image: url(/images/responsive-img/select-arrow.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}

button.flag_btn-select p,
.flex-selec li button p {
  color: #3c3c3c !important;
  font-size: 1.4rem !important;
  justify-content: inherit !important;
}

.cont-select {
  position: relative;
  margin-bottom: 1rem;
}

.flex-select {
  display: none;
  padding: 8px 14px 8px 19px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #3c3c3c;
  margin-top: 0.5rem;
  max-height: 200px;
  overflow-y: auto;
  position: absolute;
  z-index: 9999;
  width: 100%;
  background: #fff;
  top: 36px;
}

.flex-select li+li {
  margin-top: 1rem;
}

.flex-select.show {
  display: block;
}

.comfirm.black {
  background-color: rgba(0, 0, 0, 0.7);
}

.comfirm .trans-box {
  position: absolute;
  width: 90%;
  border-radius: 0.6rem;
  background-color: transparent;
  padding: 2.5rem 1.8rem;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}

.comfirm .trans-box h1 {
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.qr-inner {
  margin-top: 4rem;
  background-color: #eee;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.4rem;
  border: 0.5rem solid #ff7d0d;
}

.qr-inner h2 {
  font-size: 1.3rem;
  color: #6b6b6b;
  font-weight: 700;
  margin-bottom: 1rem;
}

.qr-inner .stqr {
  width: 12rem;
  height: 12rem;
  max-width: 12rem;
  min-width: inherit;
}

.qr-inner p {
  font-size: 1.2rem;
  color: #898989;
  margin-top: 2rem;
}

.qr-inner .btn {
  margin-top: 2rem;
  background-color: #ff7d0d;
  width: 100%;
  height: 3.6rem;
  color: #fff;
}

/*비디오 전용 레이아웃*/
.video-contants {
  background-color: #f4f4f4;
}

.video-header {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
}

.video-header h1 {
  width: 12rem;
  margin-bottom: 1.5rem;
}

.video-header p {
  color: #ff8a00;
  font-size: 1.1rem;
}

.video-contants ul.inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  flex-direction: column;
}

.video-contants ul.inner li {
  width: 33.9rem;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 4rem;
}

.video-contants ul.inner li div.summary-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.video-contants ul.inner li div.summary-box p {
  font-size: 1.2rem;
}

.video-contants ul.inner li div.summary-box .man-icon {
  width: 2.9rem;
}

.video-contants ul.inner li .video-img {
  position: relative;
}

.utu a::before {
  content: "";
  display: block;
  width: 3.2rem;
  height: 2.24rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/images/responsive-img/youTube_icon.svg) no-repeat;
  background-size: 3.2rem;
}

/*ufswecb12*/
.select-pop {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 0px 0px 4px 4px;
  padding: 5px 0;
  margin: 0;
  max-height: 200px;
  overflow-y: auto;
  width: calc(50% - 7px);
  margin-top: -2px;
  min-height: 30px;
}

.select-pop datalist option {
  padding: 5px 10px;
  font-size: 1.4rem;
  cursor: pointer;
}

.select-pop datalist option:hover {
  background-color: #4993f3;
  color: #fff;
}

#exrcUno {
  width: 100%;
}

/*판매물품 그룹목록*/

.machine-item-title {
  font-size: 1.6rem;
  font-weight: 500;
  margin-left: 7.5rem;
}

.machine-ui {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  padding: 2rem;
}

.machine-ui .swiper-slide {
  max-width: 13.7rem;
  height: 18rem;
}

.machine-ui .machine-item {
  max-width: 13.7rem;
  height: 12rem;
  background: url("/images/machinc-product/m-patton-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.machine-ui .machine-item p {
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.2;
}

.machine-ui .machine-item.item-none::before {
  content: "";
  border: 3px solid #f63060;
  width: 13.7rem;
  min-height: 12rem;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to top right,
      rgba(0, 0, 0, 0) calc(50% - 3px),
      #f63060,
      rgba(0, 0, 0, 0) calc(50% + 3px));
}

.machine-ui li>p {
  display: flex;
  justify-content: center;
  width: auto;
  margin-top: 1rem;
}

.machine-ui li>p span {
  font-size: 1.2rem;
  border: 1px solid #adadad;
  padding: 0.1rem 0.5rem;
  border-radius: 5px;
}

.pop-action-btn .open-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.6rem;
  height: 2.9rem;
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  background-color: #ff7d0d;
}

.pop-action-btn .action-right-btn {
  display: flex;
  justify-content: space-between;
}

.pop-action-btn .action-right-btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.6rem;
  height: 2.9rem;
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  background-color: #56b30f;
}

.pop-action-btn .action-right-btn button+button {
  background-color: #f63060;
  margin-left: 1rem;
}

.machine-body .img-veiw img {
  width: 123px;
}

.machine-body .insert-file p {
  font-size: 1.1rem;
  color: #ff8a00;
}

.insert-file .border-btn {
  background-color: #fff;
  border: 1px solid #787878;
  margin-top: 1rem;
}

.insert-file .border-btn span {
  color: #000;
}

/*table 탑 다운 버튼*/
.btn-td-group {
  display: flex;
  justify-content: space-around;
  align-items: center;
  cursor: pointer;
}

.btn-td {
  display: flex;
}

.btn-td span {
  height: 6px;
}

.Ttop::before {
  content: "";
  display: flex;
  align-items: center;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid;
}

.Tdown::before {
  content: "";
  display: flex;
  align-items: center;
  width: 0;
  height: 0;
  border-top: 6px solid;
  /* 화살표 */
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}


.Ttop.off::before {
  border-top-color: #9e9e9e;
}

.Tdown.off::before {
  border-bottom-color: #9e9e9e;
}

.Ttop.on::before {
  border-bottom-color: #3c3c3c;
}

.Tdown.on::before {
  border-top-color: #3c3c3c;
}

/*QR*/
.otp-pop h1 {
  font-size: 21px;
  font-weight: bold;
  color: #f68c30;
  text-align: center;
}

.icon_key {
  max-width: 4.5rem;
  min-width: 4.5rem;
  height: 5.4rem;
  margin: 0 auto;
  margin-top: 2rem;
}

.otp-num {
  padding: 1rem;
  border-radius: 12px;
  border: solid 1px #bfbfbf;
  background-color: #e4e4e4;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.comfirm .comfirm-inner .otp-num p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.comfirm .comfirm-inner .otp-num p input {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 3px;
  text-align: center;
  color: #f07f73;
  font-weight: 500;
  font-size: 2.2rem;
}

.comfirm .comfirm-inner p.otp-text {
  font-size: 1.4rem;
  color: #8f8f8f;
  text-align: center;
}

.comfirm .comfirm-inner p.otp-text strong {
  color: #2e2e2e;
}

.comfirm .comfirm-inner p.otp-text img {
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  display: inline;
}

.comfirm .comfirm-inner p.otp-text span {
  color: #f68c30;
}

.comfirm .comfirm-inner p.border-text {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

/*qr,otp*/
.cer-box {
  display: flex;
  justify-content: space-between;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 2rem;
}

/*상품목록 태그*/
.tag-warp {
  display: flex;
  flex-wrap: wrap;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
}

.tag-warp button {
  border-radius: 50px;
  border: 1px solid #787878;
  padding: 0.3rem 1rem;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}

.tag-warp button:after {
  content: "X";
  display: inline-block;
  color: #787878;
  margin-left: 1rem;
}

/*그룹상품처리*/

.custom-select {
  position: relative;
  width: 100%;
}

.custom-select.add-item {
  border: 1px solid #e3e3e3;
  border-radius: 0.6rem;
  /*padding: 0 1.5rem;*/
  background-color: #f9f9f9;
  padding-top: 1.5rem;
}

.custom-select.add-item .setting-title {
  padding-top: 0;
}

.custom-select.add-item .setting-title+.setting-title {
  padding-top: 0rem;
}

.custom-select.add-item p strong {
  color: #000;
}

.selected-option {
  padding: 1rem;
  padding-right: 2rem;
  border: 1px solid #e3e3e3e3;
  cursor: pointer;
  border-radius: 0.6rem;
}

.sitem-title {
  width: 45%;
}

.selected-option .select-inner {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.selected-option .select-inner p.default-select {
  max-width: 100% !important;
  width: 100%;
}

.default-select strong {
  justify-content: space-between;
  display: flex;
  max-width: 100%;
}

.selected-option .select-inner p:last-child strong:after {
  content: "▼";
  font-size: 1rem;
  margin-left: 0.5rem;

  position: absolute;
  right: 0.7rem;
  top: 1.5rem;
}

.selected-option .select-inner p strong {
  font-size: 1.4rem;
  color: #3c3c3c;
}

.selected-option .select-inner p:nth-child(1) {
  flex: 1 1 55%;
  max-width: 55%;
}

.selected-option .select-inner p:nth-child(2) {
  flex: 1 1 15%;
  text-align: right;
}

.selected-option .select-inner p:nth-child(3) {
  text-align: right;
  flex: 1 1 25%;
  padding-right: 0rem;
}

.setting-item-unit {
  display: flex;
}

.setting-item-unit p {
  flex: 1 1 25%;
  text-align: center;
  border: 1px solid #c00;
}

.setting-item-unit .cart-unit {
  flex: 1 1 100%;

}

.selected-option .select-inner p span {
  color: #ff7d0d;
  font-size: 1.4rem;
}

.selected-option .select-inner p:last-child strong {
  font-size: 1.5rem;
}

.selec-product-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  /* ... 기존의 스타일 ... */
  visibility: hidden;
  /* 이 부분 추가 */
  opacity: 0;
  /* 이 부분 추가 */
  transition: opacity 0.3s ease, visibility 0.3s;
  /* transition 수정 */
  border: 1px solid #ccc;
  background-color: #fff;
  /* edit : 2025-08-22
  	상품목록 - 상품선택 (UFSWKAC26F01)
  	운영 - 디랙스본사 - [추가그룹상품] FNB
  	커스텀셀렉트 옵션보다 footer에 버튼이 z-index가 높아서 생기는 문제 
  */
  z-index: 100;
}

.selec-product-list.active {
  max-height: inherit;
  /* you can adjust this value based on your content */
  visibility: visible;
  /* 이 부분 추가 */
  opacity: 1;
  /* 이 부분 추가 */
}

.selec-product-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.selec-product-list ul li {
  padding: 10px;
  padding-right: 2rem;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.selec-product-list ul li p:nth-child(1) {
  flex: 1 1 55%;
  max-width: 55%;
}

.selec-product-list ul li p:nth-child(2) {
  flex: 1 1 15%;
  text-align: right;
}

.selec-product-list ul li p:nth-child(3) {
  text-align: right;
  flex: 1 1 25%;
}

.selec-product-list ul li p strong {
  font-size: 1.4rem;
  color: #3c3c3c;
  padding-right: 0rem
}

.selec-product-list ul li p span {
  color: #ff7d0d;
  font-size: 1.4rem;
}

.selec-product-list ul li p:last-child strong {
  font-size: 1.5rem;
}

.selec-product-list ul li:hover {
  background-color: #f5f5f5;
}

/*상품선택설정 그룹*/
.setting-view {
  border: 1px solid #e3e3e3;
  border-radius: 0.6rem;
  overflow: hidden;

}

.setting-title {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  padding-right: 2rem;
  gap: 5px;
  flex-direction: column;
  position: relative;
}

.setting-title>p {
  font-size: 1.4rem;
  color: #3c3c3c;
  font-weight: 500;
  text-align: left;
}

.setting-title .setting-item {
  display: flex;
  margin-top: 1rem;
  justify-content: space-between;
  position: relative;
}

.setting-title .setting-item .first-div {
  flex: 1 1 55%;
  max-width: 55%;
}

.setting-title .setting-item p.point span {
  color: #ff7d0d;
}

.setting-title .setting-item p span {
  font-size: 1.4rem;
}

.setting-title .setting-item p {
  flex: 1 1 6%;
  text-align: right;
}

.setting-title p strong {
  font-size: 1.4rem;
  color: #3c3c3c;
  padding-right: 0.5rem;
}

.setting-view .product-sub-view {
  border-radius: inherit;
  border-left: inherit;
  border-right: inherit;
  padding-right: 2.5rem;
}

.setting-title .setting-item .cart-unit {
  display: flex;
  flex: 1 1 15%;
  text-align: center;
}

.cart-unit button {
  position: absolute;
  right: -1.5rem;
  top: 0.3rem;
}

.cart-unit button .ic-sdelete {
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(/images/responsive-img/ic-sdelete.svg);
  background-position: center;
}




.setting-view .product-h4 {
  padding: 0 1.5rem;
}

.btn-open i {
  transition: transform 0.3s ease-in-out;
}

.rotate-icon {
  transform: rotate(180deg);
}


/*신규 장바구니*/
.grup-item {
  border: 1px solid #c3c3c3;
  border-radius: 0.6rem;
  margin-bottom: 1rem;
  padding-inline: 1.5rem;
}

.cart-title {
  display: flex;
  justify-content: space-between;
  padding-block: 1.5rem;
  align-items: center;
  position: relative;
}

.cart-title .form-check label {
  min-height: 1.82rem;
  height: fit-content;
}

.cart-title .form-check label>span {
  padding-left: 3rem;
  font-size: 1.7rem;
  font-weight: 500;
}

.cart-title .badge{
	position: absolute;
	background-color: #ff8a00;
	color: #fff;
	border-radius: 3rem;
	font-weight: 500;
	font-size: 1.125rem;
	width: fit-content;
	padding: .25rem 1rem;
	bottom: -1.125rem;
}
.g-del i {
  height: 31px;
  width: 30px;
  background-repeat: no-repeat;
  background-size: 31px 30px;
  display: block;
  background-position: center;
}

.ic-del-b {
  background-image: url(/images/responsive-img/ic-del-b.svg);
}


.none-cart {
  padding-top: 2rem;
}

.none-cart img {
  width: 3.9rem;
  height: 4.9rem;
}

.none-cart p {
  font-size: 1.6rem;
  color: #8c8c8c;
  text-align: center;
  margin-top: 2rem;
}

.cart-items ul {
  padding-block: 1.5rem .75rem;
  border-top: 1px solid #c3c3c3;
}

.cart-items ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: .75rem;
}

.cart-items .items_title{
	width: 70%;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.cart-items .items_title .mi-box{
	width: 	12.625rem;
}

.cart-items .items_title .title{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.3125rem;
	font-weight: 500;
	width: 100%;
}

.cart-items .items_title .mi-box button{
	background-color: #f0f0f0;
	width: 2.25rem;
	height: 2.25rem;
}

.cart-items .items_title .mi-box .btn-left{
	border-radius: .3rem 0 0 .3rem;
	border-right:  1px solid #dcdcdc;
}

.cart-items .items_title .mi-box .btn-right{
	border-radius: 0 .3rem .3rem 0;
	border-left:  1px solid #dcdcdc;
}


.cart-items .items_title .mi-box input{
	width: calc(100% - 4.5rem)
}

.cart-items .items_price{
	width: 30%;
	display: flex;
	gap: 1.5rem;
	justify-content: flex-end;
	align-items: center;
}

.cart-items .items_price .price{
	font-size: 1.4rem;
	font-weight: 500;
}

/*.cart-items ul li>div {
  display: flex;
  margin-top: 1rem;
  justify-content: space-between;
  width: 100%;
}

.cart-items ul li>div .cart-unit {
  display: flex;
  gap: 10px;
}*/




/*.cart-items ul li+li {
  margin-top: 2rem;
}*/

/*.cart-items ul li p {
  font-size: 1.4rem;
}*/

.cart-items ul li p.i-title {
  /* max-width: 140px;*/
  min-width: 100px;
  font-size: 1.2rem;
  padding-right: 1rem;
}

/*.cart-items ul li p strong {
  text-align: left;
  width: fit-content;
  display: block;
}*/

/*.cart-items ul li .mi-box {
  width: 20%;
}*/

.cart-items button .ic-sdelete {
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(/images/responsive-img/ic-sdelete.svg);
  background-position: center;
}

.sum-box {
  border: 1px solid #e3e3e3;
  background-color: #f9f9f9;
  border-radius: 0.6rem;
  padding: 1rem 1.5rem;
}

.sum-box dl {
  display: flex;
  justify-content: space-between;
}

.sum-box dl dt {
  font-size: 1.4rem;
}

.sum-box dl dd {
  font-size: 1.7rem;
  color: #ff7600;
  font-weight: 500;
}


.cupone-sum-box {
  border: 1px solid #c3c3c3;
  border-radius: 0.6rem;

}

.cupone-sum-box .cupone-title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #c3c3c3;
  padding: 1rem 1.5rem;
}

.cupone-sum-box .cupone-title dt {
  font-size: 1.7rem;
  font-weight: 500;
}

.cupone-sum-box .cupone-title dd {
  border-radius: 1.3rem;
  background-color: #ff8a00;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.3rem 1rem;
}

.cupone-sum-box .cupone-title dd a {
  color: #fff;
}

.cupone-sum-box .cupone-sum dl,
.cupone-sum-box .cupone-total {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.5rem;
}

.cupone-sum-box .cupone-sum dl dt,
.cupone-sum-box .cupone-total dt {
  font-size: 1.4rem;
  font-weight: 500;
}

.cupone-sum-box .cupone-sum dl dd {
  font-size: 1.5rem;
  font-weight: 500;
}

.cupone-sum-box .cupone-total dd {
  font-size: 1.4rem;
  color: #898989;
}

.cupone-sum-box .cupone-total {
  background-color: #f9f9f9;
  border-top: 1px solid #c3c3c3;
  border-radius: 0 0 0.6rem 0.6rem;
}

.cupone-sum-box .cupone-total dd {
  font-size: 1.7rem;
  color: #ff8a00;
  font-weight: 500;
}

p.item-title {
  font-size: 1.7rem;
  font-weight: 500;
}

.more-btn .more-item {
  position: relative;
  width: 100%;

}

.more-btn .more-item>div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.more-btn .more-item::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #b4b4b4;
  position: absolute;
  top: 1rem;
}

.ic-more {
  width: 13.5px;
  height: 21.5px;
  background-color: #fff;
  background-image: url(/images/responsive-img/ic-more.svg);
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
}

.ic-more.on {
  width: 13.5px;
  height: 21.5px;

  background: url(/images/responsive-img/ic-more-close.svg);
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  background-position-y: center;
  background-color: #fff;
}

.ic-more.on+p {
  displaY: none;
}

.product-day-box {
  background-color: #fff !important;
  margin-top: 3rem;
}

.product-day-insert {
  margin-top: 3rem;
  min-height: 30rem;
}



.product-day-insert table {
  table-layout: fixed;
}

.product-day-insert table th,
.product-day-insert table td {
  white-space: normal;
}

.product-day-insert table td.point {
  color: #ff8a00;
}


.more-produc {
  transition: opacity 0.2s ease-out;
  opacity: 0;
  display: none;
  /*height: 0;*/
  overflow: hidden;
}

.close-ment {
  transition: opacity 0.2s ease-out;
  opacity: 0;
  display: none;
  height: 0;
  overflow: hidden;
}

.close-ment.show {
  transition: opacity 0.3s ease-out;
  opacity: 1;
  display: block;
  height: auto;
}


.more-produc.show {
  display: block;
  opacity: 1;
  height: auto;
}

.telephone {
  display: flex;
  gap: 1rem;
}

.authen {
  position: relative;
}

.authen span {
  color: #f51212;
  position: absolute;
  right: 1rem;
  display: block;
  top: 0.8rem;
  font-size: 1.4rem;
}

.link-list {
  padding: 1rem 0;
  height: 15rem;
  overflow-y: scroll;

}

.link-list li {
  display: flex;
  padding: 0.3rem 0;
}

.comfirm .comfirm-inner .link-list li p {
  font-size: 1.3rem;
}

.comfirm .comfirm-inner .link-list li button {
  border-radius: 0.5rem;
  font-size: 1.3rem;
  color: #ff7d0d;
  border: 1px solid #ff7d0d;
  padding: 0.2rem 0.5rem;
  font-weight: 700;
  background-color: #fff;
}


/*센터안내설정*/

.big-img-box{
  position:relative;
  height:117px;
  border:1px solid #000;
  overflow:hidden;
}
.big-img-box p,
.center-sum-img li p{
  padding:0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:16px;
  color:#fff;
  background-image: url(/images/responsive-img/blank-box-bg.png);
  background-repeat:repeat;

}
.big-img-box p img{
  position:relative;
  max-width: inherit;
  width: 100%;
  object-fit: cover;
}
.center-sum-img li p i,
.big-img-box p i{
  color:#fff;
  position: absolute;
  left:50%;
  top:50%;
  font-style: normal;
  transform: translate(-50%, -50%);
}
.banner-img-box .img-flie,
.banner-img-box .insert-file{
  width:100%;
}
.banner-img-box .insert-file{
  flex-direction: inherit;
  align-items: center;
  justify-content: space-between;
}
.banner-img-box .insert-file p{margin-top:0; text-align: right;}
.center-sum-img{
  displaY:flex; 
  gap:10px;
  margin-top:2rem;
  position: relative;
}
.center-sum-img li {
  position: relative;
}
.center-sum-img li p{
  height:6.3rem;
  font-size:1.4rem;
}
.center-sum-img li p img{
  position:relative;
  max-width: inherit;
  width: 100%;
  height:6.3rem;
  object-fit: cover;
}
.tit-center .inp-group .tit-wrap  .tit{
  align-items: center;
}
.add-row{
  position:relative;
  margin-top:2rem;
}
.sbtn-right{
  position: relative;
  display:flex;
  justify-content: flex-end;
  margin-top:1rem;
}
.add-row-btn.bbtn{
  border: 1px solid #ff8a00;
  border-radius: 3px;
  width:fit-content;
  height:3rem;
  displaY:flex; 
  justify-content: center;
  align-items: center;
  padding:0 1rem;
  color:#ff8a00;
  position: relative;

}
.add-row-btn{
  border: 1px solid #ff8a00;
  border-radius: 3px;
  width:fit-content;
  height:3rem;
  displaY:flex; 
  justify-content: center;
  align-items: center;
  padding:0 1rem;
  color:#ff8a00;
  position: absolute;
  right:0;
  top:0rem;
}
.add-row-btn button{
  color:#ff8a00;
}
.img-w-1155 .img-veiw p{
  height: 120px;
    overflow: hidden;
    border: 1px solid #000;
}
.img-w-1155 .img-veiw p img{
  object-fit: cover;
  height:120px;
  width:100%;
}
.img-w-115 .img-veiw p{
  height:115px;
  max-width:115px;
  position: relative;
}
.img-w-115 .img-veiw p img{
  object-fit: cover;
  height:115px;
  max-width:115px;
}
.img-w-200 .img-veiw{
	width:fit-content;
}
.img-w-200 .img-veiw p{
  height:200px;
  max-width:200px;
  position: relative;
   width:200px;
}
.img-w-200 .img-veiw p.widthb{
  height:150px;
  max-width:200px;
  position: relative;
   width:200px;
}
.img-w-200 .img-veiw p.widthb img{
  object-fit: cover;
  height:150px;
  max-width:200px;
  width:200px;
}
.img-w-200 .img-veiw p img{
  object-fit: cover;
  height:200px;
  max-width:200px;
  width:200px;
}
.img-w-115 .img-veiw p i,
.img-w-350 .img-veiw p i,
.img-w-1155 .img-veiw p i,
.img-w-200 .img-veiw p i{
  color:#fff;
  position: absolute;
  left:50%;
  top:50%;
  font-style: normal;
  transform: translate(-50%, -50%);
}
.img-close{
  position: absolute;
  right:0rem;
  top:0rem;
  z-index: 2;
}
.img-close i{    background-color: #00000091;}
.img-close i::before{
  content: '';
  display:block;
  width:2.4rem;
  height:2.4rem;
  background-size: contain;
  background-image: url('data:image/svg+xml;utf8,%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22xyn6gue0pa%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20data-name%3D%22%EC%82%AC%EA%B0%81%ED%98%95%203%22%20style%3D%22fill%3Anone%22%20d%3D%22M0%200h24v24H0z%22/%3E%0A%20%20%20%20%20%20%20%20%3C/clipPath%3E%0A%20%20%20%20%3C/defs%3E%0A%20%20%20%20%3Cg%20data-name%3D%22%EA%B7%B8%EB%A3%B9%2060%22%20style%3D%22clip-path%3Aurl%28%23xyn6gue0pa%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20data-name%3D%22%ED%8C%A8%EC%8A%A4%2047%22%20d%3D%22m7.89%2015.314%203.05-3.049-3.314-3.314a.75.75%200%200%201%201.06-1.062L12%2011.2l3.315-3.316a.75.75%200%200%201%201.06%201.062l-3.315%203.32%203.05%203.05a.75.75%200%200%201-1.061%201.06L12%2013.326l-3.049%203.05a.751.751%200%200%201-1.061-1.062%22%20style%3D%22fill%3A%23fff%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E%0A');
}

.file-img-delete{
  position: relative;
  border-radius: 0.3rem;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  opacity: 1;
  font-size: 1.4rem;
  background-color: #fff !important;
  color: #787878!important;
  border: 1px solid #787878 !important;
  min-width: 12.5rem;
  height: 28px;
  margin-top:0.5rem;
}

.like_btn a:after{
	content:none !important;
}
.like_btn a{
	margin-left: 2px;
	
}

.inp-group ul{
  display:flex;
  border-bottom:1px solid #dcdcdc;
  justify-content: center;
  flex-direction: column;
}
.inp-group ul.center-sum-img{
  flex-direction: inherit;
  border-bottom:0;
  justify-content: space-between;
}
.group-banner.inp-group ul{
	 flex-direction: inherit;
	  gap:20px; 
}
.group-banner.inp-group ul li{
	padding-bottom:1rem;
}
.group-banner.inp-group ul li a{
	font-size:1.4rem;
	
}
.group-banner.inp-group ul li.on a{
	color:#ff8a00;
}
.group-banner.inp-group ul li.on{
	border-bottom:2px solid #ff8a00 ; 
}
.inp-group ul.center-sum-img li{
  font-size: 1.4rem;
  padding-bottom:1rem;
  position: relative;
  width:75px;
  height:65.5px;
  background-image: url(/images/responsive-img/blank-box-bg.png);
  background-repeat:repeat;
}
.inp-group ul.center-sum-img li p{
  max-width:75px;
  height:65.5px;
  border:1px solid #000;
  overflow: hidden;
}
.inp-group ul.center-sum-img li p img{
  height:65.5px;
  width:100%;
}
.inp-group ul.center-sum-img li.ui-sortable-handle.on{border:1px solid #c00;}
.inp-group ul.center-sum-img li.ui-sortable-handle.on p{ border-color: #c00;}
.inp-group ul.center-sum-img li.on a::after{
  content:"";
  width:100%;
  displaY:block; 
  height:2px;
  background-color:#ff8a00;
  position: absolute;
  bottom:0;
}
.group-banner .banner-img-box{
  margin-top:20px;
}
.big-img-box p.number,
.inp-group ul.center-sum-img li p.number,
.inp-group ul.center-sum-img li p.snumber{
  position: absolute;
  left:0;
  top:0;
  z-index: 2;
  height: 24px;
  width: 24px;
  background-color: #00000091;
}
.small-img-box .img-veiw{
  height:105px;
}
.small-img-box .img-veiw p{
  height:120px;
  overflow:hidden;
  border:1px solid #000;
}
.small-img-box .img-veiw p img{
  position: relative;
  max-width: inherit;
  width: 100%;
  height:120px;
  object-fit: cover;

}

/*결제방식 팝업*/

.pay-ch-title{
  padding-top:1.7rem;
}
.pay-ch-title h3{
  color:#3c3c3c;
}
.pay-button-warp{
  displaY:flex; 
  flex-wrap: wrap;
}
.pay-button-warp button{
  position:relative; 
  width:calc(100% / 3);
  height:112px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0;
}
.pay-button-warp button:hover::after{
  content: "";
  width:95%;
  height:95%;
  border:3px solid #dce0e4;
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}
.pay-button-warp button img{
 max-width:50px;
 min-width:auto;
}
.pay-button-warp button:nth-child(1){
  border-right:1px solid #dcdcdc;
  border-bottom:1px solid #dcdcdc;
}
.pay-button-warp button:nth-child(2){
  border-right:1px solid #dcdcdc;
  border-bottom:1px solid #dcdcdc;
}
.pay-button-warp button:nth-child(3){
  border-bottom:1px solid #dcdcdc;
}
.pay-button-warp button:nth-child(4){
  border-right:1px solid #dcdcdc;
}
.pay-button-warp button:nth-child(5){
  border-right:1px solid #dcdcdc;
}


.terminal-warp{
 padding-top:2.4rem;
 height:300px;
 overflow-y: auto;
}
.terminal-warp li{
  display:flex; 
  justify-content: space-between;
  background-color: #fff;
  padding:13px 10px;
  border-radius: 5px;
}
.terminal-warp li+li{
  margin-top:10px;
}
.comfirm .comfirm-inner .terminal-warp li p{text-align: left; max-width:80%;}
.terminal-warp li span{
  color: #fff;
  display:flex; 
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  height:24px;
  min-width:50px;
  line-height:24px;
  background-color: #ff7d0d;
  font-size: 11px;
  padding:0 5px;
}


.pay-pd-r0{
  padding-right:1.8rem !important;
}


/*결제카드목록*/
.cradit-card{
  display:flex; 
  flex-wrap: wrap;
}
.cradit-card li{
  width: calc((100% / 3) - 10px);
  margin-bottom:1rem;
  border:1px solid #D0D5DD;
  border-radius: 5px;
  padding:1.8rem;
  height:13rem;
  display:flex;
  flex-direction: column;
  justify-content: space-between;
}
.cradit-card li+li{margin-left: 10px;}
.cradit-card li:nth-child(3n+1){margin-left: 0;}
.cradit-card li.card-defailt{
  /*background-color: #FF7D0D;*/
  border:2px solid #FF7D0D;
}

.cradit-card li:hover{
  border:1px solid #FF7D0D;
}


.cradit-card li .card-title{display:flex; flex-direction: column;color:#4B4B4B;}
.cradit-card li .card-title strong{
  font-size:20px;
  display:inline-block;
}
.cradit-card li .card-title span{
  display: inline-block;
  font-size: 1.4rem;
}
.cradit-card li .card-button-unit{
  display: flex;
  justify-content: flex-end;
}
.cradit-card li .card-button-unit button{
  border: 1px solid #FF7D0D;
  border-radius: 3px;
  width:fit-content;
  height:3rem;
  displaY:flex; 
  justify-content: center;
  align-items: center;
  padding:0 1rem;
  color:#FF7D0D;
  position: relative;
  font-size: 1.4rem;
  border-radius: 15px;
  min-width:73px;
}
.cradit-card li .card-button-unit button+button{margin-left:1rem;}
.cradit-card li .card-button-unit button:first-child{background-color:#B1B1B1 ; color:#fff; border-color:#B1B1B1;}

.cradit-card li.card-defailt .card-button-unit button:first-child{background-color:#fff ; color:#FF7D0D; border-color:#FF7D0D;}
.cradit-card li.card-defailt .card-title{color:#FF7D0D;}


.keyboard-button {
  display:inline;
  width:calc((100% / 3) - 5px);
  height:50px;
  background-color:#484C4F;
  margin-bottom:5px;
  font-size: 30px;
  color:#fff;
}


#keyboard {
   display: none;
   /*position:absolute;*/
   width:100%;
   height:auto;
   margin:0 auto;
   margin-top:10px;
   background-color:#292E32;
   /* 추가적인 스타일링 및 위치 조정 */
   padding:5px;
   text-align: right;
   padding-right: 5px;
}
#keyboard button+button{margin-left:7px;}
#keyboard button:nth-child(3n+1) {
  margin-left:0px;
}
#keyboard button:nth-child(10),
#keyboard button:nth-child(11)  {
  margin-bottom:0;
}


.key-pad-warp{
  position: absolute;
  width: 100%;
  /*height:100%;*/
  max-width:31.4rem;
  border-radius: 0.6rem;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  
}
.comfirm  .key-pad-warp .comfirm-inner{
  position: relative;
  width:100%;
  top: initial;
  left: initial;
  transform: initial;
  margin: 0 auto;
}
.comfirm  .key-pad-warp .pop-body-content{
  height:auto;
  overflow-y: initial;
  padding-bottom:10px;
}

.keypad-input{
  width:100%;
  height:auto;
  padding-top:10px;
  padding-bottom:10px;
}
.keypad-input dl{
  border:1px solid #D0D5DD;
  border-radius: 5px;
  background-color: #fff;
}
.keypad-input dl dt{
  font-size: 16px;
  font-weight: 500;
  color: #000;
  padding:10px;
  border-bottom:1px solid #DFDFDF;
}
.keypad-input dl dt input{
  width: 100%;
  height: 30px;
  padding-left:10px;
}
.keypad-input dl dt span{
  font-size: 14px;
  font-weight: 500;
  color: #9C9C9C;
  display:block;
}
.keypad-input dl dt span.point{
  color:#F22020;
}
.keypad-input dl dd{
  padding:13px;
}
.keypad-input dl dd input{
  width:100%;
  height:30px;
}
.keypad-input dl dd.point{
  color:#f07f73;
  font-size: 1.2rem;
  padding-top:0;
}
.keypad-input-submit{
  padding-top:10px;
  padding-bottom:10px;
  cursor: pointer;
   border:1px solid #D0D5DD;
   border-radius: 5px;
    background-color: #fff;

}
.keypad-input-submit+.keypad-input-submit{margin-top:5px;}
.keypad-input-submit a{
  width: 60px;
    height: 20px;
    display: flex;
    text-align: right;
    justify-content: flex-end;
    padding-right:10px;
}
.keypad-input-submit a img{
  transform: rotate(180deg);
    height: auto;
    width: 20px;
    min-width: auto;
}
.keypad-input-submit div{
 display: flex;
  justify-content: space-between;
}
.keypad-input-submit div+div{padding-top:10px;}
.keypad-input-submit div p{
  font-size:1.6rem;
  color:#000;
  font-weight: 500;
  padding-left:10px;
  text-align: left !important;
}
.keypad-input-submit div p span{
  color:#1C73F6;
}

.square-logo{displaY:flex;align-items: center; }
.square-logo dt{    width: 1.8rem;
    height: 1.8rem;}
.square-logo dd{padding-left: 1rem;
    font-size: 15px;
    font-weight: 500;
        line-height: 1;
}
.ic-back{
  width: 20px;
  height: 20px;
  background-image: url(/images/responsive-img/ic-back.svg);
  background-position:  5px -1px;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  transform: rotate(180deg);

}


.card-product-title{
  text-align: center;
  border-bottom:1px solid #E4E4E4;
}
.card-product-title p{
  font-size: 2.1rem;
  color: #000000;
  font-weight: 500;
  margin-bottom: 1rem;

}
.card-product-title p strong,
.card-product-title p em{
  color:#FF7D0D;
  font-weight: 500;
}
.card-product-title p em{
  font-size:1.6rem;
}

.card-button{
  display:flex; 
  justify-content: center;
  margin-top:1rem;

}
.card-button button{
  border: 1px solid #DFDFDF;
  width:100%;
  height:55px;
  displaY:flex; 
  justify-content: center;
  align-items: center;
  color:#000;
  position: relative;
  font-size: 1.6rem;
  border-radius: 10px;
  min-width:73px;
  font-weight: 500;

}
.card-button button.on{background-color:#E6E6E6;}
.card-button button+button{margin-left:1rem;}

.card-options {
  display: none;
  list-style-type: none;
  padding: 0;
}

.card-options li {
  margin: 5px 0;
}

.card-list{
  z-index: 2;
  margin-top: 10px;
  border: 1px solid #DFDFDF;
  border-radius: 6px;
  width:100%;
  height:55px;
  color:#000;
  position: relative;
  font-size: 1.6rem;
  font-weight: 500;
}
.card-list button{
  padding-left:10px;
  padding-right:10px;

  width:100%;
  displaY:flex; 
  justify-content:space-between;
  color:#000;
  font-size: 1.6rem;
  font-weight: 500;
  height:55px;
}
.card-list .card-options{
  background-color:#fff;
  border: 1px solid #DFDFDF;
}
.card-list .card-options li{
  padding-left:10px;
  padding-right:10px;
  height:30px;
}

#cardButton::after{
  content: "";
  width:30px;
  height:30px;
  background-image: url(/images/responsive-img/ic-back.svg);
  background-size: contain;
  transform: rotate(270deg);
  background-position: 4px;
  transition: transform 0.2s ease; 
}
#cardButton.on::after{
  content: "";
  transform: rotate(90deg);
  background-position: 4px;
  transition: transform 0.2s ease; 
}

.terms-ok-warp{
  margin-top:2rem;
}
.terms-ok-warp li {
  display:flex; 
  justify-content: space-between;
}
.terms-ok-warp li a {
  width:60px;
  height:20px;
  display:block;
  text-align: right;
}
.terms-ok-warp li a img{
  transform: rotate(180deg);
  height: auto;
  width: 20px;
  min-width: auto;
}
.terms-ok-warp li +li{
  margin-top:10px;
}

.terms-info-box{
  border-top: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  text-align: center;
  padding-top:10px;
  padding-bottom:10px;
  margin-top: 20px;;
}
.terms-info-box p{
  font-size:1.3rem;
  color:#EC7E4A;
  font-weight: 500;
}

.ctime{
  display:flex;
  justify-content: space-between;
  align-items: center;
  color:#f07f73;
}
.ctime input{margin-right:10px;}
#squareCardPop.comfirm p.point{font-size:13px;}
#squareCardPop.comfirm p.point:lang(ja){font-size:12px;}


















/*모바일끝*/

@media all and (max-width: 924px) {
  .ccklist .list {
    max-width: initial;
    width: calc(95% / 2);
  }
}

@media all and (max-width: 650px) {
  .ccklist .list {
    max-width: initial;
    width: 100%;
  }
}

@media all and (min-width: 720px) {

  .cradit-card li{
    width: calc((100% / 3) - 10px);
    justify-content: space-between;
  }
	 .pay-pd-r0{
	    padding-right:0 !important;
	  }
  .insert-file p {
    margin-top: 3rem;
  }
  .big-img-box{
    height:132.9px;
  }
	.day-serch.day2.right-day{
	    padding: 0 2rem;
	}
  .tag-warp {
    padding-top: 0;
  }

  .machine-ui {
    width: 76.5rem;
  }

  .machine-item-title {
    margin-left: 14.5rem;
  }

  .select-pop {
    width: calc(50% - 6px);
  }

  .ccklist .list {
    margin-right: 1.5rem;
  }
  

  /*비디오 전용 레이아웃*/
  .video-contants ul.inner {
    width: 70.5rem;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }

  .ccp-height {
    max-height: inherit;
  }

  .inner-flex {
    margin-right: 1rem;
  }

  /*독일어*/

  #sizeDeu:lang(de) {
    margin-top: 1.6rem;
  }

  .respon-tab ul:lang(de) {
    margin-left: auto;
  }

  /*독일어*/
  .respon-tab ul:lang(de) {
    margin-left: auto;
  }

  #dxfsOprnClsfCd-10.inner-flex:lang(de) {
    display: block;
  }

  .Responsive .border-line.tserch-box .inner-flex .inp-group+.inp-group:lang(de) {
    margin-left: 0;
    margin-top: 1rem;
  }

  .day-serch .inner-flex:lang(de) {
    margin-left: 0rem !important;
  }

  .day-serch .tree-flex-r:lang(de) {
    margin-left: 0;
  }

  .insert-check .flex-warp-box .form-check {
    width: calc(100% / 4);
  }

  .small-numch {
    padding-left: 3rem;
  }

  .column-tab ul {
    flex-wrap: initial;
    gap: 4rem;
  }

  .column-list-warp ul {
    justify-content: flex-start;
    gap: 2rem;
  }

  .tow-popwi {
    display: flex;
    gap: 10px;
    width: 550px;
    flex-direction: row;
  }

  .setnumpop-inner {
    position: relative;
    height: 25rem;
  }

  .setnumpop-inner p br {
    display: block;
  }

  .clsdAppnCdText {
    bottom: inherit;
  }

  #prdSleSyspEuCd-C .inp-flex-tow {
    flex-wrap: nowrap;
  }

  #prdSleSyspEuCd-C .day-item {
    display: block;
  }

  #prdSleSyspEuCd-C input[type="datetime-local"].inp {
    max-width: 100%;
  }

  .none-header h1 img {
    width: 23.9rem;
    height: 6.5rem;
  }

  .center-setting .inp-group.inp-flex {
    flex-direction: row;
    align-items: flex-start;
    padding: 0rem;
  }

  .center-setting .inp-group+.inp-group {
    margin-bottom: 0;
  }

  .center-setting .inp-group.inp-flex .inp-item+.inp-item {
    margin-left: 2.4rem;
  }

  .center-setting .cal-w30p {
    width: calc(100% / 3);
  }

  .center-setting .cal-w50p {
    width: calc(100% / 2);
  }

  .center-setting .cal-w30p.pad-r14,
  .center-setting .cal-pad-r14 {
    padding-right: 1.4rem !important;
  }

  /* datalist { 
position: absolute; 
background: #fff url(/images/mobile/common/ico_select.svg) no-repeat calc(100% - 10px) 50%; 
background-color: white; 
border: 0.1rem solid #dcdcdc; 
border-radius: 0.3rem; 
border-top: none; 
width: 100%; 
padding: 5px; 
background-size: 1.2rem 1.2rem; 
line-height: 2.15rem; 
z-index: 100; 

}

datalist option { 
background-color: white; 
padding: 4px; 
color: #333; 
margin-bottom: 1px; 
font-size: 1.4rem; 
max-height: 1rem; 
}*/

  .inp-group flex-none .inp-wrap {
    position: relative;
    display: inline-block;
  }

  #selPfbListWarp {
    display: inline-block;
    position: relative;

    /* width:275px; */
    /* background: #fff url(/images/mobile/common/ico_select.svg) no-repeat calc(100% - 5px) 50%; 
background-size: 1.2rem 1.2rem */
  }

  #selectPfbList {
    display: none;
    height: 500px;
    overflow: auto;
    left: 0;
    border: 1px solid black;
    position: absolute;
    z-index: 100;
    width: 100%;
    background-color: #ffffff;
  }

  #selectPfbList option {
    font-family: "NotoSansKR", "NotoSans", "NotoSansja", "맑은 고딕", "돋움",
      "Malgun Gothic", "Dotum", "Arial";
    font-size: 1.4rem;
    padding: 5px 10px;
    color: #787878;
    overflow-x: hidden;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #selectPfbList option:hover {
    background-color: #2692ed;
    color: #ffffff;
  }

  #selectPfbList.show {
    display: block;
  }

  .notice-list ul li.list-title {
    background-color: #f8f8f8;
  }

  .notice-list ul {
    min-width: 100%;
  }

  .notice-list ul li.list-title div.notice-title p {
    justify-content: center;
    padding-left: inherit;
  }

  .notice-list ul li {
    grid-template-columns: 1fr 2fr 10fr 3fr 3fr 3fr;
  }

  .notice-list ul li.anser-list {
    grid-template-columns: 1fr 2fr 19fr;
    padding-left: 0rem !important;
  }

  .notice-list ul.member-only li {
    grid-template-columns: 2fr 16fr 4fr;
  }

  .notice-list ul.member-only li.anser-list {
    grid-template-columns: 2fr 20fr;
  }

  .notice-list ul li div p {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 5rem;
    padding: 0.8rem 0.5rem 0.8rem 0;
    font-size: 1.3rem;
  }

  .notice-list ul li div.notice-title p {
    justify-content: flex-start;
    margin-left: 0 !important;
  }

  .notice-list ul li div.num {
    margin-left: 0;
  }

  .notice-list ul li div.manager,
  .notice-list ul li div.notice-center,
  .notice-list ul li div.edit-date {
    display: block;
  }

  .notice-list ul li .tbbstitle div.edit-date {
    display: none;
  }

  .notice-list ul li div.manager p,
  .notice-list ul li div.edit-date p {
    font-size: 1.2rem;
  }

  .notice-list ul li div.notice-center p {
    display: block;
    width: 120px;
    white-space: nowrap;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .notice-list ul li .m-unit {
    display: none;
  }

  .notice-list ul li.emergency div.notice-title p {
    color: #ff8a00;
    font-weight: bold;
  }

  .notice-list ul li.emergency div.num p span {
    background-color: #ff8a00;
    text-align: center;
    display: block;
    margin: 0 auto;
    line-height: 2.4rem;
    width: 5rem;
    font-size: 1.2rem;
    color: #fff;
    border-radius: 5px;
    height: 2.3rem;
  }

  .notice-list ul li.import div.num p span {
    background-color: #fff;
    border: 1px solid #ff8a00;
    color: #ff8a00;
    text-align: center;
    line-height: 2.4rem;
    width: 5rem;
    font-size: 1.2rem;
    border-radius: 5px;
    height: 2.3rem;
  }

  .insert-check .form-check {
    width: 24%;
    margin-bottom: 0.5rem;
  }

  .notice-day {
    flex-direction: row;
  }

  .notice-insert .day-item {
    display: inline-block;
  }
}

@media all and (min-width: 740px) {
 

  /*독일어*/
  #dxfsOprnClsfCd-10.inner-flex:lang(de) {
    display: flex;
  }

  .Responsive .border-line.tserch-box .inner-flex .inp-group+.inp-group:lang(de) {
    margin-left: 0 !important;
    margin-top: 1rem;
  }

  .day-serch .inner-flex:lang(de) {
    margin-left: 0rem !important;
  }

  .day-serch .tree-flex-r:lang(de) {
    margin-left: 0 !important;
  }

  .circle-toggle {
    min-width: 36rem;
    justify-content: initial;
  }

  #date-option-1 {
    min-width: 25rem;
  }

  .inp-flex .btn.w100p {
    max-width: 8.5rem;
  }

  .list-center-btn {
    height: initial;
    /*margin-left:16%; 
margin-right:16%; */
  }

  .list-center-btn button {
    width: initial;
  }

  .h-voucher .inner-flex {
    margin-right: 1rem;
  }

  .input-inner.pannal-serch .day-flex.inp-wrap .inp {
    min-width: 24rem;
  }

  .input-inner.pannal-serch {
    width: 57rem;
  }

  .report_contants .section3 table td p {
    display: inline;
    padding: 0 0.2rem;
  }

  #atabTable .w100 {
    width: 100px;
  }

  #atabTable .w137 {
    width: 137px;
  }

  #atabTable .w71 {
    width: 71px;
  }

  .Responsive .border-line.tserch-box .inp-group.all-day {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
  }

  .Responsive .border-line.tserch-box .inp-group.all-day .inp-wrap {
    flex: 1 1 auto;
  }

  .Responsive .border-line.tserch-box.UFSWCCA20 .all-day>.inp-wrap:nth-child(3),
  .Responsive .border-line.tserch-box.UFSWCCA20 .all-day>div:last-child {
    margin-left: 1rem !important;
  }

  .Responsive .border-line.tserch-box.UFSWCCA20 .all-day .inp-wrap:nth-child(2) .inp-wrap {
    margin-left: 0 !important;
  }

  .Responsive .border-line.tserch-box.UFSWCCA20 .all-day .inp-wrap input+span {
    display: block;
  }

  .Responsive .border-line.tserch-box.UFSWCCA20 .all-day .inp-wrap {
    width: auto;
  }

  #atabTable table tbody th.total {
    left: 237px;
    z-index: 1;
  }

  #atabTable table thead tr:first-child th:nth-child(2) {
    left: 237px;
    z-index: 2;
    height: 50px;
  }

  #atabTable table thead tr:first-child th:nth-child(2) {
    left: 237px;
    z-index: 2;
    height: 50px;
  }

  #atabTable table tbody th.user {
    left: 100px;
    z-index: 1;
  }

  #atabTable #dateHeader th:nth-child(n + 3)>div>div {
    left: 308px;
  }

  .user p.user-img {
    width: 49px;
    height: 39px;
    overflow: hidden;
    border-radius: 25px;
  }

  .user p.user-img img {
    width: 39px;
    height: 39px;
  }

  .user.img>div {
    flex-wrap: inherit;
  }

  .user em {
    font-size: 1.2rem;
    color: #3c3c3c;
    padding: 8px;
    font-weight: 500;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 78px;
  }

  em.number {
    width: 38px;
    padding-left: 0;
    padding-right: 0;
  }

  .lctr p.class_name {
    width: 75px;
  }

  .center-btn {
    width: 30rem;
    margin: 0 auto;
  }

  .contens-serch {
    display: flex;
  }

  .contens-serch .select-default {
    min-width: auto;
  }

  .contens-serch .inp-wrap.inp-flex.mar-l1 {
    margin-left: 1rem !important;
  }

  .contens-serch .inp-wrap {
    margin-top: 0rem;
  }

  .ccw-right-box {
    display: flex;
    justify-content: flex-end;
  }

  .tow-inpg .alt-border .ccw-right-box .inp-group {
    margin: initial;
  }

  .serch14-hidden {
    width: 100%;
    display: none;
    margin-top: 1rem;
  }

  .serch14-hidden.s-on {
    display: flex;
    justify-content: flex-end;
  }

  .alt-border .serch14-hidden .inp-group {
    padding: 0 0rem;
    width: 100%;
  }

  .chcart-warp {
    display: block;
  }

  .bar1 h2,
  .bar2 h2,
  .bar3 h2 {
    margin-top: 25px;
    text-align: center;
    color: #848484;
    margin-bottom: 30px;
  }

  .chart3-pc {
    display: block;
  }

  .chart3-moblie {
    display: none;
  }

  .bar2 .chart-inner {
    display: flex;
  }

  .bar2 .chart-inner .leg-warp,
  .bar3 .chart-inner .leg-warp {
    width: 100%;
    margin-left: 10px;
  }

  .bar2 .chart-inner .leg-warp h2 {
    margin-bottom: 0;
    margin-top: 0;
  }

  .bar3 .chart-inner .leg-warp h2 {
    margin-bottom: 10px;
    margin-top: 0;
  }

  .bar2 .chart-inner .legend {
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    height: 235px;
    margin-bottom: 0;
  }

  .bar1 .chart-inner .legend {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-flow: column wrap;
    width: 100%;
    height: 222px;
  }
}

@media all and (max-width: 930px) {
  .sche_class_row_top .day_section {
    width: 10rem;
  }

  .sche_class_article_week {
    width: 10rem;
  }
}

@media all and (max-width: 850px) {
  .day_section {
    width: 9rem;
  }

  .sche_class_article_week {
    width: 9rem;
  }
}
/*max-타블릿*/
@media all and (max-width: 780px) {
  .cradit-card li{
    width: calc((100% / 2) - 10px);
    justify-content: space-between;
  }
  .cradit-card li+li{margin-left: inherit;}
  .cradit-card li:nth-child(3n+1){    margin-left: inherit;}
  .cradit-card li:nth-child(2n){    margin-left: 10px;}

  .sche_class_article_week {
    width: 8rem;
  }

  .sche_class_article_week .article.none::after {
    transform: rotate(-10deg);
  }

  .info.lockMob {
    justify-content: center !important;
  }

  .info.lockMob span {
    font-size: 0.5rem !important;
  }

  /* .info.lockMob span:lang(de) { font-size:0.5rem !important; } */
  .info.lockMob span br {
    display: none;
  }

  .ccklist .list:nth-child(2n) {
    margin-right: 0;
  }
  
    .Responsive .border-line.flex-none{border-radius: 0;}
  
}

@media all and (max-width: 700px) {
  .sche_class_row_top .day_section {
    width: 7rem;
  }

  .sche_class_article_week {
    width: 7rem;
  }

  .sche_class_article_week .article.none::after {
    transform: rotate(-12deg);
  }

  #atabTable .user div:nth-child(2) {
    letter-spacing: -0.1em;
    word-spacing: -0.1em;
  }

  #atabTable .day-chak em {
    display: none;
  }

  #atabTable .day-chak em.on {
    display: inline;
  }
}

@media all and (max-width: 630px) {
  .sche_class_row_top .day_section {
    width: 6rem;
  }

  .sche_class_article_week {
    width: 6rem;
  }

  .sche_class_article_week .article.none::after {
    transform: rotate(-12deg);
  }
}

@media all and (max-width: 560px) {
  .cradit-card li{
    width:100%;
  }
  .cradit-card li+li{margin-left: inherit;}
  .cradit-card li:nth-child(3n+1){    margin-left: inherit;}
  .cradit-card li:nth-child(2n){    margin-left: 0px;}

  .sche_class_row_top .day_section {
    width: 5rem;
  }

  .sche_class_article_week {
    width: 5rem;
  }

  .sche_class_article_week .article.none::after {
    transform: rotate(-12deg);
  }
}

@media all and (max-width: 480px) {
  .sche_class_row_top .day_section {
    width: 4.5rem;
  }

  .sche_class_article_week {
    width: 4.5rem;
  }

  .sche_class_article_week .article.none::after {
    transform: rotate(-14deg);
  }

  .selected-option .select-inner {
    flex-wrap: wrap;
  }

  .selec-product-list ul li {
    flex-wrap: wrap;
  }

  .selected-option .select-inner p:nth-child(1) {
    max-width: 100%;
    flex: 1 1 100%;
  }

  .selec-product-list ul li p:nth-child(1) {
    max-width: 100%;
    flex: 1 1 100%;
  }

  .selected-option .select-inner p:nth-child(2) {
    text-align: left;
  }

  .selec-product-list ul li p:nth-child(2) {
    text-align: left;
  }

  .setting-title .setting-item p.point span {
    padding-right: 1rem;
  }





}

@media all and (max-width: 445px) {
  .sche_class_row_top .day_section {
    width: 4rem;
  }

  .sche_class_article_week {
    width: 4rem;
  }

  .sche_class_article_week .article.none::after {
    transform: rotate(-18deg);
  }
}

@media all and (max-width: 410px) {
  .sche_class_row_top .day_section {
    width: 3.5rem;
  }

  .sche_class_article_week {
    width: 3.5rem;
  }

  .sche_class_article_week .article.none::after {
    transform: rotate(-18deg);
  }

  /*
.locker-list .locker-position .info span { font-size:1rem; } 
 .locker-list .locker-position ul li { padding-left:0.5rem; } */
}

@media all and (max-width: 370px) {
  .sche_class_row_top .day_section {
    width: 3rem;
  }

  .sche_class_article_week {
    width: 3rem;
  }

  .sche_class_article_week .article.none::after {
    transform: rotate(-18deg);
  }

  .progress-type1 .w-count {
    position: absolute;
    top: 82%;
    left: 41%;
    z-index: 100;
    transform: translate(-30%, 20%);
  }

  .week-box button {
    width: 3.5rem;
    height: 3.5rem;
  }
}

@media all and (min-width: 320px) {
  .locker-list .locker-position ul {
    column-gap: 2.5%;
    row-gap: 2.5%;
  }

  .locker-lis .locker-positiont ul li {
    margin-bottom: 2.5%;
  }

  .none-fixed {
    min-height: auto;
  }

  .title-day {
    width: 46%;
  }

  .pop-body-content.h-36 {
    height: 16rem;
  }

  .m-w320 {
    display: block;
  }

  .m-w320 .inp-item {
    width: 100%;
  }

  .m-w320 .inp-item+.inp-item {
    margin-left: 0;
    margin-top: 1.5rem;
  }
}

@media all and (min-width: 360px) {
  .locker-list {
    padding: 1.4rem;
    /* padding-top:0; */
  }

  .locker-list .locker-position ul {
    column-gap: 0.1%;
    row-gap: 0.1%;
  }

  .locker-list .locker-position ul li {
    margin-bottom: 0.1%;
  }

  .none-fixed {
    min-height: auto;
    margin-top: -10rem;
    margin-bottom: 8rem;
  }

  .none-header h1 {
    padding-top: 0rem;
  }

  .pop-body-content.h-36 {
    height: 26rem;
  }

  .pop-body-content.h-19 {
    height: 19rem;
  }

  .m-w320 {
    display: flex;
  }

  .m-w320 .inp-item {
    width: 50%;
  }

  .m-w320 .inp-item+.inp-item {
    margin-left: 2.4rem;
    margin-top: 0rem;
  }

  .header-wrap {
    min-height: 6.5rem;
  }

  .terms-box a:lang(en) {
    font-size: 1.1rem;
  }

  .terms-box:lang(en) {
    padding: 1.2rem 1.1rem;
  }
}

@media all and (min-width: 375px) {
  .locker-list .locker-position ul {
    column-gap: 0.5%;
    row-gap: 0.5%;
  }

  .locker-list .locker-position ul li {
    margin-bottom: 0.5%;
  }
}

@media all and (min-width: 411px) {
  .locker-list .locker-position ul {
    column-gap: 2.8%;
    row-gap: 2.8%;
  }

  .locker-list .locker-position ul li {
    margin-bottom: 2.8%;
  }

  .w-input .week-box button {
    width: 4.5rem;
    height: 4.5rem;
  }
}

@media all and (min-width: 414px) {
  .locker-list .locker-position ul {
    column-gap: 2.8%;
    row-gap: 2.8%;
  }

  .locker-list .locker-position ul li {
    margin-bottom: 2.8%;
  }
}

@media all and (max-width: 320px) {
  .none-header h1 {
    padding-top: 2.5rem;
  }

  .none-header h1 img {
    width: 23.9rem;
    height: 4.5rem;
  }

  .login-wrapper {
    padding: 0rem 3.6rem;
    padding-bottom: 1.5rem;
  }

  .sns-login {
    padding: 1rem 3.6rem 2rem 3.6rem;
  }

  .user-setting ul li+li {
    margin-left: 2.5rem;
  }

  .total-fit dl {
    padding: 0.1rem 1.8rem;
    padding-right: 0rem;
  }

  .total-fit dl.item-day {
    display: block;
    flex-direction: column;
  }

  .total-fit dl.item-day dt {
    margin-top: 2rem;
    text-align: left;
  }

  .total-fit dl dt.bold {
    font-size: 1.4rem;
    font-weight: 700;
  }

  .total-fit dl dd {
    text-align: right;
    font-size: 1.4rem;
    display: flex;
    justify-content: flex-end;
  }

  .pay-complete.pay-input .text-inp input[type="text"] {
    min-width: 9rem;
  }

  .pay-complete.pay-input .text-inp.tow-box {
    width: 19rem;
    min-width: 19rem;
    max-width: 19rem;
  }

  .pay-complete.pay-input .text-inp.tow-box input[type="text"] {
    min-width: 14rem;
  }
}

@media all and (max-width: 376px) {
  .user-setting ul {
    padding-left: 0;
    padding-right: 0;
  }

  .pay-complete.pay-input dl dt {
    width: 30%;
  }

  .pay-complete.pay-input dl dd {
    width: 70%;
  }

  .pay-complete.pay-input dl dd .select-default {
    min-width: 100%;
  }

  .pay-complete.pay-input dl dd input[type="text"],
  .pay-complete.pay-input dl dd input[type="datetime-local"] {
    min-width: 100%;
  }
}

@media screen and (min-width: 321px) and (max-width: 375px) {
  .pay-complete.pay-input .text-inp input[type="text"] {
    min-width: 10rem;
  }
}

@media all and (max-width: 414px) {
  .text-inp {
    padding: 0 0.2rem;
    padding-left: 0.5rem;
  }

  .text-inp input {
    padding: 0 0.2rem;
    margin-right: 0rem;
  }

  .none-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}

@media screen and (min-width: 414px) and (max-width: 500px) {}

@media all and (min-width: 500px) {
  .pattern-box .form-check .form-inner-div {
    width: 100%;
  }

  .frame-warp {
    width: 380px !important;
    margin: 0 auto !important;
  }

  .day-item {
    margin-top: 4.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 1.4rem;
  }

  .study-color-big button+button {
    margin-left: 2.4rem;
  }

  .user-setting ul {
    width: 35rem;
    margin: 0 auto;
  }

  .none-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
  }

  /*.h320 { margin-top:20.7rem !important; } 
.h400 { margin-top: 24rem !important; } 
.h420 { margin-top: 22rem !important; } 
.h196 { margin-top:17.6rem !important; } 
.h330 { margin-top: 21rem !important; margin-bottom: 6rem !important; } 
.h340 { margin-top:21.5rem !important; margin-bottom: 6rem !important; } 
.h340.h360 { margin-top:38.5rem !important; margin-bottom: 6rem !important; } 
.h330.h360 { margin-top: 30rem !important; margin-bottom: 6rem !important; } 
*/
  .day-serch .tree-flex-r .right {
    width: 43rem;
    flex-wrap: wrap;
  }

  .day-serch {
    width: 50rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .m-195 {
    min-width: 19rem;
  }

  /*.table-container table th, .table-container table td { height:5.35rem; } */

  .inp-flex-tow.wrap-flex {
    flex-wrap: nowrap;
  }

  .wrap-flex .day-item {
    display: block;
  }

  .inp-flex-tow.wrap-flex input[type="datetime-local"].inp {
    max-width: 100%;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .button-pop .title {
    flex-direction: column;
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #d8d8d8;
    text-align: center;
  }

  .button-pop .title h4 {
    font-size: 1.5rem;
    color: #3c3c3c;
    font-weight: 700;
    font-family: "NotoSansKR";
  }

  .button-pop .title p {
    font-size: 1.2rem;
    color: #a6a6a6;
  }

  .button-pop {
    z-index: 103;
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.2);
  }

  .button-pop .btn-wrap.btn-group .btn-default,
  .button-pop .board-footer {
    width: 100%;
  }

  .user-button-group.mobile {
    position: absolute;
    width: 90%;
    border-radius: 0.6rem;
    background-color: #fff;
    padding: 2.5rem 1.8rem;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
  }

  .user-button-group>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .user-button-group>div.top-button .inner.w-10 {
    width: 100%;
  }

  .user-button-group>div.top-button .inner {
    width: 100%;
  }

  .user-button-group>div.top-button .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .user-button-group>div.top-button .inner button {
    max-width: 50%;
  }

  .user-button-group>div.top-button .inner:last-child {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 1.6rem;
    margin-bottom: 1rem;
  }

  /*.user-button-group > div:nth-child(2),
.user-button-group > div:nth-child(3) { border-bottom:1px solid #d8d8d8; padding-bottom:1.6rem; margin-bottom:1rem; } 
*/
  .user-button-group>div button {
    border: 0;
    width: 47%;
    justify-content: center;
    height: 4rem;
    display: flex;
    margin-top: 1rem;
    line-height: 1.8rem;
  }

  /*.user-button-group > div button:nth-child(2n) { margin-left:1rem; } */
  .user-button-group>div button+button {
    margin-left: 0rem;
  }

  .user-button-group>div.bottom-button {
    display: none;
  }

  .user-button-group>div.bottom-button.pad-none {
    display: flex;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .pad-block {
    display: block !important;
  }

  .pad-block>div>div:last-child {
    margin-right: 0;
  }

  .button-pop .title,
  .button-pop .board-footer {
    display: none;
  }

  .user-button-group>div.bottom-button {
    display: flex;
    width: 60rem;
    margin: 0 auto;
    margin-top: 2.5rem;
    justify-content: center;
  }

  .user-button-group>div.bottom-button.pad-none {
    display: none;
  }

  .user-button-group>div {
    display: flex;
  }

  .user-button-group>div.top-button .inner {
    display: flex;
    margin-right: 0.5rem;
  }

  .user-button-group>div.top-button .inner:lang(ja) {
    flex-wrap: wrap;
    margin-right: 0;
    flex-direction: row;
  }

  .user-button-group>div.top-button {
    width: 100%;
  }

  #btnDel {
    margin-right: 0.5rem;
  }

  .user-button-group>div button {
    border: none;
    width: fit-content;
    font-family: "NotoSansKR", "NotoSans", "맑은 고딕", "돋움", "Malgun Gothic",
      "Dotum", "Arial";
  }

  .user-button-group>div button:lang(ja) {
    margin: 0 0.5rem;
  }

  .user-button-group>div button+button {
    margin-left: 0.5rem;
    line-height: 1.5rem;
  }

  .user-button-group>div button+button:lang(ja) {
    margin-left: 0;
  }

  .user-button-group>div.top-button button:lang(ja) {
    flex: 1 1 auto;
    margin: 0 0.5rem;
    margin-bottom: 0.5rem;
  }

  .day-flex.inp-wrap .inp {
    min-width: 17rem;
  }

  .day-flex {
    align-items: flex-end;
    display: flex;
  }

  .day-flex.inp-wrap .inp-flex {
    margin-bottom: 0;
  }

  .day-flex.inp-wrap .inp-flex {
    margin-right: 0.5rem;
  }

  #searchWords.m-195 {
    min-width: 11rem !important;
  }

  #searchWords.m-195:lang(de) {
    min-width: 7rem !important;
  }

  .tserch-box .select-default {
    min-width: 13.5rem !important;
  }

  .tree-flex-r:lang(en) {
    justify-content: flex-end;
  }

  .inner.AA10-serch {
    display: block !important;
  }

  .inner-row.AA10-serch-row {
    display: flex;
  }

  .inner.AA10-serch .inner-row+.inner-row {
    margin-left: 0;
    margin-top: 1rem;
  }

  .Responsive .border-line.tserch-box .flex-box .inner.AA10-serch .w50+.w50 {
    margin-left: 0;
  }

  .Responsive .border-line.tserch-box .flex-box .inner-row.AA10-serch-row .w50+.w50 {
    margin-left: 1rem;
  }

  .Responsive .border-line.tserch-box .flex-box .inner-row.AA10-serch-row .inp-group {
    width: 100%;
  }

  .Responsive .border-line.tserch-box .flex-box .inner-row.AA10-serch-row .inp-group+.inp-group {
    margin-top: 0;
  }

  .Responsive .border-line.tserch-box .flex-box .inner-row.AA10-serch-row .inp-group+.inp-group.mar-l0 {
    margin-left: 1rem !important;
  }

  .graph-area .title {
    display: flex !important;
  }

  /*.title { display: none !important; } */
  .Responsive .border-line.tserch-box .flex-box .inp-group.none-title {
    margin-top: 3rem;
  }

  #guide_weight .title {
    display: flex !important;
  }

  #div-select-stff .mar-l1,
  .haa-serch button.btn {
    margin-left: 1rem !important;
  }

  #pop-add-member.comfirm .comfirm-inner {
    width: 59rem;
  }
}

@media all and (min-width: 600px) {
  /*.h340 { margin-top:21.5rem !important; margin-bottom: 6rem !important; } 
.h340.h360 { margin-top:38.5rem !important; margin-bottom: 6rem !important; } */

  .tserch-box .select-default {
    min-width: 13.8rem;
  }

  #stffUno {
    width: 13.8rem;
  }

  .study-main {
    width: 42.6rem;
    margin: 0 auto;
  }

  .progress-type1 .w-count {
    position: absolute;
    top: 82%;
    left: 0px;
    z-index: 100;
    width: 100%;
    transform: translate(0%, 20%);
  }
}

@media all and (max-width: 739px) {
  .none-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
  }

  .none-footer.relative {
    position: relative !important;
  }
}

.exrcEmptyList .exrcEmptyList-inner .m-menu-close {
  display: none;
}

/*pad*/
@media all and (min-width: 740px) {
  .contact-list {
    display: block;
    margin-top: 2.2rem;
  }

  .contact-list>dl+dl {
    margin-left: 1rem;
  }

  .title-name {
    padding-bottom: 1rem;
  }

  .title-name.too-name {
    justify-content: space-between;
    flex-direction: inherit;
  }

  .haa-serch {
    justify-content: flex-end;
  }

  .haa-serch div.w44 {
    margin-left: 1rem;
  }

  .haa-serch .w30 {
    width: 30%;
  }

  .haa-serch .w44 {
    width: 44%;
  }

  .haa12-btn {
    margin-top: 0rem;
  }

  .inp-flex-tow.m-flex-none {
    display: flex;
  }

  .inp-flex-tow.m-flex-none .inp-item+.inp-item {
    margin-left: 1.2rem;
  }

  .table-container table .first-col p {
    max-width: 100% !important;
  }

  .table-container table td.first-col p.br-m br {
    display: none;
  }

  .sche_class_basic .sche_class_title {
    font-size: 1.2rem;
    font-weight: 500;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100px;
    overflow: hidden;
  }

  .oder-admin {
    margin-top: 0;
  }

  .table-colspan {
    position: absolute;
    width: 100%;
  }

  .btn-search.m-w100 {
    width: auto;
  }

  .sche_cate_tab_area {
    width: 85.6rem;
  }

  .sche_cate_tab_area ul {
    justify-content: flex-start;
    width: 85.6rem;
  }

  .w-tab.respon-tab ul li {
    min-width: fit-content;
    margin-left: 0;
    margin-right: 0;
  }

  .respon-tab,
  .respon-tab ul {
    justify-content: center;
    margin: 0 auto;
  }

  .respon-tab.left-justify ul {
    justify-content: flex-start;
  }

  .respon-tab.day-list ul {
    width: 92rem;
  }

  .respon-tab .swiper-button-next.swiper-button-white,
  .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: none;
  }

  .respon-tab .swiper-button-prev.swiper-button-white,
  .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: none;
  }

  .respon-tab.day-list ul {
    justify-content: space-around;
  }

  .respon-tab.day-list ul li {
    min-width: fit-content;
  }

  .wrapper .container {
    margin-top: 2rem;
    min-height: 45rem;
  }

  .m-width-pop {
    max-width: 38rem;
  }

  .pass-pop .pop-header.pop-input .tserch-box {
    max-height: 500px;
  }

  .pass-pop .pop-header.pop-input .tserch-box:lang(ja) {
    min-height: 460px;
  }

  .pass-pop .pop-header.pop-input .tserch-box.ja-pop:lang(ja) {
    min-height: auto;
  }

  /*그래프*/
  .graph-tab {
    height: 6rem;
    padding-bottom: 2rem;
  }

  .graph-icon {
    position: absolute;
    right: 2rem;
    top: 0rem;
  }

  /*운동가이드 조회 타블릿/pc만 팝업*/
  /*안내 팝업*/
  .exrcEmptyList {
    z-index: 100;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.2);
  }

  .exrcEmptyList.comfirm-no1 {
    z-index: 1000 !important;
  }

  .exrcEmptyList.none-bg {
    background-color: transparent;
  }

  .exrcEmptyList .exrcEmptyList-inner {
    position: absolute;
    width: 25%;
    height: 50rem;
    overflow-y: auto;
    border-radius: 0.6rem;
    background-color: #fff;
    padding: 2.5rem 1.8rem;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
  }

  .exrcEmptyList.none-bg .comfirm-inner {
    padding: 0;
    border: 1px solid #ff8a00;
    box-shadow: 0px 12px 16px 0 rgba(0, 0, 0, 0.2);
  }

  .exrcEmptyList .exrcEmptyList-inner p {
    width: 100%;
    font-size: 1.6rem;
    display: block;
    text-align: center;
    color: #3c3c3c;
  }

  .exrcEmptyList img {
    width: 100%;
    display: block;
  }

  .exrcEmptyList p.point {
    color: #f68c30;
    font-size: 0.9rem;
    margin-bottom: 1.55rem;
  }

  .exrcEmptyList p.s-text {
    font-size: 0.6rem;
    color: #8c8c8c;
    letter-spacing: -0.03rem;
    margin-bottom: 1.55rem;
  }

  .exrcEmptyList .left-text {
    margin-bottom: 1rem;
  }

  .exrcEmptyList .left-text p.s-text {
    font-size: 1.2rem;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
  }

  .exrcEmptyList .exrcEmptyList-inner .m-menu-close {
    display: block;
    right: 0rem;
    background-image: url("/images/mobile/common/m-menu-close.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
  }

  .exrcEmptyList .radius-box {}

  .exrcEmptyList-inner>a {
    position: absolute;
    right: 2rem;
    display: block;
    width: 2rem;
    height: 2rem;
    z-index: 100;
  }

  .exrcEmptyList .exrcEmptyList-inner::-webkit-scrollbar {
    width: 0.3rem;
  }

  .exrcEmptyList .exrcEmptyList-inner::-webkit-scrollbar-thumb {
    background-color: #2f3542;
    border-radius: 10px;
  }

  .exrcEmptyList .exrcEmptyList-inner::-webkit-scrollbar-track {
    background-color: grey;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
  }

  .tow-line .inner-row+.inner-row {
    margin-top: 0rem;
    margin-left: 1rem;
  }

  .Responsive .border-line.tserch-box .flex-box .inner {
    display: flex;
    align-items: flex-end;
  }

  .Responsive .border-line.tserch-box .flex-box .w50 {
    width: 100%;
  }

  .Responsive .border-line.tserch-box .flex-box .w50+.w50 {
    margin-left: 1rem;
    z-index: 100;
  }

  .Responsive .border-line.tserch-box .flex-box.haa-serch .w50,
  .Responsive .border-line.tserch-box .flex-box.haa-serch .w50p {
    margin-top: 0;
  }

  .Responsive .border-line.tserch-box .flex-box.haa-serch #userAhnmNm {
    width: 20rem;
  }

  .sche-button {
    width: 100%;
    display: flex;
    position: absolute;
    justify-content: space-between;
    top: 8rem;
    padding: 0 1.8rem;
  }

  #exrcEmptyList .center-list {
    width: 100%;
  }

  .center-list {
    width: 33.9rem;
    margin: 0 auto;
  }

  .poll-result .title-text {
    padding-bottom: 2.2rem;
    padding-top: 0rem;
  }

  .Responsive .border-line.tserch-box .inp-group.w38p {
    width: 35.5rem !important;
  }

  .tccm-info {
    width: 42.6rem;
  }

  .tccm-switch {
    width: 42.6rem;
  }

  .tserch-box .input-inner {
    width: auto;
  }
  
  .mony-pannal .inp-wrap {
    display: flex;
    align-items: center;
  }

  .Responsive .mony-pannal.border-line.tserch-box .btn-search {
    margin-left: 1rem;
  }

  .input-inner.p-flex.align-t {
    align-items: flex-start;
  }

  .align-t .p-flex+.p-flex {
    margin-left: 1rem;
  }

  .input-inner.p-flex.align-t .btn-search {
    margin-left: 0;
  }

  .pattern-box,
  .center-box,
  .input-inner.center-box {
    width: 57rem;
    margin: 0 auto;
  }

  .Responsive .border-line.tserch-box .inp-group {
    margin-bottom: 0;
  }

  .Responsive .border-line.tserch-box .inp-group.serch-toggle {
    display: block;
    width: auto;
  }

  .Responsive .border-line.tserch-box .inner-flex {
    margin-bottom: 0rem;
  }

  .Responsive .border-line.tserch-box #dxfsOprnClsfCd-10 .inp-group+.inp-group:lang(en) {
    margin-top: 0rem;
    margin-left: 1rem;
  }

  #dxfsOprnClsfCd-10:lang(en) {
    display: flex;
    width: 100%;
  }

  .tab07-setting {
    color: #ff7d0d;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 600;
  }

  .day-serch.day2 {
    display: flex;
    align-items: self-start;
    width: 65rem;
  }

  .day-serch.day2 .dat1-title,
  .input-inner.p-flex .day-serch.day2 div+div,
  .day-serch.day2 .tree-flex-r {
    margin-top: 0;
  }

  .day-serch.day2 .tree-flex-r .login-info+.login-info {
    margin-bottom: 0;
  }

  .day-serch.day2 .tree-flex-r .right {
    width: 48rem;
    flex-wrap: wrap;
    justify-content: unset;
  }

  .day-serch.day2 .tree-flex-r .right .login-info {
    width: 25%;
    margin-bottom: 1rem;
  }

  .day-serch.day2 .tree-flex-r .right .login-info:lang(ja) {
    width: 45%;
    margin-bottom: 0.5rem;
  }

  .Responsive .border-line.tserch-box .input-inner.p-flex .inp-group+.inp-group {
    margin-left: 1.2rem;
  }

  /*.Responsive .border-line.tserch-box .inp-group + .inp-group { margin-top: 0rem; } */
  .day-serch h4 {
    font-size: 1.4rem;
    color: #787878;
    margin-top: 1.6rem;
  }

  /*
.h400 { margin-top: 24rem !important; } */
  /*.h330 { margin-bottom: 6rem !important; } 
.h330.h360 { margin-bottom: 6rem !important; } */
  .pattern-list .form-check {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
  }

  #guide_one_pattern .pattern-list .form-check label {
    width: 25rem;
    flex-direction: column;
    justify-content: center;
  }

  #guide_one_pattern .pattern-list .form-check label .label-title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }

  #guide_one_pattern .pattern-list .form-check label .label-title .title {
    margin-top: 0;
    margin-left: 10px;
  }

  #guide_one_pattern .meta {
    margin-top: 0;
  }

  #guide_one_pattern .meta p {
    width: auto;
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 0.5rem;
  }

  #guide_one_pattern .meta p:last-child::after,
  #guide_one_pattern .meta p span::after {
    content: none;
  }

  #guide_one_pattern .meta p::after {
    content: "";
    width: 1px;
    height: 1rem;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 0.5rem;
    margin-left: 0.3rem;
  }

  #guide_one_pattern .meta span {
    padding-right: 1rem;
  }

  #guide_one_pattern .inp-wrap {
    display: flex;
    margin-top: 1rem;
  }

  #guide_one_pattern .inp-wrap dl+dl {
    margin-left: 1rem;
  }

  #guide_one_pattern .inp-wrap dl dt {
    margin-bottom: 1rem;
  }

  #guide_one_pattern .inp-wrap dl dt label {
    font-size: 1.4rem;
    color: #787878;
  }

  #guide_one_pattern .inp-wrap dl dt br {
    display: none;
  }

  .product-list ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1.8rem;
    justify-content: space-between;
  }

  .product-list ul li {
    border-radius: 0.6rem;
    max-width: 49%;
    width: 100%;
    margin: 1.8rem 0;
    margin-bottom: 1.2rem;
    margin-top: 0;
  }

  /* .table-container table { padding-left:32.5%; } */
  .pass-pop .pop-header .input-inner {
    width: 100% !important;
  }

  .pop-body-content {
    padding-right: 0;
    /*padding-right:0.5rem;*/
  }

  .respon-tab ul {
    width: 100%;
    transition-duration: 0ms;
    transform: translate3d(0px, 0px, 0px) !important;
  }

  .respon-tab ul.w-tow {
    width: 30rem;
    justify-content: center;
  }

  /*.respon-tab ul li { width:10rem !important; } */
  .respon-tab ul.w42 li {
    width: 8rem !important;
  }

  .breadcrumbs {
    padding: 0rem 1rem;
  }

  .round-box {
    border-radius: 1rem;
  }

  /*sales-information*/
  .sales-information {
    padding: 1.8rem;
  }

  .sales-content {
    display: none;
    padding: 1.9rem 5.3rem;
  }

  .sales-content.on {
    display: flex;
  }

  .sales-content>div {
    width: 50%;
  }

  .sales-content>div:last-child {
    padding-left: 5.3rem;
    border-left: 1px solid #d3d3d3;
  }

  /*table에 제목 들어간 디자인*/
  .table-title {
    display: flex;
    font-size: 1.5rem;
    margin-left: 10rem;
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .add-day {
    margin-top: 1rem;
  }

  .day-serch h4 {
    margin-top: 0;
  }

  .user-setting ul {
    width: 100%;
  }

  .user-setting ul li:nth-child(4n) {
    margin-right: 0;
    margin-left: 3.1rem;
  }

  .user-setting ul li:nth-child(5n) {
    margin-left: 0rem;
  }

  .user-setting ul li+li {
    margin-left: 3.1rem;
    margin-right: 0rem;
  }

  .login-wrapper,
  .text-line,
  .sns-login {
    width: 30.3rem;
    margin: 0 auto;
    padding: 2.35rem 0rem;
  }

  /*.none-footer { position:absolute; width:100%; bottom:0; } */
  .none-footer {
    position: relative;
    width: 100%;
  }

  .app-down {
    display: flex;
    font-size: 1.4rem;
    justify-content: center;
    color: #7b7b7b;
    margin-bottom: 3rem;
    margin-right: 1rem;
  }

  /* .app-down::before { content: ""; background-image: url(/images/responsive-img/ios.png); width:8rem; height:2.6rem; display:block; background-size:contain; background-repeat: no-repeat; } */
  /*.none-footer .copyright { display:none; } */
  .footer-inner {
    width: 42.3rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }

  .footer-inner a {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }

  .nofooter .footer {
    display: block;
    margin-top: 0;
  }

  /*메뉴*/
  .h-etc {
    border-top: 0;
  }

  .h-etc ul {
    flex-wrap: wrap;
    width: 28rem;
    height: 6rem;
    justify-content: inherit;
  }

  .h-etc ul li {
    width: 50%;
    height: 3rem;
    border-top: 1px solid #eceef0;
    border-right: 1px solid #eceef0;
  }

  .h-etc ul li:nth-child(2),
  .h-etc ul li:nth-child(4) {
    border-right: 0;
  }

  .h-etc ul li+li::before {
    content: none;
  }

  .m_menu-wrap {
    width: 28rem;
    box-shadow: -4px 0px 8px 0 rgba(0, 0, 0, 0.12);
  }

  .oder-admin {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }

  .oder-admin dl {
    width: 30%;
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    padding-bottom: 0;
    flex-wrap: wrap;
    border-bottom: 0;
    border-right: 1px solid #f0f2f4;
    text-align: center;
  }

  .oder-admin dl dt {
    margin-bottom: 1.5rem;
  }

  .oder-admin dl dt,
  .oder-admin dl dd {
    width: 100%;
  }
  
  .oder-admin dl dd {
  	text-align: center;
  }

  .oder-admin dl:last-child {
    border-right: 0;
  }

  /*영향도:UFSWCCK10F01*/
  .alt-border .inp-group {
    padding: 0 1.8rem;
  }

  /*센터 표지*/
  .center-img {
    height: 18rem;
    flex-direction: unset;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2.4rem;
    background-color: #fff;
    width: 100%;
    display: flex;
    position: relative;
    justify-content: flex-end;
    align-items: flex-end;
  }

  .center-img-button {
    display: flex;
    width: 15rem;
    justify-content: space-between;
  }

  .center-img-button button {
    width: 7.2rem;
    border: 1px solid #a0a0a0;
    background-color: #fff;
    color: #787878;
    align-items: center;
    display: flex;
    justify-content: center;
  }

  .center-img-button button+button {
    border: 1px solid #505050;
    background-color: #505050;
    color: #fff;
  }

  /*.size-info { color:#dcdcdc; font-size:1rem; width:60%; text-align:center; } */

  /*고정라커*/

  .locker-list .locker-position ul li {
    width: 8rem;
    height: 8rem;
    margin: 4px;
  }

  .study-list-setting {
    background-color: #f4f4f4;
  }

  .study-list-setting ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0rem 1.8rem;
  }

  .study-list-setting li {
    position: relative;
    cursor: pointer;
    width: 49%;
    margin-bottom: 1rem;
    display: flex;
    border: 1px solid transparent;
    border-radius: 0.6rem;
    padding: 1.2rem 1.8rem;
    background-color: #fff;
  }

  .study-list-setting li:nth-child(2n) {
    margin-left: 1rem;
  }

  .study-main .info dl {
    border-radius: 0.6rem;
    background-color: #f6f8fa;
    text-align: center;
  }

  .text-temp dl dd button+button {
    margin-left: 0.5rem;
  }

  .text-temp dl dd {
    width: fit-content;
  }

  .text-temp dl dd button {
    width: auto;
  }

  .text-temp dl {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .pop-w-gbtn {
    width: 30%;
    margin: 0 auto;
  }

  .table-container .table-wrapper.pop-tableno table .first-col {
    width: 10%;
  }

  .table-container .table-wrapper.pop-tableno table {
    padding-left: 10%;
  }

  .legend {
    display: flex;
    width: 42rem;
    border: 1px solid #dcdcdc;
    border-radius: 0.6rem;
    padding: 2.3rem 1.8rem;
    height: 100%;
  }

  .ftoggle2 {
    display: none;
  }

  .chart-box .chart {
    width: 50%;
  }

  .chart-box {
    display: flex;
    flex-direction: unset;
    background-color: #fff;
    padding: 1.8rem;
    justify-content: space-between;
    align-items: center;
  }

  .chart-box h2 {
    font-size: 1.4rem;
    color: #3c3c3c;
    text-align: center;
  }

  .chart-box2 {
    display: flex;
    flex-direction: row;
    padding: 0rem;
    margin-top: 2.5rem;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
  }

  .chart-box3 {
    display: flex;
    flex-direction: column;
    padding: 0rem;
    margin-top: 2.5rem;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
  }

  .chart-box3 .legend {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 50rem;
  }

  .chart-box3 .legend dl {
    width: 45%;
  }

  .chart-box3 .legend dl+dl {
    margin-top: 0;
  }

  /*클레스 팝업*/
  .class-pop .inner {
    width: 32.5rem;
  }

  .rating {
    display: flex;
    min-width: 32.5rem;
    flex-direction: unset;
  }

  .toggle-warp {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 4rem;
  }

  .toggle-warp button::before,
  .toggle-warp button::after {
    content: "";
    display: block;
    z-index: 1;
    width: 1px;
    height: 21.4rem;
    background-color: #eaeaea;
  }

  .rating .left {
    width: 100%;
    margin-right: 0rem;
    padding-right: 0 !important;
  }

  .toggle-warp button {
    position: relative;
    flex-direction: column;
  }

  .toggle-warp button::before {
    margin-bottom: 0.7rem;
  }

  .toggle-warp button::after {
    margin-top: 0.7rem;
  }

  .class-pop .inner.w100 {
    width: 65.3rem;
    overflow-y: unset;
  }

  .toggle-warp button i {
    z-index: 2;
    width: 2.2rem;
    display: block;
    height: 2.2rem;
    background-size: 95%;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    background-position: center;
    background-image: url(/images/responsive-img/closeicon.svg);
  }

  .toggle-warp button i.on {
    transform: rotate(-90deg);
  }

  .rating .right {
    display: none;
    width: 100%;
  }

  .right-review ul li .user-vi p {
    width: 22.4rem;
    font-size: 1.2rem;
    color: #a0a0a0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.2em;
    height: 3.4em;
    /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
  }

  .content.m-paddig {
    padding: 0rem;
  }

  .content.m-paddig .Responsive .border-line {
    border-radius: 0.6rem;
  }

  .etc-recording {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .etc-recording li {
    width: auto;
    margin-top: 0;
  }

  .sche_tab_area .sche_tab {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }

  .pattern-box .form-check label a {
    position: relative;
    margin-top: 0.1rem;
  }

  .form-check label a i {
    content: "";
    position: relative;
  }

  .pattern-box .form-check label {
    display: flex;
    align-items: center;
  }

  .pattern-box .meta {
    padding-left: 0 !important;
    margin-top: 0 !important;
  }

  .title-sub {
    display: flex;
    margin-top: 0;
  }

  .title-sub p {
    font-size: 1.2rem;
  }

  .title-sub p+p {
    margin-left: 2rem;
  }

  .title-sub .point {
    color: #ff8a00;
  }

  #exrcEmptyList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #exrcEmptyList .radius-box {
    width: 49%;
  }

  .risk-result .box-text {
    width: 42.6rem;
  }

  .report_contants .section1,
  .report_contants .section2 {
    display: flex;
    padding-bottom: 3rem;
  }

  .report_contants .section1 .left,
  .report_contants .section1 .graph,
  .report_contants .section2 .left,
  .report_contants .section2 .graph {
    width: 50%;
  }

  .report_contants .graph {
    margin-top: 0rem;
  }

  .report_contants .section2 {
    padding-top: 3.7rem;
  }

  .report_contants .section2 .left ul {
    width: 29.6rem;
    position: relative;
    width: 29.6rem;
    margin-top: 4.8rem;
    display: flex;
    flex-wrap: wrap;
  }

  .m-none {
    display: block !important;
  }

  .report_contants .section2 .left ul li:nth-child(2n) {
    margin-left: 1rem;
  }
}

/*패드 끝*/

@media all and (min-width: 760px) {
  .content+.content {
    margin-top: 1rem;
  }

  /*.table-container table .first-col,
.table-container.w-130 table .first-col { /*width:20%; left:0; } */

  .table-container table,
  .table-container.w-130 table {
    position: relative;
    /*padding-left:20%; */
  }

  .table-container .HCA10 table .first-col {
    min-width: 13rem;
  }

  /*.table-container table#tableList:lang(en) { padding-left: 32%; } */

  /*.cea12 { padding-left: 16rem; } 
.cea12table .first-col { width: 22rem; } */

  #tableList .table-container table .first-col.w50p {
    width: 100% !important;
  }

  .table-container .scroll-w.table-wrapper {
    overflow-x: auto;
  }

  /*.table-container .scroll-w.table-wrapper table { padding-left: 20%; } 
.table-container .scroll-w.table-wrapper table th,
.table-container .scroll-w.table-wrapper table td { min-width:5rem; } */
  .Responsive .border-line.tserch-box .flex-box.haa-serch #userAhnmNm {
    width: 19rem;
  }

  /*장바구니*/
  .section-r {
    display: flex;
    margin: 0rem;
    max-width: 96rem;
    margin: 1.8rem auto;
  }

  .section-r .item-left {
    width: 60%;
    padding-right: 2.4rem;
    border-right: 1px solid #f0f2f4;
    position: relative;
  }

  .section-r .item-left .item-info {
    width: 100%;
    min-height: 16.1rem;
  }

  .section-r .item-info {
    width: 40%;
  }

  .section-r .item-info.p-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .section-r .item-left .item-info.p-flex .cart-item dl:first-child {
    margin-bottom: 0;
  }

  .Responsive .border-line.tserch-box {
    padding: 1rem 3.2rem 1rem 3.2rem;
  }

  .Responsive .border-line.tserch-box:lang(ja) {
    padding: 1.8rem;
  }

  .Responsive .border-line.tserch-box .btn-search {
    margin-left: 1rem;
  }

  .content-center-box .pay-item,
  .content-center-box .point-cash,
  .content-center-box .point-warp,
  .content-center-box .cash-info,
  .content-center-box .info-mass,
  .content-center-box .pay-complete,
  .pay-product-list,
  .btab-contents {
    width: 42.6rem;
    margin: 0 auto;
  }

  .btab-contents.wide {
    width: auto !important;
  }

  .pop-body-content .pay-product-list {
    width: 100%;
  }

  .inner-box-w {
    width: 100%;
    padding: 2.4rem 1.8rem;
    background-color: #fff;
    border-radius: 1rem;
    min-height: 42rem;
  }

  .inner-box-w2 {
    width: 100%;
    padding: 2.4rem 1.8rem;
    background-color: #fff;
    border-radius: 0.6rem;
    min-height: 24rem;
  }

  .wrapper .container.non-height .inner-box-w {
    min-height: 100% !important;
  }

  .inner-box-w.w70 {
    width: 70%;
  }

  /*.h340 { margin-top:24.5rem !important; margin-bottom: 6rem !important; } 
.h340.h360 { margin-top:37.5rem !important; margin-bottom: 6rem !important; } 
.h330.h360 { margin-top: 31.6rem !important; margin-bottom: 6rem !important; } */
  .day-serch .tree-flex-r .right {
    flex-wrap: unset;
    width: 33rem;
  }

  .locker-list {
    padding: 1.8rem;
  }

  .locker-list .locker-position ul {
    column-gap: 0.05%;
    row-gap: 0.05%;
  }

  .locker-list .locker-position ul li {
    margin-bottom: 0.05%;
  }

  .locker-position {
    min-height: 19rem;
  }

  .inp-wrap.btn-warp-flex {
    display: flex;
    justify-content: center;
  }

  .inp-wrap.btn-warp-flex .btn-wrap.btn-group {
    margin-top: 0 !important;
  }

  .inp-wrap.btn-warp-flex .btn-wrap.btn-group+.btn-wrap.btn-group {
    margin-left: 1rem;
  }

  .input-inner.w60p {
    width: 60rem !important;
    margin: 0 auto;
  }

  .pop-body-content.h-36 {
    height: 40rem;
  }

  .pop-body-content.h-29 {
    height: 29rem;
  }

  .day-flex.inp-wrap .inp {
    min-width: 17rem;
  }

  .day-flex {
    align-items: flex-end;
    display: flex;
  }

  .day-flex.inp-wrap .inp-flex {
    margin-bottom: 0;
  }

  .day-flex.inp-wrap .inp-flex {
    margin-right: 0.5rem;
  }

  .Responsive .border-line.tserch-box .btn-search {
    margin-left: 1rem;
  }

  .Responsive .border-line.tserch-box .input-inner.p-flex .inp-group+.inp-group {
    /* margin-left:0rem; */
    margin-top: 0;
  }

  /*사용자 검색만 적용*/
  #dxfsOprnClsfCd-10 .inp-group.flex-none {
    margin-right: 1rem;
  }
}

/*패드*/
@media all and (min-width: 1025px) {
  .ccklist .list:nth-child(3n) {
    margin-right: 0;
  }

  /*독일어*/
  #dxfsOprnClsfCd-10.inner-flex:lang(de) {
    display: flex;
  }

  .Responsive .border-line.tserch-box .inner-flex .inp-group+.inp-group:lang(de) {
    margin-left: 0 !important;
    margin-top: 0rem;
  }

  .day-serch .inner-flex:lang(de) {
    margin-left: 0rem !important;
  }

  .day-serch .tree-flex-r:lang(de) {
    margin-left: 0 !important;
  }

  .setnumpop {
    left: 77rem;
    top: 130rem;
  }

  .container.max-width {
    width: 120rem !important;
  }

  .Responsive .border-line.tserch-box.UFSWCCA20 .input-inner {
    display: flex;
  }

  .Responsive .border-line.tserch-box.UFSWCCA20 .all-day {
    margin-top: 0;
  }

  /*인풀 아이콘 삭제*/
  input[type="number"]::-webkit-outer-spin-button,
  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  #pop-add-member.comfirm .comfirm-inner {
    width: 80rem;
  }

  .respon-tab.left-justify ul {
    justify-content: center;
  }

  input[type="data"]::-moz-clear {
    display: none;
  }

  .datetime-reset-button {
    display: none !important;
  }

  /*sales-information*/
  .sales-information {
    padding: 0;
  }

  .progress-type1 .w-count {
    position: absolute;
    top: 82%;
    left: 96px;
    z-index: 100;
    width: 142px;
    transform: translate(40%, 20%);
  }

  .content {
    border-radius: 1rem;
    /* overflow: hidden; */
  }

  .content.big-width {
    width: 1024px;
  }

  .content+.content {
    margin-top: 1rem;
  }

  .item-button .btn-wrap.btn-group {
    display: block;
  }

  .item-button .btn-wrap.btn-group .btn-default {
    width: 100%;
  }

  .item-button .btn-wrap.btn-group .btn-default+.btn-default {
    margin-left: 0;
    margin-top: 1.2rem;
  }

  .item-button {
    border-top: 0;
  }

  .product-list ul,
  .res-warp,
  .breadcrumbs,
  .tserch-box .input-inner,
  .container,
  .f-section1 .inner {
    width: 92rem !important;
    margin: 0 auto;
    position: relative;
  }

  .container.big-width {
    width: 1024px !important;
  }

  .favo-lis {
    top: 3.5rem;
  }

  .product-info {
    padding: 1rem;
  }

  .pay-text,
  .product-title {
    width: 42.6rem;
    margin: 0 auto;
    text-align: center;
  }

  .product-title.inner-wbig {
    width: 50rem;
  }

  .input-inner.inner-wbig-70,
  .product-title.inner-wbig-70 {
    width: 60rem;
  }

  .pay-text br {
    display: block;
  }

  .breadcrumbs {
    padding: 0rem;
  }

  .pop-header {
    width: 100%;
    position: relative;
  }

  .pass-pop .pop-header .input-inner {
    width: 100% !important;
  }

  .pop-body-content::-webkit-scrollbar {
    width: 5px;
    position: absolute;
  }

  .pop-body-content::-webkit-scrollbar-thumb {
    background-color: #2f3542;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
  }

  .pop-body-content::-webkit-scrollbar-track {
    background-color: grey;
    border-radius: 10px;
    box-shadow: inset 0px 0px 3px white;
  }

  /*박스 스타일*/
  .bg-gray {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .radius-box {
    width: 49.4%;
    margin-bottom: 12px;
  }

  .radius-box+.radius-box {
    margin-top: 0rem;
  }

  /*사용자 영역*/
  .Responsive .border-line {
    padding: 2.8rem 2rem 2.8rem 2rem;
  }

  .user-box {
    display: flex;
  }

  .profile_bg {
    width: 40px;
    height: 40px;
  }

  .profile_bg img {
    width: 100%;
  }

  .profile_user {
    margin-left: 0.5rem;
  }

  .profile_user dt {
    font-size: 14px;
  }

  .profile_user dd {
    font-size: 12px;
    margin-top: 7px;
  }

  .content-center-box .info-mass {
    margin-bottom: 3rem;
  }

  /*상품목록(사용자조회)*/
  .product-list ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: flex-start;
  }

  .product-list ul li {
    width: 100%;
    max-width: 28.8rem;
    margin-right: 2rem;
  }

  .product-list ul li:nth-child(3n) {
    margin-right: 0;
  }

  /*검색 달력*/

  .day-flex.inp-wrap .inp-flex {
    margin-right: 1rem;
    margin-bottom: 0;
  }

  .circle-toggle {
    min-width: 36rem;
    justify-content: initial;
  }

  .day-flex.inp-wrap .inp {
    min-width: 17rem;
  }

  .w-span span,
  .day-flex.inp-wrap .inp-flex span {
    margin-left: 1rem;
    margin-right: 1rem;
  }

	.day-flex.inp-wrap .inp-flex span.form-check {
	min-width: 100px;
}

  .day-flex.inp-wrap .inp-flex .inp {
    margin-left: 0;
  }

  /*검색*/
  .Responsive .border-line.tserch-box .input-inner.p-flex .inp-group+.inp-group {
    margin-left: 1.2rem;
  }

  .Responsive .border-line.tserch-box .input-inner.p-flex.align-t .inp-group+.inp-group {
    margin-left: 0;
  }

  .Responsive .border-line.tserch-box .btn-search {
    min-width: 7.2rem;
  }

  .inp-group+.inp-group {
    margin-top: 0;
    margin-bottom: 2rem;
  }

  .h-voucher .inp-group+.inp-group {
    margin-bottom: 0rem;
  }

  .Responsive .border-line.tserch-box {
    padding-top: 1rem;
  }

  .serch-flex>div {
    width: 100%;
  }

  .day-serch .tree-flex-r .right {
    width: 100%;
    flex-wrap: wrap;
  }

  .add-user-list {
    height: 30rem;
  }

  /*버튼*/
  .dark-btn {}

  .dark-btn a {
    height: 30px;
    min-width: 80px;
    font-size: 12px;
  }

  .dark-btn a::after {
    content: "";
    width: 6px;
    height: 12px;
  }

  .table-container .table-wrapper {
    overflow-x: auto;
  }

  .table-container .scroll-w.table-wrapper {
    overflow-x: auto;
  }

  /*.table-container .scroll-w.table-wrapper table { padding-left: 20.2%; } */
  /*.table-container .scroll-w.table-wrapper table#tableList:lang(en) { padding-left:22.2%; } */
  /*.table-container .scroll-w.table-wrapper table.en-w:lang(en) { padding-left:22.2%; } */
  .table-container .scroll-w.table-wrapper table th,
  .table-container .scroll-w.table-wrapper table td {
    min-width: 5rem;
  }

  .table-container .scroll-w.table-wrapper table th.first-col:lang(ja),
  .table-container .scroll-w.table-wrapper table td.first-col:lang(ja) {
    min-width: 17rem;
  }

  .locker-list {
    padding: 1.8rem;
    /*padding-top:0; */
  }

  .locker-list .locker-position ul li {
    margin-bottom: 0.5%;
  }

  /* .footer { display:block; position:absolute; bottom:0; left:0; width:100%; background-color:#fff; } */
  .footer {
    display: block;
    position: relative;
    width: 100%;
    bottom: 0rem;
  }

  .f-section1 {
    display: flex;
    justify-content: space-between;
    background-color: #505050;
    padding: 0;
  }

  .f-section1 ul {
    display: flex;
  }

  .f-section1 ul:lang(de) {
    flex-direction: row;
  }

  .f-section1 ul li {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .f-section1 ul li+li {
    margin-left: 1.8rem;
  }

  .f-section1 ul li+li:lang(de) {
    margin-top: 0;
    margin-left: 1.6rem;
  }

  .f-section1 ul li a {
    color: #fff;
    font-size: 1.2rem;
  }

  .wrapper.main .footer {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 2.4rem;
    left: 0;
    z-index: 10;
  }

  .footer-wrap {
    display: block;
    position: absolute;
    width: 30%;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 36px 0;
    z-index: 2;
  }

  .footer .footer-top {
    display: flex;
    position: relative;
    width: fit-content;
    height: 3rem;
    align-items: center;
    width: 30%;
  }

  .footer .footer-bottom {
    display: block;
    position: relative;
    width: 100%;
    padding: 1.05rem 0;
  }

  .footer .footer-bottom .inner {
    width: 92rem !important;
    margin: 0 auto;
  }

  .footer-sns {
    display: flex;
    display: none;
  }

  .footer-sns li+li {
    margin-left: 0.75rem;
  }

  .footer-sns li a {
    display: block;
    width: 1rem;
    height: 1rem;
    text-indent: -9999px;
  }

  .footer-sns li.instagram a {
    background: url("/images/mobile/common/ico_footer_instagram.png") no-repeat;
    background-size: 100%;
  }

  .footer-sns li.facebook a {
    background: url("/images/mobile/common/ico_footer_facebook.png") no-repeat;
    background-size: 100%;
  }

  .footer-sns li.youtube a {
    background: url("/images/mobile/common/ico_footer_youtube.png") no-repeat;
    background-size: 100%;
  }

  .footer .copyright {
    font-size: 1.1rem;
    color: #999;
    margin-left: 2rem;
  }

  .f-section1 .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footer .btn-lang {
    align-items: center;
    border-radius: 0.3rem;
    padding: 0;
    justify-content: space-around;
    border: 1px solid #8c8c8c;
    width: 7.4rem;
    font-size: 1.2rem;
    height: 2.4rem;
    display: flex;
    color: #fff;
    margin-top: 0rem;
  }

  .footer .btn-lang::before {
    content: "";
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    background: url("/images/responsive-img/f-licon.svg") no-repeat;
    background-size: 100%;
  }

  .company-logo {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    color: #b4b4b4;
    font-weight: 500;
  }

  .footer-info {
    display: flex;
    align-items: center;
    width: 70%;
  }

  .footer-info ul {
    display: flex;
  }

  ul.addr-info {
    display: flex;
    margin-left: 0rem;
  }

  ul.tel-info {
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2.5rem;
  }

  .tel-info li:last-child {
    display: flex;
    margin-left: 1.4rem;
  }

  .footer-bottom ul li {
    width: fit-content;
    font-size: 1.2rem;
    color: #999;
    position: relative;
  }

  .footer-info ul.tel-info li:first-child::after {
    content: "";
    display: block;
    position: absolute;
    top: 0.3rem;
    right: -1rem;
    width: 1px;
    height: 1.2rem;
    background-color: #8c8c8c;
  }

  .copy-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
  }

  .footer .company-logo .f-logo {
    width: 4.9rem;
    height: 1.4rem;
    display: block;
  }

  .footer .copy-inner .f-logo {}

  .day-box {
    display: flex;
    width: 100%;
  }

  .calendar-wrap {
    width: 50%;
    display: block;
    position: relative;
    margin-right: 6rem;
  }

  .total-fit {
    width: 50%;
    margin-top: 0;
  }

  .title-day {
    width: 32%;
    margin-top: 1rem;
    font-size: 1.6rem;
    position: relative;
  }

  .user-class {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 2.4rem !important;
    border-bottom: 1px solid #dce0e4;
  }

  .user-class .left,
  .user-class .right {
    width: 50%;
    display: block;
  }

  .user-class .left {
    text-align: center;
    width: 42.6rem;
    display: block;
    position: relative;
    margin-right: 6rem;
  }

  .user-class .right {
    margin-top: 0rem;
  }

  .pop-body .input-inner {
    width: 100%;
  }

  .fullColor-box dl {
    min-width: 20rem;
  }

  .calendar-header button {
    display: block;
    position: absolute;
    right: 0;
  }

  .input-inner {
    width: 42.6rem;
    margin: 0 auto;
  }

  .input-inner.inner-wbig {
    width: 50rem;
  }

  .date-wrap {
    text-align: center;
    font-size: 1.6rem;
    color: #3c3c3c;
  }

  .lflex-box {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }

  .day-flex {
    align-items: flex-end;
    display: flex;
  }

  .exmp-date-wrp .inp {
    padding-left: 0;
  }

  /*.nofooter { height:100% } */
  .Responsive .border-line.flex-none .flex-group .lflex-box .block-radio {
    margin-top: 0 !important;
  }

  .Responsive .border-line.flex-none .flex-group {
    display: flex !important;
  }

  .Responsive .border-line.flex-none .flex-group .flex-box.mar-t20 {
    margin-top: 0rem !important;
  }

  .respon-tab.day-list li button em {
    display: block;
  }

  .Responsive .border-line.flex-none .flex-group .flex-box.mar-t20 {
    margin-top: 0rem !important;
  }

  #msgDiv,
  #msg16_2 {
    width: 42.6rem;
    margin: 1rem auto;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 1rem;
  }

  /*요일 가이드*/
  .day-guide {
    display: flex;
    justify-content: space-between;
  	/* 2025-07-24 UFSWCCC10F01 */
	gap: 5rem;  
  }

  .guide-btn {
    width: 20rem;
  }

  .guide-btn-inner {
    margin: 0 auto;
    max-width: 11.5rem;
    display: block;
    height: auto;
  }

  .guide-btn button {
    width: 100%;
    margin-bottom: 0;
  }

  .guide-btn button+button {
    margin-top: 1rem;
    margin-left: 0;
  }

  .guide-list {
    width: 100%;
    /* 2025-07-24 UFSWCCC10F01 */
    /* margin-right: 7rem; */    
  }

  span.step-top {
    display: block;
    height: 1.75rem;
    background-image: url("/images/mobile/common/btn-top.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  span.step-bottom {
    display: block;
    height: 1.75rem;
    background-image: url("/images/mobile/common/btn-bottom.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  /*순서 변경*/
  .order-mody {
    background-color: #f4f4f4;
    bottom: initial;
    left: initial;
    top: 1rem;
    margin-top: 0rem;
    padding: 1rem;
    width: 15rem;
    border-radius: 0.6rem;
    box-shadow: 0px 6px 16px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #e1e1e1;
  }

  .month-box p {
    font-size: 1.4rem;
  }

  .m-guide-btn {
    display: none;
  }

  .project-list.type-result .item .item-top .img {
    width: 71px;
    height: 60px;
    opacity: 1;
    margin-left: 2rem;
    margin-right: 4rem;
  }

  .week-box button {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: solid 2px #cccccc;
    border-radius: 0.6rem;
  }

  .project-list.type-result .item .item-top .txt-info {
    width: 100%;
    padding-left: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .order-mody .order-mody-m {
    display: block;
    margin-bottom: 1rem;
  }

  .order-mody .order-mody-m button+button {
    margin-left: 0;
  }

  .flex-box-CCC15 {
    display: flex;
  }

  .flex-box-CCC15 .inp-group {
    width: 100%;
  }

  .flex-box-CCC15 .inp-group+.inp-group {
    margin-left: 1rem;
  }

  .Responsive .border-line.tserch-box .btn-search {
    margin-left: 1rem;
  }

  .Responsive .border-line.tserch-box .align-t .btn-search {
    margin-left: 0rem;
    margin-top: 1rem;
  }

  .inp-wrap .inp.min-w15 {
    min-width: 24rem;
  }

  /*운동가이드 조회*/
  .project-wrap #exrcEmptyList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  /*운동가이드 조회*/
  .project-wrap {
    padding: 0rem;
  }

  .body-com {
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
  }

  .body-com-list {
    padding: 0rem;
    margin-bottom: 1rem;
  }

  .body-com-list .radius-box {
    width: 100%;
  }

  /*프리웨이트*/
  .count-button-group button.line-btn {
    border: 1px solid #999999;
    border-radius: 10rem;
    width: 12.5rem;
    height: 4.5rem;
    color: #999999;
  }
}

/* pad */

@media all and (min-width: 1025px) {
  .header-inner {
    position: relative;
  }

  .h-etc {
    display: none;
  }

  .m_menu-wrap {
    /*display:none; */
    position: absolute;
    right: 0;
    top: -900px;
    width: 24rem;
    height: auto;
    border-radius: 6px;
    box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.12);
    padding-bottom: 0;
  }

  .Responsive .border-line.tserch-box .input-inner.p-flex .inp-group+.inp-group {
    margin-left: 1.2rem;
  }

  .menu-list {
    margin-top: 2rem;
  }

  .gnb div p {
    font-size: 1.2rem;
  }

  .menu-list li.depth1>a {
    font-size: 1.4rem;
  }

  .menu-list li ul.depth2 li a {
    font-size: 1.2rem;
  }

  .menu-list li.depth1 {
    padding: 1rem 0;
  }

  .menu-list li ul.depth2 li {
    padding: 0.6rem 1.2rem;
  }

  .menu-list li ul.depth2 li a::before {
    font-size: 1.2rem;
  }

  .pc-menu {
    display: flex;
    margin-right: 3rem;
  }

  .pc-menu a {
    font-size: 1.4rem;
    font-weight: 500;
    color: #7b7b7b;
  }

  .pc-menu li+li {
    margin-left: 3rem;
  }

  .pc-menu li.on a {
    color: #3c3c3c;
  }

  .btn-mypageWrap {
    display: flex;
    align-items: center;
  }

  .product-list ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: unset;
  }

  .product-list ul li {
    border-radius: 0.6rem;
    max-width: 49%;
    width: 100%;
    margin: 0;
    margin-bottom: 1.2rem;
    margin-right: 1rem;
  }

  .product-list ul li:nth-child(2n) {
    margin-right: 0;
  }

  .product-list ul li:nth-child(3n) {
    margin-right: 1rem;
  }

  .product-list ul.cell-3 {}

  .product-list ul.cell-3 li {
    max-width: 30rem;
  }

  .product-list ul.cell-3 li:nth-child(2n) {
    margin-right: 1rem;
  }

  .product-list ul.cell-3 li:nth-child(3n) {
    margin-right: 0;
  }

  .oder-admin {
    margin-left: 0;
    margin-right: 0;
  }

  .section-r:first-child {
    margin-top: 0rem;
  }

  .study-list-setting ul {
    padding: 0rem;
  }

  #div-select-stff .mar-l1,
  .haa-serch button.btn {
    margin-left: 1rem !important;
  }

  /*.title { display:none !important; } */
  .Responsive .border-line.tserch-box .flex-box .inp-group.none-title {
    margin-top: 4rem;
  }

  .pattern-list li .title {
    display: block !important;
    padding-left: 1.6rem;
  }

  #guide_weight .title {
    display: flex !important;
  }

  #dxfsOprnClsfCd-10.inner-flex {
    margin-right: 1rem;
  }

  .input-inner.p-flex {
    display: flex;
    justify-content: flex-end;
  }

  .input-inner.p-flex div+div.serch-hidden,
  .input-inner.p-flex div+div,
  .Responsive .border-line.tserch-box .inp-group+.inp-group {
    margin-top: 0px;
  }

  .graph-area .title {
    display: block !important;
  }

  .button-pop {
    z-index: initial;
    display: block !important;
    width: 15.5rem;
    height: 42rem;
    position: absolute;
    left: 93.6rem;
    top: 0;
    background-color: #fff;
    border-radius: 0.6rem;
  }

  .button-pop:lang(de) {
    width: 18.5rem;
  }

  .user-button-group.mobile {
    position: absolute;
    width: 100%;
    border-radius: 0.6rem;
    background-color: #fff;
    padding: 1rem;
    left: 0;
    top: 0;
  }

  .container.max-width .button-pop {
    left: 122rem;
  }

  #btnPopupNtplFnm {
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
  }

  .user-button-group>div.bottom-button {
    display: none;
    width: 60rem;
    margin: 0 auto;
    margin-top: 2.5rem;
  }

  .user-button-group>div {
    display: block;
  }

  .user-button-group>div.top-button button {
    margin-bottom: 0.5rem;
  }

  .user-button-group>div.pc_none {
    display: none;
  }

  .user-button-group>div button {
    width: 100%;
    display: flex;
    justify-content: center;
    border: 0;
  }

  .user-button-group>div button:lang(de) {
    line-height: 1;
  }

  .user-button-group>div:first-child::after {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid #dedede;
    margin-top: 1rem;
  }

  .user-button-group>div button+button {
    margin-left: 0;
    margin-top: 0.5rem;
  }

  .user-button-group>div.bottom-button.pad-none {
    display: block;
  }

  .user-button-group>div.bottom-button {
    padding: 0;
    width: auto;
    margin-top: 1rem;
  }

  /*.board-footer { display:none; } */

  .study-list-setting ul {
    padding: 0;
  }

  .myacount-mony {
    width: 96rem;
    margin: 0 auto;
    padding-bottom: 0;
  }

  .mony-list h3.my-product {
    align-items: flex-start;
  }

  .myacount-mony .mony-inner .pc-inner .info {
    display: flex;
  }

  .myacount-mony .mony-inner .pc-inner .mony-hidden {
    display: none;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    padding-top: 2rem;
  }

  .myacount-mony .mony-inner .pc-inner .mony-hidden.on {
    display: flex !important;
  }

  .myacount-mony .mony-inner .pc-inner .mony-hidden .inner {
    min-width: 30%;
    margin-bottom: 2rem;
		width: 30% !important;
  }

  .myacount-mony .mony-inner .pc-inner .mony-hidden .inner+.inner {
    margin-top: 0;
  }

  .Responsive .border-line.tserch-box.mony-pannal {
    width: 96rem;
    margin: 0 auto;
    border-bottom: 0;
    padding: 1.8rem;
    background-color: transparent;
  }

  .mony-pannal .input-inner.p-flex {
    border-radius: 9px;
    background-color: #fff;
    padding: 1rem 3.2rem 1rem 3.2rem;
  }

  .wrapper .container.mony-contents {
    margin-top: 0;
  }

  .mony-contents h2 {
    display: none;
  }

  .mony-list ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: unset;
  }

  .mony-list ul li {
    border-radius: 0.6rem;
    max-width: 49%;
    width: 100%;
    margin: 0;
    margin-bottom: 1.2rem;
    margin-right: 1rem;
  }

  .mony-list ul li:nth-child(2n) {
    margin-right: 0;
  }

  .mony-list ul li:nth-child(3n) {
    margin-right: 1rem;
  }

  .mony-list ul.cell-3 {}

  .mony-list ul.cell-3 li {
    max-width: 30rem;
  }

  .mony-list ul.cell-3 li:nth-child(2n) {
    margin-right: 1rem;
  }

  .mony-list ul.cell-3 li:nth-child(3n) {
    margin-right: 0;
  }

  .mony-price-info dl dt button {
    min-width: 7.4rem;
  }
}

@media all and (min-width: 600px) {
  .sche_btn_area {
    width: 42.6rem;
    margin: 0 auto;
  }
}

/* [E]수업 일정 */

/* [S]Hamberger transition */
.m_menu-wrap {
  top: -110vh;
  right: 0;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}

.m_menu-wrap.on {
  top: 0;
}

@media all and (max-width: 1024px) {
  .m_menu-wrap {
    top: 0;
    right: -100%;
  }

  .m_menu-wrap.on {
    right: 0;
    height: 100vh;
    overflow-y: auto;
  }
}

/* [E]Hamberger transition */

/* [S]결과 없음 */
@media all and (max-width: 1024px) {
  td.list-no-result {
    position: relative;
  }

  td.list-no-result div {
    width: calc(100vw - 3.6rem);
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
}

/* [S]결과 없음 */

@media all and (max-width: 768px) {
  #pfbUserListTable .form-check {
    display: block;
  }
}

/*사용자추가 이메일 인증 */
.inp-wrap.auth {
  display: flex;
  width: 100%;
  height: 3.6rem;
  padding: 0 1rem;
  border: 1px solid #dcdcdc;
  background-color: transparent;
  font-size: 1.4rem;
  color: #333;
  line-height: 2.15rem;
  border-radius: 0.3rem;
  align-items: center;
}

.inp-wrap.auth.ok {
  background-color: #eee;
}

.inp-wrap.auth input {
  width: 100%;
  height: 3.6rem;
  padding: 0 0rem;
  background-color: transparent;
  font-size: 1.4rem;
  color: #333;
  line-height: 2.15rem;
  border-radius: 0.3rem;
  border: 0px;
}

.inmonyp-wrap.auth input {
  width: 100%;
  height: 3.6rem;
  padding: 0 0rem;
  background-color: transparent;
  font-size: 1.4rem;
  color: #333;
  line-height: 2.15rem;
  border-radius: 0.3rem;
  border: 0px;
}

.inp-wrap button.auth {
  color: #fff;
  background-color: #787878;
  padding: 0.5rem 0.5rem;
  font-size: 1.2rem;
  width: 12rem;
  justify-content: center;
  margin-left: 10px;
}

.inp-wrap button.auth:lang(en) {
  color: #fff;
  background-color: #787878;
  padding: 0.5rem 0.5rem;
  font-size: 1rem;
  width: 14rem;
  justify-content: center;
  margin-left: 10px;
}

.inp-wrap .inp:read-only {
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}

/* 사업장관리 알림설정 */
.inp-group.inp-flex.exrc-only {
  padding: 0px;
}

.pad-0 {
  padding: 0px;
}

/* 사용자목록 체크박스 보완 */
/*#pfbUserList .form-check label { position:absolute; } */

/* 운동계획 및 결과 머니사용,예약금액 보완 */
#useCntDt {
  width: 222px;
}

#remCntDt {
  width: 222px;
}

/* 운동 달성률*/
.wkogAchvRte {
  font-size: 1.4rem;
  width: 10rem;
  display: flex;
  text-align: right;
  padding-right: 10px;
}

/* 코어,서브운동설정 운동추가*/
#exrcCoreSubList {
  max-height: 44rem;
  overflow: auto;
}

/* 운동가이드(락커) */
.locker-info {
  display: flex;
  font-size: 1.5rem;
  height: 5rem;
  justify-content: center;
}

.locker-info ul {
  padding: 1rem 0 1rem 3rem;
  height: 5rem;
  overflow: hidden;
  position: relative;
  margin-right: 1.5rem;
}

.locker-info ul li {
  height: 5rem;
  padding-right: 1rem;
  line-height: 2.8rem;
}

.locker-info ul.locker1,
.locker-info ul.locker2 {
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: left center;
}

.locker-info ul.locker1 {
  background-image: url(/images/kiosk/common/lockr_icon.svg);
}

.locker-info ul.locker2 {
  background-image: url(/images/kiosk/common/s_lockr_icon.svg);
}

@media all and (min-width: 521px) {
  #pc-chart {
    display: block;
  }

  #mobile-chart {
    display: none;
  }
}

@media all and (max-width: 520px) {
  #pc-chart {
    display: none;
  }

  #mobile-chart {
    display: block;
  }

  p.expcNm {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100% !important;
    line-height: 1.5rem;
    max-height: 3rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 !important;
  }
}

/* 사용자정보 라커 */
.user-locker-font {
  font-size: 1.1rem;
  color: #a0a0a0;
}

/* 사용자정보 비밀번호 placeholder 스타일 */
input.pwd-phr:-ms-input-placeholder,
textarea.pwd-phr:-ms-input-placeholder {
  font-family: "NotoSansKR";
  color: #000000;
  font-size: 1.4rem;
}

/* IE 10 + */
input.pwd-phr::-webkit-input-placeholder,
textarea.pwd-phr::-webkit-input-placeholder {
  font-family: "NotoSansKR";
  color: #000000;
  font-size: 1.4rem;
}

/* Webkit Browser */
input.pwd-phr:-moz-placeholder,
textarea.pwd-phr:-moz-placeholder {
  font-family: "NotoSansKR";
  color: #000000;
  font-size: 1.4rem;
}

/* Mozilla Firefox 4 to 18 */
input.pwd-phr::-moz-placeholder,
textarea.pwd-phr::-moz-placeholder {
  font-family: "NotoSansKR";
  color: #000000;
  font-size: 1.4rem;
}

/* Mozilla Firefox 19+ */
input.pwd-phr:focus:-ms-input-placeholder,
textarea.pwd-phr:focus:-ms-input-placeholder {
  color: transparent;
  font-size: 1.4rem;
}

/* IE 10 + */
input.pwd-phr:focus::-webkit-input-placeholder,
textarea.pwd-phr:focus::-webkit-input-placeholder {
  color: transparent;
}

/* Webkit Browser */
input.pwd-phr:focus:-moz-placeholder,
textarea.pwd-phr:focus:-moz-placeholder {
  color: transparent;
  font-size: 1.4rem;
}

/* Mozilla Firefox 4 to 18 */
input.pwd-phr:focus::-moz-placeholder,
textarea.pwd-phr:focus::-moz-placeholder {
  color: transparent;
  font-size: 1.4rem;
}

/* Mozilla Firefox 19+ */

/* 운동처방 관리(팝업화) */
#g-confirm-p-hidden {
  display: none;
}

@media all and (min-width: 1025px) {
  .guide-btn-inner button span:lang(ja) {
    font-size: 1.3rem;
  }

  #g-confirm-p-hidden {
    display: inline-block;
  }

  /*영업일 설정 보안*/
  .clsdAppnCdText {
    /*position: absolute;*/
    left: 0;
    font-size: 1.4rem;
    padding: 0 1rem;
    color: #ffa500;
    bottom: inherit;
  }

  .text-pagin {
    min-height: auto;
  }
}

#guideExrcListPopup .machine-list {
  display: block;
  width: 100%;
}

#guideExrcListPopup .machine-list li {
  border-bottom: 0.05rem solid #f0f0f0;
  margin-top: 0;
}

#guideExrcListPopup .machine-list li .btn {
  display: flex;
  width: 100%;
  padding: 1rem;
  justify-content: space-between;
  align-items: center;
}

#guideExrcListPopup .machine-list li .btn .txt {
  display: block;
  text-align: left;
  max-width: 80%;
}

#guideExrcListPopup .machine-list li .btn .kor {
  font-family: "NotoSans-Medium";
  font-size: 1.4rem;
  color: #555;
  white-space: normal;
  text-align: left;
}

#guideExrcListPopup .machine-list li .btn .eng {
  font-size: 0.65rem;
  color: #555;
}

#guideExrcListPopup .machine-list li .btn .img {
  width: 60px;
  height: 60px;
}

#guideExrcListPopup .machine-list li .btn .img img {
  width: 100%;
}

#guideExrcDetailPopup #msgDiv {
  margin-top: 0;
}

#guideExrcDetailPopup #msgDiv p {
  font-size: 1.3rem;
  text-align: left;
}

#guideExrcDetailPopup #msg16_2 {
  font-size: 1.3rem;
  text-align: left;
  margin-top: 0;
}

#guideExrcDetailPopup #msgDiv,
#guideExrcDetailPopup #msg16_2 {
  width: auto !important;
}

#guideExrcDetailPopup #guide_one_pattern .form-check {
  width: 50% !important;
}

#guideExrcDetailPopup #guide_one_pattern .pattern-list .form-check {
  width: 15rem;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
}

#guideExrcDetailPopup #guide_one_pattern .pattern-list .form-check .meta {
  font-size: 1.2rem;
  width: 100%;
  align-items: baseline;
}

#guideExrcDetailPopup #guide_one_pattern .pattern-list .form-check .meta span {
  padding-right: 0.5rem;
}

#guideExrcDetailPopup #guide_one_pattern .pattern-list .form-check .meta em {
  font-size: 0.9rem;
}

#guideExrcDetailPopup #guide_one_pattern .meta span {
  padding-right: 1rem;
}

#guideExrcDetailPopup #guide_one_pattern .inp-wrap {
  display: flex;
  margin-top: 1rem;
}

#guideExrcDetailPopup #guide_one_pattern .inp-wrap dl+dl {
  margin-left: 1rem;
}

#guideExrcDetailPopup #guide_one_pattern .inp-wrap dl dt {
  margin-bottom: 1rem;
}

#guideExrcDetailPopup #guide_one_pattern .inp-wrap dl dt label {
  font-size: 1.3rem;
  color: #787878;
}

#guideExrcDetailPopup #guide_one_pattern #s_cdnm {
  font-size: 1.2rem;
  color: #a9a9a9;
}

#guideExrcDetailPopup #guide_one_pattern #t1 {
  display: none;
}

#guideExrcDetailPopup .pattern-list li {
  margin-top: 0 !important;
  padding: 0.5rem 1rem;
}

#guideExrcDetailPopup .pattern-list li .meta span {
  display: inline-block;
}

#guideExrcPatternPopup .pattern-box {
  width: auto !important;
}

#guideExrcPatternPopup .pattern-box ul li label>span::before {
  display: none;
}

#guideExrcPatternPopup .pattern-box ul li label::after {
  display: none;
}

#guideExrcPatternPopup .form-check {
  width: 68% !important;
}

#guideExrcPatternPopup .pattern-list .form-check {
  width: 15rem;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
}

#guideExrcPatternPopup .pattern-list .form-check .meta span {
  padding-right: 0.5rem;
  font-size: 1.2rem;
}

#guideExrcPatternPopup .pattern-list .form-check .meta em {
  font-size: 0.9rem;
}

#guideExrcPatternPopup .pattern-list .form-check label a {
  right: 0;
  top: 0;
}

#guideExrcPatternPopup .pattern-list .form-check .form-inner-div label>span {
  padding-left: 0;
}

#guideExrcPatternPopup .pattern-list label {
  display: flex;
  justify-content: space-between;
  border: 1px solid #fff;
  align-items: baseline;
  background-color: #fff;
  border-radius: 0.6rem;
  padding: 0;
}

#guideExrcPatternPopup .pattern-list .title-sub p {
  font-size: 1.2rem;
  color: #a9a9a9;
}

#guideExrcPatternPopup .pattern-list li {
  margin-top: 0 !important;
  padding: 0.5rem 1rem;
}

#ptrDetailPopup .tit-wrap {
  display: block;
  margin-bottom: 0;
}

#ptrDetailPopup .tit-wrap label.tit {
  display: block;
  padding: 1rem 0 0.5rem;
  text-align: center;
}

#ptrDetailPopup .table-container table td {
  height: 2rem;
  min-height: 2rem;
}

#typeList h3,
#userGuideList h3 {
  text-overflow: ellipsis;
  width: 20rem;
  white-space: nowrap;
  overflow: hidden;
}

/* 사용자정보 로그인 잠금 해제(CAA24) */
.user-info-qrbtn {
  display: flex;
  float: left;
  background-color: #ff8a00;
  width: 15rem;
  border-radius: 5px;
  height: 30px;
  margin-top: 11px;
  margin-left: 10px;
  align-items: center;
}

.user-info-qrbtn p {
  font-size: 1.3rem;
  color: #ffffff;
  font-weight: 500;
}

.user-info-qrbtn img {
  height: 24px;
  min-width: 22%;
}

/* 주간 수업일정표 */
.gnsa {
  margin: 0 1.8rem;
  border-bottom: 1px solid #a0a0a0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.gnsa_h {
  display: flex;
  height: 5rem;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
}

.gnsa_h .day_section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 11.7rem;
}

.gnsa_h .day_section .day_date_num {
  font-size: 1.4rem;
  font-weight: 500;
  color: #232323;
  border: 1px solid #ddd;
  padding: 0.7rem 0;
  border-radius: 0.5rem;
  min-width: 10rem;
  text-align: center;
}
.gnsa_h .day_section .day_date_num:hover, 
.gnsa_h .day_section .day_date_num.on{
	background: #ececec;
}

.gnsa_h .day_section .day_date {
  font-size: 1.2rem;
  font-weight: 400;
  color: #a0a0a0;
}

.gnsa_hs {
  flex: 1;
  display: flex;
  overflow: hidden;
  margin-left: 6rem;
}

.gnsa_hs>div {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.gnsa_hs>div>div {
  width: 11.7rem;
}

.gnsa_b {
  display: flex;
  height: 48.2rem;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.gnsa_b_none {
  text-align: center;
  font-size: 1.5rem;
  padding: 5rem;
}

.gnsa_bt {
  width: 6rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: #3c3c3c;
}

.gnsa_bt>div {
  min-height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #f0f2f4;
}

.gnsa_bb {
  flex: 1;
  overflow-x: auto;
  height: 223.2rem;
}

.gnsa_bb>div {
  display: flex;
  border-bottom: 1px solid #f0f2f4;
  min-height: 6.4rem;
  width: 81.9rem;
}

.gnsa_bb>div>div {
  width: 11.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gnsa_bb > div > div > .sche_class_article {
  height: 5.4rem;
  margin-right: 0;
  position:absolute;
  top:50%;
}


.gnsa_bb > div > div > .sche_class_article::before {
  height: 100%;
}

.gnsa_bt>div:nth-child(2n),
.gnsa_bb>div:nth-child(2n) {
  /*background: #f9f9f9;*/
}

.gnsa_hs::-webkit-scrollbar,
.gnsa_bb::-webkit-scrollbar,
.gnsa_b::-webkit-scrollbar {
  display: none;
}
.gnsa_timebox{
	position:relative;
}

/*요일 선택 */
.fluid-box {
  padding: 0rem;
  width: 100%;
}

.fluid-box p {
  font-size: 1.4rem;
}

.fluid-box .class-box {
  display: flex;
  justify-content: space-around;
  margin-top: 1rem;
}

.fluid-box .class-box button {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: solid 1px #ddd;
  border-radius: 0.6rem;
  color: #777;
}

.fluid-box .class-box button.active,
.fluid-box .class-box button.on {
  background-color: #ececec;
  color: #000;
}

.fluid-pop-setting {
  border-top: 1px solid #dce0e4;
  padding: 1.8rem;
  background-color: #f0f2f4;
}

.fluid-pop-setting li {
  position: relative;
  border: 1px solid transparent;
  border-radius: 0.6rem;
  padding: 1.2rem 1.8rem;
  background-color: #fff;
  color: #787878;
}

.fluid-pop-setting li h3 {
  font-size: 1.6rem;
  color: #ff7d0d;
}

.fluid-pop-setting li > span {
	display: block;
	font-size:1.2rem;
  	color: #787878;
	text-align: left;
}

.fluid-pop-setting li strong{
	color: #000;
}
.fluid-pop-setting li strong.reserve{
	color: #ff7d0d;
	font-size: 1.4rem;
}

.fluid-pop-setting li button{
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  margin-top: -1.25rem;
  right: 0rem;
}

.fluid-pop-setting li button.fluid-select{
  background-image: url(/images/responsive-img/study-ic-plus.svg);
  right: 1.5rem;
}

.fluid-pop-setting li button.fluid-cancel{
  background-image: url(/images/responsive-img/study-ic-add.svg);
  right: 5rem;
}
#fluidReservePop .confirm-close{
  width: 2.7rem;
  height: 2.7rem;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: 0.2rem;
  background-image: url(/images/responsive-img/close_btn.svg);
  z-index: 10;
}

.comfirm .confirm-close{
  width: 2.7rem;
  height: 2.7rem;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  background: url(/images/responsive-img/close_btn.svg);
  background-color: initial;
}

/** 하단 메뉴 추가 */
#fixedMenuBar {
	position: fixed;
	left: 0;
	bottom: 0rem;
	height: 6rem;
	width: 100%;
	z-index: 101;
  	transition: bottom 0.5s ease-in-out;
}
#fixedMenuBar.on {
	bottom: 0;
}

#fixedMenuBar ul {
	width: 100%;
	display: flex;
	background: #FFF;
	height: 6.1rem;
	border-top:1px solid #dedede;
}

#fixedMenuBar ul li {
	flex: 1;
	height: 100%;
}

#fixedMenuBar ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	height: 100%;
	flex-direction: column;
}
#fixedMenuBar ul li a:lang(de){
	justify-content: flex-start;
	padding-top: 1rem;
}

/* 
	edit : 2025-10-15
	하단 네비게이션 아이콘 퍼블리싱 보완 필요 
	하단 네비게이션 아이콘 아래 글자 break-all -> break-word 
*/
#fixedMenuBar ul li a p{
	color: #c8c8c8;
	text-align: center;
	word-break: break-word;
}
#fixedMenuBar ul li a p:lang(de){
	line-height: 1rem;
}
#fixedMenuBar ul li a i{
   width:24px;
   height:24px;
   displaY:block;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}
#fixedMenuBar ul li a i.icon-fixed-plan{
   background-image: url(/images/new-responsive/icon/ico_plan.svg);
}
#fixedMenuBar ul li a i.icon-fixed-guide{
   background-image: url(/images/new-responsive/icon/ico_guide.svg);
}
#fixedMenuBar ul li a i.icon-fixed-home{
   background-image: url(/images/new-responsive/icon/ico_home.svg);
}
#fixedMenuBar ul li a i.icon-fixed-rate{
   background-image: url(/images/new-responsive/icon/ico_rate.svg);
}
#fixedMenuBar ul li a i.icon-fixed-refresh{
   background-image: url(/images/new-responsive/icon/ico_refresh.svg);
}

@media all and (min-width: 768px) {
	#fixedMenuBar ul li a:lang(de){
		justify-content: center;
		padding-top: 0;
	}
	
	#fixedMenuBar ul li a p:lang(de){
		line-height: 1.2rem;
	}
}

@media all and (min-width: 1025px) {
	#fixedMenuBar {
		width: 92rem;
		left: 50%;
		margin-left: -46rem;
	}
	#fixedMenuBar.on {
		bottom: 0rem;
	}
	#fixedMenuBar ul {
		width: 100%;
		margin: 0;
		padding: 0 10rem;
		border-radius: 3rem 3rem 0 0;
		border: 1px solid #dedede;
	}
}




/* ================================ 전체 레이아웃 수정 (다국어관련) ================================ */
.fillter-icon{right: 0; top: -.5rem;}
.mtoggle.on .fillter-icon{transform: rotate(0deg);margin-left: 0;top: 0;}
.inp-wrap .inp-flex input{padding: 0 1rem;}
.text-temp dl dd,
.text-inp input+p,
.my-workout .title-group a{white-space: nowrap;}
.labe-box img{min-width:auto;}
.text-box .title{text-align: right}
.favo-toggle .fillter-icon{right: .5rem;top: .5rem}
.favo-toggle .fillter-icon.on{top: 1.2rem}
.banner-img-box .insert-file{align-items: flex-start}
.toggle-box div.toggleWrap{background-color: transparent}
.center-product-list ul{align-items: flex-start;}
.add-day .inp-item{width: 100%;}
.add-day .inp-item:nth-child(3){width: fit-content}
.btn-mid{white-space: nowrap;}

@media (max-width: 1024px){
	.inp-group ul.center-sum-img{justify-content: flex-start}
	.tite-btn{align-items: flex-end}
	.tite-btn.title-line{align-items: center;}
	.user-button-group>div.top-button .inner{flex-wrap: wrap; gap: .5rem}
	.user-button-group>div.bottom-button{gap: .5rem;}
	.user-button-group>div button+button{margin-left: 0;}
	.tite-btn button{white-space: nowrap}
}


@media (max-width: 900px){
	.sche_cate_tab_area ul{padding-left: 1rem;}
}

@media (min-width: 760px){
	.center-product-list ul{
		        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: start;
	}
	
}

@media (max-width: 740px){
	.center-img-button{width: fit-content}
	.center-img-button{gap: .5rem}
	.center-img-button button{width: fit-content; padding-inline: .5rem;}
}

@media (max-width: 767px){
	.user-button-group>div button{width: calc(50% - .5rem); margin-top: 0;}
	.user-button-group>div.bottom-button{margin-bottom: 1rem;}
	.user-button-group>div.top-button .inner:last-child{padding-bottom: 1rem;}
	
}

@media (max-width: 426px){
	.sche_tab_area .sche_tab>div.resToggleWrap>span{padding-left: 0;}
	.center-sort ul a p{white-space: nowrap}
	.center-sort ul a{font-size: 1rem !important}
	.btn-mid{font-size: 1.2rem}
}


@media (max-width: 375px){}


/*언어별 (영어)*/
.reserv-link:lang(en) a::before{margin-left: 50%; transform: translateX(-50%)}
.form-check label > span.simple:lang(en){margin-right: 1rem;}

.product-list h3.cca56.tow-cell span:lang(en){width: auto; max-width: 10rem; padding: .1rem .8rem}
	
.select-default.select-2:lang(en){min-width:12rem; font-size: 13px;}
.product-list h3.cca56.tow-cell strong:lang(en){max-width:calc(100% - 11rem); text-align: right;}


@media (max-width: 740px){
	.sales-content dl dt:lang(en){width: 50%; margin-right: 0; min-width: 174px; padding-right: 1rem;}
	.my-workout .title-group{padding-left: 0 !important;}
	.text-inp input+p{font-size: 14px;}
	product-sub-view dl dt:lang(en){width: 40%; padding-right: 1rem;}
	.product-sub-view dl dd:lang(en){width: 60%; text-align: right;}
}

@media (max-width: 425px){
	.select-default.select-2:lang(en){min-width:11rem; font-size: 12px}
	.inp-group .tit-wrap .tit:lang(en){font-size:1.2rem;}
	.Responsive .border-line.tserch-box .inner-flex:lang(en){align-items: flex-end;}
	.inp-wrap.has-btn:lang(en){gap: .5rem; flex-wrap: wrap; margin-top: 1.9rem;}
	.inp-wrap.has-btn.jutify-box button{width: 98%; margin-top: 0;}
}


/* 독일어*/

.reserv-link a:lang(de){font-size: 1.2rem}
.reserv-link:lang(de) a::before{margin-left: 50%; transform: translateX(-50%)}
.text-box .title:lang(de){text-align: right}
.inp-wrap .inp-flex input:lang(de){padding-right:0}

.form-check label > span.simple:lang(de){margin-right: 1rem;}
.product-sub-view dl dt:lang(de){width: 40%; padding-right: 1rem;}
.product-sub-view dl dd:lang(de){width: 60%; text-align: right;}

.select-default.select-2:lang(de){min-width: 16rem;}
.select-default:lang(de),
label.radio span:lang(de),.btn-search:lang(de), .btn-comfirm:lang(de){font-size: 1.2rem}
.inp-flex:lang(de){padding: 0;}
.favo-toggle button span:lang(de){font-size: 1.2rem}
#btns-pfbFcltClsfCd:lang(de){width: auto !important;}

.add-day .flex-box{gap: 1rem;}
.add-day .inp-item+.inp-item:lang(de){width: calc((100% - 6.5rem) / 2)}
.add-day .inp-item+.inp-item:lang(de){margin-left: 0;}
.add-day .inp-item:nth-child(3):lang(de){width: auto}
.Responsive .border-line.tserch-box .inner-flex .inp-group+.inp-group:lang(de){padding-left: 1rem !important; margin-top: 0}

.Responsive .border-line.tserch-box .inner-flex:lang(de){align-items: flex-end}
#product-list h3.tow-cell:lang(de){align-items: center;}
.pay-product-list dl dt:lang(de){width: 60%}
.pay-product-list dl dd:lang(de){width: 40%}
.product-list h3.cca56.tow-cell:lang(de){align-items: center;}
.product-list h3.cca56.tow-cell strong:lang(de){text-align: right}


.sales-content dl dt:lang(de){width: 46%; margin-right:0; padding-right:1rem;}



@media (max-width: 1024px){
	.user-button-group>div.top-button .inner:lang(de){margin-right: 0; gap: .5rem;flex-wrap: wrap;}
	.user-button-group>div button+button:lang(de){margin-left: 0;}
	.user-button-group>div.bottom-button:lang(de){gap: .5rem;width: auto;flex-wrap: wrap;justify-content: flex-start;}
	
}

@media (max-width: 767px){
	.user-button-group>div.top-button .inner:lang(de),
	.user-button-group>div.bottom-button:lang(de){gap: 1rem;}
	
}

@media (max-width: 740px){
	.sales-content dl dt:lang(de){width: 40%; margin-right: 0; padding-right:1rem}
	.sales-content dl dd{width: 60%;}
	.text-temp:lang(de){width: 100%;}
	.text-temp dl dd:lang(de){width: 100%}
	label.radio span:lang(de){font-size: 1.2rem;}
	.my-workout .title-group h2:lang(de){hyphens: auto;}
	/* .Responsive .border-line.tserch-box .inner-flex .inp-group+.inp-group:lang(de):lang(de){padding-left: 0 !important;} */
	.Responsive .border-line.tserch-box .inner-flex .inp-group+.inp-group:lang(de):lang(de){padding-left: 0 !important; margin-left: 1rem;}
	
	.Responsive .border-line.tserch-box .inner-flex#dxfsOprnClsfCd-10 .inp-group+.inp-group:lang(de):lang(de) {margin-left: 0;}
	.tite-btn right:lang(de){gap: .5rem;}
	.tite-btn button:lang(de){font-size: 1.2rem;}
}

@media (max-width: 425px){
	.select-default.select-2:lang(de){font-size: 1rem; min-width: 13rem}
	label.radio span:lang(de){font-size: 1.1rem; padding-inline: .5rem}
	label.radio:lang(de){min-width: auto;}
	.tserch-box .inp-group .tit-wrap .tit:lang(de){font-size: 1.2rem}
	.toggle-box div.toggleWrap:lang(de){height: 3rem;}
	.text-temp dl dt:lang(de){width: 50%}
	.text-temp dl dd button:lang(de){width:100%;}
	.text-temp dl dd button:nth-child(2n):lang(de){margin-left: 0;}
	.my-workout .title-group>div:lang(de){flex-direction: column;align-items: flex-end;}
	.my-workout .title-group h2:lang(de):lang(de){width: 40%}
	.sales-content dl dt:lang(de){width: 66%}
	.tite-btn button:lang(de){font-size: 1.1rem;}
	.title-btn:lang(de){width: fit-content; padding-inline: .5rem}
	.inp-wrap.has-btn.jutify-box:lang(de){flex-wrap: wrap; gap: .5rem; margin-top: 1.9rem;}
	.inp-wrap.has-btn.jutify-box button span:lang(de){font-size: 1.1rem;}
	.inp-wrap.has-btn.jutify-box button:lang(de){margin-top: 0; width: 98%;}
}

/* 일본어 */

.text-temp dl dd:lang(ja){width: 100%}
label.radio span:lang(ja),label{font-size: 1.2rem;}

#setHoliMsg:lang(ja){position: initial}
.product-list h3 span.exp:lang(ja){width: fit-content}

@media (max-width: 1024px){
	.user-button-group>div.top-button button:lang(ja),
	.user-button-group>div button:lang(ja){margin: 0;}
	.button-pop:lang(ja){margin-right: .5rem;}
	.user-button-group>div.bottom-button{flex-wrap: wrap; width: auto; justify-content: flex-start}
}

@media (max-width: 768px){
	.tserch-box .inp-group .tit-wrap .tit:lang(ja){font-size: 1.2rem}
}

@media (max-width: 740px){
	.sales-content dl dt:lang(ja){margin-right: 0; width: 40%; padding-right: 1rem;}
	.sales-content dl dd:lang(ja){width: 60%}
	.img-w-200 .img-veiw p:lang(ja){width:100%; min-width: 100px; aspect-ratio:1; height: auto}
	.img-w-200 .img-veiw p img:lang(ja){width:100%; height: 100%;}
	
	.img-veiw:lang(ja){max-width: 187px; min-width: 150px; width: 100%;}
	.img-veiw img:lang(ja){width:100%;}
	.insert-file p:lang(ja){word-break: break-word}
	.project-list.type-result .item .item-top .txt-info .name:lang(ja){font-size: 1.3rem;}
}


@media (max-width: 425px){
	button span:lang(ja), .btn-search:lang(ja), .btn-mid, .tab07-setting-btn dl dt{font-size: 1.2rem}
	#exrcKrnAbrvNm:lang(ja){font-size: 1.5rem}
	.project-list .item a .txt-info .name:lang(ja){font-size: 1.1rem}
	.tserch-box .inp-group .tit-wrap .tit:lang(ja){font-size: 1.1rem}
	.text-box .title:lang(ja), label.radio span:lang(ja){font-size: 1rem}
	.text-inp button.scan:lang(ja){white-space: nowrap}
	
	.text-temp dl dd:lang(ja){width: 87%}
	.text-temp dl dd button:lang(ja){width: 100%;font-size: 1rem;}
	.text-temp dl dd button:nth-child(2n):lang(ja){margin-left: 0;}
	
	.select-default:lang(ja){font-size: 1.2rem;}
	label.radio span:lang(ja){padding-inline: .5rem}
	#btns-pfbFcltClsfCd:lang(ja){width: auto !important;}
	.inp-group .tit-wrap .tit:lang(ja){font-size: 1.1rem}
	.project-list.type-result .item .item-top .txt-info .name:lang(ja){font-size: 1.2rem}
	
}


/* ========== 기존디자인 추가(쿠폰) ================= */
.center-product-list ul li .label-warp > div{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.center-product-list ul li .label-warp p{width: calc(100% - 80px)}
.center-product-list ul li .label-warp > div .cp_btn{font-size: 1.2rem; background-image:url(/images/system/right_bk_24.svg); background-repeat: no-repeat; background-size: 1.2rem; background-position: right center; width: fit-content !important; padding-right: 1.5rem; text-overflow: initial; height: fit-content; line-height: initial;}

.cart_coupon{display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.5rem}
.cart_coupon .coupon_slt{display: flex; align-items: center; gap: 1.25rem;}
.cart_coupon .coupon_slt > p{font-size: 1.3125rem;}
.cart_coupon .coupon_cost{font-size: 1.4rem;}

/* =========== 기존디자인 수정 ====================== */

.but-div{
	position: fixed;
	width: 100%;
	bottom: 5vh
}

.countsort .but-div{
 	position: initial;
}

.sche_smr{
	display: flex;
	    justify-content: center;
    padding-block: 1rem;
    gap: 1rem;
    border-bottom: 1px solid #eee;
    font-size: 1.3rem;
}

.sche_smr p{
	display: flex;
	gap: .5rem;
	align-items: center;
}

.sche_smr p span{
	font-weight: 600
}


/* ==== 기존디자인 팝업 ===== */
@media (max-width: 768px){
	.comfirm.modal .inner-box-w{padding: 0;}
	.comfirm.modal .terms_content{padding: 2rem 1rem 3rem}
}

@media (max-width: 480px){
	.comfirm.modal .terms_content{padding: 1rem 1rem 3rem}
	.cart-title .form-check label>span{font-size: 1.5rem;}
	.cart-items .items_price{gap: 1rem; width: 45%}
	.cart-items .items_title{width: 65%}
	
}


@media (max-height: 880px){
	.but-div {bottom: 0;}
}

@media (max-width: 425px){
	.sche_smr{
	gap: .5rem;
	font-size: 1.2rem;
	}
}

/* 결제비밀번호 수정 */
/* == 디자인 수정 ==*/
.comfirm .key-pad-warp .comfirm-inner{
	padding: 1.5rem 0 !important;
}

.pass-pop .pop-header .pop-title{
	padding-bottom: 1.5rem;
}

.pass-pop .pop-header h3{
	font-size: 1.5rem;
}

.pass-pop .pop-body{
	padding-top: 1rem;
}

.comfirm .key-pad-warp .pop-body-content{
	padding-bottom: 0;
}

.keypad-input{
	padding-top: 0;
}

.keypad-input dl dt span{
	display: inline;
	width: fit-content;
	font-size: 1.2rem;
}

.keypad-input dl dd input{
	height: 24px;
}

.keyboard-button{
	font-size: 24px;
	height: 46px;
}

/* 전체팝업 수정 */
.pass-pop{
	padding: 1.5rem 0 !important;
}

.pass-pop .pop-header.pop-input .tserch-box{
	max-height: 350px;
}

.sec-pop .pop-body-content{
	height: 30rem;
}



.wrap-user-password {
	position: relative;
}

.wrap-user-password input {
	padding-right: 4.5rem;
}

.wrap-user-password .btn-ico-userpwchk {
	position: absolute;
	top: .75rem;
	right: .5rem;
	width: 3rem;
	height: 3rem;
	margin-top: unset;
	background: transparent url(/images/responsive-img/ico-password-view-on.svg) no-repeat center;
	background-size: 2rem;
}

.wrap-user-password .btn-ico-userpwchk.on {
	background-image: url(/images/responsive-img/ico-password-view-off.svg);
}


@media (max-width: 600px) {  
	.mo_btn_100 {
		flex-wrap: wrap;
		gap: 1rem;
	}
	
	.mo_btn_100 button {
		margin-left: 0 !important;
	}
}

@media (max-width: 740px) {
	.day-serch .tree-flex-r.mo-fit {
		margin-left: 0;
	}
	
	.day-serch.day2 .tree-flex-r.mo-fit .right {
		gap: 8px 10%;
	}
	
	.day-serch .tree-flex-r.mo-fit .login-info+.login-info {
		margin-bottom: 0 !important;
	}
	
	.day-serch .tree-flex-r.mo-fit .login-info {
		width: unset;
		min-width: 45%;
	}
	
	.Responsive .border-line.tserch-box .inner-flex {
		margin-left: 0 !important;
	}
}

@media (max-width: 1024px) {
	  .tserch-box.mo-fit .input-inner.w100p {
    flex-direction: column;
    align-items: stretch;
  }
  
  .tserch-box.mo-fit .input-inner.w100p .inner-flex {
  	gap: 1rem;
  }
  
  .tserch-box.mo-fit .input-inner.w100p .inp-group {
  	margin: 0 !important;
  }
  
  .Responsive .border-line.tserch-box.mo-fit .inner-flex .inp-group+.inp-group:lang(de) {
  	padding-left: 0 !important;
  }
}




.locker-list .locker-position .new {
	gap: 10px;
}

.locker-list .locker-position .new li {
	position: relative;
    width: calc(100% / 10 - 9px);
    height: 8rem;
	margin: 0;
	padding: 0;
	border: none;
}

@media (max-width: 900px) {
	.locker-list .locker-position .new li {
	    width: calc(100% / 9 - 9px);
	}
}

@media (max-width: 800px) {
	.locker-list .locker-position .new li {
	    width: calc(100% / 8 - 9px);
	}
}

@media (max-width: 700px) {
	.locker-list .locker-position .new li {
	    width: calc(100% / 7 - 9px);
	}
}

@media (max-width: 600px) {
	.locker-list .locker-position .new li {
	    width: calc(100% / 6 - 9px);
	}
}

@media (max-width: 500px) {
	.locker-list .locker-position .new li {
	    width: calc(100% / 5 - 9px);
	}
}

@media (max-width: 440px) {
	.locker-list .locker-position .new li {
	    width: calc(100% / 4 - 9px);
	}
}

@media (max-width: 360px) {
	.locker-list .locker-position .new li {
	    width: calc(100% / 3 - 9px);
	}
}

.locker-list .locker-position .new li .locker {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	align-items: stretch;
	height: 100%;
	padding: 0.5rem;
	border: 1px solid #787878;
	border-radius: .6rem;
	background: #787878;
}

.locker-list .locker-position .new li.none .locker {
	border: 1px solid #dcdcdc; 
	background: #fff;
}

.locker-list .locker-position .new li.inuse .locker {
	border: 1px solid #dcdcdc; 
	background: #dcdcdc; 
}

.locker-list .locker-position .new li.inuseSmrt .locker {
	border: 1px solid #dcdcdc; 
	background: #f0f2f4; 
}

.locker-list .locker-position .new li.inuse2hours .locker {
	border: 1px solid #ff7d0d;
	background: #f0f2f4; 
}

.locker-list .locker-position .new li.expiry .locker {
	border: 1px solid #dcdcdc; 
  	background: #787878;
}

.locker-list .locker-position .new li.broken .locker {
  border: 1px solid #f7355a;
  background: #f0f2f4;
}

.locker-list .locker-position .new li.permanence .locker {
  border: 1px solid #7ed1bd;
  background: #fff;
}

.locker-list .locker-position .new li .locker .lockerinfo {
	width: 100%;
	background-repeat: no-repeat;
	background-position: right;
	background-size: 20px;
	font-size: 1.2rem;
	text-align: left;
}

.locker-list .locker-position .new li .locker .name {
	font-size: 1.2rem;
	line-height: 1;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.locker-list .locker-position .new li .locker .info {
	display: block;
	margin-bottom: .5rem;
	font-size: 1rem;
	line-height: 1;
}

.locker-list .locker-position .new li .show-userinfo {
	position: absolute;
	left: 2px;
	bottom: -7px;
	width: 14px;
	height: 14px;
	border: 1px solid #999;
	border-radius: 50%;
	background: #fff;
	outline: 2px solid #fff;
	overflow: hidden;
	text-align: left;
	text-indent: -999px;
	box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .2);
	z-index: 50;
}

.locker-list .locker-position .new li .show-userinfo::before,
.locker-list .locker-position .new li .show-userinfo::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	width: 1px;
	border-radius: 1px;
	background: #999;
	transform: translateX(-50%);
}

.locker-list .locker-position .new li .show-userinfo::before {
	top: 3px;
	height: 1px;
}

.locker-list .locker-position .new li .show-userinfo::after {
	top: 5px;
	height: 4px;
}

.locker-list .locker-position .new li .show-userinfo:hover + .userinfo,
.locker-list .locker-position .new li .show-userinfo:active + .userinfo,
.locker-list .locker-position .new li .show-userinfo.active+.userinfo {
	opacity: 1;
}

.locker-list .locker-position .new li .userinfo {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
	padding: 0.5rem;
	border-radius: .6rem;
	background: #000;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	opacity: 0;
	pointer-events: none;
	transition: all .3s;
}

.locker-list .locker-position .new li .userinfo .nickname {
	margin: 0;
	font-weight: normal;
}

.locker-list .locker-position .new li .userinfo .remain,
.locker-list .locker-position .new li .userinfo .info {
	text-align: right;
	font-size: 8px;
	font-weight: normal;
}

@media all and (max-width: 480px) {
	.img-flie {
		display: block;
		align-items: center;
	}
	
	.img-flie .img-veiw {
		min-height: unset !important;
		height: auto !important;
		margin: 0 auto 8px;
	}
	
	.img-flie .img-veiw p {
		margin: 0 auto;
	}
	
	.img-flie .insert-file {
		flex-direction: column;
		align-items : center;
	}
	
	.img-flie .insert-file p {
		padding-left: unset;
		text-align: center;
	}
}