*,
*:after,
*:before {	margin: 0;	padding: 0;	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

:root {
	--column-padd: 0rem;

    --color-white: #fff;
	--color-black: #000;
	--color-red: #e41226;
	--color-dark-gray: #222;
	--color-gray: #666;
	--color-light-gray: #999;
	--color-orange:#ef6338;
	--color-default:#383962;
	--color-brown:#67625d;
	--color-light-blue:#3a6ce9;
	--color-blue:#1568f3;
	--color-dark-blue:#0c1a31;
	--color-best: #f45b08;
	--color-special: #0fa45c;
	--color-recom: #ad8949;
	--color-personal: #df3726;
	--color-yellow: #fcff07;
	--color-blue :#174bdd; 
	--color-sky-blue :#39f8ff; 
	--color-violet :#895cfc; 
	--color-green :#91fec5; 
	
	--radius-round:30rem;
	--radius-default:0.15rem;
}

html {   line-height: 1.15;  -webkit-text-size-adjust: 100%;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {  display: block;}
body {  margin: 0; color: #333;   background:#f2f4f8;  letter-spacing:-.04em; font-size: 1rem;  font-family: 'pretendard','SpoqaHanSans', sans-serif, 'xeicon'; line-height: normal;  -webkit-font-smoothing: antialiased; padding: 0;  margin: 0;  overflow-x: hidden; word-break:keep-all; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,button {  font-weight: 600;  line-height: 1;font-family: 'pretendard' !important;  }
select, input, textarea { font-family: 'SpoqaHanSans' }
em { font-style:normal}
[tabindex="-1"]:focus {  outline: 0 !important;}

hr {  box-sizing: content-box;  height: 0;  overflow: visible;}
p {  margin-top: 0;}

abbr[title],
abbr[data-original-title] {  text-decoration: underline;  text-decoration: underline dotted;  cursor: help;  border-bottom: 0;  text-decoration-skip-ink: none;}
address {   font-style: normal;  line-height: inherit;}
ol ol,ul ul,ol ul,ul ol {  margin-bottom: 0;}
blockquote {  margin: 0 0 1rem;}
b,strong {  font-weight: bolder;}
b {vertical-align:middle; font-weight:bold; }
a {  color: #1167db;  text-decoration: none;  }

a:hover {  color: #555; text-decoration:none;}
a:active {  color: #555; text-decoration:none;}
a:visited{  color: #555; text-decoration:none;}


pre,code,kbd,samp { font-size: 1em;}
pre {  margin-top: 0;  margin-bottom: 1rem;  overflow: auto;}
figure {  margin: 0 0 1rem;}
img {  vertical-align: middle;  border-style: none;}
svg {  overflow: hidden;  vertical-align: middle;}
caption {  padding-top: 1.25rem 0.9375rem;  padding-bottom: 1.25rem 0.9375rem;  color: #6c757d;  text-align: left;  caption-side: bottom;}
table{border-spacing:0; border-collapse:collapse; word-break:keep-all; table-layout:fixed;}
table,th,td{border:none;}
table caption {display:none; }
label {  display: inline-block; }
button {  border-radius: 0; border:0}
input,button,select,optgroup,textarea,ul,li,span {  margin: 0;   font-size: inherit;  line-height: inherit; transition: all 0.2s ease-in;  }
button,input {  overflow: visible;}
button,select {  text-transform: none; }
select {  word-wrap: normal; appearance: none; -webkit-appearance: none; cursor:pointer; }
select::-ms-expand {display: none;} 


button,[type="button"],[type="reset"],[type="submit"] {  -webkit-appearance: button;}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {  cursor: pointer;}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {  padding: 0;  border-style: none;}

input[type="radio"],
input[type="checkbox"] {  box-sizing: border-box;  padding: 0; background:#e1e6fa}


/* ///////////////////////////////////////////////////////// */
/*         checkbox radio common
/* ///////////////////////////////////////////////////////// */
input[type=checkbox], input[type=radio] {position:absolute;	opacity:0;-webkit-opacity:0;-moz-opacity:0;	z-index:0;}
input[type=checkbox] + label {position:relative;display:inline-block;margin:0;  padding:0 1rem 0 1.35rem;box-sizing:border-box;background:none;border:0;letter-spacing:-1px;font-size:13px;line-height:28px;color:#111;font-style:normal;word-break:keep-all;vertical-align:middle;cursor:pointer;}
input[type=checkbox] + label:before {display: block;content: "";position: absolute;left: 0;top:50%;width:18px;height:18px;background-color:#fff;border:1px solid #a9b4c0;border-radius:3px;transform:translateY(-50%);box-sizing:border-box;-webkit-box-sizing:border-box;;-moz-box-sizing:border-box; transition: all 0.2s ease-in; }
input[type=checkbox] + label:after {content:'';display:none;position:absolute;top:50%;left:6px;width:7px;height:11px;margin:-7.5px 0 0 0;border-color:#fff;border-style:solid;border-width:0 2px 2px 0 !important;transform:rotate(45deg);}
input[type=checkbox]:checked + label {background:none;}
input[type=checkbox]:checked + label:before {border:1px solid var(--color-default);background-color:var(--color-default);transform:translateY(-50%);box-shadow:0 3px 8px -3px var(--color-default);}
input[type=checkbox]:checked + label:after {display:block;}

input[type=radio] + label {position:relative;display:inline-block;margin:0;padding:0 1rem 0 1.35rem;box-sizing:border-box;border:0;background:none;letter-spacing:-1px; font-size:13px;line-height:28px;color:#111;vertical-align:middle;cursor:pointer;}
input[type=radio] + label:after {display: block;content: "";position: absolute;left: 0;top:50%;width:18px;height:18px;background-color:#fff;border:1px solid #a9b4c0;border-radius:50%;transform:translateY(-50%);transition: border 0.2s ease-in;box-sizing:border-box;-webkit-box-sizing:border-box;;-moz-box-sizing:border-box;}
input[type=radio]:checked + label {background:none;}
input[type=radio]:checked + label:after {border:5px solid var(--color-default);box-shadow:0 3px 8px -3px var(--color-default);}

/* input disabled readonly */
input[type="checkbox"]:disabled + label {color:#bfc0c2; cursor:default}
input[type="checkbox"]:disabled:checked + label {color:#7e848f; cursor:default}
input[type="checkbox"]:disabled + label:before {  border-color: #dddfe3; background-color:#eeeff1 !important}
input[type="checkbox"]:disabled:checked + label:before { box-shadow:none;  border-color: #c0c5d0;background-color:#d1d5dd !important }
input[type="checkbox"]:disabled:checked + label:after { }

input[type="radio"]:disabled + label {color:#bfc0c2; cursor:default}
input[type="radio"]:disabled:checked + label {color:#7e848f; cursor:default}
input[type="radio"]:disabled + label:after {  border-color: #dee0e2;background-color:#f4f5f6; }
input[type="radio"]:disabled:checked + label:after { border-color: #b3b8bd !important; background-color: #fff !important;  box-shadow:none;}

input[type="text"]:disabled, textarea:disabled, select:disabled {border-color:#dee0e2; background-color:#f6f6f7}


input[readonly][type=text] {border-color: #86a1e6; background-color:#f2f4f8; }
input[readonly][type=text]:focus {border-color:#86a1e6; background-color:#f2f4f8; }
textarea[readonly] {border-color:#86a1e6; background-color:#f2f4f8; }
textarea[readonly]:focus {border-color:#86a1e6; background-color:#f2f4f8; }


input::-webkit-input-placeholder { /* Chrome/Opera/Safari */   color: #888;}
input::-moz-placeholder { /* Firefox 19+ */   color:#999; }
input::-ms-input-placeholder { /* IE 10+ */   color:#bbb; }
input::-moz-placeholder { /* Firefox 18- */   color:#999;}

textarea {  overflow: auto;  resize: vertical;}
fieldset {  min-width: 0;  padding: 0;  margin: 0;  border: 0;}
legend {  display: block;  width: 100%;  max-width: 100%;  padding: 0;  margin-bottom: .5rem;  font-size: 1.5rem;  line-height: inherit;  color: inherit;  white-space: normal;}
progress {  vertical-align: baseline;}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {  height: auto;}
[type="search"] {  outline-offset: -2px;  -webkit-appearance: none;}
[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}
::-webkit-file-upload-button {  font: inherit;  -webkit-appearance: button;}
output {  display: inline-block;}
summary {  display: list-item;  cursor: pointer;}
template {  display: none;}
[hidden] {  display: none !important;}
.txt_hide {text-indent: ; font-size:0px;}

/* font-color */
.fc_w { color:#ffffff !important}
.fc_red { color:#e41226 !important}
.fc_blue { color:#1568f3 !important}
.fc_yellow { color:#fcff07 !important;}
.fc_green { color:#1ba121 !important;}
.fc_brown { color:#977b56 !important;}
.fc_default { color:#2062f8 !important;}
.fc_name { color:#234bbc !important;}
.fc_id { color:#9f6633 !important;}
.fc_0 { color:#000 !important;}
.fc_2 { color:#222 !important;}
.fc_3 { color:#333 !important;}
.fc_4 { color:#444 !important;}
.fc_5 { color:#555 !important;}
.fc_6 { color:#666 !important;}
.fc_7 { color:#777 !important;}
.fc_8 { color:#888 !important;}
.fc_9 { color:#999 !important;}



.bg_gray { background-color:#666 !important; color:#fbfe01 !important }
.bg_violet { background-color:#805cf5 !important; color:#fbfe01 !important }
.bg_red { background-color:#f97079 !important;  }
.bg_blue {background-color:#81dcfe !important; }
.bg_green {background-color:#b2e627 !important; }
.bg_yellow {background-color:#f2d341 !important; }

.bold {font-weight:bold; }
.no-gutters {  margin-right: 0;  margin-left: 0;}

.no-gutters > .col,
.no-gutters > [class*="col-"] {  padding-right: 0;  padding-left: 0;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,  .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto{  position: relative;  width: 100%;  padding-right: 5px;  padding-left: 5px;}

.col {  flex-basis: 0;  flex-grow: 1;  max-width: 100%;}
.col .col-h {height:100%;}
.col-auto {  flex: 0 0 auto;  width: auto;  max-width: 100%;}
.col-3 {  width: 30%; display:inline-block; vertical-align:top;}
.col-4 {  width: 43%; display:inline-block; vertical-align:top;}
.col-6 {  width: 57%; display:inline-block; vertical-align:top;}
.col-7 {  width: 70%; display:inline-block; vertical-align:top;}
.col-5 {  width: 50%; display:inline-block; vertical-align:top;}
.col-12 {  display:block; width:100%;}

@media screen and (max-width:1600px){ 
	.col-4 {  width: 50%;}
	.col-6 {  width: 50%;}
}


.form-text {  display: block;  margin-top: 0.25rem;}
.form-row {  display: flex;  flex-wrap: wrap;  margin-right: -5px;  margin-left: -5px;}
.form-row > .col,
.form-row > [class*="col-"] {  padding-right: 5px;  padding-left: 5px;}


.d-block {display:block !important; }

/*  ///////////////////////////////////////////////////////// */
/*      nav         
/*  ///////////////////////////////////////////////////////// */
.nav {  display: flex;  flex-wrap: wrap;  padding-left: 0;  margin-bottom: 0;  list-style: none;}
.nav-link {  display: block;  padding: 0.5rem 1rem;}
.nav-link:hover, .nav-link:focus {  text-decoration: none;}
.nav-link.disabled {  color: #6c757d;  pointer-events: none;  cursor: default;}

.navbar {  position: relative;  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;  padding: 0.5rem 1rem;}
.navbar > .container,
.navbar > .container-fluid {  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;}

.navbar-brand {  display: inline-block;  padding-top: 0.3125rem;  padding-bottom: 0.3125rem;  margin-right: 1rem;  font-size: 1.25rem;  line-height: inherit;  white-space: nowrap;}
.navbar-brand:hover, .navbar-brand:focus {  text-decoration: none;}
.navbar-nav {  display: flex;  flex-direction: column;  padding-left: 0;  margin-bottom: 0;  list-style: none;}
.navbar-nav .nav-link {  padding-right: 0;  padding-left: 0;}
.navbar-nav .dropdown-menu {  position: static;  float: none;}
.navbar-text {  display: inline-block;  padding-top: 0.5rem;  padding-bottom: 0.5rem;}

.navbar-collapse {  flex-basis: 100%;  flex-grow: 1;  align-items: center;}
.navbar-toggler {  padding: 0.25rem 0.75rem;  font-size: 1.25rem;  line-height: 1;  background-color: transparent;  border: 1px solid transparent;  border-radius: 0.25rem;}
.navbar-toggler:hover, .navbar-toggler:focus {  text-decoration: none;}
.navbar-toggler-icon {  display: inline-block;  width: 1.5em;  height: 1.5em;  vertical-align: middle;  content: "";  background: no-repeat center center;  background-size: 100% 100%;}

/* main-content */
.card {  position: relative;display:block;    padding:0.65rem; border-radius:1px; background-color:#fff;   border:1px solid var(--border-color); max-width:1711px; min-width:1300px;}
.card-body {  flex: 1 1 auto;  padding: 1.25rem; }
.main .card {padding:20px; max-width:100%:}

@media screen and (max-width:1711px){ 
.card {max-width:100%; }
}



.align-baseline {  vertical-align: baseline !important;}
.align-top {  vertical-align: top !important;}
.align-middle {  vertical-align: middle !important;}
.align-bottom {  vertical-align: bottom !important;}
.align-text-bottom {  vertical-align: text-bottom !important;}
.align-text-top {  vertical-align: text-top !important;}


.clearfix::after {  display: block;  clear: both;  content: "";}
.d-flex,.navbar .navbar-menu-wrapper 
.navbar-nav,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown 
.navbar-dropdown .dropdown-item {  display: flex !important;}

.flex-row, .email-wrapper .message-body .attachments-sections ul li, .navbar .navbar-menu-wrapper .navbar-nav {  flex-direction: row !important;}
.flex-column, .nav-tabs.nav-tabs-vertical, .nav-tabs.nav-tabs-vertical-custom, .nav-pills.nav-pills-vertical, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {  flex-direction: column !important;}
.flex-row-reverse {  flex-direction: row-reverse !important;}
.flex-column-reverse {  flex-direction: column-reverse !important;}
.flex-wrap, .jsgrid-pager {  flex-wrap: wrap !important;}
.flex-nowrap {  flex-wrap: nowrap !important;}
.flex-wrap-reverse {  flex-wrap: wrap-reverse !important;}
.flex-fill {  flex: 1 1 auto !important;}
.flex-grow-0 {  flex-grow: 0 !important;}
.flex-grow-1 {  flex-grow: 1 !important;}
.flex-shrink-0 {  flex-shrink: 0 !important;}
.flex-shrink-1 {  flex-shrink: 1 !important;}

.justify-content-start, .list-wrapper ul li {  justify-content: flex-start !important;}
.justify-content-end, .email-wrapper .mail-list-container .mail-list .details {  justify-content: flex-end !important;}
.justify-content-center, .email-wrapper .message-body .attachments-sections ul li .thumb {  justify-content: center !important;}
.justify-content-between {  justify-content: space-between !important;}
.justify-content-around {  justify-content: space-around !important;}


.float-left {  float: left !important;}
.float-right {  float: right !important;}
.float-none {  float: none !important;}

.overflow-auto {  overflow: auto !important;}
.overflow-hidden {  overflow: hidden !important;}

.position-static {  position: static !important;}
.position-relative {  position: relative !important;}
.position-absolute {  position: absolute !important;}
.position-fixed {  position: fixed !important;}
.position-sticky {  position: sticky !important;}

.fixed-top {  position: fixed;  top: 0;  right: 0;  left: 0;  z-index: 1030;}
.fixed-bottom {  position: fixed;  right: 0;  bottom: 0;  left: 0;  z-index: 1030;}




a,div,h1,h2,h3,h4,h5,p,span {  text-shadow: none;}

[type=button]:focus,
a:active,
a:focus,
a:visited,
button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner,
select::-moz-focus-inner {  outline: 0;}
a:focus,
input:focus {  border-color: transparent;  outline: none;}

input,
input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus,
button:focus {  outline: none;  outline-width: 0;  outline-color: transparent; box-shadow: none;  outline-style: none; }
textarea {  resize: none;  overflow-x: hidden;}

input, select, textarea, button {   display: inline-block;   outline: 0;   vertical-align: middle;  font-size:14px;   appearance: none; outline-width: 0; vertical-align: middle;
   -webkit-appearance: none;   
   -moz-appearance: none;
}

select{ padding-right:25px; position:relative;
    border:1px solid #d0d3da; border-radius:4px; color: #333;font-size: 15px; height:28px; line-height: 26px; padding-left:7px; letter-spacing: 0;appearance: none;box-sizing: border-box;
	background-image:url(/images/icon_select.png); background-size:auto 13px; background-repeat:no-repeat;background-position:calc(100% - 5px);
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}



.page-header {  margin-bottom: 2.5rem;}
.page-header .page-title {  margin-bottom: 0;  line-height: .85;}
.font-weight-medium {  font-weight: 500;}

/* Miscellanoeous */
body,html { /* overflow-x: hidden;  */ padding-right: 0 !important;}
*:-moz-full-screen,
*:-webkit-full-screen,
*:fullscreen *:-ms-fullscreen {  overflow: auto;}



/* Utilities */
.grid-margin {  margin-top: 10px;}
.main .grid-margin {  margin-top: 15px;}

/* Forms */
input[type="text"], input[type="password"] {border:1px solid #d0d3df;  height:28px; border-radius:4px;padding:0px 7px; background:#fff; vertical-align:middle; margin:0 2px;}
input[type="text"]:focus, 
input[type="password"]:focus, 
select:focus, 
textarea:focus {  color: #495057;  background-color: #fff;  border-color: var(--color-default);  outline: 0;  }
input[type="text"]:first-child {margin-left:0}

textarea {border:1px solid #d0d3df;font-size:14px; padding:5px;  border-radius:4px;padding:7px; background:#fff; min-height:80px; margin:5px 0; }


/* width */
.w-25 {  width: 25% !important;}
.w-50 {  width: 50% !important;}
.w-75 {  width: 75% !important;}
.w-100 {  width: 100% !important;}
.w-auto {  width: auto !important;}
.h-25 {  height: 25% !important;}
.h-50 {  height: 50% !important;}
.h-75 {  height: 75% !important;}
.h-100 {  height: 100% !important;}
.h-auto {  height: auto !important;}

.mw-100 {  max-width: 100% !important;}
.mh-100 {  max-height: 100% !important;}
.min-vw-100 {  min-width: 100vw !important;}
.min-vh-100 {  min-height: 100vh !important;}
.vw-100 {  width: 100vw !important;}
.vh-100 {  height: 100vh !important;}

.w30 {width:30px !important;}
.w35 {width:35px !important;}
.w40 {width:40px !important;}
.w45 {width:45px !important;}
.w50 {width:50px !important;}
.w55 {width:55px !important;}
.w60 {width:60px !important;}
.w61 {width:61px !important;}
.w62 {width:62px !important;}
.w63 {width:63px !important;}
.w64 {width:64px !important;}
.w65 {width:65px !important;}
.w66 {width:66px !important;}
.w67 {width:67px !important;}
.w68 {width:68px !important;}
.w69 {width:69px !important;}
.w70 {width:70px !important;}
.w71 {width:71px !important;}
.w72 {width:72px !important;}
.w73 {width:73px !important;}
.w74 {width:74px !important;}
.w75 {width:75px !important;}
.w76 {width:76px !important;}
.w77 {width:77px !important;}
.w78 {width:78px !important;}
.w79 {width:79px !important;}
.w80 {width:80px !important;}
.w81 {width:81px !important;}
.w82 {width:82px !important;}
.w83 {width:83px !important;}
.w84 {width:84px !important;}
.w85 {width:85px !important;}
.w86 {width:86px !important;}
.w87 {width:87px !important;}
.w88 {width:88px !important;}
.w89 {width:89px !important;}
.w90 {width:90px !important;}
.w91 {width:91px !important;}
.w92 {width:92px !important;}
.w93 {width:93px !important;}
.w94 {width:94px !important;}
.w95 {width:95px !important;}
.w96 {width:96px !important;}
.w97 {width:97px !important;}
.w98 {width:98px !important;}
.w99 {width:99px !important;}
.w100 {width:100px !important;}
.w101 {width:101px !important;}
.w102 {width:102px !important;}
.w103 {width:103px !important;}
.w104 {width:104px !important;}
.w105 {width:105px !important;}
.w106 {width:106px !important;}
.w107 {width:107px !important;}
.w108 {width:108px !important;}
.w109 {width:109px !important;}
.w110 {width:110px !important;}
.w111 {width:111px !important;}
.w112 {width:112px !important;}
.w113 {width:113px !important;}
.w114 {width:114px !important;}
.w115 {width:115px !important;}
.w116 {width:116px !important;}
.w117 {width:117px !important;}
.w118 {width:118px !important;}
.w119 {width:119px !important;}
.w120 {width:120px !important;}
.w121 {width:121px !important;}
.w122 {width:122px !important;}
.w123 {width:123px !important;}
.w124 {width:124px !important;}
.w125 {width:125px !important;}
.w126 {width:126px !important;}
.w127 {width:127px !important;}
.w128 {width:128px !important;}
.w129 {width:129px !important;}
.w130 {width:130px !important;}
.w131 {width:131px !important;}
.w132 {width:132px !important;}
.w133 {width:133px !important;}
.w134 {width:134px !important;}
.w135 {width:135px !important;}
.w136 {width:136px !important;}
.w137 {width:137px !important;}
.w138 {width:138px !important;}
.w139 {width:139px !important;}
.w140 {width:140px !important;}
.w141 {width:141px !important;}
.w142 {width:142px !important;}
.w143 {width:143px !important;}
.w144 {width:144px !important;}
.w145 {width:145px !important;}
.w146 {width:146px !important;}
.w147 {width:147px !important;}
.w148 {width:148px !important;}
.w149 {width:149px !important;}
.w150 {width:150px !important;}
.w151 {width:151px !important;}
.w152 {width:152px !important;}
.w153 {width:153px !important;}
.w154 {width:154px !important;}
.w155 {width:155px !important;}
.w160 {width:160px !important;}
.w161 {width:161px !important;}
.w162 {width:162px !important;}
.w163 {width:163px !important;}
.w164 {width:164px !important;}
.w165 {width:165px !important;}
.w166 {width:166px !important;}
.w167 {width:167px !important;}
.w168 {width:168px !important;}
.w169 {width:169px !important;}
.w170 {width:170px !important;}
.w171 {width:171px !important;}
.w172 {width:172px !important;}
.w173 {width:173px !important;}
.w174 {width:174px !important;}
.w175 {width:175px !important;}
.w176 {width:176px !important;}
.w177 {width:177px !important;}
.w178 {width:178px !important;}
.w179 {width:179px !important;}
.w180 {width:180px !important;}
.w181 {width:181px !important;}
.w182 {width:182px !important;}
.w183 {width:183px !important;}
.w184 {width:184px !important;}
.w185 {width:185px !important;}
.w186 {width:186px !important;}
.w187 {width:187px !important;}
.w188 {width:188px !important;}
.w189 {width:189px !important;}
.w190 {width:190px !important;}
.w191 {width:191px !important;}
.w192 {width:192px !important;}
.w193 {width:193px !important;}
.w194 {width:194px !important;}
.w195 {width:195px !important;}
.w196 {width:196px !important;}
.w197 {width:197px !important;}
.w198 {width:198px !important;}
.w199 {width:199px !important;}
.w200 {width:200px !important;}
.w205 {width:205px !important;}
.w210 {width:210px !important;}
.w215 {width:215px !important;}
.w220 {width:220px !important;}
.w225 {width:225px !important;}
.w230 {width:230px !important;}
.w231 {width:231px !important;}
.w232 {width:232px !important;}
.w233 {width:233px !important;}
.w234 {width:234px !important;}
.w235 {width:235px !important;}
.w236 {width:236px !important;}
.w237 {width:237px !important;}
.w238 {width:238px !important;}
.w239 {width:239px !important;}
.w240 {width:240px !important;}
.w241 {width:241px !important;}
.w242 {width:242px !important;}
.w243 {width:243px !important;}
.w244 {width:244px !important;}
.w245 {width:245px !important;}
.w246 {width:246px !important;}
.w247 {width:247px !important;}
.w248 {width:248px !important;}
.w249 {width:249px !important;}
.w250 {width:250px !important;}
.w251 {width:251px !important;}
.w252 {width:252px !important;}
.w253 {width:253px !important;}
.w254 {width:254px !important;}
.w255 {width:255px !important;}
.w256 {width:256px !important;}
.w257 {width:257px !important;}
.w258 {width:258px !important;}
.w259 {width:259px !important;}
.w260 {width:260px !important;}
.w270 {width:270px !important;}
.w280 {width:280px !important;}
.w290 {width:290px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w450 {width:450px !important;}
.w500 {width:500px !important;}
.w550 {width:550px !important;}
.w5pc {width:5% !important;  }
.w6pc {width:6% !important;  }
.w7pc {width:7% !important;  }
.w8pc {width:8% !important;  }
.w10pc {width:10% !important; }
.w12pc {width:12% !important;  }
.w13pc {width:13% !important;  }
.w14pc {width:14% !important;  }
.w15pc {width:15% !important;  }
.w18pc {width:18% !important;  }
.w20pc {width:20% !important;  }
.w30pc {width:30% !important;  }
.w40pc {width:40% !important; }
.w45pc {width:45% !important;  }
.w50pc {width:50% !important; }
.w70pc {width:70% !important; }
.w80pc {width:80% !important; }
.w90pc {width:90% !important; }
.w98pc {width:98% !important; }
.w100pc {width:100% !important; }

/* padding  */
.p-0 {  padding: 0 !important;}
.pdL0 {padding-left:0 !important;}
.pdR0 {padding-left:0 !important;}

/* margin */
.mg-t1 {margin-top:1px !important; }
.mg-t2 {margin-top:2px !important; }
.mg-t3 {margin-top:3px !important; }
.mg-t4 {margin-top:4px !important; }
.mg-t5 {margin-top:5px !important; }
.mg-t10 {margin-top:10px !important; }
.mg-t15 {margin-top:15px !important; }
.mg-t20 {margin-top:20px !important; }
.mg-t25 {margin-top:25px !important; }
.mg-t30 {margin-top:30px !important; }
.mg-t40 {margin-top:40px !important; }
.mg-t45 {margin-top:45px !important; }

/* align */
.text-justify {  text-align: justify !important;}
.text-wrap {  white-space: normal !important;}
.text-nowrap {  white-space: nowrap !important;}
.text-truncate {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.text-left {  text-align: left !important;}
.left {  text-align: left !important;}
.text-right {  text-align: right !important;}
.text-center {  text-align: center !important; }
.center {  text-align: center !important; }

.text-lowercase {  text-transform: lowercase !important;}
.text-uppercase {  text-transform: uppercase !important;}
.text-capitalize {  text-transform: capitalize !important;}
.font-weight-light {  font-weight: 300 !important;}
.font-weight-lighter {  font-weight: lighter !important;}
.font-weight-normal {  font-weight: 400 !important;}
.font-weight-bold {  font-weight: 600 !important;}
.font-weight-bolder {  font-weight: bolder !important;}
.font-italic {  font-style: italic !important;}
.text-white {  color: #ffffff !important;}

.fl-right {float:right !important; vertical-align:middle;}
.fl-left {float:left !important; }

.text-hide {  font: 0/0 a;  color: transparent;  text-shadow: none;  background-color: transparent;  border: 0;}
.text-decoration-none {  text-decoration: none !important;}
.text-break {  word-break: break-word !important;  overflow-wrap: break-word !important;}
.text-reset {  color: inherit !important;}
.visible {  visibility: visible !important;}
.invisible {  visibility: hidden !important;}

.space1 {padding:0 4px; display:inline-block; vertical-align:middle; }
.space2 {padding:0 8px; display:inline-block; vertical-align:middle; }


/* 스크롤바 */
::-webkit-scrollbar { width: 6px;height:6px;}
::-webkit-scrollbar-track { background-color: #f9f9f9; }
::-webkit-scrollbar-thumb { background:#383962 !important; opacity:1 !important;  border-radius:0px; }
::-webkit-scrollbar-button { display: none; }

.list_wrap  ::-webkit-scrollbar-thumb { background-color:#666 !important;  }


/* 테이블 리스트 형태 데이터없을때 처리 */
.tableEmptyWrap { display:none;  height:100%;position:relative;  font-size:17px; text-align:center; vertical-align:middle; background-color:#f6f7fc; }
.tableEmptyWrap:before {content:''; display:inline-block; margin:0 auto; width:203px; height:121px; background:transparent url(/images/img_nolist.png) no-repeat center ; background-size:cover; position:absolute;left:50%; top:50%;margin-left:-101px; margin-top:-130px;}
.tableEmptyWrap:after {content:'차량이 없습니다.';font-weight:500; color:#555; font-size:18px;width:100%; text-align:center; position:absolute;left:0; top:50%; margin-top:0px;}

/* UL 리스트 형태 데이터없을때 처리 */
.ulEmptyWrap { display:none;  height:100%;position:relative;  font-size:17px; text-align:center; vertical-align:middle; background-color:#f6f7fc; }
.ulEmptyWrap:before {content:''; display:inline-block; margin:0 auto; width:203px; height:121px; background:transparent url(/images/img_nolist.png) no-repeat center ; background-size:cover; position:absolute;left:50%; top:50%;margin-left:-101px; margin-top:-130px;}
.ulEmptyWrap:after {content:'데이터가 없습니다.'; font-weight:500; color:#555; font-size:18px;width:100%; text-align:center; position:absolute;left:0; top:50%; margin-top:0px;}



/* 로딩 처리 */
.loading {position:relative;}
.loading:after {content:'';position:absolute;left:0;top:0;bottom:0;right:0; background-image:url('/images/loading_dual_ball.svg'); background-size:6%;  background-repeat:no-repeat;background-position:center center;}
.loading.full:after { position:fixed;z-index:99; }