@charset "UTF-8";
@import url('base.css');

/* 프린트 */
@media print {
  /* 빈 페이지 제거 */
  html, body {
    min-height: unset !important;
    height: auto !important;
    max-height: unset !important;
  }
  /* row 짤림 방지 */
  table tbody tr {
    break-inside: avoid !important;
  }
}

/* 공통 */
ul li {
  list-style-type: none;
}

a {
  text-decoration: none !important;
}

.sb-topnav .navbar-brand {
  letter-spacing: -2px;
}

.checkbox,
.radio {
  position: relative;
  display: block;
}

.checkbox.only label{
  width: 24px;
  height: 24px;
  padding: 0 !important;
}

.checkbox label,
.radio label {
  min-height: 25px;
  padding-left: 35px;
  padding-right: 15px;
  line-height:25px;
  margin-bottom: 0;
  font-weight: 400 !important;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size:16px;
}

input {
  vertical-align: middle;
}
input:hover{
  background-color: #FAFAFA !important;
}
input:hover,
input:focus{
  border: 1px solid #B1A69B !important;
}
input:disabled{
  border: 1px solid #E6E6E6 !important;
  background: #F2F2F2 !important;
}

.input_box_area .radio {
  float: left;
}

.input_box_area .radio {
  margin-right: 20px;
}

.btnArea {
  margin-top: 30px;
  text-align: center;
}

.btnArea.btns .btn {
  width: 150px;
  height: 45px;
}

.btnArea.full .btn {
  width: auto;
  height: 45px;
}

.btnArea.full {
  display: flex;
}

.btnArea.full button {
  flex: auto;
  margin: 0;
}

.btn-s-nomal {
  height: auto !important;
}

.btn_area .btn{
  margin:0 8px;
}

.nav-link.active {
  font-weight: bold;
}

.content-header {
  padding: 20px 1.5rem;
}

.table_btn_area {
  position: relative;
}

.table_btn_area button {
  position: absolute;
  bottom: 0;
  right: 0;
}

.title.sTit {
  font-size: 20px;
  letter-spacing: -1px;
}

.body-top-wrap .tit-cont .tit,
.body-top-wrap .left-cont .left-menu .tit,
.top-cont .tit,
.menu-cont .gnb-menu>li>a {
  font-family: 'NanumSquare';
  font-weight: 500;
}

/* ellipsis */
.ellipsis,
.ellipsis_all{display:inline-block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}
.ellipsis_all:hover{text-overflow:initial;white-space:initial;}

.ellipsis_line{
  white-space: initial;
  overflow: hidden;            /* 내용이 넘칠 경우 숨김 처리 */
  text-overflow: ellipsis;     /* 2줄 이상인 경우 "..." 처리 */
  display: -webkit-box;
  -webkit-line-clamp: 2;       /* 표시할 줄 수 */
  -webkit-box-orient: vertical; /* 세로 방향으로 설정 */
}
.ellipsis_line:hover{
  text-overflow:initial;
  white-space:initial;
  overflow:initial;
  display:block;
}

.txt_tooltip{position:relative;}
.txt_tooltip .txt_tooltip_cont{display:none;}
.txt_tooltip:hover .txt_tooltip_cont{
  position:absolute;
  top:0;
  left:0;
  background:#fff;
  padding:3px 5px;
  border:1px solid #ccc;
  display:block;
  text-overflow:initial;
  white-space:initial;
}

/* margin-top */
.mt-10 {
  margin-top: -10px !important;
}

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

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

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

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mt110 {
  margin-top: 110px !important;
}

.mt120 {
  margin-top: 120px !important;
}

/* padding-top */
.pt0 {
  padding-top: 0 !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pt110 {
  padding-top: 110px !important;
}

.pt120 {
  padding-top: 120px !important;
}

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

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

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

.mb30 {
  margin-bottom: 30px !important;
}

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

.mb50 {
  margin-bottom: 50px !important;
}

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

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb110 {
  margin-bottom: 110px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

/* padding-bottom */
.pb0 {
  padding-bottom: 0 !important;
}

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

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pb110 {
  padding-bottom: 110px !important;
}

.pb120 {
  padding-bottom: 120px !important;
}

/* padding-right */
.pr0 {
  padding-right: 0px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pr110 {
  padding-right: 110px !important;
}

.pr120 {
  padding-right: 120px !important;
}

/* padding-left */
.pl0 {
  padding-left: 0px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.pl110 {
  padding-left: 110px !important;
}

.pl120 {
  padding-left: 120px !important;
}

.fCont .btn{
  border-radius:8px;
}
.fCont:after {
  content: '';
  display: block;
  clear: both;
}

.fLeft {
  float: left !important;
}

.fRight {
  float: right !important;
}

/* font-size */
.fs_type_13 th,
.fs_type_13 td,
.fs_type_13 input{font-size:13px !important;}
.fs13{font-size:14px !important;}

.ea_align td .value{display:inline-block;text-align:center;width:calc(100% - 70px)}

/* pagination */
.pagination {
  display: inline-block !important;
  text-align: center;
  padding-left: 0;
  margin: 40px 0;
  border-radius: 4px
}

.pagination>li {
  display: inline
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #717B8A;
  text-decoration: none;
  font-weight: 400;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  z-index: 2;
  color: #000;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  z-index: 3;
  color: #000;
  cursor: default;
  font-weight: 700;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd
}

.pagination-lg>li>a,
.pagination-lg>li>span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
  padding: 5px 10px;
  font-size: 15px;
  height:32px;
}

.pagination-sm>li>a.paging_left {
  width:32px;
  height:32px;
  display:inline-block;
  background:url(../images/common/paging_left.png) center no-repeat;
}
.pagination-sm>li>a.paging_left_02 {
  width:32px;
  height:32px;
  display:inline-block;
  background:url(../images/common/paging_left_02.png) center no-repeat;
}
.pagination-sm>li>a.paging_right {
  width:32px;
  height:32px;
  display:inline-block;
  background:url(../images/common/paging_right.png) center no-repeat;
}
.pagination-sm>li>a.paging_right_02 {
  width:32px;
  height:32px;
  display:inline-block;
  background:url(../images/common/paging_right_02.png) center no-repeat;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}

label {
  margin: 0;
}

/* input_area */
.input_area {
  width: 100%;
}

.input_area:after {
  content: '';
  display: block;
  clear: both;
}

.input_area input {
  width: 150px;
}

.input_area input.hasDatepicker {
  width: calc(100% - 35px);
}

.input_area label {
  float: left;
  margin-bottom: 0;
}

.input_area .box {
  display: inline-block;
  vertical-align: middle;
}

.input_area .box+.box {
  margin-left: 1px;
}

.input_area .box:last-child {
  margin-right: 0;
}

.input-group {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.unit {
  padding: 0 10px;
  vertical-align: middle;
  display: inline-block;
  line-height: 36px;
  color: #717B8A;
}

.under-line {
  text-decoration: underline !important;
}

.font-noti {
  font-size: 14px;
}

/* table */
.delpoint{position:relative;}
.delpoint:before{content:'';position:absolute;bottom:-1px;left:0;width:8px;height:1px;background:#F9F9F9;}
.delpoint:after{content:'';position:absolute;bottom:-1px;right:0;width:8px;height:1px;background:#F9F9F9;}
table {
  width: 100%;
}
.table-style {
  word-break: keep-all;
  table-layout: fixed;
}
.table-style.bor-style {
  border-top: 1px solid #CDD1DB;
}
.table200{display:block;overflow-y:auto;max-height:200px;padding-bottom:1px;}
.table300{display:block;overflow-y:auto;max-height:300px;padding-bottom:1px;}
.table400{display:block;overflow-y:auto;max-height:400px;padding-bottom:1px;}
.table500{display:block;overflow-y:auto;max-height:500px;padding-bottom:1px;}

.table_line3{display:block;overflow-y:auto;max-height:162px;padding-bottom:1px;}

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

.table-style th,
.table-style td {
  padding: 6px;
  border-bottom:0;
  height: 73px;
  word-break: break-all;
  font-size:15px;
  font-weight: 400;
  line-height:24px;
}
.table-style.bor-style th,
.table-style td{
  border-bottom: 1px solid #e1e3e9;
}
.table-style td {
  background:#fff;
}
.h-type02 th,
.h-type02 td {
  height:40px;
}

.table-style th {
  background: #F9F9F9;
  font-weight: 700;
  text-align:center;
  line-height:19px;
}

.table-style td {
  color: #000;
  font-size:14px;
  text-align:left;
  /* letter-spacing:-1px; */
}

.table-style.hover tbody tr:hover th,
.table-style.hover tbody tr:hover td {
  background: #f9f9f9;
}
.bg_point th,
.bg_point td{background:#fffae5 !important;}

.point_color th,
.point_color td{color:#FF6767 !important;}

.table-style tr.active {background:#FFF2EC;display:table-row;}

.table-style.text-center th,
.table-style.text-center td {
  text-align: center;
  vertical-align: middle;
}

.table-style.type02 th {
  border-right: 1px solid #999;
}

.table-style .txt-cont {
  height: 170px;
  color: #222;
}

.table-style span {
  vertical-align: middle;
}

.table-style .border-right{
  border-right: 1px solid #e1e3e9;
}

.s_tit{
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.04em;
  text-align: left;
}

.body-top-wrap .noti-text {
  font-size: 14px;
  line-height: 16px;
  color: #FF4949;
  font-weight: 400;
  margin-top: 10px;
}

.body-top-wrap .noti-text.gray {
  color: #717B8A;
}

/* text align */
.text-left {
  text-align: left !important;
}

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

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

table tfoot {
  background: #ececec;
}

.total_txt .num {
  border-bottom: 1px solid #000;
  font-weight: 600;
}

table a {
  color: inherit;
}

/* form 관련 (input, select, textarea, checkbox, radiobox) */
input,
select,
textarea {
  width: 100%;
  background-color: #fff !important;
  min-width: auto;
}

input:disabled,
select:disabled,
textarea:disabled {
  background-color: #eee !important;
}

textarea {
  min-height: 100px;
  vertical-align: top;
  padding: 10px;
  border: 1px solid #e7e7e7 !important;
  font-size: 16px;
}

.txtarea {
  padding: 12px 15px;
  line-height: 24px;
  font-size: 18px;
  border: 1px solid #dae1e6;
  border-radius: 4px;
}

.radio,
.checkbox {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

input[type="radio"],
input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
}

input[type="radio"]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("../images/common/input_radio.png") no-repeat 0 0;
  background-position: -42px 0;
}

input[type="radio"]:checked:before {
  background-position: 0 0;
}

input[type="checkbox"]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("../images/common/input_checkbox.png") no-repeat 0 0;
  background-position: -42px 0;
}

input[type="checkbox"]:checked:before {
  background-position: 0 0;
}

/* common */
.ess {
  font-size: 18px;
  color: #fb5877;
  padding: 0 3px;
  vertical-align: top;
}

/* select */
select,
select:active,
select:focus {
  font-size:16px;
  height: 56px;
  line-height:56px;
  padding: 0px 40px 0px 20px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  background: #FFF;
}
select:hover{
  border-radius: 8px;
  border: 1px solid #B1A69B;
  background: #FAFAFA;
}

.w100{width:100% !important;}
.select-input-box{display:table;width:100%;}
.select-input-box .select-box,
.select-input-box input{display:table-cell;}
.select-input-box input{width:100% !important;}
button:active,
a:active{opacity: 0.7;}

.select-box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.select-box:after {
  position: absolute;
  right: 20px;
  top: 50%;
  content: '';
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(135deg);
  margin-top: -6px;
}
.select,
.select:active,
.select:focus {
  min-width: 200px;
  height: 56px;
  line-height:56px;
  padding: 0px 40px 0px 24px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  background: #FFF;
}
.select:disabled{
  border: 1px solid #E6E6E6;
  background: #F2F2F2;
}
.select button{
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px; /* 100% */
  letter-spacing: -0.64px;
}
.select:hover{
  border-radius: 8px;
  border: 1px solid #B1A69B;
  background: #FAFAFA;
}
.select-box .select-option{
  position:absolute;
  top:65px;
  left:0;
  width:100%;

  border-radius: 8px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  overflow:hidden;
}
.select-box .select-option li button{
  text-align:left;
  width:100%;
  height: 56px;
  line-height:56px;
  padding: 0px 24px;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.64px;
}
.select-box .select-option li button:hover{
  background:#FAFAFA;
}
.select-box .select-option li+li{
  border-top: 1px solid #E6E6E6;
}

.ico-select select {
  background: url(../images/common/ico_select_arrow.png) no-repeat;
  background-position: right 10px center;
}

.ico-select.select-box:after {
  display: none;
}

select::-ms-expand {
  display: none;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="file"],
input[type="date"],
input[type="color"] {
  font-size:16px;
  line-height:16px;
  display: inline-block;
  height: 56px;
  padding: 0px 20px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  background: #FFF;
}
input[type="file"] {
  border: none;
}
input:read-only {
  border: none;
}
input[type="color"]:read-only{
  border: 1px solid #E6E6E6;
  padding:14px 24px;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="file"]::placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="file"]::-ms-input-placeholder {
  font-weight: 500 !important;
  color: #999
}
input[type="date"]{
  padding:0 10px;
  position: relative;
}
input[type='date']::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  color: transparent;
  cursor: pointer;
}



/* input file 스타일 */
.filebox .upload-name {
  display: inline-block;
  width: 100%;
  padding: 5px 23px 5px 5px;
  border: 1px solid #e7e7e7;
  height: 35px;
  line-height: 35px;
}

.filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.filebox label {
  font-weight: 400 !important;
}

.filebox .input-box {
  display: inline-block;
  position: relative;
}

.filebox .input-box .delete-btn {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -17px;
  color: #fff;
  background: #717B8A;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  font-size: 10px;
  padding: 0;
  margin-top: -7px;
  cursor: pointer;
}

/* hidden */
.hidden {
  position: absolute !important;
  margin: -1px !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip-path: polygon(0 0, 0 0, 0 0) !important;
}

.bar {
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
.bar:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -14px;
  margin-top: -8px;
  width: 1px;
  height: 15px;
  background: #E1E3E9;
  cursor: default;
}

/* guide css */
.colorY{color:#FFCC00 !important;}
.colorDG{color:#413C37 !important;}
.colorYR{color:#FF6767 !important;}
.colorYG{color:#666 !important;}
.colorB{color:#1F4DA8 !important;}
.colorBK{color:#000 !important;}

.textR{font-weight:400 !important;}
.textB{font-weight:700 !important;}

/* 보령도매몰 css */
.wrap{
  position:relative;
  min-height:100%;
  min-width:1200px;
  padding-bottom:230px;
  background: #F9F9F9;
}
.inner{width:1200px;margin:0 auto;position:relative;}

/* header_wrap */
.info_cont{
  text-align:right;
  padding:13px 0;
  background: #6D6761;
  color:#BABABA;
}
.info_cont .user{
  color:#fff;
}
.info_cont .bar:after{
  background: #BABABA;
}
.logo{
  padding:16px 0;
  height:88px;
  display: flex;
  align-items: center;
  position:relative;
  background: #F9F9F9;
}
.logo h1{display:inline-block;font-size:initial;}
.logo .txt{
  color: #888;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 100% */
  vertical-align:bottom;
  padding-left:16px;
}
.noti_btn_cont{
  position:absolute;
  top:23px;
  right:0;
}
.noti_btn_cont a{
  color: #888;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px; /* 100% */
  letter-spacing: -0.6px;
  padding-top:40px;
  margin-left:32px;
  position:relative;
}
.noti_btn_cont a.on:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#FF6767;
}
.noti_btn_cont .ico_notice{background:url(../images/common/ico/ico_notice.png) center 0 no-repeat;}
.noti_btn_cont .ico_mypage{background:url(../images/common/ico/ico_mypage.png) center 0 no-repeat;}

/* gnb */
.main_wrap{
  background:#fff;
}
.main_wrap .gnb_wrap{
  height:0;
}
.gnb_wrap{
  position:relative;
  height:0;
  z-index:1;
  background: #F9F9F9;
}
.gnb_wrap:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:3px;
  background: #2D2D2F;
}
.gnb_wrap .main_menu{
  position:absolute;
  top:0;
  left:0;
  display:table;
  width:100%;
  table-layout:fixed;
  text-align:center;
  background: #2D2D2F;
  border-radius: 0px 0px 24px 24px;
}
.gnb_wrap .menu:hover .main_menu,
.gnb_wrap .main_menu:hover{
  border-radius: 0px;
}
.gnb_wrap .main_menu>li{
  display:table-cell;
  position:relative;
}
.gnb_wrap .main_menu>li>a{
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  letter-spacing: -0.72px;
  height:56px;
  line-height:56px;
  display:inline-block;
}
.gnb_wrap .main_menu>li:hover>a{
  font-weight:800;
}
.gnb_wrap .main_menu>li:hover>a+.sub_menu a{
  color:#000;
}
.gnb_wrap .main_menu>li:after {
  content: '';
  position: absolute;
  top: 20px;
  right: 0;
  width: 1px;
  height: 15px;
  background: #fff;
  cursor: default;
}
.gnb_wrap .main_menu>li:last-child:after{
  display:none;
}
.gnb_wrap .menu:hover{
  min-height: 285px;
  border-radius: 0px 0px 24px 24px;
  background: #FFF;
  box-shadow: 0px 32px 32px 0px rgba(0, 0, 0, 0.15);
}
.gnb_wrap .main_menu .sub_menu{
  display:none;
}
.gnb_wrap .menu:hover .sub_menu{
  display: block;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.gnb_wrap .main_menu .sub_menu li:first-child{
  padding-top:16px;
}
.gnb_wrap .main_menu .sub_menu li{
  padding:12px 0;
}
.gnb_wrap .main_menu .sub_menu a{
  color: #888;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 100% */
  letter-spacing: -0.64px;
}
.responsibility_info{
  text-align:right;
  color: #888;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px; /* 100% */
  letter-spacing: -0.6px;
  padding:80px 0 24px 0;
}
.responsibility_info strong{
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px; /* 100% */
  padding-left:4px;
}
.responsibility_info .bar:after{
  background:#888;
}
.responsibility_info .s_btn{margin-left:8px;}

/* ico img */
.ico_noti{
  display:inline-block;
  vertical-align:middle;
  width:24px;
  height:24px;
  background:url(../images/common/ico/ico_noti.png) center no-repeat;
}

/* btn */
.btn{
  display:inline-block;
  width: 320px;
  height: 56px;
  line-height:56px;
  text-align:center;
  padding: 0px 24px;
  border-radius: 12px;
  background: #413C37;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.72px;
  transition: all 0.2s;
  vertical-align: middle;
}
.btn:hover{
  border-radius: 12px;
  background: #67635F;
  transition: all 0.2s;
  color:#fff;
}
.btn:disabled{
  border-radius: 12px;
  background: #B3B1AF;
}
.btn.type01,
.m_btn.type01{
  border: 1px solid #BABABA;
  background: #FFF;
  color:#000;
}
.s_btn{
  color: #413C37;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 13px; /* 100% */
  letter-spacing: -0.52px;
  height: 32px;
  padding: 8px 12px;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #E6E6E6;
  background: #FFF;
}
.btn_new{
  border-radius: 4px;
  background: #FF6767;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px; /* 100% */
  vertical-align:middle !important;
  margin-right:6px;
}
.btn_file{
  display:inline-block;
  width:20px;
  height:20px;
  background:url(../images/common/btn_ico_file.png) center no-repeat;
  vertical-align:middle !important;
}
.m_btn{
  display:inline-block;
  height: 40px;
  line-height:37px;
  padding: 0px 16px;
  border-radius: 8px;
  background: #6D6761;
  vertical-align: middle;
  min-width:96px;
  text-align:center;
  color: #FFF;
}
.m_btn span{
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 100% */
  letter-spacing: -0.64px;
  vertical-align: middle;
}
.m_btn_r{
  height: 32px;
  padding: 8px 12px;
  border-radius: 20px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  color: #413C37;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 13px; /* 100% */
  letter-spacing: -0.52px;
  vertical-align: middle;
}
.m_btn_r:hover,
.m_btn_r.on{
  border-radius: 20px;
  border: 1px solid #E6E6E6;
  background: #F2F2F2;
}

.box_btn{
  display:inline-block;
  height: 36px;
  font-size:13px;
  min-width:76px;
  padding: 8px 15px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  vertical-align: middle;
  line-height:16px;
}
button.box_btn span{
  display:inline-block;
  margin-top: 0;
  margin-left: 0;
}
a.box_btn span{
  display:inline-block;
  margin-left: 1px;
}
.box_btn>span{
  vertical-align: middle;
}
.box_btn[class*="ico_"]{
  padding-left:35px;
}
.box_btn+.box_btn{margin-left:5px;}
.box_btn.ico_submit{
  background-image:url(../images/common/btn_box_submit.png);
  background-repeat:no-repeat;
  background-position:8px center;
}
.box_btn.ico_delete{
  background-image:url(../images/common/btn_box_delete.png);
  background-repeat:no-repeat;
  background-position:8px center;
}
.box_btn.ico_nor{
  background-image:url(../images/common/btn_box_nor.png);
  background-repeat:no-repeat;
  background-position:12px center;
}
.box_btn.ico_save{
  background-image:url(../images/common/btn_box_save.png);
  background-repeat:no-repeat;
  background-position:8px center;
}
.box_btn.ico_list{
  background-image:url(../images/common/btn_box_list.png);
  background-repeat:no-repeat;
  background-position:8px center;
}
.box_btn.ico_upload{
  background-image:url(../images/common/btn_box_upload.png);
  background-repeat:no-repeat;
  background-position:8px center;
}
.box_btn.ico_paste{
  background-image:url(../images/common/btn_box_paste.png);
  background-repeat:no-repeat;
  background-position:8px center;
}
.box_btn.ico_add{
  background-image:url(../images/common/btn_box_add.png);
  background-repeat:no-repeat;
  background-position:8px center;
}
.box_btn.ico_reset{
  background-image:url(../images/common/btn_box_reset.png);
  background-repeat:no-repeat;
  background-position:8px center;
}
.box_btn.ico_add_w{
  background-image:url(../images/common/btn_box_add_w.png);
  background-repeat:no-repeat;
  background-position:8px center;
  background-color:#B1A69B;
  color:#fff;
}
.box_btn.ico_calendar{
  background-image:url(../images/common/btn_box_calendar.png);
  background-repeat:no-repeat;
  background-position:8px center;
}
.box_btn.ico_print{
  background-image:url(../images/common/btn_box_print.png);
  background-repeat:no-repeat;
  background-position:8px center;
}
.box_btn.ico_cart{
  background-image:url(../images/common/btn_box_cart.png);
  background-repeat:no-repeat;
  background-position:8px center;
  background-color:#B1A69B;
  color:#fff;
}
.box_btn.ico_search_b{
  background-image:url(../images/common/btn_box_search_b.png);
  background-repeat:no-repeat;
  background-position:8px center;
}
.box_btn.ico_clock{
  background-image:url(../images/common/btn_box_clock.png);
  background-repeat:no-repeat;
  background-position:8px center;
}
.box_btn.ico_search{
  background-image:url(../images/common/btn_box_search.png);
  background-repeat:no-repeat;
  background-position:8px center;
  background-color:#B1A69B;
  color:#fff;
}
.box_btn.ico_upload_w{
  background-image:url(../images/common/btn_box_upload_w.png);
  background-repeat:no-repeat;
  background-position:8px center;
  background-color:#B1A69B;
  color:#fff;
}
.box_btn.ico_down{
  background-image:url(../images/common/btn_box_down.png);
  background-repeat:no-repeat;
  background-position:8px center;
  background-color:#B1A69B;
  color:#fff;
}

.ico_small_del{
  background:url(../images/common/btn_small_del.png) center no-repeat;
  width:16px;
  height:16px;
}

.no_date{
  color: #666;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  height:120px;
  line-height: 120px; /* 100% */
  letter-spacing: -0.6px;
}

/* top_content_wrap */
.main_wrap .top_content_wrap{
  background:#F9F9F9 url(../images/common/bg_dashboard.png) center 0 no-repeat;
  border-radius:0 0 100px 100px;
}
.main_info_cont{
  padding-bottom:48px;
}
.main_info_cont:after{
  content:'';
  display:block;
  clear:both;
}
.main_info_cont .left_cont{
  float:left;
}
.main_info_cont .right_cont{
  float:right;
}
.main_info_cont [class*="box_cont_"]:after{
  content:'';
  display:block;
  clear:both;
}
.main_info_cont .box{float:left;}
.main_info_cont .box .tit{
  display:block;
  color: #666;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  letter-spacing: -0.72px;
}
.main_info_cont .box .total{
  display:block;
  color: #666;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 100% */
  margin-top:12px;
}
.main_info_cont .box .total a{
  color: #000;
  font-weight: 800;
  position:relative;
}
.main_info_cont .box .total a:after{
  content:'';
  position:absolute;
  bottom:2px;
  left:0;
  border-bottom:1px solid #000;
  width:100%;
}
.main_info_cont .box_cont_01 .box{
  width:406px;
  border-radius: 24px;
  border: 2px solid #FFF;
  background: #F9F9F9;
  box-shadow: 12px 12px 16px 0px #E6E6E6, -12px -12px 16px 0px rgba(255, 255, 255, 0.80);
  padding: 30px 24px;
}
.main_info_cont .box_cont_01 .box+.box{
  margin-left:24px;
}
.main_info_cont .box_cont_01 .bg01{background:url(../images/common/bg_ico/bg_icon_view_card.png) center right no-repeat;}
.main_info_cont .box_cont_01 .bg02{background:url(../images/common/bg_ico/bg_icon_view_money.png) center right no-repeat;}

.main_info_cont .box_cont_02{
  margin-top:24px;
  display:flex;
}
.main_info_cont .box_cont_02 .box{
  border-radius: 12px;
  border: 1px solid #E6E6E6;
  padding: 24px;
  width:100%;
}
.main_info_cont .box_cont_02 .box+.box{
  margin-left:24px;
}
.main_info_cont .box_cont_02 .bg01{background:#FFF url(../images/common/bg_ico/bg_icon_return.png) center right 20px no-repeat;}
.main_info_cont .box_cont_02 .bg02{background:#FFF url(../images/common/bg_ico/bg_icon_reward.png) center right 20px no-repeat;}
.main_info_cont .box_cont_02 .bg03{
  background:#FFF;
}
.main_info_cont .total_box{
  margin-top:20px;
  position:relative;
}
.main_info_cont .total_box > span{
  display:inline-block;
  width:90px;
}
.main_info_cont .total_box .txt{
  color: #666;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 100% */
  letter-spacing: -0.64px;
}
.main_info_cont .total_box .total{
  position:absolute;
  top:-7px;
  right:0;
  display:inline-block;
  margin-top:0;
  font-size:18px;
}

.main_info_cont .box_cont_03{
  border-radius: 24px;
  background: #FFF;
  padding: 32px;
  width:335px;
}
.main_info_cont .box_cont_03 .tit{
  display:block;
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 100% */
  letter-spacing: -0.96px;
  height:40px;
  line-height:40px;
  padding-left:48px;
  background:url(../images/common/bg_ico/bg_icon_order.png) 0 center no-repeat;
}
.main_info_cont .box_cont_03 ul{
  margin-top:33px;
}
.main_info_cont .box_cont_03 ul li{
  position:relative;
  padding-left:10px;
  color: #666;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  letter-spacing: -0.72px;
  height:40px;
  line-height:40px;
}
.main_info_cont .box_cont_03 ul li+li{
  border-top:1px solid #E6E6E6;
}
.main_info_cont .box_cont_03 ul li:before{
  content:'';
  width:4px;
  height:4px;
  background:#888;
  border-radius:50%;
  position:absolute;
  top:17px;
  left:0;
}
.main_info_cont .box_cont_03 ul li:after{
  content:'';
  display:block;
  clear:both;
}
.main_info_cont .box_cont_03 .num{
  float:right;
  font-weight: 400;
}
.main_info_cont .box_cont_03 .num strong{
  color:#000;
  font-weight: 800;
}
/* footer_wrap */
.main_wrap .footer_wrap{
  border:none;
}
.footer_wrap{
  background: #F9F9F9;
  position:absolute;
  width:100%;
  bottom:0;
  left:0;
  height:230px;
  padding:24px 0;
  border-top:1px solid #E6E6E6;
}
.footer_wrap .link_txt_cont{
  color: #666;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px; /* 100% */
}
.footer_wrap address{
  padding-top:2px;
  margin-top:12px;
  border-top:1px solid #E6E6E6;
  color: #888;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px; /* 100% */
  position:relative;
}
.footer_wrap address ul:after{
  content:'';
  display:block;
  clear:both;
}
.footer_wrap address ul li{
  float:left;
  position:relative;
  padding-left:4px;
  width:400px;
  height:20px;
  line-height:20px;
  margin-top:7px;
}
.footer_wrap address ul li:nth-child(even){
  margin-left:40px;
  width:600px;
}
.footer_wrap address ul li:after{
  content:'';
  position:absolute;
  top:9px;
  left:0;
  width:2px;
  height:2px;
  border-radius:50%;
  background:#888;
}
.footer_wrap address ul li>span .bar:after{
  right:-8px;
  background:#E6E6E6;
}
.footer_wrap address button{
  color: #666;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px; /* 100% */
  letter-spacing: -0.48px;

  border-radius: 20px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  height: 20px;
  line-height:20px;
  padding: 0 12px;
}
.footer_wrap address .tit{
  display:inline-block;
  width:124px;
  color: #666;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px; /* 100% */
  letter-spacing: -0.56px;
}
.footer_wrap address .sub_txt{
  display:inline-block;
  color: #888;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px; /* 100% */
}
.footer_wrap .copyright{
  position:absolute;
  right:0;
  bottom:2px;
  display:block;
  color: #888;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px; /* 100% */
  letter-spacing: -0.56px;
}

/* 마감일정, 공지사항 */
.info_wrap{
  padding:48px 0;
}
.info_wrap:after{
  content:'';
  display:block;
  clear:both;
}
.txt_box{
  position:relative;
}
.txt_box .txt_right{
  position:absolute;
  bottom:0px;
  right:0;
}
.txt_box .tit{
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  letter-spacing: -0.72px;
}
.info_wrap .txt_box{
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 100% */
  letter-spacing: -0.96px;
  padding-bottom:8px;
  margin-bottom:24px;
  border-bottom:1px solid #000;
}
.info_wrap .txt_box .txt_right{
  bottom:4px;
}
.btn_more{
  color: #666;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  height:32px;
  line-height: 35px; /* 100% */
  letter-spacing: -0.56px;
  padding-right:30px;
  background:url(../images/common/btn_more.png) right center no-repeat;
}
.info_calendar,
.info_notice{
  float:left;
  width:600px;
}
/* 마감일정 */
.info_calendar{}

/* 공지사항 */
.info_notice{
  padding-left:56px;
}
.table_st th{
  padding:12px 8px;
  background: #F9F9F9;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px; /* 100% */
  letter-spacing: -0.6px;
}
.table_st tr:hover{
  background: #F9F9F9;
}
.table_st th:first-child{
  border-radius: 4px 0 0 4px;
}
.table_st th:last-child{
  border-radius: 0 4px 4px 0;
}
.table_st td{
  text-align:center;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 100% */
  letter-spacing: -0.56px;
  padding:12px 8px;
  border-bottom:1px solid #E6E6E6;
}

/* 로그인 페이지 */
.bold_line{
  padding-bottom:23px;
  border-bottom:1px solid #E6E6E6;
}
.login_wrap .checkbox{
  text-align:left;
  display: block;
  margin-top:24px;
}
.login_wrap .middot{
  position:relative;
  padding:0 10px;
}
.login_wrap .middot:after{
  content:'';
  position:absolute;
  top:6px;
  left:50%;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#D9D9D9;
}
.login_wrap .find_join_cont{
  position:relative;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 100% */
  padding-top:24px;
}
/* .login_wrap .find_join_cont:after{
  content:'';
  width:40px;
  height:1px;
  position:absolute;
  top:32px;
  left:50%;
  margin-left:-20px;
  background:#E6E6E6;
} */
.login_wrap{
  background:#F9F9F9 url(../images/common/bg_login.png) 0 0 no-repeat;
  background-size:100%;
  padding:112px 0 230px 0;
  text-align:center;
}
.login_wrap .title{
  margin-top:16px;
  color: #888;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 100% */
}
.login_wrap .title strong{
  color: #000;
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 40px; /* 100% */
}
.login_wrap .btn{
  margin-top:24px;
}
.login_cont{
  width:368px;
  margin:64px auto 112px;
  padding: 64px 24px;
  border-radius: 24px;
  border: 2px solid #FFF;
  background: #F9F9F9;
  box-shadow: 12px 12px 16px 0px #E6E6E6, -12px -12px 16px 0px rgba(255, 255, 255, 0.80);
}
.login_wrap .txt{
  position:relative;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 100% */
  padding-bottom:64px;
}
.login_wrap .txt:after{
  content:'';
  width:40px;
  height:1px;
  position:absolute;
  bottom:32px;
  left:50%;
  margin-left:-20px;
  background:#E6E6E6;
}
.login_wrap .footer_wrap{text-align:left;}
.login_wrap input+.btn{margin-left:0;}

/* Step */
.step{
  display:inline-block;
  margin:24px 0 48px 0;
}
.step ol:after{
  content:'';
  display:block;
  clear:both;
}
.step li{
  float:left;
}
.step li+li{
  padding-left:60px;
  background:url(../images/common/bg_step_dot.png) 15px center no-repeat;
}
.step li.on{
  color: #000;
}
.step li span{
  display:inline-block;
  text-align:center;
  width: 24px;
  height: 24px;
  line-height:24px;
  border-radius: 40px;
  border: 1px solid #E6E6E6;
  background: #F9F9F9;
  color:#666;
  margin-right:8px;
}
.step li.on span{
  border-radius: 40px;
  background: #413C37;
  color:#fff;
}
.txt_txts{
  margin:16px 0 24px 0;
  text-align:center;
  color: #666;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 100% */
}
.bg_gray{background:#E6E6E6 !important;}
.tab-group.type_01>.tab-menu{
  border-radius: 10px 10px 0 0;
  border: 1px solid #E6E6E6;
  background: #FFF;
  overflow:hidden;
  display:flex;
}
.tab-group.type_01>.tab-menu li{
  cursor: pointer;
  text-align:center;
  width:100%;
  height: 56px;
  line-height:56px;
  align-items: center;
  border: 1px solid #E6E6E6;
  background: #FFF;
  color: #666;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.72px;
  margin:-1px;
}
.tab-group.type_01>.tab-menu li.active{
  background: #6D6761;
  color: #fff;
}
.tab-group.type_01>.tab-content .tab-pane,
.sub-tab-group.type_01>.sub-tab-content .sub-tab-pane{
  display:none;
}
.tab-group.type_01>.tab-content .tab-pane.active,
.sub-tab-group.type_01>.sub-tab-content .sub-tab-pane.active{
  display:block;
}
.tab-group.type_01>.tab-content>.tab-pane{
  padding:48px 64px;
  border-radius: 0px 0px 24px 24px;
  background: #FFF;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
}
.ico_btn:hover{
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);
}
.ico_btn:disabled{
  opacity: 0.4;
}
.ico_btn_cont{text-align:center;}
.ico_btn_cont .ico_btn{margin:0 8px;}
.ico_btn{
  width: 280px;
  padding: 40px 0px;
  border-radius: 16px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  display:inline-block;
  text-align:center;
  vertical-align: middle;
}
.ico_btn .txt{
  display:block;
  padding-top:70px;
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 100% */
  letter-spacing: -0.96px;
}
.ico_btn .ico_wholesale{
  background:url(../images/common/ico_wholesale.png) center 0 no-repeat;
}
.ico_btn .ico_hospital{
  background:url(../images/common/ico_hospital.png) center 0 no-repeat;
}

/* 로그인 */
.content_wrap{
  padding-top:56px;
}
.content_wrap .content{
  padding-top:48px;
  padding-bottom:64px;
}
h2{
  color: #000;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: 32px; /* 100% */
  letter-spacing: -1.28px;
  padding:24px 0;
  border-bottom:1px solid #BABABA;
}
.txt_cont{
  text-align:center;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  letter-spacing: -0.72px;
  line-height:25px;
}
.txt_cont strong{
  color: #1F4DA8;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
}
.table-style.type01{border:none;}
.table-style.type01 th{
  text-align:left;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 100% */
  letter-spacing: -1px;
  background:none;
}
.table-style.type01 th, .table-style.type01 td{
  border:none !important;
}
.inner_640{width:640px;margin:0 auto;}
.border_top{margin-top:32px;padding-top:32px;border-top:1px solid #E6E6E6;}
.border_bottom{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #E6E6E6;}
.border_bottom_bar{
  position:relative;
}
.border_bottom_bar{
  margin-bottom:24px;
  padding-bottom:24px;
}
.border_bottom_bar:after{
  content:'';
  position:absolute;
  bottom:0;
  left:50%;
  height:1px;
  width:40px;
  margin-left:-20px;
  background:#E6E6E6;
}
.txt_underline{text-decoration: underline;}

/* 비밀번호 재설정 */
h3{
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 100% */
  letter-spacing: -0.96px;
}
h3+.cont_box{margin-top:24px;}
.cont_box{
  padding:48px 64px;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
}
.noti_txt_box{
  margin-top:30px;
  text-align: center;
  padding: 16px 0px;
  border-radius: 8px;
  background: #F9F9F9;
  color: #666;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 100% */
  letter-spacing: -0.6px;
  vertical-align: middle;
}
.noti_txt_box>span{
  text-align:left;
  display:inline-block;
  position:relative;
}
.noti_txt_box{
  padding-left:40px;
  position:relative;
}
.noti_txt_box .ico_info{
  position:absolute;
  top:2px;
  left:-20px;
}
.ico_info{
  display: inline-block;
  vertical-align: middle;
  width:16px;
  height:16px;
  background:url(../images/common/ico/ico_info.png) center -1px no-repeat;
}

.ico_info.type02{
  display: inline-block;
  vertical-align: middle;
  width:16px;
  height:16px;
  background:url(../images/common/ico/ico_info_red.png) center -1px no-repeat;
}
.noti_txt_cont{
  padding: 0px 32px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
}
.noti_txt_cont .checkbox{
  padding:20px 0;
}
.checkbox.all-check{
  display: block;
  margin-top:32px;
  padding-top:32px;
  border-top:1px solid #E6E6E6;
}
.noti_txt{
  height:330px;
  padding:24px 0;
  overflow-y:auto;
}
.noti_txt_type{
  color: #000;
  font-size: 15px;
  line-height: 15px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.6px;
}
.border-top{
  border-top:1px solid #E6E6E6 !important;
}
input+.m_btn{margin-left:6px;}

/* location */
.location{padding:17px 0;}
.location:after{
  content:'';
  display:block;
  clear:both;
}
.location li{
  float:left;
  position:relative;
  padding-left:20px;
  margin-left:5px;
  background:url(../images/common/ico_locastion_arrow.png) 0 center no-repeat;
}
.location li:first-child{
  background:url(../images/common/ico_locastion_home.png) 0 center no-repeat;
  margin-left:0;
}
.location li span{
  color: #666;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 100% */
  letter-spacing: -0.6px;
}
.location li.on span{color:#000;}

.input-group.date input {
  padding-right: 40px;
  background: url(../images/common/ico_calendar.png) right 10px center no-repeat;
}
.input-group.date input:disabled {
  background: #fafbfc url(../images/common/ico_calendar.png) right 10px center no-repeat !important;
}

/* 파일선택 */
.btn_file_cont{
  display:inline-block;
  vertical-align: middle;
  border: 1px solid #E6E6E6;
  background-color:#fff;
  cursor: pointer;
  height: 36px;
  min-width: 100px;
  padding: 6px 12px 8px 12px;

  color: #413C37;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 13px; /* 100% */
  letter-spacing: -0.52px;
}
.btn_file_cont input[type="file"]{display:none;}
.file_box .file_list{
  min-height: 47px;
  max-height: 185px;
  overflow-y:auto;
  padding: 10px 24px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  /* background: #FFF; */
  font-family: nomal;
  font-size: 16px;
}
.file_list_cont li+li{margin-top:8px;}
.file_list_cont .txt{text-align:center;color:#888;}
.ico_word{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/common/ico_file/ico_word.png) center no-repeat;
  vertical-align: middle !important;
}
.ico_excel{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/common/ico_file/ico_excel.png) center no-repeat;
  vertical-align: middle !important;
}
.ico_file{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/common/ico_file/ico_file.png) center no-repeat;
  vertical-align: middle !important;
}
.ico_hangeul{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/common/ico_file/ico_hangeul.png) center no-repeat;
  vertical-align: middle !important;
}
.ico_jpg{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/common/ico_file/ico_jpg.png) center no-repeat;
  vertical-align: middle !important;
}
.ico_pdf{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/common/ico_file/ico_pdf.png) center no-repeat;
  vertical-align: middle !important;
}
.ico_ppt{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/common/ico_file/ico_ppt.png) center no-repeat;
  vertical-align: middle !important;
}
.btn_file_del{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/common/ico_file/ico_file_del.png) center no-repeat;
  vertical-align: middle !important;
}

/* 요소끼리 간격 */
.select-box+input,
.select-box+input+input,
input+.box_btn{
  margin-left:4px;
}

/* 안내사항 */
.noti_txt_area{
  margin:40px 0;
  position:relative;
  border-radius: 8px;
  background: #F9F9F9;
  padding: 16px 24px;
}
.noti_txt_area .btn_switch{
  width:24px;
  height:24px;
  background:url(../images/common/btn_up.png) center no-repeat;
  transform: rotate(180deg);
  position:absolute;
  top:13px;
  right:24px;
}
.noti_txt_area.on .btn_switch{
  transform: rotate(0);
}
.noti_txt_area .noti_view{display:none;}
.noti_txt_area.on .noti_view{
  display:block;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #E6E6E6;
}
.noti_txt_area .noti_view ul>li{
  position:relative;
  color: #666;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 100% */
  letter-spacing: -0.6px;
  padding-left:20px;
}
.noti_txt_area .noti_view ul>li:after{
  position:absolute;
  top:5px;
  left:6px;
  content:'';
  display:block;
  width:4px;
  height:4px;
  background:#888;
  border-radius:50%;
}

.noti_txt_area .noti_view ul>li+li{margin-top:8px;}
.noti_txt_area .noti_view ul>li>ul>li,
.noti_txt_area .noti_view ul>li>ol>li{
  margin-top:8px;
  color:#888;
}

.total_sum{
  text-align:right;
  color: #666;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 100% */
  letter-spacing: -1.04px;
  vertical-align: middle;
  padding-bottom:16px;
  margin:40px 0;
}
.total_sum .txt{
  font-size:16px;
  vertical-align: middle;
}
.total_sum strong{
  color:#FF6767;
}
.border-bottom{border-bottom:1px solid #E6E6E6;}
input[type="number"].size_s,
input[type="text"].size_s{
  width: 50px;
  height: 32px;
  padding: 0px 8px;
  border-radius:0;
}
.m_title{
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  letter-spacing: -0.72px;
}
.m_title+.noti_txt_cont{
  margin-top:16px;
}

.select-box.m-type select{
  height:36px;
  line-height:36px;
  font-size:15px;
  border-radius:0;
  padding: 0px 35px 0px 10px;
}
input.m-type{
  height:36px;
  font-size:15px;
  border-radius:0;
}


/* 레이어팝업 */
.modal_new {
  position: fixed;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  background: #000000aa;
  transition: all linear 0.1s;
}

.modal_new .modal_n_wrap {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.modal_new .modal_n_body {
  margin: auto;
  text-align: left;
  display: inline-block;
}

.modal_new .modal_n_header {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  background: #000;
}

.modal_new .modal_n_header h1 {
  margin: 0;
  padding: 15px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  background-color: red;
}

.modal_new .modal_n_cont {
  position: relative;
  max-height: 75vh;
  overflow-y: auto;
  background: #fff;
}

.modal_new .modal_n_footer {
  position: relative;
  bottom: 0;
  left: 0;
  padding: 15px 0;
  width: 100%;
  text-align: center;
  color: #fff;
  background: #f0f0f0;
  border-top: 1px solid #ddd;
}

.modal_new .modal_n_footer button {
  padding: 0 10px;
  min-width: 90px;
  height: 37px;
  font-size: 14px;
  font-weight: bold;
  background: #ddd;
  border: 1px solid #aaa
}

.modal_new .modal_n_footer button:hover {
  background: #ccc;
}

.modal-open {
  overflow: hidden;
}

.modal_on {
  visibility: visible !important;
  opacity: 1 !important;
}

.modal-400 {
  width: 400px !important;
}

.modal-500 {
  width: 500px !important;
}

.modal-600 {
  width: 600px !important;
}

.modal-700 {
  width: 700px !important;
}

/* 팝업 */
.pop_cont {
  position: relative;
  border-radius:15px;
  overflow:hidden;
  background: #fff;
}
.pop_cont .btn_close {
  position: absolute;
  top: 20px;
  right: 24px;
  width: 25px;
  height: 25px;
  border: none;
  background: url(../images/common/btn_close.png) center no-repeat;
}
.popContent .pop_head{
  display: flex;
  height: 64px;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-bottom:1px solid #E6E6E6;
}
.popContent .pop_head.text-center{justify-content: center;}

.popContent .pop_head .tit{
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  letter-spacing: -0.72px;
}
.popContent .pop_cont{
  padding: 24px;
}
.popContent .pop_bottom{
  display: flex;
  height: 64px;
  padding: 0px 24px;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  background: #413C37;
}
.popContent .pop_bottom a{
  color: #BABABA;
  font-family: NanumSquareOTF;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 100% */
  letter-spacing: -0.64px;
}
.popContent .pop_bottom a.type01{
  color: #FFF;
}

.inline-box{display:inline-block;vertical-align: middle;}
.color-type02 th{background:#E6E6E6;}

/* 레이어팝업 텍스트 박스 */
.txt_cont_box{
  color: #000;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 120% */
  letter-spacing: -0.6px;
}

/* disabled */
a.disabled{
  pointer-events: none;
  cursor: default;
  border: 1px solid #E6E6E6;
  opacity: 0.6;
  background: #FFF;
  color:#222;
}
button:disabled{
  border: 1px solid #E6E6E6;
  opacity: 0.6;
  background: #FFF;
  color:#222;
}

.table_value_box{
  text-align: right;
  border-radius: 4px;
  background: #FFE8E8;
  padding: 8px 24px;
}
.table_value_box span{
  color: #000;
  font-size: 15px;
  line-height:24px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.6px;
}

.txt_total{
  color: #666;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px; /* 100% */
  letter-spacing: -0.6px;
}
.txt_total strong{
  color: #000;
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: -0.6px;
}

.print_cont{
  display: block;
  overflow-y: auto;
  max-height: 500px;
  padding-bottom: 1px;
}
.p_tit{
  color: #000;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: 32px; /* 100% */
  letter-spacing: -1.28px;
}
.s_txt{
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.04em;
  text-align: center;
}

.no_border{
  border:none !important;
}
.print_cont{
  color: #000;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: 32px; /* 100% */
  letter-spacing: -1.28px;
  border: 1px solid #BABABA;
  padding:48px 24px 24px 24px;
}
.logo_print_cont{
  position:relative;
}
.logo_print_cont .logo_print{
  position:absolute;
  top:6px;
  left:0
}

.bgWhiteb{background:#fff !important}

.mini_table_cont:after{content:'';display:block;clear:both;}
.mini_table_cont table{
  width:40%;
  float:right;
}
.delivery_step_list:after{
  content:'';
  display:block;
  clear:both;
}
.delivery_step_list{
  display:flex;
  justify-content: space-between;
}
.delivery_step_list li{
  flex-grow:1;
  width:72px;
  padding-top:90px;
  color: #000;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px; /* 100% */
  letter-spacing: -0.72px;
  position:relative;
}
.delivery_step_list li+li:before{
  position:absolute;
  top:36px;
  left:-14px;
  content:'';
  width:28px;
  height:4px;
  background:url(../images/common/ico_file/delivery_step_list_dot.png) 0 0 no-repeat;
}
.delivery_step_list li:nth-child(1){background:url(../images/common/ico_file/delivery_step_list_01.png) top center no-repeat;}
.delivery_step_list li.on:nth-child(1){background:url(../images/common/ico_file/delivery_step_list_01_on.png) top center no-repeat;}
.delivery_step_list li:nth-child(2){background:url(../images/common/ico_file/delivery_step_list_02.png) top center no-repeat;}
.delivery_step_list li.on:nth-child(2){background:url(../images/common/ico_file/delivery_step_list_02_on.png) top center no-repeat;}
.delivery_step_list li:nth-child(3){background:url(../images/common/ico_file/delivery_step_list_03.png) top center no-repeat;}
.delivery_step_list li.on:nth-child(3){background:url(../images/common/ico_file/delivery_step_list_03_on.png) top center no-repeat;}
.delivery_step_list li:nth-child(4){background:url(../images/common/ico_file/delivery_step_list_04.png) top center no-repeat;}
.delivery_step_list li.on:nth-child(4){background:url(../images/common/ico_file/delivery_step_list_04_on.png) top center no-repeat;}
.delivery_step_list li:nth-child(5){background:url(../images/common/ico_file/delivery_step_list_05.png) top center no-repeat;}
.delivery_step_list li.on:nth-child(5){background:url(../images/common/ico_file/delivery_step_list_05_on.png) top center no-repeat;}

.paging_txt_box{
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.04em;
  text-align: center;
}

.pop_txt_box{
  background: #F9F9F9;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.04em;
  text-align: left;
  padding:24px;
}

.mid_tit{
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.04em;
  text-align: left;
}
.mid_tit .tit{
  font-size: 18px;
  font-weight: 700;
  margin-right:15px;
}
.mid_tit strong{
  font-size: 18px;
  font-weight: 800;
  line-height: 18px;
}

.txt_box .total_sum{margin:0;display:inline-block;}

.round_type label{
  height: 32px;
  line-height:32px;
  padding: 0px 20px;
  border-radius: 16px;
  border: 1px solid #E6E6E6;
  margin:5px 5px 0 0;
}
.round_type label.on{
  border: 1px solid #000;
}
.round_type input[type="radio"]:before{display:none;}
.round_type input[type="radio"]{border:1px solid #000}
.infoagree_cont .select-box.m-type select{
  height:40px;
  line-height:40px;
}
.infoagree_txt{
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  padding: 24px 32px;
  color: #666;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.6px;
  height:420px;
  overflow:auto;
}
.bg_error{
  background:url(../images/common/bg_error.png) center 0 no-repeat;
  background-size:auto 56px;
  padding-top:70px;
  display:block;
}
.bg_system{
  background:url(../images/common/bg_system.png) center 0 no-repeat;
  background-size:auto 56px;
  padding-top:70px;
  display:block;
}
.error_cont{
  width:800px;
  margin:0 auto;
}
.error_cont .tit{
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 100% */
  letter-spacing: -0.72px;
}
.error_cont .s_tit{
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  letter-spacing: -0.64px;
  text-align: center;
}
.error_cont .txt{
  margin-top:20px;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 133.333% */
  letter-spacing: -0.6px;
  word-break: keep-all;
  padding:0 20px;
}
.error_cont .txt:after{display:none;}
.error_cont .border_top{
  margin-top:24px;
  padding-top:24px;
  border-top:1px solid #E6E6E6;
}

/* 탑 버튼 */
.top_btn{
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background:url(../images/common/btn_top.png) no-repeat;
  width:56px;
  height:56px;
  background-size:56px;

  position:fixed;
  bottom:400px;
  right:24px;
}





/* layout */
@media (max-width: 1500px) {
  .login_wrap{
    padding: 30px 0 230px 0;
  }
  .login_cont{
    padding: 48px 24px;
    margin: 60px auto;
  }
}

.total_value{
  opacity:0.5;
  border:2px solid #000;
  position:absolute;
  top:-15px;
  left:150px;
  width:130px;
  font-size:28px;
  line-height:28px;
  padding: 10px 20px;
}
.total_value.on{
  opacity:1;
}

/* 캘린더 css */
.fc-toolbar-title{
  border: none;
  padding: 0;
}
.fc-col-header-cell{
  background:#F9F9F9;
}
.fc-day{
  color:#000;
}
.fc-day-sun{
  color:#FF6767;
}
.fc-day-sat{
  color:#5E94FF;
}
.fc-col-header-cell{
  text-align:left !important;
}
.fc-daygrid-day-top{
  flex-direction: row !important;
}
.fc-theme-standard td,
.fc-theme-standard th{
  border-color: #E6E6E6 !important;
}
:root {
  --fc-border-color: #E6E6E6 !important;
}
.fc .fc-daygrid-day.fc-day-today{
  background-color: #FFFAF1;
}
.fc .fc-daygrid-day-number{
  font-size:13px;
}
.fc .fc-toolbar-title{
  font-size:20px;
  font-weight:500;
}