@charset "UTF-8";
@import  url("../../../base/color.css");
/*-------------------------------------------------------------------
    파일정의 : main.css - 메인페이지 css
    속성순서 : 표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
-------------------------------------------------------------------*/

/* main header */

.main-header__wrapper .main-content__header{
  border-bottom: 1px solid var(--gray-default);
  background: #1A2F63;
}

.main-header__wrapper .main-content__inner{
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
/*   padding: 2rem 0; */
  /* padding: 1.6rem 0; */
  padding: 0.6rem 0;
}

.main-header__wrapper .main-header__logo img{
  /* width: 12.7rem;
  height: 3.2rem; */
  width: 232px;
  height: 42px;
  margin-left: -18px;
  image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.main-header__wrapper .main-header__search-inner{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;	
}

.main-header__wrapper .main-header__search-inner .page-help__button-wrapper{
	z-index: 500;
}

.main-header__wrapper .main-header__search-inner .page-help__button-inner{
	margin-left: 1rem;
}

.main-header__wrapper .main-header__search-inner .page-help__button-inner .material-icons{
	font-size: 2.4rem;
	/* color: var(--primary-default); */
	color: #EB3F00;
	cursor: pointer;
}

.main-header__wrapper .main-header__search{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 55rem;
  height: 4rem;
  padding: 0.4rem;
  border-radius: 0.6rem;
  box-shadow: 0 0.3rem 0.8rem rgba(49,130,247,0.18);
  
  background: #fff;
}

.main-header__wrapper .main-header__search .form-select__wrapper{
  margin: 0 2rem;
}

.main-header__wrapper .main-header__search .form-select{
  width: 6rem;
  border: none;
  font-size: 1.5rem;
  padding: 0;
  background: url("../../../../images/icon/main/icon_arrow_bottom.png") center right no-repeat;
}

.main-header__wrapper .main-header__search .form-select:focus{
  box-shadow: none;
}

.main-header__wrapper .main-header__search .input-group{
  position: relative;
}

/* .main-header__wrapper .main-header__search .input-group::before{
  content: "";
  position: absolute;
  top: 50%;
  left: -0.1rem;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 1.4rem;
  background-color: var(--gray-dark-1);
  z-index: 1;
}
 */
.main-header__wrapper .main-header__search .input-group input,
.main-header__wrapper .main-header__search .input-group .btn{
  border: none;
  border-radius: 0;
}

.main-header__wrapper .main-header__search .input-group input{
  font-size: 1.5rem;
  color: var(--gray-dark-1);
}

.main-header__wrapper .main-header__search .input-group .btn{
  width: 3rem;
  height: 3rem;
  padding:0;
}

.main-header__wrapper .main-header__search .input-group .btn span{
  font-size: 3rem;
  color: var(--primary-default);
}

.main-header__wrapper .main-header__search .input-group .btn:hover{
  border: none;
  background-color: var(--gray-light-1);
  color: var(--primary-default);
}

.main-header__wrapper .main-header__btn-group{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-header__wrapper .main-header__btn-group .btn{
  padding:0;
  margin-right: 2rem;
/*  margin-right: 3.9rem; 신두호*/
}

.main-header__wrapper .main-header__btn-group .btn:last-child{
  margin-right: 0;
}

.main-header__wrapper .main-header__btn-group .btn span{
  font-size: 3.5rem;
  color: #fff;
}

.main-header__wrapper .main-header__btn-group .btn.menu-btn span{
  font-size: 2.7rem;
}

.main-header__wrapper .main-header__btn-group .main-header__salesemp-wrapper{
  position: absolute;
  right: 10rem;
  min-width: 18rem;
  white-space: nowrap;
  color: #fff;
}

.main-header__wrapper .main-header__btn-group .main-header__salesemp-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
/*   margin-right: 3.9rem; */
}

.main-header__wrapper .main-header__btn-group .main-header__salesemp-inner .main-header__salesemp-head{
  
}

.main-header__wrapper .main-header__btn-group .main-header__salesemp-inner .main-header__salesemp-head span{
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0.2rem 0;
}

.main-header__wrapper .main-header__btn-group .main-header__salesemp-inner .main-header__salesemp-body{
/*   width: 24rem; */
  min-width: 6rem;
}

.main-header__wrapper .main-header__btn-group .main-header__salesemp-inner .main-header__salesemp-row{
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 20px;
  cursor: pointer;
}

.main-header__wrapper .main-header__btn-group .main-header__salesemp-inner .main-header__salesemp-row span{
  font-size: 1.3rem;
}

.main-header__wrapper .main-header__btn-group .main-header__salesemp-inner .main-header__salesemp-row .btn span{
  font-size: 2rem;
  /* color: var(--gray-dark-1); */
  color: #fff;
}

.main-header__wrapper .main-header__btn-group .main-header__salesemp-inner .main-header__salesemp-row:hover{
  position: relative;
}

.main-header__wrapper .main-header__btn-group .main-header__salesemp-inner .main-header__salesemp-row:hover:after{
  content: attr(data-salesemp-mobile);
  position: absolute;
  top: 110%;
  left: -2.4rem;
  right: -2.4rem;
  padding: 0.4rem 0.9rem;
  background-color: var(--gray-dark-2);
  opacity: 0.8;
  color: #fff;
  font-size: 1.3rem;
  border-radius: 0.4rem;
  z-index: 9999;
/*   word-break: break-all; */
  white-space: nowrap;
  text-align: center;
  box-sizing: content-box;
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner{
  position: relative;
  margin-right: 2rem;
/*  margin-right: 3.9rem; 신두호*/
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .main-header__alarm-btn .alarm-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: 1.7rem;
  min-height:  1.7rem;
  padding: 0 0.4rem;
  font-size: 1.2rem;
  font-weight: 700;
  background: var(--red-default);
  top: 0.5rem;
  left: 3rem !important;
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .main-header__alarm-list{
  position: absolute;
  top:100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .main-header__alarm-list #alarm-list{
  width: 31.5rem;
  height: 100%;
  border: 1px solid var(--gray-default);
  border-radius: 1.5rem;
  box-shadow: 0 3px 8px rgba(0,0,0,0.16);
  background: var(--gray-light-1);
  transition: none;
  padding-bottom: 2.1rem;
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .alarm-item__card{
  border: 0 none;
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .alarm-list__header .alarm-item__card-header{
  border: 0 none;
  background: none;
  padding: 2rem 0 0 1.7rem;
  font-size: 1.7rem;
  font-weight: 500;
  margin-bottom: 1.1rem;
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .alarm-list__body{
  padding: 0 1.7rem;
  height: 27rem;
  overflow: scroll;
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .alarm-list__body::-webkit-scrollbar{
  display: none ;
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .alarm-list__body .alarm-list__item{
  position: relative;
  margin-top: 1.6rem;
  padding-left: 0.8rem;
  cursor: pointer;
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .alarm-list__body .alarm-list__item:first-child{
  margin-top: 0;
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .alarm-list__body .alarm-item__card-body{
  padding: 0;
  border-left: 1px solid var(--gray-default);
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .alarm-list__body .alarm-list__term{
  font-size: 1.2rem;
  color: var(--gray-dark-1);
  margin-bottom: 0.3rem;
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .alarm-list__body .alarm-list__term:before{
  content: "";
  position: absolute;
  top: 0;
  left: -0.55rem;
  width: 0.8rem;
  height: 0.8rem;
  border: 2px solid var(--gray-dark-1);
  border-radius: 50%;
  background: var(--gray-light-1);
  z-index: 1;
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .alarm-list__body .alarm-list__txt-box{
  padding: 0.7rem;
  border-radius: 0.3rem;
  background: var(--indigo-light-2);
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .alarm-list__body .alarm-list__txt-box .alarm-list__txt-title{
  font-size: 1.4rem;
  font-weight: 700;
}

.main-header__wrapper .main-header__btn-group .main-header__alarm-inner .alarm-list__body .alarm-list__txt-box .alarm-list__txt{
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 0.6rem;
  margin-left: 0.3rem;
}

/* gnb menu */

.main-header__wrapper .main-gnb__menu-wrapper{
  max-width: 1280px;
  margin: 0 auto;
}

.main-header__wrapper .main-gnb__menu-wrapper .navbar{
  padding: 0;
}

.main-header__wrapper .main-gnb__menu-wrapper .navbar .row{
  width:100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-header__wrapper .main-gnb__menu-wrapper .navbar .row > *{
  width: initial !important;
}

.main-header__wrapper .main-gnb__menu-wrapper .navbar .row .col{
  padding:0;
  flex: initial !important;
}

.main-header__wrapper .main-gnb__menu-wrapper .navbar .row .col:nth-of-type(2){
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.main-header__wrapper .main-gnb__menu-wrapper .navbar .row .col .line__inner__wrapper,
.main-header__wrapper .main-gnb__menu-wrapper .navbar .row .col .line__inner{
  height: 100%;
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list .main-gnb__list-item{
  position: relative;
  margin-right: 4.4rem;
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list .main-gnb__list-item:hover .list-item__menu{
  display: block;
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list .main-gnb__list-item:last-child{
  margin-right: 0;
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list .main-gnb__list-item:nth-child(2) .list-item__title{
  position: relative;
  margin-left: 5rem;
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list .main-gnb__list-item:nth-child(2) .list-item__title::before{
  content: "";
  display: inline-block;
  position: absolute;
  top:50%;
  left: -5rem;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 1.6rem;
  background: var(--gray-light-5);
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list .main-gnb__list-item .list-item__title{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
/*   height: 6.5rem; */
  height: 5.1rem;
  font-size: 1.7rem;
  font-weight: 500;
  color: var(--gray-dark-5);
  cursor: default;
  border: 2px solid transparent; 
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list .main-gnb__list-item .list-item__title.is-active,
.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list .main-gnb__list-item .list-item__title:hover{
  color: var(--primary-default);
  /* font-weight: 700; */
  border-bottom: 2px solid var(--primary-default);
  cursor: pointer;
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list  .list-item__menu{
  display: none;
  width: auto;
  min-width: 28.7rem;
  position: absolute;
/*   top: 6.5rem; */
  top: 5.1rem;
  left: 50%;
/*  transform: translateX(-50%); */
  transform: translateX(-20%);
  border: 1px solid var(--primary-default);
  border-radius: 1rem;
  padding: 1rem;
  box-shadow: 0 3px 8px rgba(0,0,0,0.16);
  background: var(--gray-light-1);
  z-index: 30;
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list .main-gnb__list-item:first-child .list-item__menu{
  left: 100%;
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list  .list-item__menu .menu-title{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 3.2rem;
  padding: 0 0.8rem;
  border-radius: 0.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list  .list-item__menu .menu-title:hover{
  color: var(--primary-default);
  background: var(--primary-light-2);
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list  .list-item__menu .menu-sub__title-list{
  padding-left:  1.9rem;
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list  .list-item__menu .menu-sub__title{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.4rem;
  padding: 0.8rem 0 1rem 0;
  color: var(--gray-dark-3);
  cursor: pointer;
  white-space: nowrap;
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__menu-list  .list-item__menu .menu-sub__title .material-icons{
  font-size: 0.5rem;
  color: var(--gray-default);
  margin-right: 0.5rem;
}




.main-header__wrapper .main-gnb__menu-wrapper .navbar .navbar-nav .nav-link:last-child{
  padding-right:0;
}

.main-header__wrapper .main-gnb__menu-wrapper .navbar .col > .nav-link{
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--gray-dark-5);
}

.main-header__wrapper .main-gnb__menu-wrapper .navbar .row .col .container-fluid{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__category-inner{
  position: relative;
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__category-inner .category-inner__main-list{
  position: absolute;
  top: 5.5rem;
  left: 0;
  z-index: 10;
}

.main-header__wrapper .main-gnb__menu-wrapper .main-gnb__category-inner .category-inner__main-list .collapsing{
  transition: none !important;
}


.main-header__wrapper .main-gnb__menu-wrapper .menu-inner__btn{
  width: 100%;
}

.main-header__wrapper .main-gnb__menu-wrapper .menu-inner__btn .btn{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding:0;
}

.main-header__wrapper .main-gnb__menu-wrapper .menu-inner__btn .btn:focus{
  box-shadow: none;
}

.main-header__wrapper .main-gnb__menu-wrapper .category-inner__btn{
  display: flex;
  align-items: center;
  height: 5.1rem;
}

.main-header__wrapper .main-gnb__menu-wrapper .category-inner__btn .category-btn{
  margin-right: 2.9rem;
}

.main-header__wrapper .main-gnb__menu-wrapper .category-inner__btn .category-btn .btn{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.7rem;
  color: var(--primary-default);
}

.main-header__wrapper .main-gnb__menu-wrapper .category-inner__btn .category-btn .btn .material-icons{
  margin-right: 0.6rem;
}

.main-header__wrapper .main-gnb__menu-wrapper .category-inner__btn .category-btn .btn span{
  font-weight: 700;
}

.main-header__wrapper .main-gnb__menu-wrapper .nav-tabs{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.main-header__wrapper .main-gnb__menu-wrapper .nav-tabs .nav-item{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.main-header__wrapper .main-gnb__menu-wrapper .tab-content__inner{
  position: absolute;
  top:0;
  left: 100%;
}

.main-header__wrapper .main-gnb__menu-wrapper .tab-content__wrapper .list-group__wrapper{
  position: relative;
}

.main-header__wrapper .main-gnb__menu-wrapper .tab-content__wrapper .list-group__inner{
/*  width: 17.5rem;
  height: 59.1rem; */
  width: 22rem;
  height: 46rem;
  background: var(--gray-light-1);
  border: 1px solid #d3d3d3;
  /*border-right: 0 none;*/
}

.main-header__wrapper .main-gnb__menu-wrapper .tab-content__wrapper .list-group-item.depth2{
  position: initial!important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 0 none;
  border-bottom: 1px solid var(--gray-light-5);
}

.main-header__wrapper .main-gnb__menu-wrapper .tab-content__wrapper .list-group-item.depth2.is-active{
  border-color: #d3d3d3;
}
.main-header__wrapper .main-gnb__menu-wrapper .tab-content__wrapper .list-group-item.depth2.is-active .btn{
  color: var(--primary-default);
}

.main-header__wrapper .main-gnb__menu-wrapper .tab-content__wrapper .list-group-item.depth2 .btn{
/*  font-size: 1.6rem;
  font-weight: 700; */
  font-size: 1.5rem;
  font-weight: 600;
}

.main-header__wrapper .main-gnb__menu-wrapper .tab-content__wrapper .list-group-item.depth3{
/* width: 65rem;
  height: 59.1rem; */
  width: 101.1rem;
  height: 46rem;
  background: #fdfdfd;
  /*background: var(--gray-light-1);*/
  border: 1px solid #d3d3d3;
  border-left: 1px solid var(--gray-light-5);
  overflow-y: scroll;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.main-header__wrapper .main-gnb__menu-wrapper .tab-content__wrapper .list-group-item.depth3::-webkit-scrollbar{
  display: none;
}

.main-header__wrapper .main-gnb__menu-wrapper .tab-content__wrapper .list-group-item.depth3 .row{
  padding: 1.4rem 1.8rem;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.main-header__wrapper .main-gnb__menu-wrapper .tab-content__wrapper .list-group-item.depth3 .col{
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  font-size: 1.5rem;
  font-weight: 500;
/*  margin-right: 4.5rem;
  margin-bottom: 5.2rem; */
  margin-right: 1rem;
  margin-bottom: 2.8rem;
  width: 180px !important;
  height: 100%;
}

.main-header__wrapper .main-gnb__menu-wrapper .tab-content__wrapper .list-group-item.depth3 .col:last-child{
  margin-right: 0;
}

.main-header__wrapper .main-gnb__menu-wrapper .tab-content__wrapper .list-group-item.depth3 .col__title{
  font-size: 1.6rem;
  font-weight: 700;
  /*color: var(--orange-default);*/
  color: var(--primary-default);
  padding-left: 2rem;
  margin-bottom: 1.5rem;
}

.main-header__wrapper .main-gnb__menu-wrapper .tab-content__wrapper .list-group-item.depth3 .col__inner li{
  color: var(--gray-dark-3);
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0.4rem 2.5rem 0.4rem 2rem;
}

.main-header__wrapper .main-gnb__menu-wrapper .tab-content__wrapper .list-group-item.depth3 .col__inner li:hover{
  font-weight: 700;
  background: var(--gray-light-3);
}

.main-header__wrapper .main-gnb__menu-wrapper .nav-tabs .nav-item .nav-link{
  display: flex;
  flex-direction: column;
  width: 4.2rem;
/*  height: 19.8rem; */
  height: 15.41rem;
  padding: 1.5rem 1.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  border-radius: 0;
  background: var(--gray-dark-2);
  color: var(--gray-light-1);
  transition: background-color 0.15s ease-in-out;
}

.main-header__wrapper .main-gnb__menu-wrapper .nav-tabs .nav-item .nav-link:hover,
.main-header__wrapper .main-gnb__menu-wrapper .nav-tabs .nav-item .nav-link:focus{
  border: none;
  isolation: unset;
}

.main-header__wrapper .main-gnb__menu-wrapper .nav-tabs .nav-item .nav-link span{
  display: block;
  /* transform: rotate(90deg); */
}

.main-header__wrapper .main-gnb__menu-wrapper .nav-tabs .nav-item .nav-link.active{
  border:0 none;
  background:var(--primary-default);
}

.main-header__wrapper .main-gnb__menu-wrapper .menu-inner__sub-list{
  position: absolute;
  top:0;
  left: 100%;
}

.main-header__wrapper .main-gnb__menu-wrapper .menu-inner__sub-list > .collapsing{
  transition: none !important;
}

/* main content wrapper*/

.main-content__wrapper .content-main__header-wrapper{
  background: url("../../../../images/bg/main/bg_content_header.png") no-repeat;
  background-size: cover;
}

.main-content__wrapper .content-main__header-wrapper .content-main__header-inner{
/*   padding: 5rem 0; */
  padding: 2.4rem 0;
/*   margin-bottom: 4rem; */
  margin-bottom: 2rem;
}

.main-content__wrapper .content-main__header-wrapper .content-main__header{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  max-width: 1280px;
  height: 21.5rem;
/*   padding: 2.7rem 4rem 2rem 5.2rem; */
  padding: 2.4rem 3rem 2rem 3rem;
  margin: 0 auto;
  border-radius: 1.5rem;
  background: var(--gray-light-1);
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.12);
}

.main-content__wrapper .content-main__header-wrapper .content-main__header > div{
  flex:1;
}

.order-status__inner{
  padding-right: 5rem;
}

.order-status__inner .row{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.order-status__inner .row .col:first-child{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.order-status__inner .row .col:nth-child(2){
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.order-status__inner .order-status__title{
  font-size: 2.1rem;
  font-weight: 700;
  color: var(--gray-dark-5);
  margin-right: 1.1rem;
}

.order-status__inner .order-status__sub-title{
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--gray-default);
}

.order-status-btn__inner{
  display: flex;
  align-items: center;
  justify-content: end;
  margin-left: auto;
  width: auto;
  height: 2.9rem;
  border: 1px solid var(--gray-default);
  border-radius: 1.4rem;
  background: var(--gray-light-2);
}

.order-status-btn__inner .order-status__btn .btn{
  width: 6.8rem;
  height: 3rem;
  font-size: 1.4rem;
  color: var(--gray-dark-1);
  transition: none;
}

.order-status-btn__inner .order-status__btn .btn:focus{
  box-shadow: none;
}


.order-status-btn__inner .order-status__btn .btn.active{
  color: var(--gray-light-1);
  background: var(--primary-default);
  border-radius: 1.5rem;
}

.order-status-list__inner{
  padding-top: 3.8rem;
}

.order-status-list__inner .order-status__list{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.order-status-list__inner .order-status__list li{
  position: relative;
}

.order-status-list__inner .order-status__list .list-item__inner{
  text-align: center;
/*   margin-right: 2.5rem; */
  margin-right: 7.5rem;
}

.order-status-list__inner .order-status__list li:nth-child(9) .list-item__inner{
  margin-right: 5rem;
}

.order-status-list__inner .order-status__list li:last-child .list-item__inner{
  margin-left: 0;
  margin-right: 0;
}

.order-status-list__inner .order-status__list .list__title{
  font-size: 1.5rem;
  font-weight: 500;
}

.order-status-list__inner .order-status__list .list__title.is-active{
  color: var(--primary-default);
}

.order-status-list__inner .order-status__list .list__title.is-total{
  color: var(--primary-default);
}

.order-status-list__inner .order-status__list .list__item{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.5rem;
  height: 6.5rem;
  margin-top: 0.7rem;
  border: 5px solid var(--primary-light-1);
  border-radius: 50%;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--primary-default);
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.order-status-list__inner .order-status__list .list__item.is-active{
  border: 5px solid var(--primary-default);
/*   background: var(--primary-default); */
/*   color: var(--gray-light-1); */
  font-size: 1.8rem;
  font-weight: 700;
}

.order-status-list__inner .order-status__list .list__item.is-total{
  border:0;
  background: var(--primary-default);
  color: var(--gray-light-1);
  font-size: 1.8rem;
  font-weight: 700;
}

.order-status-list__inner .order-status__list .list__item.is-total.is-active{
  border:0;
  background: var(--primary-default);
  color: var(--gray-light-1);
  font-size: 2.1rem;
  font-weight: 700;
}

.order-status-list__inner .order-status__list .list__bar{
  position: absolute;
  top:100%;
  right: -1px;
/*   width: 2.8rem; */
  width: 7.8rem;
  height: 1.4rem;
  margin-top: 0.4rem;
}

.order-status-list__inner .order-status__list .list__bar.bar1{
  background: #DCEBFD;
}

.order-status-list__inner .order-status__list .list__bar.bar2{
  background: #C0DCFD;
}

.order-status-list__inner .order-status__list .list__bar.bar3{
  background: #A4CDFD;
}

.order-status-list__inner .order-status__list .list__bar.bar4{
  background: #8ABFFC;
}

/* 판매현황 */
.purchase-status__wrapper{
  position: relative;
  flex: none !important;
  width: 100%;
  overflow: hidden;
/*   max-width: 59.5rem; */
  max-width: 39.6rem;
}

.purchase-swiper__inner{
  height: 17rem;
  padding: 2.5rem 2rem 2.1rem 2rem;
  border-radius:  1rem;
  background:  repeating-linear-gradient(to left,  #81D1E0 0%, #337EEA 100% );
/*   background:  repeating-linear-gradient(to left,  #337EEA 0%, #144C9D 100% ); */
}

.purchase-swiper__inner .purchase-swiper__deco{
  display: none;
  position: absolute;
  bottom: -4rem;
  right: -4rem;
  overflow: hidden;
  z-index: 0;
  mix-blend-mode: color-dodge;
  opacity: 0.2;
}

.purchase-swiper__inner .purchase-swiper__deco > .material-icons{
  font-size: 20rem;
  color: var(--skyBlue--default);
  margin: 0 -5rem;
  transform: scale(.5, 1);
}

.purchase-swiper__inner .purchase-swiper__deco > .material-icons:nth-child(1){
  transform: scale(.5, .8);
}

.purchase-swiper__inner .purchase-swiper__deco > .material-icons:nth-child(2){
}

.purchase-swiper__inner .purchase-swiper__title{
  font-size: 2.1rem;
  font-weight: 700;
  color: var(--gray-light-1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.purchase-swiper__inner .purchase-swiper__content{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 5.3rem;
  border-radius: 0.5rem;
  background: var(--gray-light-1);
  margin-top: 1.6rem;
  margin-bottom: 1.3rem;
}

.purchase-swiper__inner .purchase-swiper__content .price-txt{
  height: 5.3rem;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 2rem 1.6rem 1.6rem 1.6rem;
  color: var(--primary-default);
}

/*  매입 현황 배경 수정 (flex)*/
.purchase-swiper__inner .purchase-swiper__content .price-txt.powder{
  flex: 0.6;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  background: var(--primary-light-2);
}

.purchase-swiper__inner .purchase-swiper__content .price-txt.construct{
  flex:1;
  display: flex;
  justify-content: flex-end;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.purchase-swiper__inner .purchase-swiper__footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.7rem;
  font-weight: 700;
  color: var(--gray-light-1);
}

.purchase-swiper__inner .purchase-swiper__body{
  width: 100%;
  border-radius: 0.5rem;
/*   margin-top: 1.6rem; */
/*   margin-bottom: 1.3rem; */
}

.purchase-swiper__inner .purchase-swiper__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.8rem;
  margin: 0.5rem 0;
  font-size: 1.7rem;
}

.purchase-swiper__inner .purchase-swiper__col{
}

.purchase-swiper__inner .purchase-swiper__col.col-label{
  color: var(--primary-light-1);
  font-weight: 700;
}

.purchase-swiper__inner .purchase-swiper__col.col-value{
  color: var(--indigo-default);
  font-weight: 700;
  z-index: 10;
}

.purchase-swiper__inner .purchase-swiper__col.col-highlight{
  font-size: 2.1rem;
  font-weight: 700;
}

.content-main__header-wrapper .swiper-pagination{
  left: 50% !important;
  transform: translateX(-50%);
  bottom: 1.4rem;
}

.content-main__header-wrapper .swiper-pagination .swiper-pagination-bullet{
  background: var(--gray-light-1);
  opacity: 0.3;
}

.content-main__header-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  opacity: 1;
}


/* content main body */

.main-content__wrapper .content-main__body{
  position: relative;
  max-width:  1280px;
  margin: 0 auto;
}

.order-list__inner .order-list__btn-group{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  top: -1rem;
}

.order-list__inner .order-list__btn-group .order-list__btn .btn{
  display: flex;
  align-items: center;
  justify-content: center;
/*   font-size: 1.6rem; */
  font-size: 1.4rem;
}

.order-list__inner .order-list__btn-group .order-list__btn.close-all__btn .btn{
  width: 9.7rem;
  height: 3.5rem;
  padding: 0;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  background: var(--primary-default);
  color: var(--gray-light-1);
}

.order-list__inner .order-list__btn-group .order-list__btn.close-all__btn .btn .material-icons{
  font-size: 2rem;
  padding-left: 0.5rem;
}


.order-list__inner .order-list__btn-group .order-list__btn.view-details__btn .btn{
  color: var(--primary-default);
}

.order-list__title-list{
  margin-top: 1rem;
/*   padding-top: 1rem; */
/*   padding-bottom: 1rem; */
  border-top: 1px solid var(--gray-dark-5);
  border-bottom: 1px solid var(--gray-dark-1);
  background: var(--gray-light-2);
}

.order-list__title-list .order-list__title{
/*   margin-left: 6.1rem; */
  margin-left: 0rem;
  margin-right: 3.2rem;
}

.order-list__title-list .order-list__title ul{
  display: flex;
  gap: 0.5rem;
  height: 4.9rem;
  align-items: center;
  text-align: center;
/*   font-size: 1.6rem; */
  font-size: 1.4rem;
/*   font-weight: 700; */
  color: var(--gray-dark-5);
}

.order-list__title-list .order-list__title ul li{
  user-select: none;
}

.order-list__title-list .order-list__title ul li.list-sortable
,.order-list__title-list .order-list__title ul li.list-collapsible{
  position: relative;
  cursor: pointer;
}

.order-list__title-list .order-list__title ul li.list-sortable.list-sortable-desc:after{
  position: absolute;
  font-size: 1.1rem;
  content: '▼';
}

.order-list__title-list .order-list__title ul li.list-sortable.list-sortable-asc:after{
  position: absolute;
  font-size: 1.1rem;
  content: '▲';
}

.order-accordion__item{
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  border: 1px solid var(--gray-light-4);
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}

.order-accordion__item.is-active{
  border-color: var(--primary-default);
}

.order-accordion__item .order-accordion__list-header .list-header__item ul{
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.order-accordion__item .order-accordion__list-header .list-header__item ul li{
  text-align: center;
}

.order-accordion__item .order-accordion__list-header .list-header__item ul li.tl {
  text-align: left;
}

.order-accordion__item .order-accordion__list-header .list-header__item ul li.tr {
  text-align: right;
  padding-right: 1rem;
}

.order-accordion__item.is-active .order-accordion__list-header .list-header__item ul li{
  color: var(--primary-default);
}

.order-accordion__item .accordion-item{
  border: 0 none;
  border-radius: 0.5rem;
}

.order-accordion__item .accordion-item .accordion-header{
  min-height: 5.61rem;
}

.order-accordion__item.is-body-only .accordion-item .accordion-header{
  display: none;	
}

.order-accordion__item:last-child{
  margin-bottom: 0;
}

.order-accordion__list-header{
  position: relative;
}

.order-accordion__list-header .list-header__open-btn{
  position: absolute;
  top: 25%;
  left: 17px;
  cursor: pointer;
  color: var(--primary-default);
}

.order-accordion__list-header .list-header__open-btn .list-open__btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 0.7rem;
  background: var(--primary-light-2);
  transform: rotate(180deg);
}

.order-accordion__list-header .list-header__open-btn .list-open__btn.collapsed{
  background: transparent;
  transform: rotate(0deg);
}

.order-accordion__list-header .list-header__open-btn .list-open__btn .material-icons{
  font-size: 3rem;
}

.order-accordion__list-header .list-header__item{
/*   padding: 1.6rem 3.1rem 2rem 6rem; */
  padding: 1rem 3.1rem 1rem 6rem;
}

.order-accordion__list-header .list-header__item ul{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.order-accordion__list-header .list-header__item ul li{
  font-size: 1.5rem;
}

.order-accordion__list-header .list-header__item ul li:not(.width__10){
/*   margin-left: 0.5rem; *//* 우측으로 밀려서 ul에 gap 다는 방식으로 변경 */
}

.order-accordion__list-header .list-header__item .list-header__label {
  display: flex;
  justify-content: center;	
}

.order-accordion__list-header .list-header__item .list-header__label .is-label{
/*   width: 8.8rem; */
  width: 6.8rem;
  height: 3.2rem;
}

.order-accordion__list-header .list-header__item .list-header__label .is-label.is-label-green{
/*   font-weight: 700; */
  color: var(--green-default);
  background: var(--green-light);
}

.order-accordion__list-header .list-header__item .list-header__label .is-label.is-label-yellow{
  color: var(--yellow-default);
  background: var(--yellow-light);
}

.order-accordion__list-header .list-header__item .list-header__label .is-label.is-label-orange{
  color: var(--orange-default);
  background: var(--orange-light);
}

.order-accordion__list-header .list-header__item .list-header__label .is-label.is-label-blue{
  color: var(--primary-default);
  background: var(--primary-light-2);
}

.order-accordion__list-header .list-header__item .list-header__label .is-label.is-label-purple{
  color: var(--purple-default);
  background: var(--purple-light);
}

.order-accordion__list-header .list-header__item .list-header__label .is-label.is-label-gray{
  color: var(--gray-dark-1);
  background: var(--gray-light-2);
}

.order-accordion__list-header .list-header__item .list-header__btn-group{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

.order-accordion__list-header .list-header__item .list-header__btn-group .list-header__btn{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
/*   width: 9rem; */
/*   width: 6.8rem; */
  border: 1px solid var(--gray-dark-1);
  border-radius: 0.2rem;
}

.order-accordion__list-header .list-header__item .list-header__btn-group .list-header__btn.active{
  border-color: var(--primary-default);
}

.order-accordion__list-header .list-header__item .list-header__btn-group .list-header__btn.btn-orange{
  background: var(--orange-default);
  margin-right: 0.5rem;
}

.order-accordion__list-header .list-header__item .list-header__btn-group .list-header__btn.btn-blue{
  background: var(--primary-default);
  margin-right: 0.5rem;
}

.order-accordion__list-header .list-header__item .list-header__btn-group .list-header__btn.btn-green){
  background: var(--green-default);
  margin-right: 0.5rem;
}

.order-accordion__list-header .list-header__item .list-header__btn-group .list-header__btn.btn-red{
  background: var(--red-default);
}

.order-accordion__list-header .list-header__item .list-header__btn-group .list-header__btn .btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.0rem;
  height: 3.5rem;
  font-size: 1.5rem;
  font-weight: 500;
/*   color: var(--gray-light-1); */
  color: var(--gray-dark-4);
}

.order-accordion__list-header .list-header__item .list-header__btn-group .list-header__btn:not(.active) .btn{
  cursor: auto !important;
  color: var(--gray-dark-1);
}

.order-accordion__list-header .list-header__item .list-header__btn-group .list-header__btn .btn-alert__inner {
  display: none;
  overflow: visible;
  position: absolute;
  z-index: 1000;
  top: 100%;
  margin-top: 0.8rem;
  padding: 0.6rem 1.2rem 0.6rem 1.2rem;
  border: 1px solid var(--gray-dark-1);
  background: var(--gray-light-1);
  font-size: 1.2rem;
  color: var(--gray-dark-5);
}

.order-accordion__list-header .list-header__item .list-header__btn-group .list-header__btn.list-header__btn-alert .btn-alert__inner {
  display: block;
}

.order-accordion__list-header .list-header__item .list-header__btn-group .list-header__btn .btn-alert__inner .btn-alert__title {
  font-weight: 700;
}

.order-accordion__list-header .list-header__item .list-header__btn-group .list-header__btn .btn-alert__inner .btn-alert__content {
  text-align: left;
  margin-bottom: 1rem;
}

.order-accordion__list-header .list-header__item .list-header__btn-group .list-header__btn .btn-alert__inner .btn-alert__btn-goto {
 /*   font-size: 2.0rem; */
  background: var(--primary-default);
/*   width: 8rem; */
/*   height: 5rem; */
  padding: 0.5rem 0.8rem 0.3rem 0.8rem;
  border-radius: 0.4rem;
  font-weight: 700;
  color: var(--gray-light-1);
/*   margin-top: 1rem; */
  text-align: center; 
  cursor: pointer;
}

.order-accordion__list-header .list-header__item .list-header__btn-group .list-header__btn .material-icons{
  font-size: 1.5rem;
}

.order-accordion__list-header .list-header__item > ul > li > .material-icons {
  color: var(--gray-dark-1);
  cursor: pointer;
  overflow: visible;
}

.order-accordion__list-header .list-header__item > ul > li > .material-icons:hover{
  position: relative;
}

.order-accordion__list-header .list-header__item > ul > li > .material-icons:hover:after{
/*   box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4); */
  content: attr(data-orderList-remark);
  position: absolute;
  top: 110%;
  left: -16rem;
/*   right: 1rem; */
  width: 32rem;
  padding: 0.9rem 1.2rem;
  background-color: var(--gray-dark-2);
  opacity: 0.8;
  color: #fff;
  font-size: 1.5rem;
  border-radius: 0.4rem;
  z-index: 9999;
  word-break: break-all;
  white-space: normal;
  text-align: left;
  box-sizing: content-box;
  line-height: 1.8rem;
}

.order-accordion__body{
  border-top: 1px solid var(--gray-dark-5);
  margin-left: 4.9rem;
  margin-right: 3.1rem;
}

.order-accordion__item.is-body-only .order-accordion__body{
  border-top: 0px solid var(--gray-dark-5);
}

.order-accordion__body .accordion-body{
  padding: 0;
}

.order-accordion__list-inner .order-accordion__list-item{
  margin-top: 1rem;
  padding: 1rem 1.2rem 1rem 2.5rem;
  border-radius: 0.4rem;
  background: var(--gray-light-3);
}

.order-accordion__list-inner .order-accordion__list-item:last-child{
  margin-bottom: 1rem;
}

.order-accordion__list-inner .order-accordion__list-item ul{
  display: flex;
  align-items: stretch;
/*   justify-content: space-between; */
  justify-content: flex-start;
  gap: 0.5rem;
}

.order-accordion__list-inner .order-accordion__list-item .order-accordion__list{
  word-break: break-all;
}

.order-accordion__list-inner .order-accordion__list-item .order-accordion__list .list-item:nth-of-type(n+2){
  margin-top: 1.2rem;
/*   white-space: nowrap; */
}

.order-accordion__list-inner .order-accordion__list-item .order-accordion__list:nth-of-type(2) .list-item:nth-of-type(2){
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.order-accordion__list-inner .order-accordion__list-item .order-accordion__list .list-number{
/*   font-size: 1.5rem; */
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--primary-default);
}

.order-accordion__list-inner .order-accordion__list-item .order-accordion__list .sub-title{
/*   font-size: 1.4rem; */
/*   font-size: 1.25rem; */
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--gray-dark-1);
  margin-right: 0.5rem;
}

.order-accordion__list-inner .order-accordion__list-item .order-accordion__list .sub-txt{
/*   font-size: 1.5rem; */
  font-size: 1.25rem;
  font-weight: 500;
}

.order-accordion__list-inner .order-accordion__list-item .order-accordion__list .pointer-txt{
/*   font-size: 1.5rem; */
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--red-default);
}

.order-accordion__list-inner .order-accordion__list-item .order-accordion__list span.imp{
/*   font-size: 1.4rem; */
  font-size: 1.25rem;
  cursor: pointer;
}

.order-accordion__list-inner .delivery-status__inner{
/*   width: 49.2rem; */
  width: 45rem;
  height: 8rem;
  padding: 1.2rem 2.3rem 0.5rem 2.3rem;
  background: var(--gray-light-1);
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-one{
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-one span {
  padding-top: 0.8rem;
  font-size: 1.4rem;
  color: var(--green-default);
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-one.step-one-yellow span {
  color: var(--yellow-default);
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-list{
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-item{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-item.step-item-prd{
  cursor: pointer;
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-item .is-active__point-inner{
  display: none;
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-item:nth-of-type(4) .delivery-status__gauge-bar{
/*   width: 10rem; */
  width: 8.4rem;
}

.order-accordion__list-inner .delivery-status__inner .step-list-four .delivery-status__step-item:nth-of-type(3) .delivery-status__gauge-bar{
  width: 11.4rem;
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-item.is-active.point .is-active__point-inner{
  display: block;
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-item.is-active.point .delivery-status__gauge-bar,
.order-accordion__list-inner .delivery-status__inner .delivery-status__step-item.is-active.order-first .delivery-status__gauge-bar{
  background: var(--gray-default) !important;
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-item.is-active span:not(.step-information__title){
/*   color: var(--primary-default); */
/*   color: var(--pink-light-3); */
  color: var(--green-light-3);
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-item.is-active .step-information__title{
  color: var(--gray-dark-2);
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-item.is-active .delivery-status__gauge-bar{
/*   background: var(--primary-default); */
  background: var(--green-light-2);
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-information{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 5rem; /* 게이지 길이 고정을 위해 필요 - 없을 시 중구난방 */
  white-space: nowrap;
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-information .material-icons{
  position: relative;
  z-index: 1;
  font-size: 1.2rem;
  color: var(--gray-default);
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__step-information .step-information__title{
  padding-top: 0.8rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--gray-default);
}

.order-accordion__list-inner .delivery-status__inner .delivery-status__gauge-bar{
  position: absolute;
  top: 13%;
  left: 53%;
/*   width: 12rem; */
/*   width: 10rem; */
  width: 7rem;
  height: 0.3rem;
  background: var(--gray-default);
}

.order-accordion__list-inner .delivery-status__inner .step-list-four .delivery-status__gauge-bar{
  width: 12.4rem;
}

.order-accordion__list-inner .delivery-status__inner .is-active__point-inner{
  position: absolute;
  top: -20%;
  left: 20%;
  z-index: 1;
  width: 2.2rem;
  height: 2.2rem;
/*   border: 1px solid var(--primary-default); */
/*   border: 1px solid var(--pink-default); */
  border-radius: 50%;
/*   background: var(--primary-light-2); */
  background: var(--green-light-2);

}

.order-accordion__list-inner .delivery-status__inner .is-active__point-item{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 1.2rem;
  height: 1.2rem;
/*   border: 2px solid var(--primary-default); */
  border: 2px solid var(--green-default);
  border-radius: 50%;
  background: var(--gray-light-1);
  
  box-shadow: 0 0 0 0 var(--green-default);
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}


@-webkit-keyframes pulsing {
	to {
		box-shadow: 0 0 0 10px rgba(178, 235, 242, 0);
	}
}
@-moz-keyframes pulsing {
	to {
		box-shadow: 0 0 0 10px rgba(178, 235, 242, 0);
	}
}
@-ms-keyframes pulsing {
	to {
		box-shadow: 0 0 0 10px rgba(178, 235, 242, 0);
	}
}
@keyframes pulsing {
	to {
		box-shadow: 0 0 0 10px rgba(178, 235, 242, 0);
	}
}

/* product-board */

.main-content__wrapper .product-board__inner{
/*  margin: 3.7rem auto 0 auto; */
  margin: 2rem auto 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-content__wrapper .product-board__inner .product-board__item{
  position: relative;
  width: 62.8rem;
/*   height: 36.8rem; */
  height: 32.5rem;
  padding: 2rem;
  border: 1px solid var(--gray-light-4);
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.18);
}

.main-content__wrapper .product-board__inner .product-board__item .swiper-pagination{
  top: 3rem;
  height: 1rem;
}

.main-content__wrapper .product-board__inner .product-board__item .swiper-pagination .swiper-pagination-bullet{
  background: var(--primary-default);
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--gray-dark-5);
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__header .product-board__header-title{
  font-size: 1.8rem;
  font-weight: 700;
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__header .product-board__header-title>.fab
,.main-content__wrapper .product-board__inner .product-board__item .product-board__header .product-board__header-title>.far
,.main-content__wrapper .product-board__inner .product-board__item .product-board__header .product-board__header-title>.fa{
  color: var(--gray-dark-1);
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__header .product-board__header-btn{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__header .product-board__header-btn .btn{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--primary-default);
  font-size: 1.5rem;
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__header .product-board__header-btn .btn .material-icons{
  font-size: 1.7rem;
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body{
  max-width: 60.8rem;
  margin-top: 1.5rem;
  overflow: hidden;
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body ul li{
  margin-right: 1.5rem;
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body ul li:last-child{
  margin-right: 0;
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-img{
  width: 100%;
  height: 16.2rem;
  margin-bottom: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-img > img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-label{
  margin-bottom: 0.7rem;
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-label .is-label{
  width: 5.2rem;
  height: 2.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--primary-default);
  background: var(--primary-light-2);
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-label .is-label.is-active{
  font-weight: 700;
  background: var(--primary-default);
  color: var(--gray-light-1);
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-txt{
  font-size: 1.5rem;
  font-weight: 500;
  overflow: visible;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--gray-dark-5);
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-txt>span{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

/* swiper prev next btn */
.main-content__wrapper .product-board__inner .product-board__item .product-board__body .product-board__swiper{
  position: relative;
}

/*.main-content__wrapper .product-board__inner .product-board__item .product-board__body-txt:hover{
  position: relative;
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-txt:hover:after{
  content: attr(data-tooltip-text);
  position: absolute;
  top: 110%;
  left: 1rem;
  right: 1rem;
  padding: 0.4rem 0.9rem;
  background-color: var(--gray-dark-2);
  opacity: 0.8;
  color: #fff;
  font-size: 1.5rem;
  border-radius: 0.4rem;
  z-index: 9999;
  word-break: break-all;
  white-space: normal;
  text-align: center;
  box-sizing: content-box;
}*/

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-dtl-group{
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 0.8rem;
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-dtl-group .dtl-row{
  position: relative;
  display: flex;
  margin-top: 0.2rem;
  padding: 0 1rem 0 1rem;
  height: 1.6rem;
  font-size: 1.2rem;
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-dtl-group .dtl-row .dtl-cell-label{
/*   position: absolute; */
/*   left: 0; */
  height: 1.6rem;
  text-align: left;
  color: var(--gray-dark-2);
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-dtl-group .dtl-row .dtl-cell-value{
/*   position: absolute; */
/*   right: 0; */
  height: 1.6rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  color: var(--indigo-default);
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-btn-group{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
/*   margin-top: 2rem; */
  margin-top: 1rem;
  background: var(--gray-light-2);
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-btn-group .btn{
  flex: 1;
  color: var(--gray-dark-1);
}

.main-content__wrapper .product-board__inner .product-board__item .product-board__body-btn-group .btn:nth-of-type(1)::after{
  content: "";
  display: block;
  width: 0.2rem;
  height: 1.8rem;
  background: var(--gray-default);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/* real banner list */

.main-content__wrapper .banner-list__inner{
/*  margin: 3.7rem auto 0 auto; */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-content__wrapper .banner-list__inner .banner-list__item{
  position: relative;
/*   width: 62.8rem; */
  width: 100%;
/*   height: 21.4rem; */
/*  padding: 2rem; */
/*  border: 1px solid var(--gray-light-4); */
/*  border-radius: 0.5rem; */
/*  box-shadow: 0 2px 6px rgba(0,0,0,0.18); */
}

.main-content__wrapper .banner-list__inner .banner-list__item .banner-list__body{
  max-width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.4rem;
}

.main-content__wrapper .banner-list__inner .banner-list__item .banner-list__body > .swiper{
  width: calc(50% - 1rem);
  overflow: hidden;
}
.main-content__wrapper .banner-list__inner .banner-list__item .banner-list__body > .swiper:first-child{
/*   margin-right: 1rem; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-content__wrapper .banner-list__inner .banner-list__item .banner-list__body > .swiper:last-child{
/*   margin-left: 1rem; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-content__wrapper .banner-list__inner .banner-list__item .banner-list__body .swiper-slide{
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-content__wrapper .banner-list__inner .banner-list__item .banner-list__body .swiper-slide > a > img{
  width: 100%;
  height: 100%;
}

.main-content__wrapper .banner-list__inner .banner-list__item .swiper-pagination{
  display: none;
  top: 3rem;
}

.main-content__wrapper .banner-list__inner .banner-list__item:nth-of-type(1) .swiper-pagination{
  left: -16.5rem;
}

.main-content__wrapper .banner-list__inner .banner-list__item:nth-of-type(2) .swiper-pagination{
  left: -19.5rem;
}

.main-content__wrapper .banner-list__inner .banner-list__item .swiper-pagination .swiper-pagination-bullet{
  background: var(--primary-default);
}

/* information list */

.main-content__wrapper .information-list__inner{
/*   margin-top: 3.9rem; */
/*   margin-bottom: 7rem; */
/*  margin: 3.7rem auto 0 auto; */
  margin: 3rem auto 0 auto;  
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-content__wrapper .information-list__inner .information-list__item{
/*   width: 38rem; */
  width: 62.8rem;
/*   height: 22rem; */
  height: 33rem;
  padding: 2rem;
  border: 1px solid var(--gray-light-4);
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.18);
}

.main-content__wrapper .information-list__inner .information-list__item .information-list__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--gray-dark-5);
}

.main-content__wrapper .information-list__inner .information-list__item .information-list__header-title{
  font-size: 1.8rem;
  font-weight: 700;
}

.main-content__wrapper .information-list__inner .information-list__item .information-list__header-title>.fab
,.main-content__wrapper .information-list__inner .information-list__item .information-list__header-title>.far
,.main-content__wrapper .information-list__inner .information-list__item .information-list__header-title>.fa{
  color: var(--gray-dark-1);
}

.main-content__wrapper .information-list__inner .information-list__item .information-list__header-btn .btn{
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 500;
  padding:0;
  color: var(--primary-default);
}

.main-content__wrapper .information-list__inner .information-list__item .information-list__header-btn .btn .material-icons{
  font-size: 1.6rem;
  margin-bottom: 0.3rem;
}

.main-content__wrapper .information-list__inner .information-list__item .information-list__body ul li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.8rem 0;
  border-bottom: 1px solid var(--gray-default);
  cursor: pointer;
}

.main-content__wrapper .information-list__inner .information-list__item .information-list__body ul li:last-child{
  border-bottom: 0 none;
}

.main-content__wrapper .information-list__inner .information-list__item .information-list__body .information-list__main-title{
/*   max-width: 22.7rem; */
  max-width: 57rem;
  font-size: 1.5rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-content__wrapper .information-list__inner .information-list__item .information-list__body .information-list__main-title>.main-title__new{
  display: inline-block;
  vertical-align: middle;
  height: 4px;
  width: 4px;
}

.main-content__wrapper .information-list__inner .information-list__item .information-list__body .information-list__main-title>.main-title__new.active{
  background-color: var(--red-default);
  border-radius: 50%;
}

.main-content__wrapper .information-list__inner .information-list__item .information-list__body .information-list__sub-title{
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--gray-dark-1);
}

/* media-board list */

.main-content__wrapper .media-board__inner{
/*  margin: 3.7rem auto 7rem auto; */ 
  margin: 3rem auto 7rem auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-content__wrapper .media-board__inner .media-board__item{
  position: relative;
/*   width: 46.5rem; */
  width: 100%;
/*   height: 22rem; */
/*  padding: 2rem; */
  border: 1px solid var(--gray-light-4);
  border-radius: 0.5rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.18);
}

.main-content__wrapper .media-board__inner .media-board__item.item-hp-renewal{
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.main-content__wrapper .media-board__inner .swiper-pagination{
  top: 2.6rem;
  left: -11rem;
}

.main-content__wrapper .media-board__inner .swiper-pagination .swiper-pagination-bullet{
  background: var(--primary-default);
}

.main-content__wrapper .media-board__inner .media-board__header{
/*   display: flex; */
  display: none;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.main-content__wrapper .media-board__inner .media-board__header .media-board__header-title{
  font-size: 1.8rem;
  font-weight: 700;
}

.main-content__wrapper .media-board__inner .media-board__header .media-board__header-link-btn{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.main-content__wrapper .media-board__inner .media-board__header .media-board__header-link-btn .link-btn{
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.main-content__wrapper .media-board__inner .media-board__header .media-board__header-link-btn .link-btn:last-child{
  margin-right: 0;
}

.main-content__wrapper .media-board__inner .media-board__header .media-board__header-link-btn .link-btn a,
.main-content__wrapper .media-board__inner .media-board__header .media-board__header-link-btn .link-btn img{
  width: 100%;
  height: 100%;
}

.main-content__wrapper .media-board__inner .media-board__body{
/*   width: 42.5rem; */
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item{
  width: 24%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item.body-item-wide{
  width: 49%;
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item .media-board__item-head{
  width: 20.8rem;
  font-size: 1.8rem;
  font-weight: 700;
  /* margin-left: 2rem; */
  margin-bottom: 1rem;
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item .media-board__item-head>.fab
,.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item .media-board__item-head>.far
,.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item .media-board__item-head>.fa{
  color: var(--gray-dark-1);
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item .media-board__item-head>.fab{
  margin-bottom: 0.35rem;
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item .media-board__item-head>.fa-tv{
  font-size: 1.5rem;
}

.fa.fa-red, .fab.fa-red, .far.fa-red{
  color: var(--red-default) !important;
}

.fa.fa-pink, .fab.fa-pink, .far.fa-pink{
  color: var(--pink-light-2) !important;
}

.fa.fa-indigo, .fab.fa-indigo, .far.fa-indigo{
  color: var(--indigo-default) !important;
}

.fa.fa-green, .fab.fa-green, .far.fa-green{
  color: var(--green-default) !important;
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item .media-board__item-body{
  width: 23rem;
  height: 15.5rem;
  /* margin-left: 2rem; */
  /* margin-right: 2rem; */
/*   padding: 2rem; */
  border: 1px solid var(--gray-light-4);
  box-shadow: 0 2px 6px rgb(0 0 0 / 18%);
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item.body-item-wide .media-board__item-body{
  width: 46rem;
  height: 31rem;
  margin-bottom: 0.5rem;
}

.main-content__wrapper .media-board__inner .item-hp-renewal .media-board__body .media-board__body-item .media-board__item-body{
  width: 100% !important;
  height: auto !important;
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item .media-board__item-img{
  width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
  cursor: pointer;
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item.body-item-wide .media-board__item-img{
}

.main-content__wrapper .media-board__inner .item-hp-renewal .media-board__body .media-board__body-item .media-board__item-img{
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item .media-board__item-img img{
  width: 100%;
  height: 100%;
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item:not(.body-item-wide) .media-board__item-img img {
	max-height:175px; 
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item .media-board__item-txt{
/*  background: var(--gray-light-2); */
  background: white;
}

.main-content__wrapper .media-board__inner .item-hp-renewal .media-board__body .media-board__body-item .media-board__item-txt{
/*   border: 1px solid var(--gray-light-4); */
  padding: 0.2rem;
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item.body-item-wide .media-board__item-txt{
  padding: 0.8rem 0.6rem;
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item .media-board__item-title{
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
}

.main-content__wrapper .media-board__inner .media-board__body .media-board__body-item .media-board__item-sub-txt{
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--gray-dark-1);
  text-align: right;
  margin-top: 0.8rem;
}


/* quick menu */
/* quick menu */

.content-quick-menu__wrapper{
  position: fixed;
  bottom: 23.5rem;
  right: 50%;
  margin-right: -72.9rem;
  z-index: 100;
}

.content-quick-menu__wrapper.is-active{
  bottom: 25rem;
}


.content-quick-menu__wrapper .content-quick-menu__inner{
  width: 6rem;
  height: 100%;
  max-height: 55.7rem;
  padding: 1.2rem 1rem;
  border-radius: 5rem;
  transition: all 0.3s;
}

.content-quick-menu__wrapper .content-quick-menu__inner.is-active{
  background: var(--gray-light-1);
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

.content-quick-menu__wrapper .content-quick-menu__inner .content-quick-menu__list{
  height: 0;
  overflow: hidden;
}

.content-quick-menu__wrapper .content-quick-menu__inner.is-active .content-quick-menu__list{
  height: 100%;
  max-height: 47.3rem;
  overflow: initial;
}

.content-quick-menu__wrapper .content-quick-menu__inner .content-quick-menu__list ul li{
  margin-bottom: 0.8rem;
}

.content-quick-menu__wrapper .content-quick-menu__inner .content-quick-menu__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  background: var(--gray-light-2);
  border-radius: 50%;
}

.content-quick-menu__wrapper .content-quick-menu__inner .content-quick-menu__item .tooltip-btn{
  padding:0;
  color: var(--gray-default);
}

.content-quick-menu__wrapper .content-quick-menu__inner .content-quick-menu__item .tooltip-btn span{
  margin-top:0.5rem;
  font-size: 2.7rem;
}

.content-quick-menu__wrapper .content-quick-menu__inner .content-quick-menu__item.is-active{
  background: var(--primary-light-2);
}

.content-quick-menu__wrapper .content-quick-menu__inner .content-quick-menu__item:hover{
  background: var(--primary-light-2);
}

.content-quick-menu__wrapper .content-quick-menu__inner .content-quick-menu__item .tooltip-btn:hover{
  color: var(--primary-default);
}

.content-quick-menu__wrapper .content-quick-menu__inner .content-quick-menu__item.is-active .tooltip-btn{
  color: var(--primary-default);
}

.content-quick-menu__wrapper .content-quick-menu__inner .quick-menu__btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background:  repeating-linear-gradient(  #81D1E0 0%, #337EEA 100% );
}

.content-quick-menu__wrapper .content-quick-menu__inner .quick-menu__btn .btn{
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--gray-light-1);
}

/* top btn */

.content-top__btn-wrapper{
  position: fixed;
  bottom: 20rem;
  right: 50%;
  margin-right: -72rem;
  z-index: 100;
}

.content-top__btn-wrapper .content-top__btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: var(--indigo-default);
}

.content-top__btn-wrapper .content-top__btn .btn{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding:0;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--gray-light-1);
}

.content-top__btn-wrapper .content-top__btn .btn .material-icons{
  font-size: 1.6rem;
}

/* simple Cart  */
.simpleCart-wrapper{
  position: fixed;
  bottom: 400rem;
  right: 50%;
  margin-right: -74.3rem;
  z-index: 100;
}

/* .simpleCart-wrapper .checkbox-wrapper .checkbox-inner .form-check .form-check-input:checked {
	border: 2px solid var(--orange-default);
    background-color: var(--orange-default);
} */

 .simpleCart-wrapper::before {
	content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    border-bottom: 10px solid;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    color: #b1a4b5;
    transform: rotate(180deg);
    -webkit-transform: rotate(-90deg);
    left: -22px;
    top: 26px;
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transition: all ease 0.3s;
}

.simpleCart-wrapper.on::before {
	content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    border-bottom: 10px solid;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    color: #b1a4b5;
    transform: rotate(180deg);
    -webkit-transform: rotate(90deg);
    left: -22px;
    top: 26px;
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transition: all ease 0.3s;
} 

.simpleCart-wrapper .simpleCart{
  position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 4rem;
  height: 4rem; */
  border-radius: 50%;
  background: #896EF7;
  width: 6rem;
  height: 6rem;
  transition: all ease 0.3s;
}

.simpleCart-wrapper .simpleCart .btn{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding:0;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--gray-light-1);
}

.simpleCart-inner:hover {
	/* transform: rotate( 360deg );
	transition: all ease 0.3s; */
}

.simpleCart-wrapper .simpleCart .btn .material-icons{
  font-size: 2rem;
}

.simpleCart_list_wapper {
	position: absolute;
    width: 485px;
    height: 510px;
    background: #fff;
    z-index: 99;
    left: -505px;
    top: -200px;
    border: 1px solid var(--bs-gray-500);
    overflow-y: auto; 
    border-radius: 5px;
}

.simpleCart_list_wapper::-webkit-scrollbar {
    width: 10px;
	background-color: #F5F5F5;
}
.simpleCart_list_wapper::-webkit-scrollbar-thumb {
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)),
									   color-stop(0.86, rgb(28,58,148)));
}

.simpleCart_list_wapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.simpleCart-delete {
	position: absolute;
    right: 10px;
    display: none;
}

.simpleCart-delete>button>span {
	font-size: 1.5rem;
    color: red;
    font-weight: 600;
}

.simpleCart_list_header {
	background: #1a2f63;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    width: 100%;
    max-width: 485px;
    top: 0;
    z-index: 10;
}

.simpleCart_list_body {
	/* padding-top: 25px; */
}

.simpleCart_list_body ul li {
	margin: 15px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--bs-gray-600);
    padding-bottom: 10px;
    cursor: pointer;
}

.simpleCart_list_body ul li:hover .simpleCart-delete{
	color: #000;	
	display: block;
}

.simpleCart-detail {
	padding-left: 15px;
    max-width: 280px;
    width: 100%;
}

.simpleCart-detail .info{
	display: flex;
    justify-content: space-between;
}

.simpleCart-detail .info:nth-child(1) {
	font-size: 15px;
}

.simpleCart-detail .info:nth-child(2) {
	
}

.simpleCart-qtyArea {
	padding-left: 15px;
	width: 115px;
	
}

.simpleCart-qtyArea input {
	width: 30px;
}

.inputSpin {
	padding: 0.375rem 0 0.375rem 0.55rem;
	/* text-align: right !important; */
	font-size: 13px !important;
	margin-left: -2px !important;
	font-weight: 600;
}

.simpleCart-qtyArea .btn-minus {
	/* background: var(--pink-light-1); */
	border-radius:50%;
}

.simpleCart-qtyArea .btn-plus {
	/* background: var(--green-light-2); */
	border-radius:50%;
}

.quick-cart-msg-wrapper {
    position: absolute;
    width: 200px;
    height: 43px;
    background: #fff;
    left: -206px;
    top: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid;
    border-radius: 4px;
    padding: 5px;    
}

.quick-cart-msg {
	font-size: 14px;
}




/* create order top button*/
.content-top__btn-wrapper.create-order{
  bottom: 16rem;
  margin-right: -74.3rem;
}

.content-top__btn-wrapper.create-order .content-top__btn{
  width: 6rem;
  height: 6rem;
}

.content-top__btn-wrapper.create-order .content-top__btn .btn{
  font-size: 1.5rem;
}

.content-top__btn-wrapper.create-order .content-top__btn .btn .material-icons{
  font-size: 2rem;
}

/* banner */

.content-banner__wrapper{
  position: fixed;
  bottom: 4rem;
  right: 50%;
  margin-right: -72rem;
  z-index: 100;
}

.content-banner__wrapper .content-banner__inner{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 15rem;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--gray-light-1);
  border-radius: 0.2rem;
  background: var(--gray-dark-1);
}

#kcc-logo {
	cursor: pointer;
	overflow: visible;
    width: 127px;
	position: relative;
}


.coach-mark__inner{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.coach-mark__inner .coach-mark__img{
	display: block;
	width: 100%;
	height: 100%;
}

.coach-mark__inner .coach-mark__close-button{
	position: fixed;
    top: 1rem;
    right: 2rem;
    width: 3rem;
    height: 3rem;
    z-index: 110;
}

.coach-mark__inner .coach-mark__close-button .material-icons{
	font-size: 3rem;
	color: #fff;
}

/* drag-div */

.drag-div__inner {
  position: absolute;
  z-index: 10000;
  background-color: var(--gray-light-1);
  border: 1px solid #565f64;
  text-align: center;
  min-width: 40rem;
  min-height: 24rem;
  font-size: 1.4rem;
  padding-bottom: 1rem;
  box-shadow: 0 2px 6px rgb(0 0 0 / 18%);
}

.drag-div-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  cursor: move;
  z-index: 10000;
  background-color: var(--primary-default);
  color: var(--gray-light-1);
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem;
}

.drag-div-header .drag-div-header-title {
  color: var(--gray-light-1);
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  font-weight: 700;
/*	max-width: 320px; */
/*	max-width: 120px;*/
}

.drag-div-header .header-tag {
  color: var(--gray-light-1);
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.4rem;
}

.drag-div-header .header-tag.header-tag-btn { 
  z-index: 10000;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 1.6rem;
  cursor: pointer;
  border-radius: 10px;
  color: var(--gray-light-1);
/*   background-color: #f23d67; */
}

.drag-div-level-title {
  display: block;
  min-height: 3.0rem;
  font-weight: 700;
}

.drag-div-level {
  min-height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gray-light-1);
}

.drag-div-level.drag-div-level-sub {
  margin-left: 0.6rem;
}

.drag-div-level .drag-div-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: calc(100% - 2rem);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.drag-div-level .drag-div-item-linewrap {
  display: block;
  position: relative;
  width: calc(100% - 2rem);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.drag-div-level .drag-div-level-label {
  text-align: left;
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--gray-dark-2);
  white-space: nowrap;
}

.drag-div-level .drag-div-level-value {
  text-align: right;
  position: relative;
  color: var(--gray-dark-4);
}

.drag-div-level .drag-div-level-line {
  border-top: 1px solid var(--gray-dark-1);
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}

.drag-div-no-cont {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 700;
}

/* 최근검색어 */
#recentlySearchDiv {
	position: absolute; 
	top: 44px; 
	border: 1px solid #eaeaea; 
	left: -2px; 
	background: #fff; 
	z-index: 100;
}

#recentlySearchDiv ul {
	height: 180px;  
	width: 48rem;
}

#recentlySearchDiv ul li {
	overflow: hidden;
    position: relative;
    height: 3rem;
    padding: 0 8rem 0 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.4rem;
    line-height: 3rem;
    margin-top: 5px;
    margin-bottom: 5px
}

#recentlySearchDiv ul li.selected {
	background: var(--gray-light-3);
}



#recentlySearchDiv ul li .kwd {
	display: block;
    position: relative;
    /* padding-left: 25px; */
    color: #202020;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#recentlySearchDiv ul li .kwd .fix .material-icons {
	top: 3px;
	/* position: absolute; */
	left: -2px;    
	color: var(--bs-gray-400);
}

#recentlySearchDiv ul li .etc {
	position: absolute;
    top: 0px;
    right: 23px;
    width: 8rem;
    text-align: right;
    
}

#recentlySearchDiv ul li .etc .material-icons {
	top: 3px;
    position: absolute;
    color: val;
    right: -23px;
}

#recentlySearchDiv ul li .etc .date {
	color: var(--bs-gray-500) !important;
    font-size: 13px;
}

.channeling-move {
	position: absolute;
    top: 11px;
    left: 232px;
    width: 120px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    /* 모바일에서 웹페이지 사용한다는 거래처가 있어 추가함 20221109 김태수 */
    z-index: 500;
    background-color: #1A2F63;
    border-radius: 0.5rem;
}

.windGradeWrapper {
	display: flex;
    justify-content: flex-start;
    text-align: center;
    height: 16px;
    color: #fff;
    padding-left: 15px;
}

.windGradeWrapper span {
	font-size: 10px;
    width: 50px;
    position: relative;
}

.windGradeWrapper span>div {	
	color: #fff;
    position: absolute;
    left: -5px;
    top: 16px;
}

.windGradeWrapper span:nth-child(1)  {
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	background: var(--indigo-default);
}

.windGradeWrapper span:nth-child(2)  {
	background-color: var(--bs-green);
}

.windGradeWrapper span:nth-child(3)  {
	background-color: var(--bs-warning);
}

.windGradeWrapper span:nth-child(4)  {
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
	background: var(--bs-red);
}

.windGradePoint {
	width: 98px;
	font-size: 14px;
	text-align: right;
}

.content-text-info {
	margin: 0 auto;
    max-width: 1280px;
}

.content-text-info>ul {
	font-size: 15px; 
	padding: 1.5rem 0;		
}

.content-text-info>ul>li {
	display: flex;
    align-items: center;
}

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 45px rgba(255, 76, 61, 0);
  }
}


.pulse {
    position: absolute;
    /* border-radius: 50%; */
    background: var(--bs-gray-800);
    height: 23px;
    vertical-align: middle;
    text-align: center;
    line-height: 16px;
    color: #fff;
    padding: 3px 5px 3px 5px;
    z-index: 100;
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 7);
    box-shadow: 0 0 0 0 rgb(70 151 148 / 70%);
    cursor: pointer;
    width: 90px;
}

.pulse::before {
	content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    border-bottom: 8px solid;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    color: #b1a4b5;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    left: 72px;
    top: 8px;
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transition: all ease 0.3s;
}

.pulse.on::before {
	content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    border-bottom: 8px solid;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    color: #b1a4b5;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    left: 72px;
    top: 8px;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transition: all ease 0.3s;
}

.agentNonReadList {
    background: #fff;
    width: 530px;
    height: 200px;
    position: absolute;
    z-index: 100;
    border: 3px solid #2f2952;
    top: 39px;
    border-radius: 5px;
    overflow: auto;
}

.nonRead {
	vertical-align: middle;
}

#nonReadTbody>tr {
    cursor: pointer;
}

#nonReadTbody>tr>td, #nonReadTbody>tr>th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    text-align: left;
    height: 30px;
}

#nonReadTbody>tr:hover {
	background: #eaeaea;
}