@charset "utf-8";

/* common  */
.c_orange {
  color: #ff9436 !important;
}
.c_blue {
  color: #3686ff !important;
}
.c_red {
  color: #ff5454 !important;
}
.c_pink {
  color: #FCF !important;
}
.c_gray {
  color: #797979 !important;
}
.c_gray2 {
  color: #999 !important;
}
.c_gray3 {
  color: #aaa !important;
}
.c_green {
  color: #25957a !important;
}
.c_black {
  color: #333 !important;
}

/* 신청서 상태별 텍스트 색상 */
.status-text-black { color: #717171 !important; }
.status-text-blue { color: #3686FF !important; }
.status-text-red { color: #FF5454 !important; }
.status-text-green { color: #258E95 !important; }
.status-text-yellow { color: #FF9436 !important; }
.status-text-gray { color: #999999 !important; }

.redbox {
  background: #fef5f5;
  color: #f84457;
  font-size: 14px;
  text-align: center;
  width: 100%;
  height: 44px;
  line-height: 44px;
  border-radius: 10px;
}

.paddingReset {
  padding: 0 !important;
}

.bold {
  font-weight: 500;
}

.wAuto {
  width: auto !important;
  height: auto !important;
}

.flexbox {
  display: flex;
  justify-content: center;
  align-content: center;
}

.justifyStart {
  justify-content: flex-start !important;
}

.justifyEnd {
  justify-content: flex-end !important;
}

.alignStart {
  align-items: flex-start !important;
}
.alignEnd {
  align-items: flex-end !important;
}

.mark_blue {
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  font-size: 13px;
  width: 34px;
  height: 22px;
  line-height: 22px;
  background: #3686ff;
  border-radius: 5px;
  color: #fff;
}

.flexbox.between {
  justify-content: space-between;
  align-items: center;
}

.sizeColorbox button {
  width: 49% !important;
  background: #fff;
}

.pageTitleBar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 60px !important;
  max-height: 60px;
  margin-bottom: 20px !important;
  position: relative;
}

.pageTitleBar b {
  margin: 0 10px;
  font-size: 19px;
  font-weight: bold;
}
.pageTitleBar span {
  font-size: 18px;
  font-weight: 500;
  color: #797979;
}

.pageTitleBar .aside1 {
  position: absolute;
  right: 15px;
  top: 24px;
}
.pageTitleBar .aside1 * {
  display: inline-block;
  font-size: 14px;
}
.pageTitleBar .aside1 img {
  position: relative;
  top: -1px;
  margin-right: 5px;
}

.pageTitleBar .aside1 b {
  font-weight: 500;
}

.pageTitleBar .aside1 button {
  margin-left: 20px;
  position: relative;
  top: -2px;
}

.pageTitleBar .aside1.other {
  top: 25px;
}
.pageTitleBar.other {
  margin: 10px 0 !important;
}

.pageTitleBar .subText {
  margin-left: 5px;
  font-size: 12px;
  color: #999999;
}
.pageTitleBar.flexbox .left b,
.pageTitleBar.flexbox .left span {
  padding-top: 3px;
}

.tableType1 tr td,
.tableType1 tr th {
  padding: 10px 10px;
  border: 1px solid #e2e2e2;
  font-size: 14px;
}
.tableType1 tr th {
  text-align: left;
  background: #fafafa;
}

.tableType1.other {
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.tableType1.other tr td,
.tableType1.other tr th {
  padding: 7px 5px;
  font-size: 13px;
  color: #555555;
}
.tableType1.other tr th {
  text-align: center;
  border-right: 0;
}
.tableType1.other tr td {
  border-left: 0;
}

.tableType1.other * {
  font-size: 13px;
}

.tableType1.other2 th,
.tableType1.other2 td {
  border-left: 0;
  border-right: 0;
  padding: 10px 19px 10px 20px;
}

.tableType1.other3 td {
  border-right: 1px solid #e2e2e2 !important;
}

.tableType1.other4 th {
  border-left: 1px solid #e2e2e2 !important;
}

.tableType2 { margin: 0 20px; } /* 테이블 좌우 여백 추가 */
.tableType2 tr td,
.tableType2 tr th {
  padding: 20px 15px;
  border: 1px solid #e2e2e2;
}
.tableType2 tr td {
}
.tableType2 tr th {
  text-align: center;
  background: #fafafa;
}
.tableType2 tr td .flexbox {
}
.tableType2 tr td .flexbox span.equal {
  line-height: 40px;
  font-size: 25px;
  color: #999999;
  padding: 0 10px;
}
.tableType2 tr td .flexbox input,
.tableType2 tr td .flexbox .inputbox {
  width: 100%;
}
.tableType2 tr td .flexbox .inputbox {
  position: relative;
}
.tableType2 tr td .flexbox .inputbox span {
  position: absolute;
  right: 10px;
  top: 13px;
  font-size: 14px;
  color: #797979;
}

.tableType2.other1 {
  text-align: center;
  line-height: 1.4;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.tableType2.other1 td,
.tableType2.other1 th {
  padding: 15px 5px !important;
  font-size: 14px;
}

.tableType2.other1 th {
  color: #797979;
}

.tableType2.other1 td:nth-child(3) {
  text-align: left;
  padding-left: 20px;
}
.tableType2.other1.other2 td:nth-child(3) {
  text-align: center;
  padding-left: 0;
}

.tableType2.other1 .subText {
  margin-top: 10px;
  color: #999999;
}

.tableType2.other1 tr:nth-child(odd) {
  background: #f6faff;
}

.tableType2.other1 th:first-child,
.tableType2.other1 td:first-child {
  border-left: 0;
}

.tableType2.other1 th:last-child,
.tableType2.other1 td:last-child {
  border-right: 0;
}

.tableType2.other2 td:nth-child(2),
.tableType2.other2 td:nth-child(4),
.tableType2.other2 td:nth-child(5),
.tableType2.other2 td:nth-child(6),
.tableType2.other2 td:nth-child(7) {
  text-align: center;
}

.tableType2.other2 th,
.tableType2.other2 td {
  padding: 20px 7px;
  font-size: 14px;
}

.tableType3 { margin: 0 20px; }
.tableType3 tr td,
.tableType3 tr th {
  padding: 10px 5px;
  border: 1px solid #e2e2e2;
}
.tableType3 tr th {
  padding: 15px 1px;
}
.tableType3 tr th *,
.tableType3 tr th {
  font-size: 11px;
  color: #797979;
  font-family: roboto;
}
.tableType3 tr th {
  background: #fafafa;
}
.tableType3 tr td *,
.tableType3 tr td {
  font-size: 12px;
  text-align: center;
  line-height: 1.6;
}
.tableType3 tr td input,
.tableType3 tr td input {
  text-indent: 0;
  color: #333;
}

.tableType3 tr td .sizeColorbox input,
.tableType3 tr td .sizeColorbox input {
  width: 49%;
}

/* tableType3 리스트 색상은 js에서 컨트롤 */
/*
.tableType3 tr:nth-child(odd) {
  background: #f6faff;
}
*/
.tableType3 tr.l_blue { background: #EFF5FB; }
.tableType3 tr.l_white { }

.tableType3 .btnSize {
  word-break: keep-all;
  white-space: nowrap;
  width: 100%;
  background: #fff;
}

.tableType3 select,
.tableType3 input {
  border-radius: 5px !important;
}

.tableType3.other2 td,
.tableType3.other2 th {
  padding: 15px 5px;
  font-size: 12px;
}

.tableType3.other2 td:nth-child(5) {
  text-align: left;
}

.tableType3 .fa-solid.fa-triangle-exclamation { font-size:16px; vertical-align: middle; line-height: 1rem; }
.tableType3 .fa-regular.fa-copy { cursor:pointer; font-size:18px; line-height: 1rem;}

.tableType4 {
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 20px;
  margin-right: 20px;
}
.tableType4 td,
.tableType4 th {
  padding: 10px 0;
  border: 1px solid #e2e2e2;
  text-align: center;
  color: #555555;
  line-height: 1.6;
  font-size: 14px;
}
.tableType4 td * {
  font-size: 14px;
}
.tableType4 th {
  color: #797979;
  background: #fafafa;
  font-size: 14px;
}

/*
엑셀 리스트에서 배경색 제어를 위해 주석처리
.tableType4 tr:nth-child(odd) {
  background: #f6faff;
}
 */
.tableType4 tr.l_blue { background: #EFF5FB; }
.tableType4 tr.l_white { }

.tableType5 {
  margin: 30px 0 50px;
}
.tableType5 td,
.tableType5 th {
  border-bottom: 1px solid #e2e2e2;
  padding: 14px 10px;
  text-align: center;
  font-size: 14px;
}

.tableType5 td *,
.tableType5 th * {
  font-size: 14px;
}
.tableType5 td {
  height: 70px;
}

.tableType5 th {
  border-top: 1px solid #e2e2e2;
  background: #fafafa;
  color: #999999;
}

.tableType5 td:last-child {
  color: #999999;
}

.tableType5.other {
  margin: 20px 0 50px;
  line-height: 1.4;
}
.tableType5.other th {
  padding: 5px;
}
.tableType5.other th select {
  height: 30px;
}

.tableType5.other .tdTitle a {
  width: 730px;
  display: block;
  text-align: left;
}

.tableType5.other .tdTitle2 .msgType {
  font-size: 13px;
  color: #797979;
  margin-bottom: 2px;
}

.tableType5.other.thPadding th {
  padding: 9.5px 0;
}
.mark_num {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  background: #3686ff;
  border-radius: 50%;
  color: #fff;
  font-size: 12px !important;
  text-align: Center;
}

.tableType5.other .tdTitle2 .msg {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.tableType5.other .tdTitle2 .msg span {
  max-width: 450px;
  display: block;
  margin-right: 5px;
}

.tableType5.other1.tableVer td,
.tableType5.other1.tableVer th {
  height: 60px;
}
.tableType2.infoAddrTable td:nth-child(3) {
  text-align: center;
}

.noticeTable td {
  height: 60px !important;
}

.textDecoration {
  text-decoration: underline !important;
}

.waybill .right {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #797979;
}
.waybill .left * {
  color: #515e6e;
}

.imgBox {
  width: 52px;
  height: 52px;
  border-radius: 10px;
  background: #515e6e;
  margin: 0 auto;
}
.imgBox img {
  object-fit: cover;
  width:100%;
  height:100%;
}

table .flexbox.other {
  justify-content: flex-start;
}
table .flexbox.other input {
  width: 150px;
}
table .flexbox.other p {
  color: #999999;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.inputTrakingNumber {
  padding-right: 30px;
  height: 25px;
  text-align: left;
}

.inputTrakingNumber + img {
  top: 7px !important;
}

.tableType3 input,
.tableType3 select {
  height: 25px !important;
  border-radius: 0;
}

.titlebox {
  position: relative;
}
.titlebox h3 {
  margin-bottom: 20px;
}
.titlebox .btnMore {
  position: absolute;
  top: 0;
  right: 0;
  color: #797979;
  font-size: 13px;
  text-decoration: underline !important;
}

.titlebox.todolist h3 {
  margin-bottom: 16px !important;
}

.paging {
  /* margin-top: 30px; */
  /* margin-bottom: 30px; */
  margin: 16px 0;
}
.paging > * {
  margin: 0 2px;
}
.paging > a {
  width: 26px;
  height: 26px;
  border-radius: 5px;
  border: 1px solid #bbbbbb;
  text-align: center;
  line-height: 21px;
}

.paging > ul {
  margin: 0 5px;
}
.paging > ul > li {
}
.paging > ul > li > a {
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: flex;
  justify-content: center;
  align-content: center;
  color: #aaaaaa;
  font-size: 12px;
  border-radius: 5px;
  margin: 0 3px;
}

.paging > ul > li.on > a,
.paging > ul > li > a:hover {
  background: #3686ff;
  color: #fff;
  text-decoration: none !important;
}

/* paginate */
.pager { text-align: center; }
.pager .pages { display:flex; width:100%; justify-content: center; }
.pager button { margin-right:5px; }
.pager button:disabled { cursor:auto; }
.pager button:not(:disabled):hover { background-color:rgba(54, 134, 255, 1); }
.pager .prev02 { width: 26px; height: 26px; border-radius: 5px; border: 1px solid #bbbbbb; font-size: 0px !important; background-image: url("/img/common/ico_first.png"); background-repeat: no-repeat; background-position: center; }
.pager .prev { width: 26px; height: 26px; border-radius: 5px; border: 1px solid #bbbbbb; font-size: 0px !important; background-image: url("/img/common/ico_prev.png"); background-repeat: no-repeat; background-position: center; }
.pager .next { width: 26px; height: 26px; border-radius: 5px; border: 1px solid #bbbbbb; font-size: 0px !important; background-image: url("/img/common/ico_next.png"); background-repeat: no-repeat; background-position: center; }
.pager .next02 { width: 26px; height: 26px; border-radius: 5px; border: 1px solid #bbbbbb; font-size: 0px !important; background-image: url("/img/common/ico_last.png"); background-repeat: no-repeat; background-position: center; }
.pager ol { display:flex; }
/* .pager ol li { } */
.pager li a { width: 26px; height: 26px; text-align: center; line-height: 26px; font-size:12px; color:#aaaaaa; display: flex; justify-content: center; align-content: center; border-radius: 5px; margin-right: 5px;}
.pager li.on a { background: #3686ff; color: #fff; text-decoration: none !important; }
.pager li a:hover { background: #3686ff; color: #fff; text-decoration: none !important; }
/* .pager .search { float:right; width:250px; position:relative; } */
.pager .search { position:absolute; right:15px; width:190px; }
.pager .search input { width:100%; height:26px; }
.pager .search button { display:none; }

.inputWrap {
  position: relative;
}
.inputWrap input {
  width: 100%;
}
.inputWrap > *:last-child {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inputWrap > a:last-child {
  top: 5px;
}

/* main */
.mainSliderWrap .slide_prev,
.mainSliderWrap .slide_next {
  display: none !important;
}

.mainSliderWrap:hover .slide_next,
.mainSliderWrap:hover .slide_prev {
  display: block !important;
}

.main {
  display: grid;
}

.contents {
  display: flex;
  justify-content: flex-start;
}

.leftBar {
  background: #fff;
  max-width: 260px;
  width: 100%;
  min-height: 100%;
  box-shadow: 3px 0 30px rgba(0, 0, 0, 0.05);
  opacity: 1;
  transition: all ease-in-out 0.5s;
  overflow-x: hidden;
}
.leftBar h2 {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  padding: 30px 10px 0;
}

.leftBar h2.text_intro,
.leftBar h2.text_intro * {
  min-width: 23px;
  color: #333333;
  font-weight: 500;
  font-size: 16px;
  padding-left: 0;
  white-space: nowrap;
  overflow: hidden;
}

.leftBar h2.text_intro {
  margin-bottom: 5px;
}

.leftBar h2.text_intro a:hover {
  color: #000;
}

.leftBar .paddingWrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width:260px;
}
.popup .paddingWrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.paddingWrap > * {
  flex: 1 0 100%;
  max-width: calc(100% - 40px);
}

.paddingWrap .user_icon {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #3686ff;
    text-align: center;
    line-height: 23px;
    color: white !important;
    font-size: 16px !important;
    float: left;
}

.leftBar .form {
  padding: 0 10px 20px;
}
.leftBar .form input {
  width: 100%;
  margin-top: 7px;
  height: 46px;
}

.leftBar .form .link {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.leftBar .form .link a {
  font-size: 12px;
  color: #797979;
}

.leftBar .menulink {
  margin-top: 20px;
}
.leftBar .menulink > li {
  overflow: hidden;
  height: 50px;
}
.leftBar .menulink > li.on {
  overflow: hidden;
  height: auto;
}
.leftBar .menulink li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 15px;
  height: 50px !important;
}
.leftBar .menulink > li > a {
  position: relative;
  width: 100%;
  white-space: nowrap;
  z-index: 1;
  overflow: hidden;
}

.leftBar .menulink > li a:hover {
  background-color: #f1f4f8 !important;
}
/* 원본 */
/* .leftBar .menulink > li.on a svg .fillPath,
.leftBar .menulink > li a:hover svg .fillPath {
  fill: #2973e4 !important;
} */
/* 원본끝 */
/* astronli 변경 */
.leftBar .menulink > li.on a i:first-child,
.leftBar .menulink > li a:hover i:first-child { display:none; }
.leftBar .menulink > li.on a i:nth-child(even),
.leftBar .menulink > li a:hover i:nth-child(even) { display:flex !important; }

.leftBar .menulink > li a i:first-child { display:flex; }
.leftBar .menulink > li a i:nth-child(even) { display:none !important; }
/* astronli 변경 끝 */

/* astronli 변경 2 */
.leftBar .menulink > li > .menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 15px;
    height: 50px !important;
    width: 260px;
    color: #000;
    cursor: pointer;
    background: url(../img/common/arrow_off.png) 95% no-repeat;
}
.leftBar .menulink > li.on > .menu {
    background: url(../img/common/arrow_on.png) 95% no-repeat;
}
.leftBar .menulink > li > .menu.nosub {
  background: none;
}
.leftBar .menulink > li.on > .menu.nosub {
  background: none;
}

.leftBar .menulink > li.on .menu i:first-child,
.leftBar .menulink > li .menu:hover i:first-child { display:none; }
.leftBar .menulink > li.on .menu i:nth-child(even),
.leftBar .menulink > li .menu:hover i:nth-child(even) { display:flex !important; }

.leftBar .menulink > li .menu i:first-child { display:flex; }
.leftBar .menulink > li .menu i:nth-child(even) { display:none !important; }

.leftBar .menulink > li .menu i { margin-right: 10px; }

.leftBar .menulink > li .submenu {
  /* display: none; */
  border-bottom: 0px solid #eee;
  padding: 0px 0;
  margin-bottom: 0px;
  cursor: pointer;
  /* height: 0px; */
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.3s ease-in;
}
.leftBar .menulink > li.on .submenu {
  /* display: block; */
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  margin-bottom: 10px;
  /* height: auto; */
  transform: scaleY(1);
}

.leftBar .menulink > li .submenu li {
  position: relative;
  margin-left: 13px;
  height: 40px;
}
.leftBar .menulink > li .submenu li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #434e5c;
}

.leftBar .menulink > li .submenu li a {
  padding-left: 30px !important;
  height: 40px !important;
  white-space: nowrap;
}

.leftBar .menulink > li .submenu li.on {
  background-color: #f1f4f8;
}
/* astronli 변경 2 끝 */

.leftBar .menulink > li.none_under > a {
  background: url(../img/common/icon_arrow_link.svg) 95% no-repeat;
}


.leftBar .menulink > li > a .icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
.leftBar .menulink > li > a .icon i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background: #f2f2f2;
  border-radius: 50%;
  margin-right: 10px;
}
.leftBar .menulink > li > a .icon::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  right: -138px;
  transform: translateY(-50%);
  width: 12px;
  height: 6px;
  background: url(../img/common/arrow_off.png) 95% no-repeat;
}

.leftBar .menulink > li.on > a .icon::after {
  background: url(../img/common/arrow_on.png) 95% no-repeat;
}

.leftBar .menulink > li.on .depth2 {
  display: block;
}

.leftBar .menulink .depth2 {
  display: none;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  margin-bottom: 10px;
}
.leftBar .menulink .depth2 li {
  position: relative;
  margin-left: 13px;
}

.leftBar .menulink .depth2 li a {
  padding-left: 30px !important;
  height: 40px !important;
  white-space: nowrap;
}

.leftBar .menulink .depth2 li.on {
  background-color: #f1f4f8;
}
.leftBar .userLink {
  min-width: 74px;
  min-height: 25px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -7px;
  overflow: hidden;
  align-items: center;
  justify-content: flex-start;
}

.leftBar .userLink a {
  padding: 5px;
  color: #999999;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
}

.leftBar .userInfoList {
  margin: 30px 0 10px;
  min-width: 74px;
  overflow: hidden;
}
.leftBar .userInfoList + .userInfoList {
  margin-top: 20px;
}
.leftBar .userInfoList li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.leftBar .userInfoList li + li {
  margin-top: 15px;
}
.leftBar .userInfoList li a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.leftBar .userInfoList li a:hover {
  text-decoration: none !important;
}

.leftBar .userInfoList li .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
}

.leftBar .userInfoList li .left svg {
  margin-right: 10px;
}

.leftBar .userInfoList li .right {
  text-align: right;
  font-size: 17px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
}

.leftBar .userInfoList li .right a {
  color: #434e5c;
}

.leftBar .userInfoList li .right .price {
  font-size: 17px;
  margin-left: 10px;
  line-height: 120%;
}
.leftBar .userInfoList li .price.sm {
  font-size: 12px;
  margin-left: -1px;
}

.leftBar .userInfoList li .right svg {
  margin-left: 5px;
}

.numberCircle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #cccccc;
  color: #fff;
}
.numberCircle.on {
  background: #ff5454;
}

.numberCircle2 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #cccccc;
  color: #fff;
  padding: 0px 5px;
}
.numberCircle2.on {
  background: #ff5454;
}

.leftBar .appNumberbox {
  position: relative;
  margin-bottom: 10px;
  min-width: 74px;
  min-height: 40px;
  overflow: hidden;
}
.leftBar .appNumberbox a {
  display: block;
  z-index: 1;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
}
.leftBar .appNumberbox select {
  flex: 0 0 100px;
  height: 40px;
  font-size: 13px;
  /* color: #cccccc; */
  color: #333;
  border: 1px solid #e2e2e2;
  /* margin-left: 4px; */
}
.leftBar .appNumberbox input {
  /* color: #cccccc; */
  width: 100%;
  font-size: 13px;
  /* border: 1px solid #e2e2e2; */
}

.menulink .depth2 li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #434e5c;
}

.contents .rightBar {
  padding: 30px;
  /* max-width: 1654px; */
  margin: 0 auto;
}

.contents .wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
}

.contentsMain {
  display: grid;
  /* grid-template-rows: repeat(2, 1fr); */
  grid-template-columns: repeat(3, 1fr);
}

.contentsMain .contentbox:nth-child(2) {
  grid-column: span 2;
}

.contentbox {
  margin: 10px;
  min-height: 200px;
  padding: 20px;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  background: #fff;
}

.contentbox.other2 {
  padding: 5px 10px 0 !important;
}

.contentbox.otherMb {
  padding: 20px 20px 10px;
}

.h515 {
  height: 515px;
}

h3 {
  font-weight: bold;
  font-size: 16px;
}

.otherMb h3 {
  margin-bottom: 30px;
}

.mainCenter,
.mainDelivery,
.mainNotice {
  min-height: 216px;
}

.mainNotice ul li {
  display: block;
  margin: 15px 0;
}
.mainNotice ul li:last-child {
  margin-bottom: 0;
}

.mainNotice ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainNotice ul li a .left {
  width: calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.mainNotice ul li a .left span.split {
  display: inline-block;
  width: calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
  max-width: 100%;
}

.mainNotice ul li a .left span:first-child {
  margin-right: 5px;
}

.mainNotice ul li a span.date {
  color: #aaaaaa !important;
}

.mainNoticeList li {
  margin: 13px 0 !important;
}

.mainDelivery {
  padding: 20px 20px 10px;
}
.mainDelivery .inputBox {
  position: relative;
}
.mainDelivery .inputBox input {
  width: 100%;
}
.mainDelivery .inputBox input,
.mainDelivery .inputBox input::placeholder {
  font-size: 14px;
}

.mainDelivery .inputBox .btn_search {
  position: absolute;
  right: 10px;
  top: 10px;
}

.mainDelivery > p:first-child {
  padding-top: 0;
}
.mainDelivery p {
  padding: 10px 0 5px;
  font-size: 13px;
  color: #797979;
}

.mainDelivery .btnMainDelivery {
  display: block;
  z-index: 10;
}

.btnContact {
  width: 200px;
  margin: 17px auto 0;
  border-radius: 10px;
}

.mainCenter {
}
.mainCenter .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainCenter .top .left {
}
.mainCenter .top .left h3 {
}
.mainCenter .top .left b {
  font-size: 22px;
  color: #3686ff;
  margin-top: 15px;
  display: block;
  font-weight: bold;
}
.mainCenter .top .right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainCenter .top .right a {
  margin: 0 2px;
  border-radius: 10px;
}

.mainCenter .btm {
  margin-top: 30px;
}
.mainCenter .btm > div {
}
.mainCenter .btm > div p {
  color: #797979;
  margin-bottom: 7px;
  font-size: 13px;
}
.mainCenter .btm > div span {
  font-size: 14px;
  color: #333333;
}
.mainCenter .btm .info:first-child {
  border-right: 1px solid #ddd;
}
.mainCenter .btm .infoWrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}

.mainCenter .btm .infoWrap > div:first-child:before {
  content: "";
  display: inline-block;
  background: #999999;
  width: 2px;
  height: 24px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 10px;
}
.mainCenter .btm .infoWrap > div:first-child {
  padding-right: 30px;
}
.mainCenter .btm .infoWrap > div:last-child {
  padding-left: 25px;
}

.mainCenter .btm .infoWrap > div {
  position: relative;
}

/* 메인 로그인 후  */
.contentsMainAfter {
}
.contentsMainAfter .box1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.contentsMainAfter .box1 > .left {
  width: calc(100% - 380px);
  width: -webkit-calc(100% - 380px);
}
.contentsMainAfter .box1 > .left .top {
  height: 122px;
  min-height: auto;
}
.contentsMainAfter .box1 > .left .btm {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 10px;
}

.contentsMainAfter .box1 > .left .btm .box {
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
  width: 100%;
  margin: 0 10px;
}

.contentsMainAfter .box1 > .left .btm .box .title {
  background: #3686ff;
  height: 44px;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
  padding-left: 20px;
  font-weight: 500;
}

.contentsMainAfter .box1 > .left .btm .box .title.default {
  background: #808994;
}

.contentsMainAfter .box1 > .left .btm .box .info {
  overflow: hidden;
  padding: 20px;
  height: 230px;
}

.contentsMainAfter .box1 > .left .btm .box .info ul li {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contentsMainAfter .box1 > .left .btm .box .info ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.contentsMainAfter .box1 > .left .btm .box .info ul li span.c_blue,
.contentsMainAfter .box1 > .left .btm .box .info ul li span.c_red {
  font-weight: 500;
}

.contentsMainAfter .box1 > .right {
  width: 380px;
}

.contentsMainAfter .box1 > .right .contentbox {
  min-height: 203px;
}

.contentsMainAfter .box1 > .right .application {
  padding: 18px 20px 10px 20px;
}
.contentsMainAfter .box1 > .right .application .box {
  background: #f2f5f9;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 62px;
  border-radius: 10px;
  padding: 0 15px;
}

.contentsMainAfter .box1 > .right .application .box > .left {
}
.contentsMainAfter .box1 > .right .application .box > .left p {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}
.contentsMainAfter .box1 > .right .application .box > .left span {
  color: #797979;
  font-size: 13px;
}
.contentsMainAfter .box1 > .right .application .box > .right b {
  font-size: 18px;
  font-weight: 500 !important;
}

.contentsMainAfter .box1 > .right .search p {
  font-size: 13px;
  color: #434e5c;
  margin-bottom: 10px;
}
.contentsMainAfter .box1 > .right .search input {
  width: 100%;
}

.contentsMainAfter .box1 > .right .search input::placeholder {
  font-weight: 400;
}

.contentsMainAfter .box2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.contentsMainAfter .box2 .tabBtn {
  margin-bottom: 18px;
}

.contentsMainAfter .contentbox.span2 {
  grid-column: span 2;
}

.subTextbox {
  background: #f8f8f8;
  padding: 20px 25px;
  margin-top: 20px;
  font-size: 13px;
  color: #999999;
  line-height: 1.6;
  width: 110%;
  left: -5%;
  position: relative;
}

.contentsMainAfter .box2 .tabBtn button.on,
.contentsMainAfter .box2 .tabBtn button {
  border: 0;
  font-weight: 400;
}

.bar2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 7px;
}

.bar2 .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 32px);
  width: -webkit-calc(100% - 32px);
  border-radius: 10px;
  padding: 9px 10px;
  background: #f2f8ff;
}

.bar2 .inner .left {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bar2 .inner .right {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #aaaaaa;
  font-size: 14px;
}

.bar2 .inner.default {
  background: #f2f2f2;
}

.bar2 .inner .left span {
  margin-left: 5px;
}

.bar2 .inner.default .left span {
  text-decoration: line-through;
}

.bar2 .inner .input_todolist {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.bar2 .inner .input_todolist:checked + span {
  text-decoration: line-through;
}

.bar2 .inner .date {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bar2 .inner .btnStar {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../img/common/ico_star.png) 50% no-repeat;
  margin-left: 5px;
}

.bar2 .inner .btnStar.on {
  background: url(../img/common/ico_star_on.png) 50% no-repeat;
}

.bar2 .btnDelete {
  margin-left: 10px;
}

.addBar {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e2e2e2;
  margin-top: 10px;
  height: 44px;
  border-radius: 10px;
  overflow: hidden;
}
.addBar button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 13px;
}
.addBar button img {
}
.addBar button span {
  color: #cccccc;
  font-size: 14px;
  margin-left: 9px;
}

.addBar input {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
}

.addBar input:hover,
.addBar input:focus {
  border: 0;
  outline: 0;
}

.contactList {
  padding: 10px 0;
}
.contactList li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.contactList li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.contactList li a .left {
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
}
.contactList li a .left p:first-child {
  margin-bottom: 10px;
  font-size: 14px;
}
.contactList li a .right {
}
.contactList li a .right mark {
  background: #f2f5f9;
  border-radius: 20px;
  display: inline-block;
  padding: 5px;
  font-size: 13px;
  color: #999999;
}
.contactList li a .right mark.complete {
  color: #3686ff;
}

mark.noti_blue {
  color: #3686ff !important;
  font-size: 13px !important;
  background: #f2f5f9 !important;
}
mark.noti_gray {
  color: #797979 !important;
  font-size: 13px !important;
  background: #f2f5f9 !important;
}

.contentbox.deliveryResult {
  padding: 0 !important;
}
.contentbox.deliveryResult .titlebox {
  padding: 20px 20px 0;
}

.deliveryResultList {
}
.deliveryResultList > li {
  display: block;
}
.deliveryResultList > li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 32px;
  padding: 0 20px;
}
.deliveryResultList > li a:hover {
  background: #f2f8ff;
}
.deliveryResultList > li a .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.deliveryResultList > li a .left .circle {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 5px;
}
.deliveryResultList > li a .left .circle.blue {
  background: #3686ff;
}
.deliveryResultList > li a .left .circle.violet {
  background: #7b5bb9;
}
.deliveryResultList > li a .left .circle.orange {
  background: #fba145;
}
.deliveryResultList > li a .left .circle.red {
  background: #fd6b2d;
}
.deliveryResultList > li a .left .text {
  color: #666666;
}
.deliveryResultList > li a .right b {
  font-weight: 500 !important;
}
.deliveryResultList .hover {
  background: #f2f8ff !important;
  text-decoration: underline !important;
}
.graphbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.graphbox .graph {
  min-height: 93px;
}
.contentbox.logistics .box {
  background: #f2f5f9;
  margin-bottom: 5px;
  border-radius: 10px;
  padding: 10px;
}

.contentbox.logistics .box .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.contentbox.logistics .box .left img {
  margin-right: 10px;
}
.contentbox.logistics .box .left .text p {
  font-weight: 500;
  margin-bottom: 5px;
}
.contentbox.logistics .box .left .text span {
  font-size: 13px;
  color: #797979;
}

.contentbox.logistics .box .right {
  display: flex;
  text-align: right;
  justify-content: center;
  align-content: center;
}
.contentbox.logistics .box .right .text {
}
.contentbox.logistics .box .right .text p {
  font-size: 13px;
  margin: 3px 0;
}

.contentbox.logistics .box .right .markbox {
  width: 80px;
}

.contentbox.logistics .box .right .mark {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 20px;
  background: #3686ff;
  color: #fff;
  font-size: 13px;
  height: 23px;
  margin-top: 7px;
}
.contentbox.logistics .box .right .mark.end {
  background: #e4e4e4;
  color: #797979;
}

.searchbox {
  margin-top: 20px;
}
.searchbox .left {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
.searchbox .left .inputbox {
  position: relative;
}

.searchbox .left > select {
  width: 120px;
  margin-right: 5px;
}

.searchbox .left .inputbox .btnSearch {
  position: absolute;
  right: 10px;
  top: 7px;
}

.searchbox .right {
  display: flex;
  justify-content: flex-end;
  align-content: center;
}

.searchbox .right select {
  width: 80px;
}

.calendarbox {
  display: flex;
  justify-content: center;
  align-content: center;
  margin: 0 5px;
}

.calendarbox span {
  line-height: 40px;
  font-size: 30px;
  color: #8a8d91;
  margin: 0 2px;
}

.calendarbox select {
  width: 140px;
}

.tabContent > div {
  display: none;
}

.tabContent > div.on {
  display: block;
}

.inputCalendar {
  position: relative;
}

.inputCalendar input {
  width: 150px;
  padding-left: 10px;
}

.inputCalendar img {
  position: absolute;
  right: 10px;
  top: 12px;
}

.calendarboxWrap .inputCalendar input {
  width: 160px;
}

/* 회원가입 */
.joinAgreebox {
  width: 840px;
  background: #fff;
  border-radius: 10px;
  margin: 20px auto;
  padding: 20px;
}

.joinAgreebox h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 40px;
}

.joinAgreebox .agreeAll span {
  font-size: 16px;
  font-weight: 500;
}
.joinAgreebox input[type="checkbox"] {
  width: 20px;
  height: 20px;
  position: relative;
  top: -1px;
}

.joinAgreebox .divider {
  height: 4px;
  background: #fafafa;
  margin: 20px 0 30px;
}

.joinAgreebox .agreeLabel span {
  font-size: 14px;
}

.joinAgreebox .descriptionbox {
  height: 260px;
  margin: 10px 0 30px;
  border: 1px solid #f5f5f5;
  color: #999999;
}

/* 회원가입 폼 */
.joinForm {
  align-items: flex-start !important;
}
.joinForm > div {
  width: 45%;
}

.joinForm input:not([type="radio"]):not([type="checkbox"]) {
  width: 100%;
}

.joinForm h5 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.joinForm .tabJoin {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #f4f9ff;
  border-radius: 10px;
  padding: 10px;
}
.joinForm .tabJoin label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 20px;
}

.joinForm .tabJoin input {
  top: 1px;
}

.joinForm .tabJoin span {
  font-size: 14px;
}

.joinForm .eachTitle {
  font-size: 14px;
  color: #434e5c;
  margin-top: 20px;
  margin-bottom: 10px;
}

.joinForm input[readonly] {
  font-size: 14px;
  color: #999999 !important;
}

.joinForm .addrbox > div {
  display: none;
}

.joinForm .addrbox > div.on {
  display: block;
}

.joinForm .addrbox .korea .box input {
  width: 254px;
  margin-right: 5px;
}
.joinForm .addrbox .korea .box button {
  width: 100px;
  font-size: 13px;
}
.joinForm .addrbox.usa {
}

.joinForm input {
  margin-bottom: 5px;
}

.joinForm .addFile {
  background: #fafafa;
  height: 30px;
  padding: 0 10px;
  border-radius: 10px;
}

.joinForm .addFile span {
  font-size: 13px;
  color: #797979;
}

.joininfo {
  background-color: #FBE9E9;
  border-radius: 10px;
  height: 100px;
}
.jointext {
  color: #333333;
  font-family: 'Noto Sans KR';
  font-size: 12px;
  font-weight: 400;
  padding: 10px;
  text-align: center;
}
.idpwbox {
  width: 440px;
  margin: 100px auto;
  padding: 40px;
  border: 1px solid #e2e2e2;
}
.idpwbox h5 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.tabBtn.type2 {
  background: none;
  margin-bottom: 15px;
}

.tabBtn.type2 button {
  width: 50%;
  color: #cccccc;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #cccccc;
  font-size: 14px;
}

.tabBtn.type2 button.on,
.tabBtn.type2 button:hover {
  border: 0;
  color: #3686ff;
  border-bottom: 1px solid #3686ff;
}

.idpwbox .subText {
  padding: 10px 0;
  text-align: center;
  border-radius: 10px;
  display: block;
  margin-bottom: 10px;
}

.idpwbox .subText span {
  font-size: 13px;
}

.idpwbox .subText.red {
  background: #fef5f5;
}
.idpwbox .subText.red span {
  color: #f84457;
}

.idpwbox .subText.green {
  background: #f5fcf5;
}
.idpwbox .subText.green span {
  color: #03c75a;
}

.proccessbox {
  min-height: 0px;
  padding: 30px 20px;
}
.proccessbox .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

.proccessbox ul {
  justify-content: flex-start;
}
.proccessbox ul li {
  width: 14.28%;
}

.proccessbox ul li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.proccessbox ul li .icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.proccessbox ul li .text {
  margin-left: 10px;
}
.proccessbox ul li .text p:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
}

.proccessbox ul li .text p:first-child span {
  color: #797979;
  font-size: 13px;
}

.proccessbox ul li .text p:first-child img {
  margin-left: 5px;
}
.proccessbox ul li .text p:last-child {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 10px;
}

.proccessbox ul li .text p:last-child b {
  font-size: 18px;
  margin-right: 5px;
}

.proccessbox ul li .text p:last-child span {
  font-size: 14px;
  position: relative;
  top: 2px;
}

/* 메인 검색조건/기간 */
.mainSearchbox {
  background: #fff;
  border-radius: 10px;
  margin: 20px 10px 10px;
}

.mainSearchbox .calendarbox {
  margin: 0;
}

.mainSearchbox > div {
  width: 50%;
}

.mainSearchbox .left {
  padding: 25px 20px;
  border-right: 1px solid #e2e2e2;
}

.mainSearchbox .right {
  padding: 25px 20px;
}
.mainSearchbox .right input {
  width: 175px;
}

.mainSearchbox .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

.mainSearchbox .eachTitle {
  font-size: 13px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.inputList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.inputList li {
  width: 32%;
}

.inputList input {
  width: 100%;
}

.radioBtnWrap {
  display: flex;
  flex-flow : row wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}

.radioBtnWrap.other {
  margin-bottom: 0;
}
.radioBtnWrap.other label {
  width: 60px;
}

.radioBtnWrap label {
  border: 1px solid #e2e2e2;
  min-width: 50px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 0;
  padding: 0 5px;
  color: #cccccc;
  font-size: 14px;
  width: 90px;
}

.radioBtnWrap label:hover,
.radioBtnWrap label.on {
  background: #3686ff;
  color: #fff;
  border: 1px solid #3686ff;
}

.radioBtnWrap label:last-child {
  border-right: 1px solid #e2e2e2;
}
/*
.radioBtnWrap input {
  position: fixed;
  left: -9999px;
}
 */

/* RadioButton required 안되는 것 수정 */
.radioBtnWrap label input { position: relative; left: 0px; width: 1px !important; margin: 0px; padding: 0px; height: 1px; opacity: 0; }

.radioBtnWrapOuter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.radioBtnWrap.other2 {
  margin: 10px 0;
}
.radioBtnWrap.other2 label {
  border-radius: 12px;
  border-right: 1px solid #e2e2e2;
  margin-right: 15px;
}

.radioBtnWrap.other2 label:hover,
.radioBtnWrap.other2 label.on {
  border-right: 1px solid #3686ff;
}

/* 레이블 라디오박스 */
.inputCheckboxWrap input[type=radio] {  position:absolute !important; left: 8px !important; top: 15px !important; width: 1px !important; height: 1px !important; opacity: 0; margin:0px; }

form .eachSearch {
  position: absolute;
  right: 30px;
  top: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

form .eachSearch label {
  margin-right: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.btnbox2 {
  min-height: 86px;
}

.input_radio:checked + .ico_radio {
  background: url(../img/common/ico_radio_on.png) 50% no-repeat;
}

.ico_radio {
  display: inline-block;
  position: relative;
  width: 22px;
  height: 22px;
  background: url(../img/common/ico_radio.png) 50% no-repeat;
  margin-right: 10px;
}

.input_radio {
  position: fixed;
  left: -9999px;
}

.applicationList {
  padding: 0;
}

.applicationList .head {
  padding: 20px 20px 0;
}

.applicationList .title {
  color: #797979;
  font-size: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
}
.applicationList .title h4 {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  margin-right: 5px;
}

.applicationList .btnbox select {
  height: 36px;
}

.applicationList .btnbox_top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.applicationList .btnbox_btm {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 40px;
}

.applicationList .btnbox_btm button {
  margin-left: 5px;
}

.addrConfirm {
  position: absolute;
  right: 0;
  top: -6px;
  display: flex;
  justify-content: center;
  align-content: center;
}

.addrConfirm .inputCheckboxLabel {
  position: relative;
  top: -3px;
}

.addrConfirm label * {
  font-size: 14px;
}

.addrConfirm label {
  padding-top: 5px;
  margin-right: 10px;
}

.stepTitle {
  border-bottom: 1px solid #ddd;
  padding: 25px 20px;
  position: relative;
}

.stepTitle h4 {
  font-weight: bold !important;
  font-size: 16px !important;
  position: relative;
  padding-left: 15px;
}
.stepTitle h5 {
  font-weight: bold !important;
  font-size: 16px !important;
}

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

.stepTitle.reset {
  border-bottom: 1px solid #ddd !important;
  padding: 25px 20px !important;
}

.contentbox.step {
  padding: 0;
}

.contentbox.step .body {
  padding: 25px 20px;
}

.contentbox.step .body h5 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

.contentbox.step .body .subText {
  color: #bbbbbb;
  font-size: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
.contentbox.step .body .subText img {
  margin-right: 5px;
}

.contentbox.step.step3 .body {
  padding: 25px 0;
}
.contentbox.step.step3 .body h5 {
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: bold;
  padding-left: 20px;
}

.contentbox.step.step3 .body th:first-child {
  border-left: 0;
}
.contentbox.step.step3 .body td:last-child {
  border-right: 0;
}

.choiceList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  max-height: 150px;
  overflow: auto;
}

.choiceList label {
  width: 100%;
  height: 70px;
  background: #fafafa;
  border-radius: 10px;
  border: 1px solid #e2e2e2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  padding: 15px;
}

.choiceList label.on {
  border: 1px solid #3686ff;
}
.choiceList label.on i {
  background: url(../img/common/ico_radio_on.png) 50% no-repeat;
}

.choiceList label img {
  margin-right: 10px;
}
.info_center .choiceList label img {
  width:42px;
  height:42px;
}

.inputCheckboxWrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.inputCheckboxLabel {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.agreeText {
  font-weight: 500;
}
.inputCheckboxLabel span {
  margin-left: 10px;
  font-size: 14px;
}

.inputCheckboxLabel span.c_blue {
  margin-left: 2px;
}

.inputCheckbox {
  position: fixed !important;
  left: -9999px;
}
.inputCheckbox + i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../img/common/ico_checkbox.png) 50% no-repeat;
}

.inputCheckbox:checked + i {
  background: url(../img/common/ico_checkbox_on.png) 50% no-repeat;
}

.inputRadio {
  position: fixed !important;
  left: -9999px;
}
.inputRadio + i {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: url(../img/common/ico_radio.png) 50% no-repeat;
  position: absolute;
  right: 10px;
  top: 10px;
}

.inputRadio:checked + i {
  background: url(../img/common/ico_radio_on.png) 50% no-repeat;
}
label.red .inputRadio:checked + i {
  background: url(../img/common/ico_radio_red.png) 50% no-repeat;
}

.choiceList .text {
  line-height: 1.4;
  font-size: 14px;
}

.choiceList.other {
  display: flex;
  flex-wrap: wrap;
  height: auto;
}

.choiceList.other label {
  width: 185px;
  margin-right: 5px;
}

.contentbox.step2,
.contentbox.step1 {
  width: 50%;
  height: 750px;
}

.addressInfo {
  border: 1px dashed #ccc;
  border-radius: 10px;
  padding: 10px 20px;
  margin: 20px 0 0;
  background: #f4f9ff;
}

.addressInfo ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.addressInfo ul li {
  width: 50%;
  margin: 10px 0;
}

.addressInfo ul li b {
  display: inline-block;
  width: 110px;
  text-align: center;
}

.dividerbox {
  display: flex;
}

.dividerbox label {
  margin-bottom: 10px;
  position: relative;
  background: #fafafa;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 170px;
  padding-left: 20px;
  margin-right: 10px;
}

.dividerbox label i {
  top: 20px;
}

.dividerbox label.on {
  border: 1px solid #3686ff;
}

.dividerbox label.on.red {
  border: 1px solid #ff6868;
  background: #fff3f3;
}
.dividerbox label.red:hover {
  border: 1px solid #ff6868;
  background: #fff3f3;
}
.dividerbox label.red:hover i {
  background: url(../img/common/ico_radio_red.png) 50% no-repeat;
}

.dividerbox.other {
  display: flex;
  flex-wrap: wrap;
}
.dividerbox.other label {
  width: 170px;
  margin-right: 10px;
}

.dividerbox.other2 {
}

.dividerbox.other2 label {
  margin-right: 0;
  margin-bottom: 0;
}
.dividerbox.other2 span {
  color: #cccccc;
}

.inputRadioWrap.on i {
  background: url(../img/common/ico_radio_on.png) 50% no-repeat;
}

.recieverAddress {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  background: #f4f9ff;
  padding: 15px 5px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.recieverAddress label span {
  margin-left: 0;
}

.recieverAddress label {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  margin-right: 25px;
  margin-left: 10px;
}

.recieverAddress label.on i {
}
.recieverAddress label input {
}
.recieverAddress label i {
  position: relative;
  top: 0;
  right: 5px;
}

.formboxWrap > div {
  width: 48%;
}

.formbox p {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  margin-bottom: 10px;
}
.formbox img {
  margin-left: 5px;
  height: 14px;
}

.formbox input {
  width: 100%;
}

.customNumberbox {
  background: #fbfbfb;
  padding: 20px;
  margin: 20px 0;
  position: relative;
}

.customNumberbox .top {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  margin-bottom: 15px;
}

.customNumberbox .top .radiobox {
  position: relative;
  top: -2px;
  margin-left: 10px;
}

.customNumberbox .top .radiobox .inputCheckboxLabel {
  margin-left: 20px;
}

.customNumberbox .radiobox i {
}

.customNumberbox .btm p {
  margin-bottom: 10px;
}
.customNumberbox .btm input {
  width: calc(100% - 160px);
  width: -webkit-calc(100% - 160px);
}

.customNumberbox .inputRadioWrap {
  margin-right: 20px;
  margin-left: 10px;
}

.formAddressbox {
  margin-top: 30px;
}

/* box1 그대로 유지 + 버튼 스타일 정리 */
.formAddressbox .box1 {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  margin-bottom: 5px;
}
.formAddressbox .box1 input {
  margin-right: 5px;
}

/* 우편번호 입력칸 폭 줄이기 */
.formAddressbox .box1 input[name="receiver[receiverZipCode]"] {
  width: 120px;   /* 한국 5자리 기준, 미국까지 고려하면 150px */
  flex: none;     /* flex로 늘어나는 것 방지 */
  text-align: center;
}

/* 우편번호 검색 버튼: 아이콘 제거 + 볼드 제거 */
.formAddressbox .box1 button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  height: 40px;                /* 입력칸과 높이 맞춤 */
  background: #0d6efd;         /* 파란 강조색 */
  color: #fff;
  border: none;
  border-radius: 8px;
  font-weight: 400;            /* 볼드 제거 */
  cursor: pointer;
  transition: background .15s ease, transform .05s ease;
}
.formAddressbox .box1 button:hover { background: #0b5ed7; }
.formAddressbox .box1 button:active { transform: translateY(1px); }
.formAddressbox .box1 button:focus-visible {
  outline: 2px solid #84b6ff;
  outline-offset: 2px;
}
.formAddressbox .box1 button:disabled {
  background: #c9d7f7;
  color: #ffffffcc;
  cursor: not-allowed;
}

/* ▼ 주소 두 칸 비율: 일반주소 2 / 상세주소 1 */
.formAddressbox .box2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.formAddressbox .box2 input {
  width: auto;        /* 기존 49% 무력화 */
  max-width: none;
  min-width: 0;
  flex: 1 1 0;        /* 기본값 */
}

/* 일반주소: 자동입력 느낌(연회색 배경) + 넓게 */
.formAddressbox .box2 input[name="receiver[receiverAddress1]"] {
  flex: 2 1 0;
  background-color: #f8f9fa;
  color: #495057;
}

/* 상세주소: 좁게 + placeholder 가독성 */
.formAddressbox .box2 input[name="receiver[receiverAddress2]"] {
  flex: 1 1 0;
}

/* 기존 .other 케이스: px 고정폭 제거 후 동일 비율 적용 */
.formAddressbox.other { margin-top: 0 !important; }
.formAddressbox.other .box2 input:first-child,
.formAddressbox.other .box2 input:last-child {
  width: auto;
  max-width: none;
}


.contentbox.step3 * {
  font-size: 14px;
}

.contentbox.step3 select,
.contentbox.step3 input {
  width: 100%;
}

.contentbox.step3 .copyCart {
  justify-content: flex-start;
  padding: 5px 0;
}
.contentbox.step3 .copyCart > div {
  margin-left: 20px;
}

.contentbox.step3 .copyCart p {
  font-size: 12px;
  color: #aaaaaa;
  padding-left: 5px;
}

.contentbox.step3 .copyCart .text {
  padding-top: 5px;
}

.contentbox.step3-2 .stepTitle {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.contentbox.step3-2 .body {
  border: 1px solid #e5e5e5;
  margin: 20px;
}

.contentbox.step3-2 .addImgbox {
  width: 250px;
  padding-right: 50px;
}
.contentbox.step3-2 .addImgbox .top {
  margin-bottom: 30px;
}
.contentbox.step3-2 .addImgbox .imgbox {
  width: 200px;
  height: 200px;
  border-radius: 10px;
  background: #f5f5f5;
  border: 1px solid #e2e2e2;
  text-align: center;
  padding: 0 0px;
  margin-bottom: 10px;
  line-height: 200px;
}
.contentbox.step3-2 .addImgbox .imgbox {
    /* background-image:url(/img/common/noimg.svg); */
    background-position:center;
    background-repeat:no-repeat;
    overflow: hidden;
}

.contentbox.step3-2 .addImgbox .imgbox img {
  margin-bottom: 10px;
  max-width:100%;
  max-height:100%;
  border-radius: 10px;
}

.contentbox.step3-2 .addImgbox .imgbox p {
  color: #999999;
  font-size: 11px;
}

.contentbox.step3-2 .addImgbox h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

.contentbox.step3-2 table * {
  font-size: 14px;
}

.contentbox.step3-2 table input::placeholder {
  font-size: 13px;
}

.contentbox.step3-2 table input {
  width: 100%;
  font-size: 13px;
}

.contentbox.step3-2 table th,
.contentbox.step3-2 table td {
  padding: 10px 15px;
}

.contentbox.step3-2 table th {
  border-right: 0;
}
.contentbox.step3-2 table th:nth-child(3) {
  border-left: 0;
}

.contentbox.step3-2 table td:nth-child(2) {
  border-right: 0;
  border-left: 0;
}

.contentbox.step3-2 table td:nth-child(2)[colspan] {
  border-right: 1px solid #e2e2e2;
}

.contentbox.step3-2 table td:nth-child(4) {
  border-left: 0;
}

.contentbox.step3-2 .addImgbox h6,
.contentbox.step3-2 .addImgbox b,
.contentbox.step3-2 .stepTitle b {
  font-weight: 500 !important;
}

.contentbox.step3-2 .local {
  width: calc(100% - 250px);
  width: -webkit-calc(100% - 250px);
}
.contentbox.step3-2 .local > div {
  width: 100%;
}
.contentbox.step3-2 .local > div h6 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

.contentbox.resultInfo {
  min-height: 70px;
  padding-bottom: 0;
  margin-bottom: 0;
  border-radius: 20px 20px 0 0;
}
.contentbox.resultInfo * {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 500 !important;
}

.resultInfoBtm > b {
  position: relative;
  top: 4px;
}
.contentbox.resultInfo.resultInfoBtm {
  border-radius: 10px !important;
  padding: 24px 0px;
}

.resultInfoBtm {
  background: #fff;
  padding: 30px 0;
  margin: 0 10px;
  border-radius: 0 0 20px 20px;
}

.resultInfoBtm * {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 500 !important;
}

.resultInfoBtm .text {
  margin-left: 50px;
}
.resultInfoBtm .text b {
  font-weight: 500 !important;
  font-size: 20px !important;
}

.resultInfoBtm .text span {
  font-size: 16px;
  color: #8a8d91;
}
.resultInfoBtm .bar {
  width: 2px;
  height: 24px;
  border-radius: 10px;
  background: #e2e2e2;
  display: inline-block;
  margin: 0 20px;
}

.contentbox.resultInfo .tax {
  background: #fafafa;
  border: 1px solid #f1f1f1;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.contentbox.resultInfo .tax > p:nth-child(3) {
  margin-left: 40px;
}
.contentbox.resultInfo .tax > input {
  margin-left: 30px;
}

.contentbox.step4 .body {
  flex-wrap: wrap;
}
.contentbox.step4 .box {
  border: 1px solid #eeeeee;
  width: 49%;
  height: 250px;
  background: #fbfbfb;
  border-radius: 10px;
  padding: 20px;
  margin: 0.5%;
}

.contentbox.step4 .box .radiobox .inputCheckboxLabel {
  margin-right: 15px;
}
.contentbox.step4 .box .radiobox .inputCheckboxLabel:last-child {
  margin-right: 0;
}

.contentbox.step4 .box .radiobox .inputCheckboxLabel p {
  margin-left: 5px;
}
.contentbox.step4 .box .radiobox .inputCheckboxLabel span {
  font-size: 12px;
  color: #999999;
}

.contentbox.step4 .box .title {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 20px;
}
.contentbox.step4 .box .title img {
  position: relative;
  top: -2px;
}

.contentbox.step4 .box textarea {
  min-height: 80px;
}
.contentbox.step4 .box .textbox {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.contentbox.step4 .box .textbox .text p {
  font-size: 12px;
}
.contentbox.step4 .box .textbox .text {
  color: #999999;
  line-height: 1.6;
}

.contentbox.step4 .box .textbox img {
  position: relative;
  margin-right: 5px;
  top: 3px;
}

.contentbox.step4.other .box {
  width: 100%;
  height: 240px;
}

.contentbox.step4.other .box .textbox {
  margin-top: 30px;
  margin-bottom: 35px;
}

.contentbox.btnbox {
  min-height: 80px;
}

.btnTrakingSearch {
  border: 1px solid #e2e2e2;
  border-radius: 7;
  width: 100%;
  line-height: 1.4 !important;
  max-width: 160px;
  margin: 0 auto;
}

.contentbox.excel {
  min-height: 96px;
}

.contentbox.excel .box {
  background: #f2f5f9;
  border: 1px solid #e6eaef;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 14px;
  color: #999999;
}

.contentbox.excel .box button {
  margin-left: 30px;
}
.contentbox.excel .box img {
  margin-right: 15px;
}
/* 드랍박스용으로 수정 */
.box.dropzone { min-height: 0px; }
.box.dropzone .dz-message { text-align: center; margin: 0 0px; }
.box.dropzone .dz-message button { display: flex; margin-left: 0px; justify-content: center; align-items: center; }
.box.dropzone .dz-message button input { margin-left: 30px; }

.contentbox.excel .box.added {
  font-size: 14px;
  color: #555555;
  justify-content: flex-start;
  padding: 15px;
}
.contentbox.excel .box.added .volume {
  font-size: 12px;
  color: #aaaaaa;
  margin-right: 10px;
  margin-left: 30px;
}

.contentbox.excel .box.added .btnClose {
  margin-left: 0;
  position: relative;
  top: -1px;
}

.contentbox.excel h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.contentbox.excel .btnConfirm {
  margin-top: 20px;
}

.contentbox.codeSearch {
  min-height: 180px;
}
.contentbox.codeSearch .title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.contentbox.codeSearch .title img {
  margin-left: 5px;
}

.contentbox.codeSearch .form {
  margin-bottom: 20px;
}
.contentbox.codeSearch .form input,
.contentbox.codeSearch .form select {
  width: 120px;
  margin-right: 10px;
}

.contentbox.codeSearch .hscodetext {
  color: #666 !important;
  -webkit-appearance: none;
  font-size: 18px;
  text-align: center !important;
}

.contentbox.codeSearch .download img {
  margin-right: 10px;
}
.contentbox.codeSearch .download {
  background: #fafafa;
  padding: 10px;
  border: 1px solid #f2f5f9;
  border-radius: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  color: #999999;
}

.contentbox.codeSearch .download button {
  margin-left: 40px;
}

/* 노데이터 */
.contentbox.noDateInfo h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.contentbox.noDateInfo .box1 {
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 15px 20px;
  font-size: 14px;
  color: #797979;
  line-height: 1.8;
  margin-bottom: 10px;
}
.contentbox.noDateInfo .box3 p,
.contentbox.noDateInfo .box2 ul li,
.contentbox.noDateInfo .box1 li {
  font-size: 14px;
}

.contentbox.noDateInfo .box2 {
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 20px;
  background: #fcfcfc;
  line-height: 1.6;
  margin-bottom: 20px;
}

.contentbox.noDateInfo .box2 h3 {
  margin-bottom: 10px;
}

.contentbox.noDateInfo .box2 ul {
  padding-left: 25px;
}
.contentbox.noDateInfo .box2 ul li {
  list-style: disc;
  color: #797979;
  margin-bottom: 5px;
}
.contentbox.noDateInfo .box2 ul li:last-child {
  margin-bottom: 0;
}

.contentbox.noDateInfo .box3 {
  border: 1px solid #f2f5f9;
  border-radius: 10px;
  padding: 20px;
  background: #f6faff;
  margin-bottom: 5px;
  line-height: 1.8;
}

.contentbox.noDateInfo .box3 h3 {
  color: #3686ff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}

.contentbox.noDateInfo .box3 p {
  color: #797979;
  line-height: 1.4;
}

.contentbox.noDateInfo.other {
  min-height: 130px;
}

.contentbox.noDateInfo.other .box3 {
  padding: 15px 20px;
  margin-bottom: 0;
}
.contentbox.noDateInfo.other .box3 .list li {
  color: #797979;
  font-size: 14px;
  line-height: 1.5;
}

.rightBarInnerWrap {
  margin: 0 auto;
}

.contentbox.tableNoData {
  margin-top: 25px;
  padding: 20px 0 0;
  border-radius: 0;
}

.contentbox.tableNoData .head {
  padding: 0 20px;
}
.contentbox.tableNoData .head .top {
  margin-bottom: 20px;
}
.contentbox.tableNoData .head .top .left {
  font-size: 16px;
  color: #797979;
}

.contentbox.tableNoData .head .top .left b {
  font-size: 16px;
  color: #333333;
}

.contentbox.tableNoData .head .top .right .box {
  background: #fafafa;
  padding: 10px 15px;
  border-radius: 30px;
  color: #797979;
  font-size: 13px;
}

.contentbox.tableNoData .head .top .right .box img {
  position: relative;
  top: -1px;
}

.contentbox.tableNoData .head .top .right .box b {
  color: #333333;
  font-size: 13px;
}

.photoDate {
  background: #fafafa;
  width: 90px;
  height: 22px;
  line-height: 22px;
  border-radius: 10px;
  text-align: center;
  font-size: 12px;
  color: #999999;
  margin: 0 auto;
  margin-top: 10px;
}

.table2Select {
  width: 58px;
  padding-right: 10px !important;
  font-size: 14px;
  background-position: 90% 50%;
}

.saveSelect {
  width: 64px;
  height: 25px;
  padding-left: 0 !important;
  padding-right: 10px !important;
}

.contentbox.tableNoData .btnDel {
  right: 20px;
  bottom: 30px;
}

.pagingbox {
  padding: 0;
  min-height: 86px;
}

.contentbox.pointbox {
  min-height: 69px;
  line-height: 40px;
  border-radius: 35px;
  padding: 15px;
  margin: 25px 10px;
}
.contentbox.pointbox b {
  font-size: 16px;
  font-weight: 500 !important;
}

.contentbox.pointbox span {
  font-size: 20px;
  display: inline-block;
  margin: 0 30px;
}

.tableType3 .useIcon {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.tableType3 .useIcon > a {
  margin-right: 5px;
  margin-left: 10px;
  position: relative;
}
.tableType3 .useIcon .text {
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  padding-left: 5px;
}

.contentbox.productbox {
  padding: 15px 0;
  width: 1335px;
}
.contentbox.productbox .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f5f5f5;
}
.tabButton {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabButton button {
  color: #cccccc;
  font-size: 16px;
  border-bottom: 4px solid transparent;
  padding: 0 0 10px;
  margin: 0 15px;
}
.tabButton button:hover,
.tabButton button.on {
  color: #333333;
  border-bottom: 4px solid #333333;
}
.contentbox.productbox .top .sideinfo {
  padding-right: 20px;
  padding-bottom: 10px;
}
.contentbox.productbox .top .sideinfo .box {
  font-size: 14px;
}
.contentbox.productbox .top .sideinfo .box img {
  position: relative;
  top: -1px;
}
.contentbox.productbox .top .sideinfo span {
  margin: 0 10px;
  color: #e2e2e2;
}

.contentbox.productbox .btm {
  padding: 15px 25px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.contentbox.productbox .item {
  width: 222px;
  margin: 15px 15px 30px;
  text-align: left;
  cursor: pointer;
}

.contentbox.productbox .item .img {
  width: 225px;
  height: 225px;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.contentbox.productbox .item .img:hover .hoverItem {
  display: block;
}

.contentbox.productbox .item .img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.contentbox.productbox .item .hoverItem {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.contentbox.productbox .item .hoverItem .icon {
  position: absolute;
  right: 0;
  bottom: 0px;
}

.contentbox.productbox .item .hoverItem .bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.contentbox.productbox .text {
}
.contentbox.productbox .text h6 {
  font-size: 14px;
  margin-bottom: 10px;
}
.contentbox.productbox .text p {
}

.contentbox.productbox .text p b {
  font-size: 16px;
}
.contentbox.productbox .text p span {
  color: #999999;
  font-size: 14px;
}

.contentbox.detail {
  padding: 40px 0;
}
.detailbox > .left {
  width: 460px;
  height: 460px;
}
.contentbox.detail .subText {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 25px;
  padding-bottom: 15px;
}

.detailbox > .left img {
  width: 100%;
  object-fit: cover;
}

.detailbox > .right {
  width: 670px;
  line-height: 1.6;
  padding-top: 20px;
  padding-left: 20px;
}

.detailbox > .right h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}
.detailbox > .right p {
  font-size: 18px;
}

.detailbox {
  padding: 0 40px;
}

.detailItemList {
  margin-bottom: 40px;
}

.optioninfo {
  background: #f7fbff;
  padding: 10px;
  border-radius: 5px;
  height: 62px;
  margin: 10px 0;
}

.optioninfo * {
  font-size: 14px;
  color: #797979;
}

.optioninfo .right .ea {
  display: flex;
  justify-content: center;
  align-items: center;
}

.optioninfo .right .ea * {
  width: 32px !important;
  height: 32px !important;
  border: 1px solid #e2e2e2;
  border-radius: 0 !important;
  font-size: 13px;
  text-align: center;
  background: #fff;
}

.optioninfo .right .ea input {
  border-left: 0;
  border-right: 0;
  text-indent: 0;
}

.optioninfo .right .price {
  font-size: 13px;
  text-align: center;
  line-height: 1.2;
  margin-left: 20px;
  margin-right: 10px;
}

.optioninfo .right .btnClose {
  width: 16px;
  height: 16px;
}

.contentbox.detail .result {
  margin-top: 40px;
}
.contentbox.detail .result .top {
  margin-bottom: 10px;
}
.contentbox.detail .result .top .left {
  font-size: 14px;
  color: #797979;
}
.contentbox.detail .result .top .right {
}
.contentbox.detail .result .top .right b {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.contentbox.detail .result .top .right span {
  font-size: 16px;
  color: #797979;
}
.contentbox.detail .result .btm {
}
.contentbox.detail .result .btm button {
  width: 330px;
  height: 50px;
}

.tabButtonWrap {
}

.tabButtonWrap .tabButton {
  padding-top: 50px;
  padding-left: 25px;
  justify-content: flex-start;
  border-bottom: 1px solid #f5f5f5;
}

.tabButtonWrap .tabContent {
  padding: 40px;
}

/* 부자재관리 장바구니 */
.cartItems {
}
.cartItems .head {
  background: #fafafa;
  height: 50px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
.cartItems .head .th {
  text-align: center;
  color: #999999;
  font-size: 14px;
}
.cartItems .head .th:nth-child(1) {
  width: 50px;
}
.cartItems .head .th:nth-child(2) {
  width: 480px;
}
.cartItems .head .th:nth-child(3) {
  width: 240px;
}
.cartItems .head .th:nth-child(4) {
  width: 160px;
}
.cartItems .head .th:nth-child(5) {
  width: 140px;
}
.cartItems .head .th:nth-child(6) {
  width: 140px;
}

.cartItems .body {
  min-height: 500px;
}

.itemBarWrap {
  min-height: 500px;
}

.cartItems .body .itemBar {
  display: table;
  margin-top: 10px;
  border-radius: 14px;
  border: 1px solid #f5f5f5;
  background: #fbfbfb;
  padding: 10px 0;
}
.cartItems .body .itemBar .td {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.cartItems .body .itemBar .td:nth-child(1) {
  width: 50px;
}
.cartItems .body .itemBar .td:nth-child(2) {
  width: 480px;
}
.cartItems .body .itemBar .td:nth-child(3) {
  width: 240px;
}
.cartItems .body .itemBar .td:nth-child(4) {
  width: 160px;
}
.cartItems .body .itemBar .td:nth-child(5) {
  width: 140px;
  color: #797979;
}
.cartItems .body .itemBar .td:nth-child(6) {
  width: 140px;
  color: #797979;
}

.cartItems .body .itemBar .td:not(:nth-child(1)) {
  padding: 0 15px;
  position: relative;
  vertical-align: middle;
}

.cartItems .body .itemBar .td:not(:nth-child(1))::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 25px;
  width: 1px;
  height: 50px;
  background: #e2e2e2;
}

.cartItems .body .itemBar .td .img {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
}
.cartItems .body .itemBar .td .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cartItems .body .itemBar .td .text {
  padding-left: 20px;
  line-height: 1.6;
  font-size: 14px;
  padding-top: 10px;
  text-align: left;
}

.cartItems .body .itemBar .td .text .price {
  margin-top: 5px;
}

.cartItems .body .itemBar .price {
  display: flex;
  justify-content: flex-start;
  align-items: end;
  font-size: 14px;
}
.cartItems .body .itemBar .td .price b {
  font-size: 16px;
  font-weight: 500;
}

.cartItems .body .itemBar .td .price span {
  font-size: 14px;
  font-weight: 500;
}

.cartItems .body .itemBar .td .price s {
  font-size: 13px;
  color: #999999;
  margin-left: 10px;
}

.cartItems .body .itemBar .td.tdOption * {
  font-size: 12px;
  color: #797979;
}

.cartItems .body .itemBar .td.tdPrice > * {
  text-align: center;
  margin: 0 auto;
  justify-content: center;
}

.cartItems .btmCheckbox {
  padding-left: 13px;
}
.cartItems .btmCheckbox button {
  margin-left: 15px;
}

.cartItems .priceResult {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fefefe;
  border: 1px solid #f5f5f5;
  border-radius: 50px;
  padding: 20px;
}

.cartItems .priceResult .left {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-right: 1px solid #e2e2e2;
}
.cartItems .priceResult > div {
  width: 50%;
}

.cartItems .priceResult .left > img {
  margin: 0 20px;
}
.cartItems .priceResult .left .text > span {
  display: block;
  margin-bottom: 10px;
  color: #797979;
}

.cartItems .priceResult .left span {
  font-size: 14px;
}
.cartItems .priceResult .left span b {
  font-weight: 500 !important;
  font-size: 16px;
}

.cartItems .priceResult .right {
  text-align: center;
}
.cartItems .priceResult .right b:first-child {
  font-weight: 500 !important;
}

.cartItems .priceResult .right b {
  font-size: 20px;
}

.detailItemList {
  line-height: 2;
}
.detailItemList li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  margin-bottom: 15px;
}
.detailItemList li * {
  font-size: 14px;
}

.detailItemList li b {
  font-size: 18px;
}

.detailItemList li .title {
  width: 70px;
  color: #797979;
  font-size: 14px;
}

.detailItemList li .info span {
  color: #797979;
}

/* 고객센터 공지사항 */
.contentbox.noticeDetail {
  padding: 0;
}
.contentbox.noticeDetail .head {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
}
.contentbox.noticeDetail .head .title {
  font-size: 16px;
  color: #444444;
  font-weight: 500;
  width: 90%;
  line-height: 1.4;
}

.contentbox.noticeDetail .head .date {
  font-size: 13px;
  color: #999999;
  position: relative;
  top: 5px;
}

.contentbox.noticeDetail .body {
  padding: 22px 17px;
}

.contentbox.noticeDetail .body .detail {
  min-height: 250px;
  line-height: 1.6;
}

.contentbox.noticeDetail .body .attachbox {
}
.contentbox.noticeDetail .body .attachbox .attach b {
  font-size: 14px;
}
.contentbox.noticeDetail .body .attachbox .attach {
  font-size: 14px;
  color: #797979;
  margin-bottom: 10px;
}
.contentbox.noticeDetail .body .attachbox .attachBar:last-child {
  margin-bottom: 0;
}

.contentbox.noticeDetail th,
.contentbox.noticeDetail td {
  height: 36px;
}

.attachBar {
  background: #f2f5f9;
  border: 1px solid #e6eaef;
  border-radius: 8px;
  padding: 4px 15px 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.attachBar .left {
  display: flex;
  justify-content: center;
  align-items: center;
}

.attachBar .left span {
  font-size: 13px;
}

.attachBar .left .imgName {
  font-size: 13px;
}

.attachBar .right img {
  width: 16px;
  position: relative;
  top: -2px;
  right: -5px;
}

.btnDownload {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e2e2e2;
  margin: 0 10px 0 25px;
}

.btnDownload img {
  padding-bottom: 4px;
}

.btnPreview {
  border: 1px solid #e2e2e2 !important;
  font-size: 12px;
  color: #797979;
}

.btnPreview img {
  width: 10px;
  margin-right: 2px;
}

.dividerBar {
  background: #f5f5f5;
  height: 6px;
}

.tablePreView {
  text-align: center;
}

.tablePreView table tr {
  border-bottom: 1px solid #e2e2e2;
}

.tablePreView table tr td {
  padding: 15px;
  font-size: 14px;
  height: 48px;
}

.tablePreView table tr td:first-child img {
  position: relative;
  top: -2px;
}

.tablePreView table tr td:last-child {
  font-size: 13px;
}

.tablePreView table tr td:nth-child(2) {
  text-align: left;
}

.tablePreView table tr td.date {
  color: #999999;
}
.tablePreView table tr:last-child td {
  padding-bottom: 20px;
}

.noticeCenter table .trQuestion {
  border-bottom: 4px solid #efefef;
}
.borderBtmNone {
  border-bottom: 0 !important;
}
.borderTopNone {
  border-top: 0 !important;
}
.noticeCenter .tableType1 tr td,
.noticeCenter .tableType1 tr th {
  padding: 10px 20px;
}

.noticeCenter table textarea {
  margin: 10px 0;
}

.noticeCenter table .filebox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0;
}

.noticeCenter table .filebox .c_blue {
  font-size: 14px;
}

.noticeCenter table .filebox .fileSize {
  margin: 0 10px 0 30px;
  font-size: 12px;
  color: #aaaaaa;
  padding-top: 5px;
}

.noticeCenter table .filebox button img {
  width: 16px;
  height: 16px;
}

.noticeCenter .btnbox {
  margin: 50px 0 20px;
}

.thSelect {
  width: 76px;
  padding-left: 5px;
  padding-right: 10px !important;
  font-size: 14px;
}

.thSelect2 {
  width: 54px;
  padding-left: 5px;
  padding-right: 10px !important;
  font-size: 14px;
}

.commentbox {
  padding: 20px;
}
.commentbox .box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 30px;
}
.commentbox .box:first-child {
  margin-top: 0;
}
.commentbox .box .profile {
  width: 50px;
  margin-top: 5px;
}
.commentbox .box .profile img {
  width: 36px;
  height: 36px;
  object-fit: cover;
}
.commentbox .box .info .top {
  margin-bottom: 10px;
}

.commentbox .box .info .top b {
  font-size: 13px;
}
.commentbox .box .info .top span {
  font-size: 12px;
  color: #999999;
}

.commentbox .box .info .top button {
  position: relative;
  top: -3px;
  margin: 0 2px;
}

.commentbox .box .info .btm {
  line-height: 1.4;
  font-size: 14px;
  color: #555555;
}

.commentbox .write {
  margin-top: 30px;
}

.commentbox .write textarea {
  min-height: 93px;
}

.btnAddEach h5 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.btnAddEach .iconArrow {
  width: 11px;
  height: 6px;
  background: url(../img/common/ico_down_each.png) 50% / cover no-repeat;
  margin-left: 10px;
}
.btnAddEach.on .iconArrow {
  background: url(../img/common/ico_up_each.png) 50% / cover no-repeat;
}

.addFilebox.before {
  position: relative;
  background: #f2f5f9;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.addFilebox.before .text {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #999999;
}
.addFilebox.before .text img {
  margin-right: 10px;
}
.addFilebox.before button.btn {
  position: absolute;
  right: 20px;
  top: 30px;
}

.tdAddFile {
  padding: 0 !important;
}

.addFilebox.after {
  padding: 15px 20px;
}

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

/* 자주묻는질문 */
.askedQuestion {
  padding: 30px 30px 10px;
}
.askedQuestion .inner {
  width: 873px;
  margin: 0 auto;
}
.askedQuestion .searchQuestion {
  width: 500px;
  margin: 0 auto;
}
.askedQuestion .searchQuestion .search {
  position: relative;
}
.askedQuestion .searchQuestion .search input {
  width: 100%;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #3686ff;
  font-size: 14px;
}

.askedQuestion .searchQuestion .search button {
  position: absolute;
  right: 0;
  top: 10px;
}
.askedQuestion .searchQuestion .recommend {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 60px;
}
.askedQuestion .searchQuestion .recommend .title {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #444444;
  font-size: 14px;
  font-weight: 500;
}

.askedQuestion .searchQuestion .recommend .hashtag a {
  font-size: 14px;
  color: #a3a3a3 !important;
}

.askedQuestion .radioBtnWrap label {
  width: 110px;
}

.askedQuestion .innerTabContent > div {
  display: none;
}

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

.askedQuestion .kindTab {
}
.askedQuestion .kindTab .kindTabBtn {
  border-bottom: 2px solid #f5f5f5;
}
.askedQuestion .kindTab .kindTabBtn button {
  border-bottom: 4px solid transparent;
  padding-bottom: 10px;
  margin: 0 10px;
  font-size: 13px;
  color: #cccccc;
  position: relative;
  top: 3px;
}

.askedQuestion .kindTab .kindTabBtn button:hover,
.askedQuestion .kindTab .kindTabBtn button.on {
  border-bottom: 4px solid #3686ff;
  color: #3686ff;
}

.askedQuestion .kindTab .kindContent {
}
.askedQuestion .kindTab .kindContent ul {
}
.askedQuestion .kindTab .kindContent ul li {
  padding: 0;
}
.askedQuestion .kindTab .kindContent ul li .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #9a9fa8;
  display: flex;
  justify-content: center;
  align-items: center;
}
.askedQuestion .kindTab .kindContent ul li .icon i {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.askedQuestion .kindTab .kindContent ul li .top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 9px 0;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  padding-left: 10px;
  background: url(../img/center/question_off.png) 99% no-repeat;
  cursor: pointer;
}

.askedQuestion .kindTab .kindContent ul li.on .top {
  background: url(../img/center/question_on.png) 99% no-repeat;
}

.askedQuestion .kindTab .kindContent ul li > * > div:last-child {
  width: calc(100% - 70px);
  width: -webkit-calc(100% - 70px);
}

.askedQuestion .kindTab .kindContent ul li .icon {
  margin-right: 30px;
}

.askedQuestion .kindTab .kindContent ul li.on .top .icon {
  background: #3686ff;
}
.askedQuestion .kindTab .kindContent ul li .top .icon i {
}
.askedQuestion .kindTab .kindContent ul li .top .title {
  font-size: 14px;
}

.askedQuestion .kindTab .kindContent ul li.on .btm {
  display: flex !important;
}
.askedQuestion .kindTab .kindContent ul li .btm {
  background: #f6faff;
  padding: 15px 10px;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}
.askedQuestion .kindTab .kindContent ul li .btm .icon {
  border: 1px solid #3686ff;
  background: #fff;
}

.askedQuestion .kindTab .kindContent ul li .btm .icon i {
  color: #3686ff;
}
.askedQuestion .kindTab .kindContent ul li .btm .text {
  line-height: 1.6;
  font-size: 14px;
}

/* 요금 및 수수료 */
.fee .contentbox:not(.pageTitleBar) {
  border: 1px solid #e2e2e2;
}

.feebox1 {
  padding: 15px 20px;
}
.feebox1 p {
  font-size: 16px;
  color: #797979;
  line-height: 2;
}

.feebox2 {
  background: #fcfcfc;
  padding: 20px;
  border: 1px solid #e2e2e2;
}
.feebox2 ul {
  margin: 20px 0 10px;
  padding-left: 25px;
}
.feebox2 li {
  list-style: disc;
  color: #797979;
  margin-bottom: 10px;
  line-height: 1.4;
  font-size: 14px;
}
.feebox2 li:last-child {
  margin-bottom: 0;
}

.feeboxInner {
  padding: 20px;
}

.feebox3 .title {
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: 500;
}

.feebox3 .left,
.feebox3 .right {
  width: 50%;
}
.feebox3 .graybox {
  background: #fbfbfb;
  border-radius: 10px;
  padding: 20px;
}

.feebox3 .items input {
  width: 64px;
  font-size: 14px;
}

.feebox3 .items span {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
}

.feebox3 .items span.divider {
  margin-left: 10px;
}

.feebox3 .deliveryPriceTable {
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  overflow: hidden;
}

.feebox3 .deliveryPriceTable th,
.feebox3 .deliveryPriceTable td {
}

.feebox3 .deliveryPriceTable th {
  background: #f5f5f5;
  font-size: 14px;
  border-right: 1px solid #e2e2e2;
}

.feebox3 .deliveryPriceTable td input {
  width: 100%;
  border: 0;
}

.feebox3 .graybox .subText {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
}
.feebox3 .graybox .subText p {
  font-size: 12px;
  color: #999;
  margin-left: 5px;
  line-height: 1.4;
}

.graybox2 {
  background: #fcfcfc;
}

.feeInfoTable.other td:not(:first-child) {
  padding: 30px 20px;
  vertical-align: top;
}

.feeInfoTable {
  line-height: 1.4;
  margin: 30px 50px;
}
.feeInfoTable th {
  background: #fafafa;
  color: #2c2c2c;
  font-size: 16px;
  font-weight: bold;
}
.feeInfoTable th,
.feeInfoTable td {
  padding: 10px;
  border: 1px solid #e2e2e2;
  position: relative;
}
.feeInfoTable th {
  border-right: 0;
  border-left: 0;
}
.feeInfoTable td {
  color: #717171;
}
.feeInfoTable td:first-child {
  border-left: 0;
}
.feeInfoTable td:last-child {
  border-right: 0;
}

.discList {
  padding-left: 20px;
}
.discList li {
  list-style: disc;
}
.feeInfoTable .subTh {
  color: #434e5c;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.5px;
}

.feeInfoTable .subTh2 {
  color: #717171;
  font-size: 12px;
  position: absolute;
  bottom: 25px;
  left: 5%;
  width: 90%;
  text-align: center;
}

.feeInfoTable.td3Padding td:last-child:not([rowspan]) {
  padding-left: 40px;
}
.feeInfoTable.td3Padding td:last-child:not([rowspan]) * {
  font-size: 14px;
}

.feeInfoTable.td3Padding td[rowspan] {
  border-right: 1px solid #d7d7d7;
}

.feeInfoTable th {
  padding: 15px;
  height: 55px;
}

.feeInfoTable .feeBar {
  background: #fbfbfb;
  height: 40px;
  width: 220px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #f5f5f5;
  margin-bottom: 5px;
}
.feeInfoTable .feeBar .left {
  background: #f5f5f5;
  width: 100px;
  line-height: 40px;
  padding: 10px 0 10px 5px;
  font-size: 14px;
  font-weight: 500;
}
.feeInfoTable .feeBar .right {
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 auto;
  font-weight: 500;
}

.feeInfoTable .btnFTA {
  width: 188px;
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
}

.feeInfoTable .textFTA span {
  line-height: 30px;
}

.feeInfoTable.otherPadding th,
.feeInfoTable.otherPadding td {
  padding: 20px 5px;
}

.packagingbox1 {
  padding: 20px 10px;
  line-height: 1.6;
}
.packagingbox1 p {
  margin-bottom: 25px;
}

.packagingTab {
  text-align: center;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.packagingTab button {
  width: 120px;
  height: 40px;
  border-radius: 20px;
  background: #fff;
  color: #3686ff;
  border: 1px solid #3686ff;
  margin: 0 10px 10px;
}

.packagingTab button:hover,
.packagingTab button.on {
  background: #3686ff;
  color: #fff;
}

.packagingTab2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.packagingTab2 button {
  border: 1px solid #dfdfdf;
  height: 64px;
  line-height: 64px;
  color: #646464;
  width: 100%;
  font-size: 18px;
}

.packagingTab2 button:hover,
.packagingTab2 button.on {
  background: #3686ff;
  color: #fff;
  border: 1px solid #3686ff;
}

.packagingbox2 {
  padding: 40px 50px;
}

.packagingbox2 .tabContent .packagingTitle {
  margin-top: 30px;
  color: #3686ff;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

.packagingbox2 .feeInfoTable td {
  padding: 23px 20px;
}

.packagingbox .subinfobox {
  padding: 20px;
  background: #f3f4f6;
  margin-top: 40px;
}

.packagingbox .subinfobox .discList {
  margin-top: 20px;
}
.packagingbox .subinfobox .discList li {
  color: #717171;
  line-height: 1.6;
}

.packagingbox .subinfobox .infoTitle {
  color: #3686ff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.packagingbox .subinfobox .infoTitle b {
  margin-left: 10px;
}

.packagingbox3 {
  padding: 40px 50px;
  line-height: 1.6;
}

.packagingbox3 .title {
  font-size: 16px;
  color: #3686ff;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

.packagingbox3 .title2 {
  font-weight: 500;
}

.linkFileDownload {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.linkFileDownload span {
  color: #3686ff;
  text-decoration: underline;
}
.linkFileDownload img {
  margin-left: 5px;
}

.radioScript .on {
  background: #f2f5f9;
}

/* response */
@media screen and (max-width: 1650px) {
  .mainCenter .top .right {
    display: block !important;
    position: absolute;
    right: 10px;
    top: 20px;
  }
  .mainCenter .top .right a:first-child {
    margin-bottom: 10px;
  }
  .w1650Hide {
    display: none;
  }
  .mainCenter .btm .infoWrap > div:first-child {
    padding-right: 25px;
  }
  .mainCenter .btm .infoWrap > div:last-child {
    padding-left: 20px;
  }
}

@media screen and (max-width: 1480px) {
  .contents .rightBar {
    padding: 20px;
  }
  .mainCenter {
    padding-right: 10px;
  }
  .mainCenter .btm .infoWrap > div:first-child {
    padding-right: 20px;
  }
  .mainCenter .btm .infoWrap > div:last-child {
    padding-left: 15px;
  }
}

.fixingImgPosition {
  position: relative;
  top: -2px;
}
.mainSlideBanner img { width:100%; }
.slick-slide img { width:100%; }
/* 각종 팝업 관련 변경사항 */
.toast .toast-message { font-size: 12px !important; }

.featherlight { background: rgba(0, 0, 0, 0.8) !important; }
.featherlight-content { border-radius: 14px; background:transparent !important; }
.featherlight .windowModal::-webkit-scrollbar { width: 1px; }
.featherlight .windowModal::-webkit-scrollbar-thumb { background-color: #aaaaaa; }
.featherlight .windowModal::-webkit-scrollbar-track { }

/* select2 오른쪽 화살표 위치 */
.select2-container--default .select2-selection--single .select2-selection__arrow { height:100% !important; }

.swal2-actions button:nth-of-type(n+2) { margin-left: 2rem; }

.ui-tooltip { white-space: pre-line; }

/* 신청서에 있는 ? ! 마크 간격 */
img[alt=question] { margin-left:5px; }

/* 신청내역 하단 신청번호 프린트 버튼 */
.label_box { text-align:right; position: relative; top: -48px; height:0px; }
.label_box button { display: inline-block; }