@charset "utf-8";
@import 'reset.css';
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap');

/* layout */
.clear:after {content:"";display:block;clear:both}
.block {display:block}
.in-block {display:inline-block}
.none {display:none}
.flex {display:flex}
.in-flex {display:inline-flex}
.flex0 {flex:none}
.flex1 {flex:1}
.flex3 {flex:3}
.flex-row {flex-direction:row}
.flex-column {flex-direction:column}
.space-between{justify-content:space-between}
.space-around{justify-content:space-around}
.align-center {align-items:center}
.align-end {align-items:flex-end}
.align-baseline {align-items:baseline}
.justify-center {justify-content:center}
.justify-end {justify-content:flex-end}
.justify-start {justify-content:flex-start}
.relative {position:relative}
.absolute {position:absolute}
.left {float:left}
.right {float:right}
.top0 {top:0}
.left0 {left:0}
.w46p {width:46%}
.w50p {width:50%}
.w100p {width:100%}
.w13 {width:13px}
.w14 {width:14px}
.w16 {width:16px}
.w20 {width:20px}
.w21 {width:21px}
.w22 {width:22px}
.w24 {width:24px}
.w27 {width:27px}
.w28 {width:28px}
.w32 {width:32px}
.w66 {width:66px}
.w80 {width:80px}
.w83 {width:83px}
.w87 {width:87px}
.w100 {width:100px}
.w107 {width:107px}
.w116 {width:116px}
.w130 {width:130px}
.w160 {width:160px}
.w194 {width:194px}
.h7 {height:7px}
.h9 {height:9px}
.h13 {height:13px}
.h16 {height:16px}
.h17 {height:17px}
.h18 {height:18px}
.h20 {height:20px}
.h21 {height:21px}
.h22 {height:22px}
.h24 {height:24px}
.h28 {height:28px}
.h32 {height:32px}
.h35 {height:35px}
.h40 {height:40px}
.h44 {height:44px}
.h51 {height:51px}
.h55 {height:55px}
.h200 {height:200px}
.h240 {height:240px}
.h100p {height:100%}
.max-w460 {max-width:460px}

/* margin & padding*/
.pdt1{padding-top:1px}
.pdt3{padding-top:3px}
.pdt6{padding-top:6px}
.pdl3 {padding-left:3px}
.pdl5 {padding-left:5px}
.pdl11 {padding-left:11px}
.pdl12 {padding-left:12px}
.pdl15 {padding-left:15px}
.pdl16 {padding-left:16px}
.pdl24 {padding-left:24px}
.pdl40 {padding-left:40px}
.pdl10p {padding-left:10%}
.pdr3 {padding-right:3px}
.pdr5 {padding-right:5px}
.pdr11 {padding-right:11px}
.pdr16 {padding-right:16px}
.pdr19 {padding-right:19px}
.pdr24 {padding-right:24px}
.pdr30 {padding-right:30px}
.pdr50 {padding-right:50px}
.pdr60 {padding-right:60px}
.pdr120 {padding-right:120px}
.pdr200 {padding-right:200px}
.pdb1 {padding-bottom:1px}
.pdb2 {padding-bottom:2px}
.pdb12 {padding-bottom:12px}
.pdb13 {padding-bottom:13px}
.pdb20 {padding-bottom:20px}
.pdw5 {padding-left:5px;padding-right:5px}
.pdw12 {padding-left:12px;padding-right:12px}
.pdw22 {padding-left:22px;padding-right:22px}
.pdw38 {padding-left:38px;padding-right:38px}
.pdh17 {padding-top:17px;padding-bottom:17px}
.pdh20 {padding-top:20px;padding-bottom:20px}
.pdh40 {padding-top:40px;padding-bottom:40px}
.pdh80 {padding-top:80px;padding-bottom:80px}
.mgt1 {margin-top:1px}
.mgt2 {margin-top:2px}
.mgt5 {margin-top:5px}
.mgt10 {margin-top:10px}
.mgt15 {margin-top:15px}
.mgt21 {margin-top:21px}
.mgt24 {margin-top:24px}
.mgt30 {margin-top:30px}
.mgt35 {margin-top:35px}
.mgt40 {margin-top:40px}
.mgt50 {margin-top:50px}
.mgt60 {margin-top:60px}
.mgb3 {margin-bottom:3px}
.mgb5 {margin-bottom:5px}
.mgb10 {margin-bottom:10px}
.mgb15 {margin-bottom:15px}
.mgb20 {margin-bottom:20px}
.mgb25 {margin-bottom:25px}
.mgb24 {margin-bottom:24px}
.mgb30 {margin-bottom:30px}
.mgb35 {margin-bottom:35px}
.mgb40 {margin-bottom:40px}
.mgb45 {margin-bottom:45px}
.mgb55 {margin-bottom:55px}
.mgb60 {margin-bottom:60px}
.mgb120 {margin-bottom:120px}
.mgl5 {margin-left:5px}
.mgl10 {margin-left:10px}
.mgl12 {margin-left:12px}
.mgl15 {margin-left:15px}
.mgl20 {margin-left:20px}
.mgl30 {margin-left:30px}
.mgl32 {margin-left:32px}
.mgr5 {margin-right:5px}
.mgr7 {margin-right:7px}
.mgr10 {margin-right:10px}
.mgr14 {margin-right:14px}
.mgr15 {margin-right:15px}
.mgr20 {margin-right:20px}
.mgr17 {margin-right:17px}
.mgr45 {margin-right:45px}
.mgr55 {margin-right:55px}
.mgh7 {margin-top:7px;margin-bottom:7px}
.mgh24 {margin-top:24px;margin-bottom:24px}
.mgh30 {margin-top:30px;margin-bottom:30px}
.mgh35 {margin-top:35px;margin-bottom:35px}
.mgh40 {margin-top:40px;margin-bottom:40px}
.mgh45 {margin-top:45px;margin-bottom:45px}
.mgt-auto {margin-top:auto}
.mgl-auto {margin-left:auto}

/* color */
.t-black {color:#000}
.t-white {color:#fff}
.t-black200 {color:#37352e}
.t-red {color:red}
.t-gray {color:#adadad}
.t-gray200 {color:#969696}
.t-gray300 {color:#ddd}
.t-gray400 {color:#7f7f7f}
.t-blue {color:#006afa}
.bg-depp-blue {background:#002059}
.bg-light-blue {background:#0d3782}

/* font */
.f8 {font-size:8px}
.f10 {font-size:10px!important}
.f11 {font-size:11px!important}
.f12 {font-size:12px!important}
.f13 {font-size:13px!important}
.f14 {font-size:14px}
.f16 {font-size:16px}
.f18 {font-size:18px}
.f17 {font-size:17px}
.f20 {font-size:20px}
.f24 {font-size:24px}
.f28 {font-size:28px}
.f40 {font-size:40px}
.letter36 {letter-spacing:-0.36px}
.letter38 {letter-spacing:-0.38px!important}
.letter42 {letter-spacing:-0.42px}
.letter48 {letter-spacing:-0.48px}
.letter54 {letter-spacing:-0.54px}
.letter66 {letter-spacing:-0.66px}
.letter68 {letter-spacing:-0.68px}
.letter78 {letter-spacing:-0.78px}
.letter94 {letter-spacing:-0.94px}
.letter96 {letter-spacing:-0.96px}
.letter112 {letter-spacing:-1.12px}
.letter176 {letter-spacing:-1.76px}
.line-h32 {line-height:32px}
.link-h40 {line-height:40px}
.link-h44 {line-height:44px}
.line-h165 {line-height:1.65}
.fw-bold {font-weight:bold!important}
.fw-medium {font-weight:500!important}
.fw-normal {font-weight:400}



.t-center {text-align:center}
.t-left {text-align:left}
.t-right {text-align:right}

/* input */
/*input::placeholder {color:#6f6f6f; font-weight:normal;}*/
/*input::-webkit-input-placeholder {color:#6f6f6f}*/
/*input:-ms-input-placeholder {color:#6f6f6f}*/
input::-ms-clear {display:none}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;-moz-appearance:none}
input[type=number] {-moz-appearance:textfield}
input {transition:all .2s}


button{pointer:cursor;}
button:hover{opacity:80%;}
/*button {display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;border-radius:2px;min-width:128px;height:44px;transition:all .2s}*/
button.btn-bg-deep-blue {background:#006afa;color:#fff;border:1px solid #006afa}
button.btn-bg-blue {background:#007aff;color:#fff;border:1px solid #007aff}
button.btn-bg-white {background:#fff;color:#000;border:1px solid #dfdfdf}
button.btn-bg-gray {background:#fcfcfc;color:#828282;border:2px solid #f2f2f2}
button.btn-border-black {background:#fff;color:#000;border:2px solid #000}
button.h-auto {height:auto}
button.btn-bg-deep-blue:hover {background:#025be8}
button.btn-bg-deep-blue:active {background:#0242e8}
/*button.btn-bg-blue {background:#007aff;color:#fff;border:1px solid #007aff}*/
button.btn-bg-blue:hover {background:#025be8}
button.btn-bg-blue:active {background:#0242e8}
/*button.btn-bg-white {background:#fff;color:#000;border:1px solid #dfdfdf}*/
button.btn-bg-white:hover {background:#f7f7f7;color:inherit}
button.btn-bg-white:active {background:#dfdfdf}
/*button.btn-bg-gray {background:#fcfcfc;color:#828282;border:2px solid #f2f2f2}*/
button.btn-bg-gray:hover {background: #f7f7f7}
button.btn-bg-gray:active {background:#f2f2f2}
button.btn-border-black:hover {background:#f7f7f7}
button.btn-border-black:active {background:#dfdfdf}
input[typecheckbox] {position:absolute;top:0;left:0;width:100%;cursor:pointer;-webkit-user-select: none;-moz-user-select:none;-ms-user-select: none;user-select: none}
input[type="checkbox"] {outline:none;border-radius:0;box-shadow:none!important;cursor:pointer}
.cb input[type="checkbox"],
.rb input[type="radio"],
.fb input[type="file"] {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}
.cb,
.rb,
.fb {display:inline-flex;position:relative;align-items:center}
.cb input[type="checkbox"] + span:before,
.rb input[type="radio"] + span:before {content:"";border:2px solid #bdbdbd;box-sizing:border-box;border-radius:50%;display:inline-block;width:16px;height:16px;margin:0 7px}
.rb input[type="radio"] + span {color:#bcbec0}
.rb input[type="radio"] + span:before {border:2px solid #e4e4e5}
.cb input[type="checkbox"] + span:before {border:2px solid #bdbdbd;border-radius:2px}
.cb span,
.rb span {flex:none;align-items:center;display:flex}
.cb input[type="checkbox"]:checked + span:before {background:url("../img/check-icon.png") no-repeat center;background-size:10px 7px}
.rb input[type="radio"]:checked + span:before {border:4px solid #02bb35}
.rb input[type="radio"]:checked + span {color:#30343b}
.cb.flex,
.rb.flex {display:flex}
.fb input[type="file"]{cursor:default}
.fb input[type="file"] + span {border:2px solid #000;font-size:14px;letter-spacing:-0.36px;border-radius:3px;padding:0 16px;height:44px;display:flex;align-items:center}

/* 세란 radio box css */
.form-radio{display: inline-block; line-height: 20px; vertical-align: middle;}
.form-radio::before{content: ""; display: inline-block; width: 10px; height: 10px; background: #ffffff; border: 1px solid #e0e0e0; margin-right: 8px;}
.form-radio::before{border-radius: 50%;}
.input-radio{display: none;}
.input-radio:checked + .form-radio::before{background: #4177F6;}
.input-radio:checked + .form-radio{color: #4177F6;}

.clear:before,
.clear:after,
.cfix:before,
.cfix:after {content: " ";display: table;clear: both}

/*세란 셀렉트 박스*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

.like_btn1{
  cursor:pointer;
}

/* 작업중 영역 */
.marking{
  border: 2px solid pink;
  display:none;
}

.select-box {
  cursor: pointer;
  position : relative;
  max-width:  130px;
  width: 150px;
}

.select-box  .select,
.select-box  .label {
   cursor: pointer;
    color:#425262;
  display: block;
  font: 700 13px/2em 'Source Sans Pro', sans-serif;
}

.select-box  .select {
  width: 150px;
  position: absolute;
  top: 0;
  padding: 5px 0px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: none transparent;
  border: 0 none;
}
.select-box  .select-box3 {
  width: 155px;
}
.select-box  .select-box2 {
    width: 160px;
}
.select-box  .select-box1 {
    width: 120px;
}

.select-box  .label {
  position: relative;
  padding: 5px 10px;
  /*cursor: pointer;*/
}

.select-box .label::after {
  content: "▼";
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px 35px 4px 15px;
  color:#425262;
}



/* The container must be positioned relative: */

.custom-select {
  position: relative;
  font-family: Arial;

}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-color: black transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent black transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  /*color: #ffffff;*/
  color: black;
  padding: 8px 16px;
  border: 15px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

/*오류나서 임의로 수정하고 옛날코드 주석처리함*/
/*.custom-select {min-width:130px;position:relative;display:inline-block;color:#6f6f6f;letter-spacing:-0.36px;font-weight:500;-ms-user-select: none;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}*/
.custom-select {min-width:130px;position:relative;display:inline-block;color:#6f6f6f;letter-spacing:-0.36px;font-weight:500;-ms-user-select: none;-moz-user-select:none;-webkit-user-select:none;user-select:none}
.select-selected {display:flex;align-items:center;cursor:pointer;padding:0 15px;font-size:12px;font-weight:bold;height:44px;background:#fcfcfc;border:2px solid #efefef;transition:all .2s;border-radius:2px}
.select-selected.select-arrow-active {border:2px solid #a4a4a4;background:#fcfcfc}
.select-selected:hover {background:#f7f7f7}
.select-items {position:absolute;top:100%;margin-top:4px;left:0;right:0;z-index: 99;max-height:140px;overflow-y:scroll;box-shadow: 0 0 2px 0 rgba(176, 176, 176, 0.5);border-radius:4px}
.select-items div {display:flex;align-items:center;cursor:pointer;padding:10px 15px;font-size:14px;transition:all .2s}
.select-items div:nth-child(odd){background:#f7f7f7}
.select-items div:nth-child(2n){background:#fff}
.select-items div:hover {background:#dedede}
.select-hide {display:none}
.same-as-selected {color:#2b2b2b}
.same-as-selected:after {flex:none;margin-left:auto;content:"";display:block;width:10px;height:12px;background:url("../img/select-item-icon.png") no-repeat center;background-size:cover}
.select-selected:after {flex:none;margin-left:auto;content:"";width:9px;height:6px;top:11px;right:18px;background:url("../img/select-icon.png") no-repeat center;background-size:cover}
.input-signup input::placeholder {color:#27282e}
.input-signup input::-webkit-input-placeholder {color:#27282e}
.input-signup input:-ms-input-placeholder {color:#27282e}
.input-signup input {font-size:14px;letter-spacing:-0.54px;font-weight:normal;color:#27282f;background:#fff;border-radius: 1px}
.input-signup input:hover {background:#fff}
.input-signup input:focus {border:2px solid #006afa}
.input-signup .select-selected,
.input-signup .select-selected:hover {background:#fff;font-size:14px;letter-spacing:-0.54px;font-weight:normal;color:#27282f}
.input-signup .select-selected.select-arrow-active {border:2px solid #006afa}
.popup-input input::placeholder {color:#7a869a}
.popup-input input::-webkit-input-placeholder {color:#7a869a}
.popup-input input:-ms-input-placeholder {color:#7a869a}
.popup-input input {border:1px solid #e5e5e5;width:100%;font-size:14px;font-weight:normal;letter-spacing:-0.36px;color:#27282f;background:#fff;border-radius: 3px}
.popup-input input:hover {background:#fff}
.popup-input input:focus {border:1px solid #006afa}



/* site.css참고 */
.mtop20 {margin-top:20px!important;}
.border-g {border:1px solid #eaeaed!important;}
.pad15 {padding:15px!important;}
.border-r-4 {border-radius:4px}
.v-center-box {display:table-cell;vertical-align:middle;text-align: center}
.tss50 {width:50px;height:50px;border-radius: 50%}
.tss50 > img {width:30px}.mtop3 {margin-top:3px}
.mleft10 {margin-left:10px}
.item-center {align-items:center}
.font-bold {font-weight:600!important}
.mleft5 {margin-left:5px}
.coin-label {padding:3px 7px;background:#f5f6f9;border-radius:2px}
.text-right {text-align: right}
.f10 {font-size:10px!important;}
.t-sym {color:#304cff!important;}
.bg-half-g{background-color: rgba(244, 244, 247, 0.5)}
/* 체크박스 */
.check-cont {display:block;position:relative;padding-left:25px;cursor:pointer;-webkit-userwallet-card-box-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.check-cont input {position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark {  position: absolute;top: 1px;left: 0;height:18px;width: 18px;border:1px solid #ccc;}
.checkmark:after {content:"";position:absolute;display: none}
.check-cont .checkmark:after {left:5px;top:1px;width:5px;height:8px;border:solid #304cff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.check-cont input:checked ~ .checkmark:after{display: block;}

.step-card{border:1px solid #EEF0F3;border-radius:4px;padding:10px 15px;color:#425262;}
.step-card .step-nr {padding:10px 0;font-size:13px;font-weight:600;border-bottom:2px solid #EEF0F3}
.step-card .step-desc {padding:20px 0;}
.step-card .step-desc .desc {padding:0 5px 10px 0;font-size:12px;}
.step-card .step-desc p.step-1 {padding:20px 0px;text-align:center;font-weight:500;font-size:15px;}
.step-desc p.step-1 img {width:37px;margin-top:-3px;margin-right:10px;box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1);border-radius:10px;padding:7px;}
.step-card .step-desc p.step-3 {font-size:22px;font-weight:600;text-align:center;color:#4177F6;}


.auth .auth-container {color:#425262;}
.auth .auth-container .confirm-form p.tit {font-weight:600;font-size:13px;padding:3px 0px 0px 0px;}
.auth .auth-send input {font-size:13px;width:100%;border:0;border-bottom:1px solid #dcdce1;transition:.2s}
.auth .auth-send input:hover, .auth .auth-send input:focus {border-color:#304cff}
.auth .auth-send button {transition:all .2s;height:34px;line-height:32px;padding:0 10px;color:#17171d;border:1px solid #dcdce1;border-radius:17px;background:#fff}
/*.auth .auth-send button:hover {color:#304cff;border-color:#304cff;background:none}*/
.auth .otp-send input {width:100%;padding-top:15px;padding-bottom:15px}
.auth button.auth-send-btn {transition:all .2s;display:block;margin:45px auto 30px;width:100%;max-width:310px;height:60px;line-height:58px;border-radius:4px;background:#304cff;color:#fff;font-size:20px;text-align:center}
.auth button.auth-send-btn:hover {background: #4f40e2}
.auth .input-form form {position: relative}
.auth .input-form form input {padding-right:110px}
.auth .input-form form button.in-btn {position:absolute;top:5px;right:0}
.auth .input-form form button.in-btn-hover:hover {color:#304cff;border-color:#304cff;background:none}
.auth .input-form{margin-top:15px;}
.auth .phone-auth .intl-tel-input {width:100%}
.mypage.auth .auth-send input#phone {padding-left:0}
.mypage.auth .flag-container {display:none}
.auth .auth-container {width:70%;}
.auth .auth-container .confirm-form .qr-box {width:130px;height:130px;margin:25px auto 10px;padding:10px;border:1px solid #dcdce1}
/*.auth .auth-container .confirm-form .qr-box img {width:168px;height:168px;}*/
.auth .phone-auth .sms-code{position:relative}
.auth .phone-auth .sms-code input {width:100%;padding-right:100px}
#auth_modal0 .sms-code p,
.auth .phone-auth .sms-code p {position:absolute;top:17px;right:0;font-size:12px;color:#ff2e4a;font-weight:400}
#auth_modal0 .sms-code p i,
.auth .phone-auth .sms-code p i {display:none;margin-top:-10px;margin-left:10px;font-size:30px;color:#62f488;vertical-align:middle;}
#auth_modal0 .sms-code.confirmed p span,
.auth .phone-auth .sms-code.confirmed p span {display:none}
#auth_modal0 .sms-code.confirmed p i,
.auth .phone-auth .sms-code.confirmed p i {display:inline-block;}
/* 단위 */
/*.balance {font-family: Roboto Condensed; font-style: normal; font-weight: bold; font-size: 11px; color: #A2AAB7; vertical-align:middle}*/
form {position: relative}
form input {padding-right:110px}
form button.in-btn {position:absolute;top:5px;right:0}
form button.in-btn-hover:hover {color:#304cff;border-color:#304cff;background:none}
/* tab */

.tab01 {padding:4px;background:#f0f0f0;display:flex;border-radius:8px;box-shadow:inset 0 0 1px 0 rgba(0, 0, 0, 0.1)}
.tab01 li {padding:8px 40px;position:relative;border-radius:5px;color:#6f6f6f;cursor:pointer;font-weight:bold;font-size:13px;letter-spacing:-0.44px;transition:all .2s}
.tab01 li.on {background:#fff;color:#2b2b2b}
.tab01 li:after {content: "";display:block;width:1px;height:18px;background:#d7d7d6;position:absolute;top:0;right:0;transform:translateY(50%)}
.tab01 li:last-child:after,
.tab01 li.on:after {display:none}
.tab01 li:not(.on):hover {background: rgba(0, 0, 0, 0.03)}
.tab02 {display:flex;font-size:20px;letter-spacing:-0.68px;font-weight:bold;color:#333}
.tab02 li {margin-right:11px;opacity:.5;transition:all .2s;padding:4px 11px;border-radius:5px;cursor:pointer}
.tab02 li.on {background:rgba(239, 239, 239, 0.6);opacity:1}
.keyword {width:1200px}
.keyword li {display:inline-flex;width:234px;height:40px;border-radius:3px;cursor:pointer;border:2px solid #efefef;font-size:13px;letter-spacing:-0.44px;font-weight:500;color:#666;align-items:center;padding:0 17px;margin-bottom:10px;margin-right:14px;transition:all .2s}
.keyword li:hover {background: rgba(0, 0, 0, 0.03)}

/* table */
.data-table {border:2px solid #efefef;border-radius:3px;}
.data-table-head {font-weight:bold;font-size:13px;letter-spacing:-0.44px;padding:11px 32px;background:#efefef;color:#2b2b2b}
.data-table-body:after {content:"";display: block;clear:both}
.data-table-body li {float:left;width:20%;padding:32px;transition:all .2s}
.data-table-body li p:first-child {font-size:12px;letter-spacing:-0.42px;color: rgba(0, 0, 0, 0.5);margin-bottom:5px;font-weight:500}
.data-table-body li p:last-child {font-size:17px;letter-spacing:-0.58px;font-weight:500}
table {table-layout:fixed;width:100%;border-collapse:initial;}

/*기간별 지표*/
table.type15 { border-top-left-radius: 4px; border-top-right-radius: 4px; border: 2px solid #EAEAEA; border-collapse: initial; font-family: Noto Sans KR; }
table.type15 td:first-child { height:51px;padding-left:24px;}
table.type15 td { font-style: normal;font-weight: bold;font-size: 13px;color: #425262;}

/* 지표 테이블*/
table.type16 {border: 2px solid #EAEAEA; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top:none;}
table.type16 td {font-weight: 700;font-size: 13px;line-height: 15px;height:20px; border-collaps:collapse;padding: 0px 10px 5px 10px;}
table.type16 td:nth-child(odd){text-align:left;}
table.type16 td:nth-child(2n) {text-align:right;border-right: 1px solid #F5F5F5;border-collaps:collapse;}
table.type16 td:last-child {border:none; border-collaps:collapse }

select {cursor:pointer;}

/*공통*/
.queryset_count{display:inline-block; color:#4177F6;padding-bottom:2px;padding-left:5px;font-family:Roboto}

/*플랫폼 리스트 테이블 */
table.type20 { border-top-left-radius: 4px; border-top-right-radius: 4px; border: 2px solid #EAEAEA; border-collapse: initial; font-family: Noto Sans KR; }
table.type20 tr:first-child{height:51px;}
table.type20 td:first-child {padding-left:24px;text-align:left;font-style: normal;font-weight: bold;font-size: 13px;line-height: 19px;color: #425262;}
.scroll-div{overflow-y:auto; border-bottom: 2px solid #EAEAEA; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-collapse:collapse;}
.scroll-div2{overflow-y:auto; border-collapse:collapse;}
  /* 21: thead, 22: tbody[드래그 됨]  */
table.type21,
table.type22 { border-left: 2px solid #EAEAEA; border-right: 2px solid #EAEAEA;  font-family: Noto Sans KR; }
table.type21 th {height:41px; font-weight: bold;font-size:13px;line-height: 19px;letter-spacing:-0.44px;height:41px;color:#A2AAB7;background:rgba(196,196,196,0.1)}
table.type22 td,
table.type22 th {font-weight: 500;font-size: 13px;line-height: 19px;height:41px;border-bottom: 1px solid #F5F5F5; border-collaps:collapse;}
table.type22 a {background-color: #E5F4FF; border-radius: 4px; padding: 3px 8px 2px 8px; color: #2D5A7B; font-weight: 500; font-size: 13px; font-family: Roboto;}
table.type22 span {font-family: Roboto Condensed; font-style: normal; font-weight: bold; font-size: 11px; color: #A2AAB7; vertical-align:middle}

table.type22 tbody tr:not(.not-hover){cursor:pointer;}
table.type22 tbody th:not(.not-hover):hover,
table.type22 tbody tr:not(.not-hover):hover {cursor:pointer;background:#ECF5FF;}
/**/

/* 지갑상세 - 락업 리스트 테이블 : 23과 디자인 비슷 */
table.type26 { border-top-left-radius: 4px; border-top-right-radius: 4px; border: 2px solid #EAEAEA; border-collapse: initial; font-family: Noto Sans KR; }
table.type27 td,
table.type26 th {font-size: 13px;line-height: 19px;height:42px;}
table.type26 th {font-weight: 700; font-family: Noto Sans KR;}
table.type27 td{font-weight:500;font-family: Roboto; color:#6B778C;border-bottom: 1px solid #F5F5F5;border-collaps:collapse;}
table.type27 td:first-child{border-left: 2px solid #EAEAEA;}
table.type27 td:last-child{border-right: 2px solid #EAEAEA;}
table.type26 tr:last-child{border-bottom:none;}

table.type26 th:first-child,
table.type26 td:first-child {padding-left:24px}
/**/

/* 로그인내역 리스트 테이블 */
table.type23 {border-radius: 4px; border: 2px solid #EAEAEA;}
table.type23 td,
table.type23 th {font-size: 13px;line-height: 19px;height:42px;border-collaps:collapse;}
table.type23 th {font-weight: 700; font-family: Noto Sans KR; border-bottom:2px solid #EAEAEA}
table.type23 td {font-weight:500;font-family: Roboto; border-bottom: 1px solid #F5F5F5; }
table.type23 td:first-child {color:#6B778C}
table.type23 td:not(first-child){color:#425262;}

table.type23 th:first-child,
table.type23 td:first-child {padding-left:24px}

/*지갑 리스트와 입출금 리스트와 권한설정 리스트*/
table.type10 { border-top-left-radius: 4px; border-top-right-radius: 4px; border: 2px solid #EAEAEA; border-collapse: initial; font-family: Noto Sans KR; }
table.type10 td {font-style: normal;font-weight: bold;font-size: 13px;line-height: 19px;color: #425262;}
table.type11 { border: 2px solid #EAEAEA; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top:none;overflow: auto; font-family: Noto Sans KR;}
table.type11 th {overflow-x: hidden;text-overflow:ellipsis;height:41px; font-weight: bold;font-size:13px;line-height: 19px;letter-spacing:-0.44px;height:41px;color:#A2AAB7;background:rgba(196,196,196,0.1)}
table.type11 td {font-weight: 500;font-size: 13px;line-height: 19px;height:41px;border-bottom: 1px solid #F5F5F5; border-collapse:collapse; }
table.type11 a {cursor:pointer;background-color: #E5F4FF; border-radius: 4px; padding: 3px 8px 2px 8px; color: #2D5A7B; font-weight: 500; font-size: 13px; font-family: Roboto;}
table.type11 span {font-family: Roboto Condensed; font-style: normal; font-weight: bold; font-size: 11px; color: #A2AAB7; vertical-align:middle}
table.type11 div {font-family: Roboto;}

table.type11 tbody tr:not(.not-hover) {transition:all .2s}
table.type11 tbody tr:not(.not-hover):hover {background:#ECF5FF;}

table.type93 { border: 2px solid #EAEAEA; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top:none;overflow: auto; font-family: Noto Sans KR;}
table.type93 th {overflow-x: hidden;text-overflow:ellipsis;height:41px; font-weight: bold;font-size:12px;line-height: 19px;letter-spacing:-0.44px;height:41px;color:#A2AAB7;background:rgba(196,196,196,0.1)}
table.type93 td {font-weight: 500;font-size: 12px;line-height: 19px;height:41px;border-bottom: 1px solid #F5F5F5; border-collapse:collapse; }
table.type93 a {cursor:pointer;background-color: #E5F4FF; border-radius: 4px; padding: 3px 8px 2px 8px; color: #2D5A7B; font-weight: 500; font-size: 11px; font-family: Roboto;}
table.type93 span {font-family: Roboto Condensed; font-style: normal; font-weight: bold; font-size: 11px; color: #A2AAB7; vertical-align:middle}
table.type93 div {font-family: Roboto;}

table.type93 tbody tr:not(.not-hover) {transition:all .2s}
table.type93 tbody tr:not(.not-hover):hover {background:#ECF5FF;}

table.type12 { border: 2px solid #EAEAEA; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top:none;overflow: auto;}
table.type12 td,
table.type12 th
{color: #425262;font-weight: 700;font-size: 13px;line-height: 19px;height:41px;border-bottom: 1px solid #F5F5F5; border-collaps:collapse; }
table.type12 td:first-child,
table.type12 th:first-child
{padding-left:24px;}

.hover_and_click{cursor:pointer;}
/*table.type12 td{border:1px solid pink;}*/
table.type81{border:none;}

table.type80{border: 2px solid #FAFAFA;}
table.type80 td, th{border-bottom: 2px solid #FAFAFA;}
table.type80 th{background:#F9F9F9; color:#6B778C;}
table.type80 td{background:white; color:#425262;}
table.type80 td:first-child, th:first-child{padding-left:15px;}

table.type71 td,
table.type72 td{padding:7px 0px;color:#425262;}
table.type71 td:first-child,
table.type72 td:first-child{color:#425262;font-size:14px;font-weight:bold;}
table.type71 td:last-child{font-size:14px;}
table.type72 td:last-child{font-size:14px;color:#6B778C;font-family:Roboto;}

.box-hover:hover{box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1);}

/*창이 줄었을 때 배경이 튀어 나오는 것을 막기 위함*/
.dropdown-box{
  display:flex;
  flex-direction: row;
  padding-left:3px;
  padding-right:3px;
}

.dropdownbox1{
  height:42px;
  background: #FCFCFC;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.dropdown21{
  cursor: pointer;
  /*width: 100px;*/
  padding: .8em .5em;
  font-family: Noto Sans KR;
  background: url('../../../static/company/img/dropdown_icon.jpg') no-repeat 95% 50%;
  background-position: right;
  font-weight:bold;
    color:#425262;
  background-size: 25px;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


.dropdown23,
.dropdown22{
  text-align-last: right;
  cursor: pointer;
  /*width: 100px;*/
  height:inherit;
  /*padding: .8em .5em;*/
  font-family: Noto Sans KR;
  /*margin-right:5px;*/
  padding-right:20px;

overflow-x:visible;
  background: url('../../../static/company/img/dropdown.png') no-repeat 95% 50%;
  background-position: right;
  background-origin:padding-box;
  font-weight:bold;
  /*border: 1px solid blue;*/
  /*background*/
  /*color:#425262;*/

  overflow-x:visible;
  background-size: 16px;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.dropdown22 option { direction: rtl; }

/*익스플로어에서 */
select::-ms-expand {
display: none;
}


/* 공지사항 리스트 테이블 -26 디자인과 비슷 */
table.type13{border-radius:4px;border:2px solid #EAEAEA;font-family: Noto Sans KR;}
table.type13 th{font-size: 13px;line-height: 19px;font-weight: 700;height:50px;border-bottom:2px solid #EAEAEA;}
table.type13 td{font-size: 13px;line-height: 19px;font-weight: 500;height:41px;font-family: Roboto;border-bottom: 1px solid #EAEAEA;border-collapse:collapse;color:#425262;background: #F9F9F9;}
table.type13 tbody tr:not(.not-hover) {transition:all .2s}
table.type13 tbody tr:not(.not-hover):hover {opacity:60%;}

/* 권한 설명 테이블 */
table.type14 {border-bottom:2px solid #ECF5FF;border-collapse:collapse;}
table.type14 td,
table.type14 th {font-family:Noto Sans KR;color:#425262;font-weight:500;}
table.type14 td {height:30px;font-size:15px;}
table.type14 th {height:40px;font-size:16px;}
table.type14 th:not(:first-child),
table.type14 td:not(:first-child){text-align:center;color:#2b2b2b;}
table.type14 tr:first-child {background: #ECF5FF;}
table.type14 tr:not(:last-child){border-bottom:1px solid #EAEAEA}

/*기업 정보 - 기본html  정보, 보안 설정 table*/
table.type33 th,
table.type33 td {text-align:left;font-size:13px;padding:11px 0px;font-weight:500;transition:all .2s;}
table.type33 th,
table.type33 td {color: #425262;}

/**/
table.type35 td,
table.type34 td {font-family:Noto Sans KR;font-size:14px; padding:12px 0px; font-weight:500;transition:all .2s;cursor:default}
table.type35 td:nth-child(odd),
table.type34 td:nth-child(odd) {color: #6F6F6F; text-align:left;}
table.type34 td:nth-child(even) {color: #2B2B2B; text-align:left;}
table.type35 td:nth-child(even) {color: #2B2B2B; text-align:right;padding-right:30px;}
table.type34 td{height:35px;}
/*table.type35 td{height:20px;border:1px solid blue;}*/


vertical-align{display: inline-block;
  vertical-align: middle;
  height: 100%;}

table.type01 {border-radius:3px;border:2px solid #efefef;font-weight:500}
/*table.type01 a {background-color: #E5F4FF; border-radius: 4px; padding: 3px 8px 2px 8px; color: #2D5A7B; font-weight: 500; font-size: 13px; font-family: Roboto;}*/
/*table.type01 span {font-family: Roboto Condensed; font-style: normal; font-weight: bold; font-size: 11px; color: #A2AAB7; vertical-align:middle}*/
table.type01 th {font-size:13px;letter-spacing:-0.44px;background-color:#efefef;padding:11px 5px;cursor:default;height:41px}
table.type01 td {font-size:14px;letter-spacing:-0.48px;padding:10px 5px;height:41px;}
table.type01 tr:not(.not-hover) {cursor:pointer;transition:all .2s}
table.type01 tr:not(.not-hover):hover {background:#f7f7f7}
table.type01 th:first-child,
table.type01 td:first-child {padding-left:30px}
table.type01 th:last-child,
table.type01 td:last-child {padding-right:30px}
table.type02 {color:#6f6f6f;font-weight:500}
table.type02 tr {transition: all .2s}
table.type02 tr:hover {background:#f7f7f7;cursor:pointer}
table.type02 td {border-bottom:1px solid #efefef;padding:14px 10px}
table.type03 th,
table.type03 td {text-align:left;font-size:14px;letter-spacing:-0.48px;padding:11px 0;font-weight:500;transition:all .2s;cursor:default}
table.type03 th {color:#6f6f6f}
table.type03 td {color:#2b2b2b}
.type04 {font-size:14px}
.type04 li {padding:9px 11px;display:flex;align-items:center}
.type04 li > p {color:#30343b;width:140px;font-weight:bold}
.type04 input {background:#fff;font-size:14px;letter-spacing:-0.36px;font-weight:normal;width:350px}
.type04 input:hover {background:#fff}
.type04 input:focus {background:#fff;border:2px solid #007aff}
table.type05 th {font-size:12px;text-align:left;padding-left:6px;letter-spacing:-0.38px}
table.type05 th,
table.type05 td {padding-bottom:16px;}
.type06 li {float:left;margin-right:20px;position:relative}
.type06 li:after {content: "";display:block;width:1px;height:10px;background:#ccc;position:absolute;top:5px;left:-11px;}
.type06 li:last-child:after {display:none}
.type06 li:first-child:after {display:none}



/* pagination */
.pagination21 {text-align:center}
.pagination21 button {font-size:14px;font-weight:500;letter-spacing:-0.48px;display:inline-flex;border:1px solid #dedede;border-radius:2px;height:44px;justify-content:center;align-items:center;cursor:pointer;margin:0 5px;transition:all .2s}
.pagination21 button:hover {background:#f7f7f7}
.pagination21 button:active {background:#dedede}
.pagination21 button:first-child,
.pagination21 button:last-child{width:128px}
.pagination21 button:nth-child(2),
.pagination21 button:nth-last-child(2){width:48px;}
.pagination21 div {display:inline-block;font-size:14px;font-weight:500;letter-spacing:-0.48px;min-width:128px;padding:0 20px;margin:0 13px;font-weight:bold}

.pagination {text-align:center}
.pagination > div {font-size:14px;font-weight:500;letter-spacing:-0.48px;display:inline-flex;border:1px solid #dedede;border-radius:2px;height:44px;justify-content:center;align-items:center;cursor:pointer;margin:0 5px;transition:all .2s}
.pagination > div:hover {background:#f7f7f7}
.pagination > div:active {background:#dedede}
.pagination > div:first-child,
.pagination > div:last-child {width:128px}
.pagination > div:nth-child(2),
.pagination > div:nth-child(4) {width:48px}
.pagination > div:nth-child(3) {min-width:128px;padding:0 20px;margin:0 13px;font-weight:bold}
/*.pagination2 {text-align:center}*/
/*.pagination2 > li {font-size:14px;font-weight:500;letter-spacing:-0.48px;display:inline-flex;border:1px solid #dedede;border-radius:2px;height:44px;justify-content:center;align-items:center;cursor:pointer;margin:0 5px;transition:all .2s}*/
/*.pagination2 > li:hover {background:#f7f7f7}*/
/*.pagination2 > li:active {background:#dedede}*/
/*.pagination2 > li:first-child,*/
/*.pagination2 > li:nth-child(3) {padding:0 20px;margin:0 13px;font-weight:bold}*/

.pagination2{display:inline-block;text-align:center;}
.pagination2 a,
.pagination2 span{transition:all .2s;letter-spacing:-0.48px;font-weight:500;font-size:12px;overflow:hidden;text-align:center;line-height:38px;display:block;width:40px;height:40px;border-radius:50%;border:1px solid #dedede;}
.pagination2 li{display:inline-block}
.pagination2 li.active span{background-color:#dedede;cursor:default}
.pagination2 li.arrow a,
.pagination2 li.arrow span{font-size:27px;line-height:32px;margin:0 10px;}
.pagination2 li:not(.disabled) a:hover,
.pagination2 li:not(.disabled) span:hover {background:#f7f7f7}
.pagination2 li:not(.disabled) a:active,
.pagination2 li:not(.disabled) span:active {background:#dedede}
.pagination2 li.arrow span{active:default;}
.pagination2 li.disabled span{opacity: .7}


/* span style */
.mark {width:77px;padding:8px 0;font-size:12px;letter-spacing:-0.42px;justify-content:center;align-items:center;font-weight:bold;display:inline-flex;border-radius:2px}
.mark.small {width:52px;padding:2px 0;font-size:11px;letter-spacing:-0.38px}
.mark.wid-auto {width:auto;padding:2px 8px}
.mark.wid-auto-s {width:auto;padding:2px 5px}
.mark.blue {background:#e5f4ff;color:#007aff}
.mark.light-blue {background:#deeeff;color:#007aff;}
.mark.red {background:#fee6eb;color:#f90e3c}
.mark.gray {background:#efefef;color:#37352e}
.color-box {display:block;width:8px;height:8px;border-radius:1px}
.line {width:100%;height:2px;background:#f6f6f6}
.line02 {width:510px;height:1px;background:#e8e8e8}
.line03 {width:100%;height:1px;background:#e5e5e5}
.line04{width:100%;height:1px;background:#EAEAEA;}
.border-bottom {border-bottom:1px solid #edeff0}
.back {display:inline-flex;width:32px;height:32px;background:#fafafa;border:1px solid #dedede;border-radius:50%;cursor:pointer;align-items:center;justify-content:center;font-size:24px;transition:all .2s}
.back:hover {background:#f7f7f7}
.back:active {background:#dedede}
.edit {cursor:pointer}
.error {font-size:12px;letter-spacing:-0.42px;color:#f90e3c;font-weight:bold}
.rotate180 {transform:rotate(180deg)}
.pointer {cursor:pointer}
.op4 {opacity: 0.4}
.radius3 {border-radius:3px}
.radius50p {border-radius:50%}
.logo-img-box {display:flex;color:#979797;font-size:28px;width:44px;height:44px;background:#efefef;border-radius:3px;text-align:center;align-items:center;justify-content:center}
.logo-img-box:after {content:"+"}
.card {display:flex;flex:none;flex-direction:column;border-radius:8px;width:190px;height:302px;background:linear-gradient(to bottom, #032664, #05132b);box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.21);padding:30px 18px 23px 18px}



.half-highlighter{}

/* 기능 버튼 */
/*style="width:160px;height:44px;background:#4177F6;line-height:44px;font-size:14px;font-weight:500;text-align:center;color:white;border-radius: 4px;"*/
/*#buttonbox button {background:#4177F6;border-radius: 4px;font-weight:500;text-align:center;color:white;}*/
#buttonbox button {background:#4177F6;border-radius:4px;font-weight:500;color:white;}
#buttonbox button:hover {opacity:80%;}

button.left-arrow-btn{border:2px solid #EAEAEA;border-radius:75px;text-align:center;}

#fileupload-btn {background:grey;font-weight:bold;color:white;}
#fileupload-btn:hover {background:darkgrey;font-weight:bold;color:white;}
button.blue-border-btn1 {border:3px solid #4177F6;border-radius:4px;font-weight:bold;color:#4177F6;}
button.blue-border-btn1:hover {border:3px solid blue;}
button.blue-btn {background:#4177F6;border-radius:4px;font-weight:bold;color:white;}
button.blue-btn:hover {background:#025be8}
button.blue-btn:active {background:#0242e8}
button.red-btn {background:#FFF5F5;border-radius:4px;font-weight:bold;color:#FF3838;}
button.red-btn:hover {background:#025be8}
button.red-btn:active {background:#0242e8}
button.blue-line-btn {background:white;border-radius:4px;font-weight:bold;color:#4177F6;}
button.blue-line-btn:hover {background:#DDE2EC;color:#757A87;}
button.blue-line-btn:active {background:#DDE2EC;color:#757A87;}
button.black-line-btn {background:white;border-radius:4px;font-weight:bold;color:#425262;}
button.black-line-btn:hover {background:#DDE2EC;color:#757A87;}
button.black-line-btn:active {background:#DDE2EC;color:#757A87;}
button.grey-btn {background:#fcfcfc;color:#828282;border-radius:4px;font-weight:500;border:2px solid #f2f2f2}
button.grey-btn:hover {background: #f7f7f7}
button.grey-btn:active {background:#f2f2f2}
button.grey-btn2 {color:#425262;background:#F1F2F5;border-radius:15px;font-weight:normal;font-size:12px;padding: 1px 10px 2px 10px;}
button.grey-btn2:hover {background: #D5DAE5}
button.grey-btn2:active {background:#D5DAE5}
button.white-btn {background:#fff;border-radius:4px;color:#000;border:1px solid #dfdfdf}
button.white-btn:hover {background:#f7f7f7;color:inherit}
button.white-btn:active {background:#dfdfdf}

button.grey-line-btn2 {border:1px solid grey;border-radius:4px;font-weight:bold;color:grey;font-family:Roboto;font-weight:700;text-align:center;}
button.grey-line-btn2:hover {background:#025be8}
button.grey-line-btn2:active {background:#0242e8}


button.blue-line-btn2 {border:1px solid #4178F6;background:#F9FBFF;border-radius:4px;font-weight:bold;color:#4178F6;font-family:Roboto;font-weight:700;text-align:center;}
button.blue-line-btn2:hover {background:#CDDBFC}
button.blue-line-btn2:active {background:#CDDBFC}



button.black-line-btn1 {border:1px solid #425262;border-radius:4px;font-weight:bold;color:#425262;font-family:Roboto;font-weight:700;text-align:center;}
button.black-line-btn1:hover {background:#F9FBFF;border:1px solid #4178F6;color:#4178F6}
button.black-line-btn1:active {background:#CDDBFC;border:1px solid #4178F6;color:#4178F6}

button.black-line-btn2 {border:1px solid #425262;border-radius:4px;font-weight:bold;color:#425262;font-family:Roboto;font-weight:700;text-align:center;}
button.black-line-btn2:hover {background:#FFFAFA;border:1px solid #FF3838;color:#FF3838}
button.black-line-btn2:active {background:#FFDDDD;border:1px solid #FF3838;color:#FF3838}

button.black-line-btn3 {border:1px solid #425262;border-radius:4px;color:#425262;font-weight:700;text-align:center;}
button.black-line-btn3:hover {background:#EFEFEF;}
button.black-line-btn3:active {background:#EFEFEF;}



button.grey-line-btn3:hover {background:#ECECEC}
button.grey-line-btn3:active {background:#ECECEC}

button.red-line-btn {border:1px solid #FF3838;background:#FFFAFA;border-radius:4px;font-weight:bold;color:#FF3838;font-family:Roboto;font-weight:700;text-align:center;}
button.red-line-btn:hover {background:#FFDDDD}
button.red-line-btn:active {background:#FFDDDD}

button.grey-line-btn {border:1px solid grey;border-radius:4px;font-weight:bold;color:grey;font-family:Roboto;font-weight:700;text-align:center;}
button.grey-line-btn:hover {background:#F1F2F5}
button.grey-line-btn:active {background:#F1F2F5}

button.grey-line-btn4 {border:1px solid #BDC4CB;border-radius:17px;font-weight:500;color:#425262;font-family:Roboto;text-align:center;padding:4px 7px;}
button.grey-line-btn4:hover {background:#F1F2F5}
button.grey-line-btn4:active {background:#F1F2F5}


/*button.blue-btn {background:#4177F6;border-radius:4px;font-weight:bold;color:white;}*/

button.grey-line-btn5 {border:1px solid #757A87;border-radius:4px;font-weight:500;color:#757A87;text-align:center;}
button.grey-line-btn5:hover {background:#DDE2EC;border:none;}
button.grey-line-btn5:active {background:#DDE2EC;border:none;}

button.update-permission-row{color:#D7DADE; font-size:20px; width:28px;height:28px;}
button.update-permission-row:hover{color:#A4ABBB}
button.update-permission-row:active{color:#3EC732;background:#E4F8DB;border-radius:75px;}

button.delete-permission-row{color:#D7DADE; font-size:20px; width:28px;height:28px;}
button.delete-permission-row:hover{color:#A4ABBB}
button.delete-permission-row:active{color:#FF3838;background:#FFF5F5;border-radius:75px;}


button.shadow-btn{color:#425262;font-weight: bold;font-family: Noto Sans KR;font-size: 16px;background: #FCFCFC;border: 2px solid #EAEAEA;box-sizing: border-box;border-radius: 4px;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.05);}

button.blue-round-btn{padding:5px 7px;border-radius:15px;background:#4177F6;color:white;}
button.blue-round-btn:hover{background:#0E49D3;}
button.blue-round-btn:active{background: #0E49D3;}


button.grey-round-btn{padding:5px 7px;border-radius:15px;background:#EEEEEE;color:white;cursor:default;}


/*각종 기능들*/
#searchbox input {padding: 0px 18px;}
#searchbox input:hover {background-color:#f7f7f7}
#searchbox input:focus {outline:none;}
#searchbox{width: 476px;height: 44px;background: #FCFCFC;border: 2px solid #EAEAEA;border-radius: 4px;}
#filter-searchword{width: 440px;height: 40px;border: none;font-size:14px;}
#searchbox input::placeholder{font-size: 14px;font-weight: 500;color: #6B778C;}
#searchbox img{width: 18px;height: 18px;}


.grey-border-input2 {color:#6f6f6f;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;line-height:1.5;border:2px solid #efefef;border-radius:2px;padding:0 18px;height:44px;background:#fcfcfc;font-size:12px;letter-spacing:-0.36px;transition:all .2s}
.grey-border-input {color:#6f6f6f;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;line-height:1.5;border:2px solid #efefef;border-radius:2px;padding:0 18px;height:44px;background:#fcfcfc;font-size:12px;letter-spacing:-0.36px;transition:all .2s}
.grey-border-input:hover {background-color:#f7f7f7}
.grey-border-input:focus {border:2px solid #a4a4a4;background-color:#fcfcfc}
.grey-border-input {color:#6f6f6f;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;line-height:1.5;border:2px solid #efefef;border-radius:2px;padding:0 18px;height:44px;background:#fcfcfc;font-size:12px;letter-spacing:-0.36px;transition:all .2s}

#period-tab ul {
  width: 214px;height: 44px;
  padding:2px;
  background: #F1F2F5;border-radius: 4px;
  position: relative;
  z-index:50;
  display:flex;flex-direction:row;justify-content:space-around;align-items: center;
  flex-wrap:nowrap;
}
#period-tab li {
    width: 70px;height: 40px;
    color:#6B778C;
    z-index:50;
    font-size: 13px;
    font-weight:bold;
    text-align: center;
    position: relative;
    cursor: pointer;
}

#period-tab button{width: 70px;height: 40px;line-height: 40px;}
#period-tab li.on{color: #425262;}
#period-tab li:hover{border-radius: 4px;background: rgba(252,252,252,0.5);box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);}

#period-tab .slider {
  /*border: 1px solid red;*/
  display: block;
  position: absolute;
  top:2px;
  left: 72px;
  border-radius: 4px;
  width:70px;
  height:40px;
  background: #FCFCFC;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.05);
  z-index:10;

  transition: all 0.4s;
}





#permission-tab {width: 214px;height: 44px;background: #F1F2F5;border-radius: 4px;cursor:pointer; display: flex; flex-direction: row;justify-content:space-around;padding:2px 1px 2px 1px;}
#permission-tab ul {
  position: relative;
  width: 214px;
  z-index:50;
  /*padding: 2px 0px 2px 1px;*/
  display:flex;
  justify-content:space-around;
}
#permission-tab li {
    display: inline-block;
    width: 105px;
    height: 40px;
    color:#6B778C;
    z-index:50;
    padding-right:1px;
    font-size: 13px;
    font-weight:bold;
    text-align: center;
    /*line-height: 40px;*/
    position: relative;
    cursor: pointer;
}

#permission-tab button{width: 105px;height: 40px;line-height: 40px;}
#permission-tab li.on{color: #425262;}
#permission-tab li:hover{border-radius: 4px;background: rgba(252,252,252,0.5);box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);}



.scroll-div.limited{max-height:160px;}
.scroll-div2.limited{max-height:155px;}


.scroll-y{overflow-y:scroll;}
.scroll-x{overflow-x:scroll;}





ul,li { list-style:none; }
/*a { text-decoration:none; color:#000; }*/
.tab { border:1px solid #ddd; border-left:none; background:#fff; overflow:hidden; }
.tab li { float:left; width:33.3%; border-left:1px solid #ddd; text-align:center; box-sizing:border-box; }
.tab li { display:inline-block; padding:20px; cursor:pointer; }
.tab li.on { background-color:#eee; color:#f00; }
.tab_con { clear:both; margin-top:5px; border:1px solid #ddd; }
.tab_con div { display:none; height:100px; background:#fff; line-height:100px; text-align:center; }

/* popup */
.ui-widget-overlay {background: rgba(29, 54, 73, 0.5);opacity:1;}
.ui-dialog .ui-dialog-titlebar {display:none}
.ui-widget.ui-widget-content {border:0;border-radius:3px;min-width:400px;height:auto;width:auto}
.ui-dialog .ui-dialog-content {padding:30px 30px 0 34px}
.ui-dialog {padding:0}
.ui-dialog .ui-dialog-buttonpane {margin-top:0;padding:16px 30px 17px 34px;border-width:0}
.ui-dialog .ui-dialog-buttonpane button {margin:0 0 0 10px}
.ui-dialog-buttonset button.ui-button {width:128px;padding:0;font-size:14px;font-weight:bold}
.ui-corner-all {border-radius:2px;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:inherit}
.ui-state-error,
.ui-state-highlight {background:none;border:0;}

/* plugin css custom */
.intl-tel-input.allow-dropdown {flex:1;margin-right:10px;}

.log-out {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #d8d8d8;
    margin: 20px 0 15px 30px;
    flex: none;
}
.file-upload {width:345px;color:#6f6f6f;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;line-height:1.5;border:2px solid #efefef;border-radius:2px;padding:0 18px;height:44px;background:#fcfcfc;font-weight:bold;font-size:12px;letter-spacing:-0.36px;transition:all .2s}

.address_clipboard_text{
  background: #F1F2F5;
  border-radius: 4px;
  color:#425262;
  font-family: Noto Sans KR;
  font-weight: bold;
  font-size: 13px;
}

.not_draggable{-webkit-touch-callout: none;user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none;}


/* 모달 */
.dialogtype1{padding: 50px 35px 0px 35px;}
.dialogtype1 h1{ font-family: Noto Sans KR;color: #425262;font-size:24px;}
.dialogtype1 .word{font-family: Noto Sans KR;font-weight: bold;padding-top:34px;font-size: 15px;color: #425262;}
.dialogtype1 p{font-family: Noto Sans KR;font-weight: 500;padding-top:34px;font-size: 13px;color: #6B778C;}
.dialogtype1 input{margin-top:14px;  width:330px;}
.dialogtype1 input::placeholder{font-family: Noto Sans KR;font-weight: 500;font-size: 13px;color: #A5ADB8;}



/*#corporate_certificate_one*/
/*#corporate_certificate_one{border: 2px solid pink;}*/
/*#corporate_certificate_one input::placeholder{color:#B7BABF;font-size:14px;font-weight:normal;}*/



.toggleButton1{
  background:#FCFCFC;
  border: 2px solid #EAEAEA;
  border-radius: 4px;
  width: 130px;
  margin-right:3px;
  height: 32px;
  line-height:29px;
  color:#425262;
  font-family: Noto Sans KR;
  font-weight: bold;
  font-size: 13px;

}
.toggleButton1 td {text-align:center;cursor:pointer;}

.modal1{
  padding:20px 20px 10px 20px;
  width:510px;
  min-height:90px;
  /*height:110px;*/
  background: #FCFCFC;
  border: 2px solid #EAEAEA;
  box-sizing: border-box;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  z-index:100;
  display:flex;
  flex-direction:row;
  justify-content:space-between;

    font-family: Noto Sans KR;
    color: #6B778C;


}
.divToggle1{
   display:none;
   position:absolute;
   right:0px;
    z-index:100;
}
.divToggle1.view{
  display:block;
}



.modal1 button{
  background: #F1F2F5;
  border-radius: 4px;
  line-height:32px;
  text-align:center;
  color:#425262;
  font-family: Noto Sans KR;
  font-weight: bold;
  font-size: 13px;
}

.toggleButton1:hover,
.modal1 button:hover{
  opacity:80%;
}

/*
	css-only-tooltip version 1.0.0
	ⓒ 2015 AHN JAE-HA http://github.com/eu81273
	MIT License
*/


[data-tooltip-text]:hover {
	position: relative;
}

[data-tooltip-text]:hover:after {
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.8);

	-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	color: #FFFFFF;
	font-size: 12px;
	content: attr(data-tooltip-text);

  margin-bottom: 10px;
	top: 110%;
	left: 0;
	padding: 7px 12px;
	position: absolute;
	width: auto;
	min-width: 50px;
	max-width: 300px;
	word-wrap: break-word;

	z-index: 9999;
}


.spender_table {
  top:23px;
  left:-100%;
  margin-left:-135px;
  z-index:10
}

.spender_table table.type80 {
  border-color:#4177f6;
  box-shadow: 0 0 20px rgba(0,0,0,.1);
}

.spender_table table.type80 th {
  background-color:#4177f6;
  color:#fff;
}