@charset "utf-8";

/* popup */
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none;
}

.popup .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.popup .bg2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.popup .con {
  z-index: 1;
  position: relative;
  margin: 0 auto;
  background: #fff;
  width: 800px;
  min-height: 300px;
  max-height: 768px;
  overflow-y: auto;
  overflow-x: hidden;
}

.popup.type1 .con .head {
  height: 55px;
  background: #3686ff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 25px;
  font-size: 18px;
  color: #fff;
}

.popup.type2 .con {
  border-radius: 14px;
  padding: 30px 20px;
}

.popup.type2 .con .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: #444444;
  font-weight: bold;
}

/* 주소보기 팝업 */
.popup.myAddress .body ul li > button {
  background: #fafafa url(../img/common/arrow_down.png) 97% no-repeat;
  height: 60px;
  width: 100%;
  text-align: left;
  padding-left: 20px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.popup.myAddress .body ul li.on > button {
  background: #fafafa url(../img/common/arrow_up.png) 97% no-repeat;
}

.popup.myAddress .body li .contentboxWrap {
  display: none;
}

.popup.myAddress .body li.on .contentboxWrap {
  display: block;
}

.popup.myAddress .body ul li > button b {
  font-size: 16px;
  margin: 0 10px;
  font-weight: 500;
}

.popup.myAddress .body ul li > button span {
  font-weight: 500;
}

.popup.myAddress .body .contentbox {
  padding: 20px 15px 5px;
}
.infoBar {
  height: 50px;
  background: #fbfbfb;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #f5f5f5;
  margin-bottom: 10px;
}

.infoBar .label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 140px;
  height: 100%;
  padding-left: 20px;
  background: #f5f5f5;
  font-size: 14px;
  color: #555555;
}
.infoBar .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 10px;
}
.infoBar .info p {
}
.infoBar .info .btnCopy {
  background: #434e5c;
  color: #fff;
  border-radius: 10px;
  width: 50px;
  height: 32px;
}

.popup.myAddress .body .subInfo {
  background: #f8f8f8;
  padding: 20px;
}

.popup.myAddress .body .subInfo ul {
  padding-left: 10px;
}
.popup.myAddress .body .subInfo ul li {
  list-style-type: disc;
  color: #999999;
  font-size: 13px;
  margin-bottom: 10px;
}

/* 계산기 팝업 */
.tabBtn {
  background: #f2f5f9;
  height: 50px;
  display: flex;
  justify-content: center;
  align-content: center;
  border-radius: 10px;
  padding: 5px;
  margin-bottom: 35px;
}

.tabBtn button {
  width: 33.3333%;
  height: 100%;
  border: 1px solid transparent;
  color: #999999;
}

.tabBtn button.on,
.tabBtn button:hover {
  background: #fff;
  color: #3686ff;
  border: 1px solid #3686ff;
  border-radius: 10px;
  font-weight: 500;
}

.popup.calculator .body {
  padding: 20px 20px 0;
}

.popup.calculator .tabBtn {
  margin: 20px 20px 30px;
}

.popup.calculator h3 {
  font-weight: 500;
  margin-bottom: 15px;
  font-size: 16px;
}

.popup.calculator .deliverybox table .inputbox input {
  width: 60px;
  margin: 0 5px;
}

.popup.calculator .calResult {
  display: none;
  padding: 30px 0 0 0;
  border-top: 8px solid #f5f5f5;
  padding: 20px;
}

.popup.calculator .tabContent .inner {
  padding: 20px;
}

.popup.calculator .btnCalResult {
  margin: 20px auto 0;
}

/* 알림 팝업 */
.popup.notice .con {
  width: 1120px !important;
}

.barTable {
  margin-top: 20px;
}
.barTable th {
  background: #fafafa;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  color: #999999;
  font-size: 14px;
  padding: 12px;
}

.barTable tr:nth-child(1) .noticeBar {
  /* margin-top: 15px; */
}
.barTable tbody:before { content:''; display:block; height:15px; }

.barTable input[type="checkbox"] {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.noticeBar.type1 {
  padding: 18px 0;
}

.noticeBar {
  background: #fbfbfb;
  border: 1px solid #E2E2E2;
  width: 100%;
  margin-bottom: 7px;
  text-align: center;
  padding: 10px 0;
  border-radius: 10px;
}

.noticeBar.on {
  background: #f2f5f9;
}

.noticeBar .box1 {
  width: 50px;
}
.noticeBar .box2 {
  width: 100px;
}
.noticeBar .box3 {
  text-align: left;
  width: 800px;
  display: flex;
  justify-content: flex-start;
  align-content: center;
}

.noticeBar .box3 svg {
  margin-right: 10px;
}

.noticeBar .box3 span {
  max-width: 700px;
}

.noticeBar .box3 svg .fillPath {
  fill: #999999 !important;
}
.noticeBar .box3 svg.colorBlue .fillPath {
  fill: #3686ff !important;
}

.noticeBar .box4 {
  width: 110px;
  color: #999999;
}

/* 합배송 신청 */

.noticeBar.other1 {
  padding: 24px 0;
  margin-bottom: 10px;
}
.noticeBar.other1 .box1 {
  width: 50px;
}
.noticeBar.other1 .box2 {
  width: 110px;
}
.noticeBar.other1 .box3 {
  width: 80px;
}
.noticeBar.other1 .box4 {
  width: 80px;
}
.noticeBar.other1 .box5 {
  width: 160px;
}
.noticeBar.other1 .box6 {
  width: 280px;
}
.noticeBar.other1 .box7 {
  width: 80px;
}
.noticeBar.other1 .box8 {
  width: 90px;
}
.noticeBar.other1 .box9 {
  width: 100px;
}
.noticeBar.other1 .box10 {
  width: 100px;
}

.noticeBar.other2 {
  line-height: 1.4;
}
.noticeBar.other2 * {
  font-size: 14px;
}
.noticeBar.other2 .box1 {
  width: 110px !important;
}
.noticeBar.other2 .box2 {
  width: 80px !important;
}
.noticeBar.other2 .box3 {
  width: 80px !important;
  justify-content: center;
}
.noticeBar.other2 .box4 {
  width: 160px !important;
}
.noticeBar.other2 .box5 {
  width: 280px !important;
}
.noticeBar.other2 .box6 {
  width: 80px !important;
}
.noticeBar.other2 .box7 {
  width: 90px !important;
}
.noticeBar.other2 .box8 {
  width: 100px !important;
}
.noticeBar.other2 .box9 {
  width: 100px !important;
}

.noticeBar.other3 {
  line-height: 1.4;
  padding: 8px 0;
}
.noticeBar.other3 .box1 {
  width: 50px !important;
}
.noticeBar.other3 .box2 {
  width: 60px !important;
}
.noticeBar.other3 .box3 {
  width: 80px !important;
}
.noticeBar.other3 .box4 {
  width: 160px !important;
  color: #333 !important;
}
.noticeBar.other3 .box5 {
  width: 280px !important;
  text-align: left;
}

.noticeBar.other3 .box5 p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 42px;
  line-height: 1.4;
  margin-bottom: 10px;
}

.noticeBar.other3 .box5 span {
  font-size: 12px;
  color: #999999;
}

.noticeBar.other3 .box6 {
  width: 60px !important;
}
.noticeBar.other3 .box7 {
  width: 100px !important;
}
.noticeBar.other3 .box8 {
  width: 100px !important;
}
.noticeBar.other3 .box9 {
  width: 180px !important;
}

.noticeBar .img {
  width: 52px;
  height: 52px;
  margin: 0 auto;
}
.noticeBar .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.popup.privacy .con {
  width: 500px;
}

.popup.privacy .underTitle {
  padding: 20px;
  border-bottom: 1px solid #ddd;
}

.popup.privacy .underTitle * {
  font-size: 14px;
}

.popup.privacy span {
  color: #aaaaaa;
}

.descriptionboxWrap {
  padding: 20px;
}

.descriptionbox {
  border: 1px solid #ddd;
  border-radius: 10px;
  height: 300px;
  padding: 15px 20px;
  line-height: 1.6;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 14px;
}

.popup.combined .con .infobox {
  background: #ffeeee;
  border-radius: 14px;
  text-align: center;
  height: 44px;
  line-height: 44px;
  color: #ff5454;
  margin: 20px auto 15px;
  width: 940px;
}

.popup.combined .con {
  width: 1190px !important;
}

.popup.combined .con * {
  font-size: 14px;
}

.popup.combined .box3 a {
  display: block;
  margin: 0 auto;
  color: #3686ff;
  text-decoration: underline !important;
}

.popup.combined .box6 {
}
.popup.combined .box6 p {
  margin-bottom: 10px;
}
.popup.combined .box6 span {
  font-size: 12px;
  color: #999999;
}

.popup.combined .resultbox {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 20px;
  margin: 20px auto;
  width: 940px;
}

.popup.combined .resultbox .left {
  margin-right: 40px;
}

.popup.combined .resultbox .box {
  border-right: 1px solid #ddd;
  margin: 0 10px;
  padding: 0 40px 0 20px;
}

.popup.combined .resultbox .box:last-child {
  border-right: 0;
}

.popup.combined .resultbox * {
  font-size: 16px;
}
.popup.combined .resultbox .right * {
  font-weight: 500;
}

.popup.combined .searchbox .left {
  margin-right: 40px;
  display: block !important;
}

.popup.combined .searchbox .left p {
  font-size: 16px;
  margin-bottom: 10px;
}

.popup.combined .searchbox .left span {
  font-size: 14px;
  color: #797979;
}

.popup.combinedAdd {
}
.popup.combinedAdd .con {
  width: 1070px !important;
  padding: 20px;
  top: 5%;
}

.popup.combinedAdd.type2 .con {
  height: 90% !important;
}

.popup.combinedAdd h3 img {
  position: relative;
  top: -2px;
  left: 5px;
}
.popup.combinedAdd .searchbox .left {
  display: block;
  width: 407px;
}

.popup.combinedAdd .searchbox .left .top {
  margin-bottom: 10px;
}
.popup.combinedAdd .searchbox .left .top select {
  width: 120px;
}
.popup.combinedAdd .searchbox .left .top input {
  width: 280px !important;
}

.popup.combinedAdd .paddingWrap {
  padding: 0;
}
.popup.combinedAdd .calendarbox {
  margin-left: 0;
}
.popup.combinedAdd h3 {
  font-size: 18px !important;
  padding: 15px 0;
}

.popup.combinedAdd .head button {
  position: relative;
  top: -15px;
}

.popup.tracking .con {
  width: 1140px;
}
.popup.tracking .head p {
  font-size: 18px;
}
.popup.tracking .head span {
  margin-left: 10px;
}

.popup.addrList .con {
  width: 870px !important;
  height: 768px !important;
  overflow: hidden;
}
.popup.addrList.addrPccc .con {
  width: 780px !important;
  height: 768px !important;
  overflow: hidden;
}

.popup.addrList .barTable {
  margin-top: 10px;
}

.popup.addrList .searchbox {
  margin-top: 10px;
}

.popup.addrList .noticeBar {
  text-align: center;
  line-height: 1.4;
  height: 100px;
  overflow-y: hidden;
}
.popup.addrList .noticeBar .box1 {
  width: 130px;
}
.popup.addrList .noticeBar .box2 {
  width: 320px;
  text-align: left;
}
.popup.addrList .noticeBar .box3 {
  width: 140px;
  display: block;
  text-align: center;
}
.popup.addrList .noticeBar .box4 {
  width: 140px;
}
.popup.addrList .noticeBar .box5 {
  width: 100px;
}

.input_tracking {
  width: 140px !important;
  height: 25px !important;
  text-align: center;
  margin-top: 5px;
  text-indent: 0;
}

.noticeBar.other5 {
  line-height: 1.6;
}

.noticeBar.other5 .box1 {
  width: 60px;
}
.noticeBar.other5 .box2 {
  width: 80px;
}
.noticeBar.other5 .box3 {
  width: 80px;
}
.noticeBar.other5 .box4 {
  /* width: 160px; */
  width: 130px;
  color: #333333;
}
.noticeBar.other5 .box5 {
  width: 280px;
  text-align: left;
}
.noticeBar.other5 .box6 {
  width: 60px;
}
.noticeBar.other5 .box7 {
  width: 100px;
}
.noticeBar.other5 .box8 {
  /* width: 100px; */
  width: 90px;
}
.noticeBar.other5 .box9 {
  /* width: 180px; */
  width: 220px;
}

.noticeBar.other5 .box5 p {
  font-size: 14px;
}
.noticeBar.other5 .box5 span {
  font-size: 12px;
  color: #999999;
}

.noticeBar:hover,
.noticeBar.on {
  background: #EFF5FB;
}

.popup.tracking .barTable th {
  padding: 7px 0;
}

/* 제품 이미지 등록하기 팝업 */
.popup.addImage {
}
.popup.addImage .con {
  width: 660px !important;
  /* height: 609px; */
  /* top: 10% !important; */
}
.popup.combinedAdd.type2.addImage .con {
  height: auto !important;
}

.popup.addImage .con .redbox {
}
.popup.addImage .con .imageurl {
}
.popup.addImage .con .imageurl {
}
.popup.addImage .con .title {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 500;
}
.popup.addImage .con .subText {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
}
.popup.addImage .con .subText .left {
  margin-right: 5px;
}
.popup.addImage .con .subText .right {
  line-height: 1.4;
  font-size: 12px;
  color: #999999;
  word-break: keep-all;
}
.popup.addImage .con .addFile .addfileArea {
  background: #f2f5f9;
  border-radius: 14px;
  border: 1px solid #e6eaef;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.popup.addImage .con .addFile .addfileArea .top span {
  font-size: 13px;
  color: #999999;
}
.popup.addImage .con .addFile .addfileArea .btm span {
  width: 72px;
  height: 31px;
  margin-top: 10px;
}
.popup.addImage .con .addFile .addfileArea input {
  position: fixed;
  left: -9999px;
}

.popup.addImage .addfileAdded {
  width: 586px;
  height: 140px;
  border-radius: 14px;
  border: 1px solid #e6eaef;
}
.popup.addImage .addfileAdded .img {
  text-align: center;
  margin: 4px auto 0;
  width: 130px;
  height: 130px;
  position: relative;
}
.popup.addImage .addfileAdded .img button {
  position: absolute;
  right: 5px;
  top: 5px;
}

.popup.addImage .addfileAdded .img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.popup.addImage .addfileAdded .img button img {
  width: 16px;
  position: relative;
  top: -4px;
}

/* 과거제품 불러오기 */
.popup.pastProduct {
}
.popup.pastProduct .con {
  width: 740px !important;
}
.popup.pastProduct .search {
  position: relative;
  margin-bottom: 30px;
  margin-top: 10px;
}
.popup.pastProduct .search input {
  width: 100%;
}
.popup.pastProduct .search .btnSearch {
  position: absolute;
  right: 10px;
  top: 10px;
}

.popup.pastProduct .listCaption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.popup.pastProduct .listCaption .left span {
  font-size: 14px;
  color: #999999;
}

.popup.pastProduct .listCaption .right {
  font-size: 14px;
  color: #797979;
}

.popup.pastProduct .listCaption .right b {
  font-size: 14px;
}

.popup.pastProduct .itembox {
  position: relative;
  border: 1px solid #f1f1f1;
  border-radius: 14px;
  background: #fafafa;
  margin-bottom: 10px;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.popup.pastProduct .itembox .btnConfirm {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  background: #3686ff url(../img/common/finger.png) 50% no-repeat;
}

.popup.pastProduct .itembox:hover .btnConfirm {
  background: #2973e4 url(../img/common/finger.png) 50% no-repeat;
}

.popup.pastProduct .itembox .img {
  width: 150px;
  height: 150px;
  overflow: hidden;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
}
.popup.pastProduct .itembox .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.popup.pastProduct .itembox .info {
  width: calc(100% - 150px);
  width: -webkit-calc(100% - 150px);
}
.popup.pastProduct .itembox .info ul {
  padding-left: 20px;
}
.popup.pastProduct .itembox .info ul li {
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.popup.pastProduct .itembox .info ul li:last-child {
  margin-bottom: 0;
}

.popup.pastProduct .itembox .info ul li span {
  display: inline-block;
}
.popup.pastProduct .itembox .info ul li span:first-child {
  width: 80px;
}
.popup.pastProduct .itembox .info ul li span:last-child {
  width: calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
}

/* 엑셀 양식 변환 */
.popup.excel .con .body {
  padding: 20px;
}
.popup.excel .con .body .info {
  background: #fafafa;
  border-radius: 10px;
  padding: 15px;
}
.popup.excel .con .body .info ul {
}
.popup.excel .con .body .info ul li {
  display: block;
  line-height: 1.6;
  color: #797979;
  font-size: 14px;
}
.popup.excel .con .body .title {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
.popup.excel .con .body .title img {
  position: relative;
  top: -1px;
}
.popup.excel .con .body .uploadbox {
  border: 1px solid #e2e2e2;
  padding: 20px;
  margin-bottom: 40px;
}
.popup.excel .con .body .uploadbox .box {
  background: #f2f5f9;
  text-align: center;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #e6eaef;
}
.popup.excel .con .body .uploadbox .box img {
  margin-right: 10px;
  position: relative;
  top: -2px;
}
.popup.excel .con .body .uploadbox .box span {
  font-size: 14px;
  color: #999999;
}
.popup.excel .con .body .uploadbox .box .btnExcel {
  width: 100px;
  height: 36px;
  border: 1px solid #138147;
  color: #138147;
  background: #fff;
  border-radius: 8px;
  margin-left: 30px;
}

.popup.excel .uploadbox {
}
.popup.excel .uploadbox .box.added {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.popup.excel .uploadbox .box.added:last-child {
  margin-bottom: 0;
}

.popup.excel .uploadbox .box.added .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.popup.excel .uploadbox .box.added .left img {
  position: relative;
  top: 1px;
}
.popup.excel .uploadbox .box.added .left p {
  margin: 0 20px 0 10px;
  font-size: 14px;
  width: 200px;
}
.popup.excel .uploadbox .box.added .left span {
  color: #aaaaaa;
  font-size: 12px;
}
.popup.excel .uploadbox .box.added .right {
}
.popup.excel .uploadbox .box.added .right select {
  width: 200px;
  margin-right: 15px;
}
.popup.excel .uploadbox .box.added .right button {
  width: 16px;
  height: 16px;
}
.popup.excel .uploadbox .box.added .right button img {
  width: 100%;
  height: 100%;
  top: -4px;
}
.popup.excel .btnFile {
  font-size: 14px;
  color: #138146;
  border-radius: 8px;
  text-align: center;
  border: 1px solid #138146;
  width: 100%;
  height: 36px;
}

.popup.type3 {
}
.popup.type3 .con {
  width: 340px;
  min-height: 228px;
  top: calc(50% - 114px);
  top: -webkit-calc(50% - 114px);
  border-radius: 24px;
  padding: 20px;
  position: relative;
}
.popup.type3 .con .btnClose {
  position: absolute;
  right: 15px;
  top: 15px;
}
.popup.type3 .con h3 {
  font-size: 20px;
  font-weight: bold;
  color: #444444;
  line-height: 1.6;
  padding-top: 10px;
}
.popup.type3 .con p {
  margin: 10px 0 30px;
  line-height: 1.4;
}

.popup.formSelect {
}
.popup.formSelect h4 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 30px;
}

.popup.formSelect .box4 {
  color: #333333;
}

.popup.formSelect .box5 {
  text-align: left;
}

.popup.formSelect .box5 p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 42px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.popup.formSelect .box5 span {
  font-size: 12px;
}
.popup.formSelect span {
  font-size: 16px;
  color: #797979;
}
.popup.formSelect .head p {
  font-size: 18px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.popup.formSelect .head p img {
  margin-left: 5px;
}
.popup.formMatching h4 {
  color: #797979;
  font-size: 14px;
  margin: 20px 0 10px;
}

/* 적립금 충전 */
.popup.point .con {
  width: 768px;
  height: 100%;
}

.popup.point .body {
  padding: 30px 20px;
}

.popup.point .tabBtn {
  margin-bottom: 15px;
}

.popup.point .tabBtn button {
  width: 50%;
}

.popup.point .noDateInfo {
  margin: 0;
  padding: 0;
}

.popup.point .innerTabsubText > ul {
  display: none;
}
.popup.point .innerTabsubText > ul:first-child {
  display: block;
}

.popup.point .pointInfo {
  width: 100%;
  height: 60px;
  border: 1px solid #e2e2e2;
  border-radius: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20px;
}

.popup.point .contentbox.noDateInfo {
  min-height: auto;
}

.popup.point .pointInfo span {
  font-size: 16px;
  font-weight: 500;
}
.popup.point .pointInfo b {
  margin-left: 30px;
  font-size: 20px;
  font-weight: 500 !important;
}

.popup.point .title {
  font-size: 16px;
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 10px;
}

.popup.point .choiceList.other label {
  width: 167.5px;
  padding-left: 5px;
  margin-right: 0;
}

.popup.point .choiceList.other label img {
  margin-right: 0;
  position: relative;
  top: 2px;
}

.popup.point .choiceList.other label.on {
  background: #f2f5f9;
}

.popup.point .choiceList.other label.on .text {
  color: #333;
}

.popup.point .choiceList.other .text {
  color: #ccc;
}

.popup.point .accountInfo {
  border: 1px solid #e2e2e2;
  border-radius: 14px;
  padding: 20px;
}

.popup.point .accountInfo .logo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  color: #797979;
}

.popup.point .accountInfo img {
  margin-right: 10px;
}
.popup.point .accountInfo ul li {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.popup.point .accountInfo ul li span {
  color: #797979;
  font-size: 14px;
  width: 100px;
}
.popup.point .accountInfo ul li p {
  font-size: 18px;
}

.popup.point .accountInfo .account {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 20px;
}

.popup.point .accountInfo .account p {
  font-weight: bold;
  font-size: 20px;
}

.popup.point .pointApplication {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fbfbfb;
  border-radius: 14px;
  border: 1px solid #f5f5f5;
  padding: 10px 20px;
}

.popup.point .pointApplication span {
  width: 70px;
  margin-right: 10px;
  font-size: 14px;
}

.popup.point .pointApplication input {
  width: 240px;
  margin-left: 5px;
}

.popup.point .pointApplication .right input {
  /* background-color: #eeeeee !important; */
  color: #333333 !important;
  font-size: 14px;
}

.popup.point .resultbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f7faff;
  border-radius: 14px;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  margin-top: 30px;
  border: 1px solid #f2f5f9;
}

.popup.point .resultbox.other {
  padding: 0 30px;
}
.popup.point .resultbox.other .left,
.popup.point .resultbox.other .right {
  width: 40%;
  display: flex;
  justify-content: space-between;
}

.popup.point .resultbox.other span:first-child {
  font-size: 16px;
  color: #333333;
  font-weight: 500;
}
.popup.point .resultbox.other span:last-child {
  font-size: 20px;
  color: #333333;
}

.popup.point .resultbox .left {
  font-size: 16px;
  font-weight: 500;
}
.popup.point .resultbox .right {
  font-size: 20px;
  color: #3686ff;
  font-weight: 500;
}

.popup.point .divBar {
  height: 8px;
  background: #f5f5f5;
  width: 110%;
  left: -5%;
  position: relative;
  margin: 30px auto;
}

.popup.point .or {
  width: 46px;
  height: 12px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: -5px;
}

.popup.point .or p {
  height: 22px;
  line-height: 22px;
  background: #e6eaef;
  color: #797979;
  font-size: 14px;
  border-radius: 4px;
}
.popup.point .chargebox {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.popup.point .chargebox label {
  width: 16.6666%;
  display: block;
  border: 1px solid #e2e2e2;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-right: 0;
  color: #cccccc;
}

.popup.point .chargebox label:last-child {
  border-right: 1px solid #e2e2e2;
}

.popup.point .chargebox label.on {
  color: #3686ff;
  border: 1px solid #3686ff;
}

.popup.point .chargebox label input {
  position: absolute;
  left: -9999px;
}

.popup.point .savebox {
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.popup.point .savebox button {
  margin-left: 10px;
}

.popup.point .payKind {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.popup.point .payKind img {
  margin-left: 10px;
}

.popup.point .payKind label {
  margin-right: 30px;
}

.popup.point .payForm {
  margin: 20px 0;
}
.popup.point .payForm table {
}
.popup.point .payForm table th,
.popup.point .payForm table td {
  padding: 5px;
}
.popup.point .payForm input {
  width: 100%;
}
.popup.point .payForm table th {
  text-align: left;
}
.popup.point .payForm table .tdSelect select {
  width: 112px;
}
.popup.point .payForm table .tdSelect span {
  margin: 0 4px;
}

.popup.point .innerTabContent > div {
  display: none;
}

.popup.point .innerTabContent > div:first-child {
  display: block;
}

/* 주소록 수정 팝업 */
.popup.modify .con {
  width: 665px;
}
.popup.modify .body {
  padding: 30px;
}
.popup.modify table input {
  width: 100%;
}

.popup.modify table th {
  border-right: 0;
}
.popup.modify table td {
  border-left: 0;
}

.popup.modify table th,
.popup.modify table td {
  padding: 10px 20px;
}

.popup.modify .addr input {
  margin-bottom: 10px;
}

.popup.modify .addr input:last-child {
  margin-bottom: 0;
}

.popup.modify .addr button {
  width: 140px;
  height: 40px;
  text-align: center;
  border-radius: 5px;
}

/*  결제 */
.popup.pay {
}

.popup.pay .body {
}
.popup.pay .tableType5 {
  margin: 10px 0 20px;
}
.popup.pay .tableType5 td {
  border-bottom: 0;
  padding: 0;
  font-size: 14px;
  color: #333333;
}
.popup.pay .tableType5 .box1 {
  width: 50px;
}
.popup.pay .tableType5 .box2 {
  width: 258px;
}
.popup.pay .tableType5 .box3 {
  width: 170px;
}
.popup.pay .tableType5 .box4 {
  width: 100px;
}
.popup.pay .tableType5 .box5 {
  width: 100px;
}

.popup.pay .tableType5 tr:nth-child(1) td {
  padding-top: 10px;
}

.popup.pay .tableType5 .tdBar {
  background: #fbfbfb;
  border-radius: 14px;
  border: 1px solid #f5f5f5;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  height: 60px;
}

.popup.pay .resultbox2 {
  background: #f7fbff;
  border: 1px solid #e6eaef;
  border-radius: 14px;
  padding: 15px;
}
.popup.pay .resultbox2 ul {
}
.popup.pay .resultbox2 ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #797979;
  line-height: 2.2;
}
.popup.pay .resultbox2 ul li .left {
}
.popup.pay .resultbox2 ul li .right {
}
.popup.pay .resultbox2 ul li.result1 {
  border-top: 1px solid #e2e2e2;
  padding-top: 10px;
  margin-top: 10px;
}
.popup.pay .resultbox2 ul li.result2 {
  margin-top: 10px;
}
.popup.pay .resultbox2 ul li.result2 .left {
  font-size: 16px;
  color: #333333;
  font-weight: 500;
}
.popup.pay .resultbox2 ul li.result2 .right {
  font-size: 20px;
  color: #3686ff;
  font-weight: 500;
}

.popup.pay .usePayPoint {
}
.popup.pay .usePayPoint li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
}
.popup.pay .usePayPoint li .left {
  width: 126px;
  font-size: 14px;
}
.popup.pay .usePayPoint li .right {
  width: calc(100% - 126px);
  width: -webkit-calc(100% - 126px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.popup.pay .usePayPoint li.box1 input {
  width: 150px;
}

.popup.pay .usePayPoint li.box1 p {
  margin-left: 15px;
  font-size: 14px;
  color: #797979;
}
.popup.pay .usePayPoint li.box2 {
}
.popup.pay .usePayPoint li.box2 .right b {
  font-size: 20px;
}
.popup.pay .usePayPoint li.box2 .right span {
  font-size: 16px;
  color: #797979;
  margin-left: 10px;
}

/* 배송대행 */
.popup.agent .con {
  /* width: 1080px; */
  width: 100%;
  height: 100%;
}

.head.headType2 .left {
  font-size: 18px;
  font-weight: 500;
}
.head.headType2 .left span {
  font-size: 16px;
  font-weight: 500;
  margin-left: 10px;
}

.popup.agent .body .topinfo {
  padding: 10px 20px;
  border-bottom: 4px solid #f5f5f5;
}
/*
.popup.agent .body .topinfo mark {
  width: 78px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-weight: 500;

  border-radius: 16px;
} */

.popup.agent .body .topinfo mark {
  padding: 0px 12px;
  margin-right: 10px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-weight: 500;

  border-radius: 16px;
}

.popup.agent .body .topinfo mark.red {
  color: #ff5454;
  background: #fef5f5;
}

.popup.agent .body .topinfo mark.blue {
  color: #3686ff;
  background: #f1f4f8;
}

.popup.agent .body .topinfo mark.c_red {
  color: #ff5454;
  background: #fef5f5;
}

.popup.agent .body .topinfo mark.c_blue {
  color: #3686ff;
  background: #f1f4f8;
}

.popup.agent .body .topinfo .left span {
  line-height: 32px;
  margin-left: 20px;
  font-size: 14px;
  color: #999999;
}

.popup.agent .body .topinfo .left svg {
  position: relative;
  top: -2px;
  margin-left: 5px;
}

.popup.agent .popupTitle {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding-left: 15px;
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.popup.agent .popupTitle .sub {
  font-size: 12px;
  color: #aaaaaa;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 15px;
}
.popup.agent .popupTitle .sub img {
  margin-right: 3px;
}

.popup.agent .popupTitle:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 20px;
  background: #3686ff;
  position: absolute;
  top: -1px;
  left: 0;
}

.popup.agent .fareinfo table th {
  color: #999999;
  text-align: left;
  background: #fafafa;
}
.popup.agent .fareinfo table th,
.popup.agent .fareinfo table td {
  border: 1px solid #e2e2e2;
  padding: 10px;
  border-left: 0;
  border-right: 0;
  font-size: 13px;
}
.popup.agent .fareinfo table th.blue {
  background: #f0f6ff;
  color: #000;
}
.popup.agent .fareinfo table td.blue {
  background: #f9fcff;
}
.popup.agent .fareinfo table span {
  font-weight: 500;
}
.popup.agent .receiverForm {
  background: #fafafa;
  border-radius: 8px;
  border: 1px solid #f2f5f9;
  padding: 11px 10px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.popup.agent .receiverForm .kind {
  width: 100%;
}
.popup.agent .receiverForm .kind .left .inputCheckboxLabel {
  margin-right: 30px;
}
.popup.agent .receiverForm .kind .right .inputCheckboxLabel {
  margin-right: 15px;
}

.popup.agent .reciever .inputCheckboxWrap .inputCheckboxLabel {
  margin-right: 30px;
  margin-left: 10px;
}

.popup.agent .reciever input {
  width: 100%;
}

.popup.agent .reciever th,
.popup.agent .reciever td {
  padding: 10px 15px 9px;
}
.popup.agent .reciever th {
  text-align: left;
  height: 50px;
}
.popup.agent .reciever th:nth-child(1) {
  border-right: 0;
}

.popup.agent .reciever td:nth-child(2) {
  border-left: 0;
}
.popup.agent .reciever td:nth-child(2):not([colspan]) {
  border-right: 0;
}
.popup.agent .reciever th:nth-child(3) {
  border-left: 0;
  border-right: 0;
}
.popup.agent .reciever td:nth-child(4) {
  border-left: 0;
}

.popup.agent .reciever .otherbox1 input {
  width: 300px;
}

.popup.agent .reciever .otherbox1 button {
  width: 140px;
  padding: 10px 0;
  font-size: 13px;
}

.popup.agent .reciever .addr1 {
  margin-bottom: 10px;
}
.popup.agent .reciever .addr1 input {
  width: 194px;
}
.popup.agent .reciever .addr1 button {
  font-size: 13px;
  width: 100px;
}

.popup.agent .reciever .addr2 input:nth-child(1) {
  width: 55%;
}
.popup.agent .reciever .addr2 input:nth-child(2) {
  width: 45%;
}

.popup.agent .subTitle {
  padding-left: 15px;
  position: relative;
}

.popup.agent .subTitle:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #434e5c;
  border-radius: 1px;
  position: absolute;
  top: 4px;
  left: 0;
}

.popup.agent .tableType1.other2 th,
.popup.agent .tableType1.other2 td {
  border-right: 0;
  border-left: 0;
}

.popup.agent .tableType1.other2 td {
  padding: 10px 20px;
}

.popup.agent .productinfo {
  border: 1px solid #e6eaef;
  border-radius: 10px;
  padding: 20px;
}

.popup.agent .productinfo .body {
  margin: 0;
  margin-top: 30px;
  border: 0;
  padding: 0;
}

.popup.agent .productinfo .titlebox {
}
.popup.agent .productinfo .titlebox .inputCheckboxLabel p {
  margin-left: 10px;
}

.popup.agent .productinfo .titlebox .inputCheckboxLabel span {
  color: #797979;
  font-size: 13px;
}

.popup.agent .productinfo .titlebox .textSave {
  margin-left: 20px;
  top: 5px;
  color: #797979;
  position: relative;
}

.popup.agent .productinfo .titlebox .textSave span {
  margin-right: 5px;
}

.popup.agent .productinfo .titlebox .textSave b {
  margin-left: 5px;
  font-weight: 500 !important;
}

.popup.agent .productinfo .titlebox .right button:not(:last-child) {
    margin-right:10px;
}

.popup.agent .productinfo .addImgbox {
  padding-right: 35px;
}

.popup.agent .productinfo .addImgbox .top_btn { margin-bottom: 20px; }
.popup.agent .productinfo .addImgbox .btm_btn button:not(:first-child){ margin-top: 5px; }

.popup.agent .productinfo.info_stock div { padding:0 40px; }
.popup.agent .productinfo.info_stock div:nth-of-type(n+2) { border-left: 2px solid gray; }
.popup.agent .productinfo.info_stock div span { font-size:20px; margin-left:20px; }

.popup.agent .contentbox.step3-2 .productinfo table th {
  padding: 3px 5px 4px 10px;
  height: 48px;
  font-size: 13px;
}
.popup.agent .contentbox.step3-2 .productinfo table td {
  padding: 3px 15px 4px;
  height: 48px;
}

.popup.agent .contentbox.step3-2 table select,
.popup.agent .contentbox.step3-2 table input {
  height: 34px;
}

.popup.agent .tableType5 table {
  border: 1px solid #e2e2e2;
}

.popup.agent .productinfo .tableType5.other2 th,
.popup.agent .productinfo .tableType5.other2 td {
  padding: 10px 15px !important;
}
.popup.agent .productinfo .tableType5.other2 {
  margin: 20px 0 10px;
}

.popup.agent .productinfo .btmInfo {
  background: #f2f5f9;
  border-radius: 6px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
}

.popup.agent .productinfo .btmInfo * {
  font-size: 13px;
}
.popup.agent .productinfo .btmInfo.other .left {
  width: 120px;
}
.popup.agent .productinfo .btmInfo.other .right {
  margin-right: 20px;
}
.popup.agent .productinfo .btmInfo .left {
  width: 140px;
  border-right: 1px solid #cccccc;
  margin-right: 30px;
}
.popup.agent .productinfo .btmInfo .right {
  width: calc(100% - 140px);
  width: -webkit-calc(100% - 140px);
}

.popup.agent .productinfo .redbox {
  text-align: left;
  height: auto;
  line-height: 1.6;
  padding: 15px 20px;
  font-size: 12px;
}
.popup.agent .productinfo .redbox p {
  font-size: 12px;
}
.popup.agent .productinfo .redbox p:first-child {
  margin-bottom: 10px;
}
.popup.agent .popupTitle.other {
  position: relative;
}

.popup.agent .popupTitle.other .right {
  position: absolute;
  right: 0;
  top: -10px;
}

.popup.agent .contentbox {
  margin: 0;
  margin-bottom: 20px;
}

.popup.agent .contentbox .body {
  padding: 0;
}

.popup.agent .contentbox.step4 .box.box2 .inputCheckWrap {
  flex-wrap: wrap;
}

.popup.agent .contentbox.step4 .box .radiobox .inputCheckboxLabel {
  margin-bottom: 10px;
}

.popup.agent .contentbox.step4 .box {
  width: 48%;
  margin: 1%;
  border: 1px solid #eeeeee;
}

.popup.agent .contentbox.step4 .box .textbox {
  margin-top: 10px;
}

.popup.agent .tableType4.other {
  height: auto;
  margin-bottom: 100px;
}

.popup.agent .tableType4.other th {
  height: 50px;
  border-top: 0;
}

.popup.agent .tableType4.other td {
  height: 70px;
}

.popup.agent .tableType4.other th,
.popup.agent .tableType4.other th * {
  font-size: 14px;
  color: #999999;
}

.popup.agent .tableType4.other th,
.popup.agent .tableType4.other td {
  border-right: 0;
  border-left: 0;
}

.popup.agent .tableType4.other .titleText {
  text-align: left;
}
.popup.agent .tableType4.other .titleText .top {
  font-size: 13px;
  color: #797979;
}

.popup.agent .tableType4.other .titleText .btm {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.popup.agent .tableType4.other .titleText .btm p {
  font-size: 14px;
  margin-bottom: 5px;
  /* max-width: 275px; */
  max-width: 780px;
  color: #333333;
}
.popup.agent .tableType4.other .titleText .btm mark {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: #3686ff;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  margin-left: 5px;
}

.popup.requestPhoto {
}
.popup.requestPhoto .con {
  width: 500px;
}

.popup.requestPhoto .con .head {
  display: flex;
  justify-content: flex-start;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.popup.requestPhoto .con .head button {
  position: absolute;
  right: 0;
  top: -15px;
}

.popup.requestPhoto .con .head span {
  font-size: 14px;
  color: #797979;
  margin-left: 15px;
}

.popup.requestPhoto textarea {
  height: 180px;
}

.popup.requestPhoto .subText {
  margin: 10px 0 40px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.popup.requestPhoto .subText .right {
  font-size: 12px;
  color: #999999;
  margin-left: 10px;
  line-height: 1.6;
}

.popup.checkPhoto .con {
  width: 768px;
}

.popup.checkPhoto .con .body {
  padding: 10px 20px 20px;
}

.popup.checkPhoto .checkPhotobox {
  background: #fafafa;
  border: 1px solid #f1f1f1;
  border-radius: 14px;
  padding: 20px;
  margin-top: 10px;
}
.popup.checkPhoto .checkPhotobox .top {
  color: #434e5c;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 30px;
}

.popup.checkPhoto .checkPhotobox .top span {
  color: #666666;
  font-size: 14px;
  margin-left: 10px;
}

.popup.checkPhoto .checkPhotobox .btm * {
  font-size: 14px;
}

.popup.checkPhoto .checkPhotobox .btm .left .img {
  width: 150px;
  height: 150px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  text-align: center;
}
.popup.checkPhoto .checkPhotobox .btm .left .img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.popup.checkPhoto .checkPhotobox .btm .left {
  padding-right: 30px;
}
.popup.checkPhoto .checkPhotobox .btm .right {
  width: calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
}

.popup.checkPhoto .checkPhotobox .btm .right ul {
  min-height: 110px;
}
.popup.checkPhoto .checkPhotobox .btm .right li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
}
.popup.checkPhoto .checkPhotobox .btm .right li span {
  width: 80px;
  display: inline-block;
}
.popup.checkPhoto .checkPhotobox .btm .right li p {
  margin-bottom: 10px;
  line-height: 1.4;
}

/*  */
.popup.return .con {
  width: 1270px;
  height: 100%;
}

.popup.return .con .body {
  padding: 20px;
}
.popup.return .bluebox {
  background: #f6faff;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #f2f5f9;
}

.popup.return .bluebox p {
  font-size: 13px;
  color: #3686ff;
  margin-bottom: 10px;
}

.popup.return .bluebox p:last-child {
  margin-bottom: 0;
}

.popup.return .bluebox .left img {
  width: 14px;
  height: 14px;
  position: relative;
  top: -1px;
}

.popup.return .eabox select {
  width: 55px;
  font-size: 13px;
}
.popup.return .eabox span {
  font-size: 14px;
  font-weight: bold;
  margin: 0 5px;
  color: #797979;
  padding-top: 10px;
}
.popup.return .eabox input {
  width: 50px;
  font-size: 13px;
  text-align: center;
}

.popup.return .barTable .box1 {
  width: 50px;
}
.popup.return .barTable .box2 {
  width: 60px;
}
.popup.return .barTable .box3 {
  width: 80px;
  text-align: center;
  justify-content: center;
}
.popup.return .barTable .box4 {
  width: 80px;
}
.popup.return .barTable .box5 {
  width: 160px;
}

.popup.return .barTable .box6 {
  width: 280px;
  text-align: left;
  padding-right: 10px;
}
.popup.return .barTable .box6 p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 42px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.popup.return .barTable .box6 span {
  font-size: 12px;
  color: #999999;
}
.popup.return .barTable .box7 {
  width: 130px;
}
.popup.return .barTable .box8 {
  width: 100px;
}
.popup.return .barTable .box9 {
  width: 100px;
}
.popup.return .barTable .box10 {
  width: 170px;
}

.popup.return .tableType1 .inputCheckboxWrap .inputCheckboxLabel {
  margin-right: 40px;
}

.popup.return .tableType1 .subinfo {
  font-size: 12px;
  color: #aaaaaa;
  margin-top: 10px;
}

.popup.return .tableType1 .subinfo img {
  position: relative;
  top: -2px;
}

.popup.return .tableType1 textarea {
  height: 200px;
}

.popup.return .tableType1 td {
  padding: 10px 20px;
}

.popup.deliveryRequest .con {
  width: 1290px;
}
.popup.deliveryRequest .con > .body {
  background: #f2f5f9;
  padding: 20px 10px;
}

.checkOnOff {
  width: 130px !important;
  padding-left: 5px !important;
  font-size: 14px;
}
.checkOnOff.on {
  border: 1px solid #3686ff;
}
.checkOnOff.on span {
  color: #3686ff !important;
}
/*  */
.popup.sharingDelivery .resultInfoBtm {
  width: 940px;
  height: 61px;
  padding: 17px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  margin: 0 auto;
}

.popup.sharingDelivery .title {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0;
}

.stepTitle.otherAdd {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.popup.sharingDelivery .tableTop {
  background: #fafafa;
  border-radius: 8px;
  border: 1px solid #f2f5f9;
  padding: 0 20px;
  margin-bottom: 20px;
}
.popup.sharingDelivery .tableTop .recieverAddress {
  background: none;
  margin-bottom: 0;
}

.popup.sharingDelivery .tableTop .addrConfirm {
  position: relative;
  top: 0;
}

.popup.sharingDelivery .img_flag {
  width: 40px;
  height: 26px;
}

.popup.paymentAgent .textSave {
  top: 0 !important;
}

.popup.paymentAgent .productinfo .left span {
  color: #707070;
  font-size: 13px;
  margin-left: 5px;
}

.popup.agent .tableType5 table {
  border: 0;
}
.popup.agent .tableType5 th,
.popup.agent .tableType5 td {
  border-left: 0;
  border-right: 0;
}

.deliveryStatus {
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
}
.deliveryStatus li {
  padding: 11px 20px 12px;
  font-size: 13px;
  color: #434e5c;
}
.deliveryStatus li:nth-child(odd) {
  background: #f2f5f9;
}
.tableType5.other2 td:last-child {
  color: #333;
}
.popup.paymentAgent .contentbox {
  padding: 0;
}
.popup .tableType4 tr:nth-child(odd) {
  background: none;
}
.popup.searchStock .body .topinfo {
  padding: 0 20px 0 0;
}
.popup.searchStock .contentbox.step4 .box {
  height: 240px;
  margin: 0;
}
.popup.searchStock .pageTitleBar {
  margin-bottom: 0 !important;
}
/*  */
.eachinfobox {
  background: #fafafa;
  padding: 5px 20px;
  border-radius: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.eachinfobox.other > .left {
  height: 30px;
  line-height: 30px;
}
.eachinfobox.other > .right {
  padding: 0 20px;
}

.eachinfobox > .left {
  width: 120px;
  height: 40px;
  line-height: 40px;
  border-right: 1px solid #cccccc;
}
.eachinfobox > .right {
  width: calc(100% - 120px);
  width: -webkit-calc(100% - 120px);
  padding: 9px 20px;
  line-height: 1.6;
}
.eachinfobox .attachBar {
  background: none;
  border: 0;
  margin-bottom: 0;
  padding: 0;
}

.descriptionbox {
  width: 100%;
  height: 300px;
  overflow: auto;
}

.popup.modal {
  position: relative;
}
.popup.modal .con {
  position: relative;
  margin: 0;
}

.descriptionbox::-webkit-scrollbar,
textarea::-webkit-scrollbar,
.popup.type2 *::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.descriptionbox::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
.popup.type2 *::-webkit-scrollbar-thumb {
  background-color: #434e5c;
  border-radius: 20px;
  background-clip: padding-box;
}
.descriptionbox::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
.popup.type2 *::-webkit-scrollbar-track {
  background-color: #eeeeee;
  border-radius: 10px;
  box-shadow: inset 0px 0px 8px white;
  position: relative;
  right: 5px;
}

.windowModal {
  min-width: 0;
  /* overflow: hidden; */
}
/*  */
.popup.agent .tableType5,
.popup.paymentAgent .tableType5 {
  margin: 0 0 50px;
}

.popup.agent .tableType5.other2 th,
.popup.paymentAgent .tableType5.other2 th {
  height: 40px !important;
}

.popup.agent .tableType5.other2 th:first-child,
.popup.agent .tableType5.other2 td:first-child {
  border-left: 1px solid #e2e2e2;
}
.popup.agent .tableType5.other2 th:last-child,
.popup.agent .tableType5.other2 td:last-child {
  border-right: 1px solid #e2e2e2;
}

.popup.agent .tableType5 td,
.popup.paymentAgent .tableType5 td {
  height: 60px;
}

.popup.agent .fareinfo table th,
.popup.agent .fareinfo table td {
  padding: 5px 10px;
  height: 40px;
}

.popup.agent .tableType5 td:last-child {
  color: #333;
}

.popup.searchStock .tableType5.other2.tableTop th,
.popup.searchStock .tableType5.other2.tableTop td {
  height: 60px !important;
}

.popup.searchStock .tableType5.other2.tableTop th:first-child,
.popup.searchStock .tableType5.other2.tableTop td:first-child {
  border-left: 0 !important;
}

.popup.searchStock .tableType5.other2.tableTop th:last-child,
.popup.searchStock .tableType5.other2.tableTop td:last-child {
  border-right: 0 !important;
}

.popup.searchStock .contentbox.step4 .box .textbox {
  margin-bottom: 40px;
  margin-top: 20px;
}

.sticky {
  position: sticky;
  bottom: 0;
}


.popup_banner_frame {
  z-index: 1000;
  position: absolute;
  margin: 0 auto;
  width: 100%;
  height: 0;
  display: flex;
  justify-content: center;
}

.popup_banner_frame .popup_banner {
  display: inline-table;
  margin-top:200px;
  background-color: #FFFFFF;
  padding:30px;
  border: 2px solid black;
  margin-left: 10px;
}

.popup_banner_frame .popup_banner .image {
  max-width: 600px;
}
.popup_banner_frame .popup_banner .bottom {
  display: flex;
  justify-content: space-between;
  padding-top:20px;
  color: gray;
}
.popup_banner_frame .popup_banner .bottom button {
  color: inherit;
}