@charset "UTF-8";
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/* nav */
#skipNav,
.blind {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.txt_primary {
  color: #2860db !important;
}

.bg_primary {
  background-color: #2860db !important;
}

.txt_secondary {
  color: #666666 !important;
}

.bg_secondary {
  background-color: #666666 !important;
}

.txt_tertiary {
  color: #dddddd !important;
}

.bg_tertiary {
  background-color: #dddddd !important;
}

.txt_quaternary {
  color: #eeeeee !important;
}

.bg_quaternary {
  background-color: #eeeeee !important;
}

.txt_ckdblue {
  color: #004a98 !important;
}

.bg_ckdblue {
  background-color: #004a98 !important;
}

.txt_success {
  color: #82a9ff !important;
}

.bg_success {
  background-color: #82a9ff !important;
}

.txt_info {
  color: #017236 !important;
}

.bg_info {
  background-color: #017236 !important;
}

.txt_danger {
  color: #ff8282 !important;
}

.bg_danger {
  background-color: #ff8282 !important;
}

.txt_light {
  color: #f1f1f1 !important;
}

.bg_light {
  background-color: #f1f1f1 !important;
}

.txt_dark {
  color: #999999 !important;
}

.bg_dark {
  background-color: #999999 !important;
}

.float_l {
  float: left !important;
}

.float_r {
  float: right !important;
}

.float_none {
  float: none !important;
}

.clear::after {
  content: "";
  display: block;
  clear: both;
}

.d_block {
  display: block !important;
}

.d_inblock {
  display: inline-block !important;
}

.d_none {
  display: none !important;
}

.txt_ess {
  margin-right: 4px;
  color: #2860db;
  font-size: 14px;
}

.mg0 {
  margin: 0 !important;
}

.line_none {
  border: 0 !important;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  vertical-align: baseline;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

header, footer, main, nav, section, article, aside, figure, figcaption, hgroup {
  display: block;
}

body {
  margin: 0;
  font-family: "맑은 고딕", MalgunGothic, "돋움", dotum, arial, sans-serif, helvetica;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #666666;
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  vertical-align: middle;
}

blockquote,
em,
strong,
small,
p,
pre,
i {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
}

strong {
  font-weight: 600;
}

ul,
ol,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

ul li,
ol li {
  list-style: none;
}

a {
  color: #666666;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  visibility: hidden;
  font-size: 0;
}

th,
td {
  box-sizing: border-box;
  font-weight: normal;
  vertical-align: middle;
}

label {
  display: inline-block;
  cursor: pointer;
}

button {
  overflow: visible;
  background: none;
  border-radius: 0;
  white-space: nowrap;
  cursor: pointer;
}
button[disabled] {
  cursor: default;
}

form,
fieldset,
button,
input,
select,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
}

:focus {
  outline: none;
}

input[type=radio] {
  vertical-align: top;
}
input[type=file] {
  cursor: pointer;
}

textarea {
  resize: none;
  line-height: 1.5;
}

img {
  border: 0 none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

em,
address {
  font-style: normal;
}

h1, .h1 {
  font-size: 30px;
}

h2, .h2 {
  font-size: 24px;
}

h3, .h3 {
  font-size: 21px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 15px;
}

h6, .h6 {
  font-size: 12px;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-weight: 600;
}

.header {
  height: 100px;
  border-bottom: 1px solid #eeeeee;
}
.header .login_wrap {
  height: 40px;
  padding-right: 50px;
  background-color: #666666;
  line-height: 40px;
  text-align: right;
}
.header .logo {
  float: left;
  width: 260px;
  height: inherit;
  padding: 16px 0;
  text-align: center;
  line-height: 1;
}
.header .logo a {
  vertical-align: baseline;
}
.header .logo a img {
  width: 110px;
}
.header .gnb_wrap {
  height: 59px;
  padding-right: 50px;
  line-height: 59px;
}
.header .gnb_wrap .gnb {
  display: inline-block;
  float: left;
}
.header .gnb_wrap .gnb > .list > li {
  float: left;
}
.header .gnb_wrap .gnb > .list > li a {
  display: block;
  min-width: 160px;
  height: 60px;
  border-bottom: 4px solid transparent;
  color: #333333;
  font-size: 16px;
  line-height: 56px;
  text-align: center;
}
.header .gnb_wrap .gnb > .list > li a:hover {
  color: #2860db;
  text-decoration: none;
}
.header .gnb_wrap .gnb > .list > li a.active {
  border-bottom-color: #2860db;
  color: #2860db;
  font-weight: 600;
}
.header .gnb_wrap .header_btns {
  float: right;
}
.header .gnb_wrap .header_btns .btn {
  min-width: auto;
  padding: 0;
}
.header .gnb_wrap .header_btns .btn.active {
  color: #2860db;
}
.header .gnb_wrap .header_btns .btn.active .ico_setup {
  background-position: 0 -134px;
}

#wrap {
  position: relative;
  width: 100%;
  min-width: 1870px;
  min-height: 100%;
}

.content {
  width: 980px;
  margin: 0 auto;
  padding: 10px 50px 40px;
}
.content .tit_wrap {
  position: relative;
  padding: 20px 0 26px;
  text-align: center;
}
.content .tit_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.content .tit_wrap .tit {
  display: inline-block;
  color: #333333;
  font-size: 20px;
  line-height: 40px;
}
.content .tit_wrap .btns {
  position: absolute;
  top: 20px;
}
.content .tit_wrap .btns.float_l {
  left: 0;
}
.content .tit_wrap .btns.float_r {
  right: 0;
}
.content .tit_wrap .list_view {
  padding-top: 40px;
}
.content .tit_wrap .list_view .list {
  display: inline-block;
}

.side_nav {
  position: absolute;
  left: 0;
  top: 100px;
  bottom: 0;
  width: 260px;
  padding: 10px 30px;
  background-color: #f1f1f1;
}
.side_nav + .content {
  width: auto;
  margin-left: 260px;
}

.row {
  margin: 0 -15px;
}
.row:after {
  content: "";
  display: block;
  clear: both;
}
.row [class*='col_'] {
  float: left;
  padding: 0 15px;
}
.row .col_12 {
  width: 100%;
}
.row .col_11 {
  width: 91.6666666667%;
}
.row .col_10 {
  width: 83.3333333333%;
}
.row .col_9 {
  width: 75%;
}
.row .col_8 {
  width: 66.6666666667%;
}
.row .col_7 {
  width: 58.3333333333%;
}
.row .col_6 {
  width: 50%;
}
.row .col_5 {
  width: 41.6666666667%;
}
.row .col_4 {
  width: 33.3333333333%;
}
.row .col_3 {
  width: 25%;
}
.row .col_2 {
  width: 16.6666666667%;
}
.row .col_1 {
  width: 8.33333333%;
}

.popup_bg {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

/* S : common.css 파일 수정시 반영해야 함. */
.popup_bg2 {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.4);
}

.on {
    display: block;
}
/* E : common.css 파일 수정시 반영해야 함. */

.popup_bg.on {
  display: block;
}

.popup {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 800px;
  border: 1px solid #f1f1f1;
}
.popup > .inner {
  padding: 36px 40px;
  background-color: #fff;
}
.popup .tit_popup .tit {
  display: inline-block;
  margin-bottom: 16px;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
}
.popup .tit_popup .btn_close {
  position: absolute;
  right: 3px;
  top: 3px;
}
.popup .cont_popup.scroll_cont {
  height: 434px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #eeeeee;
}
.popup .cont_popup.scroll_cont > .tbl {
  border-top: 0;
}
.popup .cont_popup.scroll_cont > .tbl > tbody > tr:last-child > th,
.popup .cont_popup.scroll_cont > .tbl > tbody > tr:last-child > td {
  border-bottom: 0;
}
.popup .cont_popup.scroll_cont .tbl {
  margin-bottom: 0;
}
.popup .btm_popup {
  padding-top: 20px;
  text-align: center;
}
.popup.mini {
  width: 330px;
}
.popup.mini > .inner {
  padding: 10px 14px;
}
.popup.mini .tit_popup .tit {
  font-size: 14px;
}
.popup.mini .tit_popup .btn_close {
  right: 0;
  top: 0;
}
.popup.mini .cont_popup {
  height: auto;
  min-height: 80px;
  padding: 20px 0;
  border: 0;
  color: #666666;
  text-align: center;
}
.popup.mini .cont_popup .txt {
  color: inherit;
  font-size: 12px;
}
.popup.mini .cont_popup .custom_file .img_route {
  padding: 10px 0;
  text-align: left;
}
.popup.mini .btm_popup {
  padding-bottom: 20px;
}

.round_box {
  margin-bottom: 20px;
  padding: 50px 70px 10px;
  border-radius: 10px;
  border: 1px solid #dddddd;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.round_box .btns {
  padding: 20px 0;
  text-align: center;
}
.round_box .btns .custom_control {
  display: block;
  margin: 36px 0;
}
.round_box .cont {
  margin: 0;
  padding: 0;
  border-width: 0;
}

.btn {
  display: inline-block;
  min-width: 60px;
  border: 1px solid transparent;
  color: #666666;
  text-align: center;
  vertical-align: middle;
  height: 34px;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 28px;
}
.btn.disabled,
.btn [disabled], .btn:disabled {
  border-color: #dddddd;
  background-color: #dddddd;
  color: #fff;
}
.btn.btn_ico {
  min-width: 34px;
  padding: 2px 2px;
}
.btn .ico {
  margin: 0 5px;
}
.btn.btn_link {
  background-color: transparent;
  color: #666666;
}
.btn.btn_link:not(:disabled):not(.disabled):hover {
  color: #2860db;
  text-decoration: underline;
}

.btn_primary {
  border-color: #2860db;
  background-color: #2860db;
  color: #fff;
}
.btn_primary:not(:disabled):not(.disabled):hover {
  background-color: #1a439c;
  border-color: #1e4cb2;
  text-decoration: none;
}

.btn_secondary {
  border-color: #666666;
  background-color: #666666;
  color: #fff;
}
.btn_secondary:not(:disabled):not(.disabled):hover {
  background-color: #404040;
  border-color: #4d4d4d;
  text-decoration: none;
}

.btn_tertiary {
  border-color: #dddddd;
  background-color: #dddddd;
  color: #fff;
}
.btn_tertiary:not(:disabled):not(.disabled):hover {
  background-color: #b7b7b7;
  border-color: #c4c4c4;
  text-decoration: none;
}

.btn_quaternary {
  border-color: #eeeeee;
  background-color: #eeeeee;
  color: #fff;
  border-color: #eeeeee;
  background-color: #eeeeee;
  color: #666666;
}
.btn_quaternary:not(:disabled):not(.disabled):hover {
  background-color: #c8c8c8;
  border-color: #d5d5d5;
  text-decoration: none;
}
.btn_quaternary:not(:disabled):not(.disabled):hover {
  background-color: gainsboro;
  border-color: gainsboro;
  text-decoration: none;
}

.btn_ckdblue {
  border-color: #004a98;
  background-color: #004a98;
  color: #fff;
}
.btn_ckdblue:not(:disabled):not(.disabled):hover {
  background-color: #00254c;
  border-color: #003165;
  text-decoration: none;
}

.btn_success {
  border-color: #82a9ff;
  background-color: #82a9ff;
  color: #fff;
}
.btn_success:not(:disabled):not(.disabled):hover {
  background-color: #3674ff;
  border-color: #4f86ff;
  text-decoration: none;
}

.btn_info {
  border-color: #017236;
  background-color: #017236;
  color: #fff;
}
.btn_info:not(:disabled):not(.disabled):hover {
  background-color: #002612;
  border-color: #013f1e;
  text-decoration: none;
}

.btn_danger {
  border-color: #ff8282;
  background-color: #ff8282;
  color: #fff;
}
.btn_danger:not(:disabled):not(.disabled):hover {
  background-color: #ff3636;
  border-color: #ff4f4f;
  text-decoration: none;
}

.btn_light {
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: #fff;
}
.btn_light:not(:disabled):not(.disabled):hover {
  background-color: #cbcbcb;
  border-color: #d8d8d8;
  text-decoration: none;
}

.btn_dark {
  border-color: #999999;
  background-color: #999999;
  color: #fff;
}
.btn_dark:not(:disabled):not(.disabled):hover {
  background-color: #737373;
  border-color: gray;
  text-decoration: none;
}

.btn_line_primary {
  color: #333333;
  border-color: #2860db;
  background-color: #fff;
}
.btn_line_primary:not(:disabled):not(.disabled):hover {
  border-color: #112c68;
  text-decoration: none;
}

.btn_line_secondary {
  color: #333333;
  border-color: #666666;
  background-color: #fff;
}
.btn_line_secondary:not(:disabled):not(.disabled):hover {
  border-color: #212121;
  text-decoration: none;
}

.btn_line_tertiary {
  color: #333333;
  border-color: #dddddd;
  background-color: #fff;
}
.btn_line_tertiary:not(:disabled):not(.disabled):hover {
  border-color: #989898;
  text-decoration: none;
}

.btn_line_quaternary {
  color: #333333;
  border-color: #eeeeee;
  background-color: #fff;
}
.btn_line_quaternary:not(:disabled):not(.disabled):hover {
  border-color: darkgray;
  text-decoration: none;
}

.btn_line_ckdblue {
  color: #333333;
  border-color: #004a98;
  background-color: #fff;
}
.btn_line_ckdblue:not(:disabled):not(.disabled):hover {
  border-color: #00070e;
  text-decoration: none;
}

.btn_line_success {
  color: #333333;
  border-color: #82a9ff;
  background-color: #fff;
}
.btn_line_success:not(:disabled):not(.disabled):hover {
  border-color: #004df7;
  text-decoration: none;
}

.btn_line_info {
  color: #333333;
  border-color: #017236;
  background-color: #fff;
}
.btn_line_info:not(:disabled):not(.disabled):hover {
  border-color: black;
  text-decoration: none;
}

.btn_line_danger {
  color: #333333;
  border-color: #ff8282;
  background-color: #fff;
}
.btn_line_danger:not(:disabled):not(.disabled):hover {
  border-color: #f70000;
  text-decoration: none;
}

.btn_line_light {
  color: #333333;
  border-color: #f1f1f1;
  background-color: #fff;
}
.btn_line_light:not(:disabled):not(.disabled):hover {
  border-color: #acacac;
  text-decoration: none;
}

.btn_line_dark {
  color: #333333;
  border-color: #999999;
  background-color: #fff;
}
.btn_line_dark:not(:disabled):not(.disabled):hover {
  border-color: #545454;
  text-decoration: none;
}

.btn_ico_line {
  border-color: #017236;
  color: #017236;
}
.btn_ico_line:not(:disabled):not(.disabled):hover {
  border-color: #b5e5b9;
  background-color: #cfeed2;
  text-decoration: none;
}

.btn_ico_line2 {
  border-color: #b5e5b9;
  color: #017236;
  background-color: #cfeed2;
}
.btn_ico_line2:not(:disabled):not(.disabled):hover {
  border-color: #b5e5b9;
  background-color: #cfeed2;
  text-decoration: none;
}

[class*='btn_ico_line'] {
  vertical-align: middle;
}

.btn_xlg {
  min-width: 120px;
  height: 50px;
  padding: 2px 10px;
  font-size: 14px;
  line-height: 44px;
}

.btn_lg {
  min-width: 120px;
  height: 40px;
  padding: 2px 10px;
  font-size: 14px;
  line-height: 34px;
}

.btn_sm {
  min-width: 60px;
  height: 30px;
  padding: 2px 8px;
  font-size: 10px;
  line-height: 24px;
}

.btn_block {
  display: block;
}

.form_text {
  display: inline-block;
  width: 140px;
  height: 34px;
  padding: 2px 10px;
  border: 1px solid #dddddd;
  background-color: #fff;
  color: #666666;
  font-size: 12px;
  line-height: 28px;
  vertical-align: middle;
}
.form_text:hover {
  border-color: #aaaaaa;
}
.form_text:focus {
  border-color: #82a9ff;
  color: #82a9ff;
}
.form_text.error {
  border-color: #ff8282;
}
.form_text::placeholder {
  color: #999999;
}
.form_text::-webkit-input-placeholder {
  color: #999999;
}
.form_text:-ms-input-placeholder {
  color: #999999;
}
.form_text:disabled {
  background-color: #eeeeee;
}
.form_text[readonly] {
  background-color: #eeeeee;
  color: #999999;
}
.form_text.form_datepicker {
  cursor: pointer;
  padding-right: 35px;
  background: url(../images/img_calendar.jpg) 100% 50% no-repeat;
}
.form_text + .input_group {
  margin-left: 6px;
}

select.form_text {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding-right: 43px;
  background: url(../images/img_select.jpg) 100% 50% no-repeat;
}
select.form_text::-ms-expand {
  display: none;
}
select.form_text:hover, select.form_text:focus {
  border-color: #82a9ff;
}

textarea.form_text {
  width: 100%;
  height: auto;
  padding: 10px 18px;
  resize: none;
}

.input_group {
  display: block;
  margin-bottom: 10px;
  vertical-align: middle;
}
.input_group + .input_group {
  margin-top: 10px;
}
.input_group .form_text,
.input_group .form_txt {
  margin-right: 6px;
}
.input_group .form_text + .txt,
.input_group .form_txt + .txt {
  margin-right: 6px;
}
.input_group .txt {
  display: inline-block;
  margin-top: 0;
  vertical-align: middle;
}
.input_group .txt.txt_block {
  display: block;
  margin-top: 10px;
}
.input_group label {
  min-width: 70px;
}
.input_group.input_search .form_text {
  float: left;
  margin-right: 0;
  border-right: 0;
}
.input_group.input_search .form_text:hover + .btn_search {
  border-color: #aaaaaa;
}
.input_group.input_search .form_text:focus + .btn_search {
  border-color: #82a9ff;
}
.input_group.input_search .btn_search {
  margin-left: 0 !important;
  border-color: #dddddd;
  border-left: 0;
}

.custom_control {
  display: inline-block;
  position: relative;
  margin: 5px 20px;
  margin-left: 0;
}
.custom_control input {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
}
.custom_control input + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom_control input + label::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #dddddd;
  content: "";
  vertical-align: middle;
}
.custom_control input:disabled + label:before {
  background-image: none;
  background-color: #eeeeee;
}
.custom_control input:checked + label::before {
  background-image: url(../images/sp_common.png);
  background-repeat: no-repeat;
}
.custom_control input:checked:disabled + label:before {
  background-color: #eeeeee;
}
.custom_control input[type="checkbox"]:checked + label::before {
  background-position: -68px -30px;
}
.custom_control input[type="radio"] + label::before {
  border-radius: 50%;
}
.custom_control input[type="radio"]:checked + label::before {
  background-position: -98px -30px;
}
.custom_control.txt_none {
  margin: 0;
}
.custom_control.txt_none label::before {
  margin: 0;
}

.custom_file {
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.custom_file .file_view {
  margin-bottom: 12px;
  line-height: 1;
}
.custom_file .custom_file_input {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
}
.custom_file .custom_file_label {
  display: inline-block;
  margin: 0 auto;
  color: #82a9ff;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  /*&::after {
    content: "등록";
    display: block;
    width: 76px;
    margin: $custom-file-margin-y auto 0;
    background-color: $quaternary;
    color: $gray-700;
    font-family: $btn-font-family;
    text-align: center;
    @include button-size($btn-height, $btn-padding-y, $btn-padding-x, $btn-font-size);
  }*/
}
.custom_file .txt_file_name {
  color: #82a9ff;
  background-color: #fff;
}
.custom_file::after {
  content: "";
  display: block;
  clear: both;
}
.custom_file .btns {
  padding-top: 10px;
}
.custom_file .btns .btn {
  min-width: 80px;
}
.custom_file.sty02 .custom_file_label {
  float: left;
}
.custom_file.sty02 .custom_file_label::after {
  margin: 0;
}
.custom_file.sty02 .file_view {
  float: left;
  margin: 0 10px;
}
.custom_file.sty02 .btn_delete {
  position: absolute;
  bottom: 0;
}
.custom_file.sty03 {
  display: table;
}
.custom_file.sty03 .custom_file_label,
.custom_file.sty03 .file_view,
.custom_file.sty03 .txt_file_name,
.custom_file.sty03 .btn_delete {
  display: table-cell;
  vertical-align: middle;
}
.custom_file.sty03 .file_view {
  margin: 0;
  padding: 0 10px;
}
.custom_file.txt .txt_file_name {
  float: left;
}
.custom_file.txt .custom_file_label {
  float: right;
  line-height: 34px;
}
.custom_file.txt .custom_file_label::after {
  display: inline-block;
  margin-top: 0;
  margin-left: 10px;
  content: "파일찾기";
}

.form_txt {
  display: inline-block;
  position: relative;
}
.form_txt > .txt {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin-right: 10px !important;
  line-height: 28px;
}
.form_txt .form_text {
  margin-right: 0;
}

.ico {
  display: inline-block;
  content: "";
  background-image: url(../images/sp_common.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.ico.ico_chevron_double_left {
  width: 10px;
  height: 11px;
  background-position: 0 0;
}
.ico.ico_chevron_left {
  width: 10px;
  height: 11px;
  background-position: -60px 0;
}
.ico.ico_chevron_double_right {
  width: 10px;
  height: 11px;
  background-position: -30px 0;
}
.ico.ico_chevron_right {
  width: 10px;
  height: 11px;
  background-position: -90px 0;
}
.ico.ico_chevron_down {
  width: 11px;
  height: 6px;
  background-position: -118px 0;
}
.ico.ico_chevron_up {
  width: 11px;
  height: 6px;
  background-position: -149px 0;
}
.ico.ico_plus {
  width: 16px;
  height: 16px;
  background-position: -180px -31px;
}
.ico.ico_plus_w {
  width: 16px;
  height: 16px;
  background-position: 0 -31px;
}
.ico.ico_plus_w_s {
  width: 9px;
  height: 9px;
  background-position: -68px -102px;
}
.ico.ico_minus_w {
  width: 16px;
  height: 16px;
  background-position: -36px -31px;
}
.ico.ico_g_x {
  width: 12px;
  height: 12px;
  background-position: 0 -67px;
}
.ico.ico_g_down {
  width: 13px;
  height: 12px;
  background-position: -32px -67px;
}
.ico.ico_g_up {
  width: 13px;
  height: 12px;
  background-position: -65px -67px;
}
.ico.ico_error {
  width: 20px;
  height: 20px;
  background-position: -103px -67px;
}
.ico.ico_setup {
  width: 16px;
  height: 16px;
  background-position: 0 -99px;
}
.ico.ico_delete {
  width: 12px;
  height: 12px;
  background-position: -36px -101px;
}
.ico.ico_search_p {
  width: 19px;
  height: 19px;
  background-position: -141px -99px;
}
.ico.ico_search_g {
  width: 19px;
  height: 19px;
  background-position: -180px -99px;
}
.ico.ico_search {
  width: 13px;
  height: 13px;
  background-position: -107px -100px;
}
.ico.ico_close {
  width: 12px;
  height: 12px;
  background-position: -180px 0;
}

.list li {
  position: relative;
  color: #666666;
  font-size: 14px;
  line-height: 1.2;
}
.list.bul_list li {
  padding: 7px;
  text-align: left;
}
.list.bul_list li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 4px;
  height: 4px;
  background-color: #82a9ff;
  border-radius: 50%;
}
.list.board_list li {
  padding: 8px 0;
  font-size: 12px;
}
.list.board_list li:after {
  content: "";
  display: block;
  clear: both;
}
.list.board_list .txt_category {
  float: left;
  width: 17%;
  color: #333333;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list.board_list .tit_board {
  float: left;
  width: 68%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list.board_list .txt_date {
  float: right;
  width: 14%;
}

.nav .tit {
  padding: 14px 0;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
}
.nav .list > li {
  margin-bottom: 4px;
}
.nav .list > li > a {
  display: block;
  position: relative;
  padding: 8px 10px;
  border-radius: 6px;
  color: #666666;
  font-size: 14px;
}
.nav .list > li > a.active {
  background-color: #d9e5ff;
  color: #2860db;
  font-weight: 600;
}
.nav .list > li .sub_menu {
  display: none;
}
.nav .list > li.dropdown > a::after {
  display: block;
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 11px;
  height: 6px;
  background: url(../images/sp_common.png) no-repeat -118px 0;
}
.nav .list > li.dropdown > a.active {
  background-color: transparent;
}
.nav .list > li.dropdown > a.active::after {
  background-position: -149px 0;
}
.nav .list > li.dropdown > a.active + .sub_menu {
  display: block;
}
.nav .list > li.dropdown > a.active + .sub_menu .list li a {
  font-size: 12px;
}
.nav .list > li.dropdown > a.active + .sub_menu .list li a::before {
  content: "-";
  margin-right: 4px;
}
.nav .list li a:hover {
  color: #2860db;
  text-decoration: none;
}

.pagination {
  display: inline-block;
}
.pagination .page:after {
  content: "";
  display: block;
  clear: both;
}
.pagination .page li {
  float: left;
}
.pagination .page li a {
  display: block;
  /*width: 34px;*/
  min-width: 34px;
  padding-left: 10px;
  padding-right: 10px;
  height: 34px;
  color: #333333;
  font-weight: 600;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
}
.pagination .page li a:hover {
  color: #333333;
  text-decoration: none;
  background-color: #f1f1f1;
}
.pagination .page li a.active {
  color: #2860db;
  background-color: #f1f1f1;
}

.tbl {
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #eeeeee;
}
.tbl thead th,
.tbl tfoot th {
  height: 54px;
  padding: 8px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #333333;
  font-weight: 600;
}
.tbl thead td,
.tbl tfoot td {
  height: 54px;
  padding: 8px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #666666;
  word-wrap: break-word;
  word-break: break-all;
  line-height: 1.8;
}
.tbl tbody th {
  padding: 18px 24px;
  border-bottom: 1px solid #eeeeee;
  color: #333333;
  font-weight: 600;
  text-align: left;
}
.tbl tbody td {
  height: 54px;
  padding: 8px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #666666;
  word-wrap: break-word;
  word-break: break-all;
  line-height: 1.8;
}
.tbl tbody td .btn_link {
  height: auto;
  line-height: 1.5;
  text-decoration: underline;
  text-align: inherit;
}
.tbl tbody td .input_group {
  margin-bottom: 0;
}
.tbl tbody td .more_view {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}
.tbl tbody td .more_view .txt {
  display: table-cell;
  vertical-align: middle;
}
.tbl tbody td .more_view .more_list_view {
  position: absolute;
  right: -10px;
  bottom: -8px;
}
.tbl tbody td .more_view .btn_more {
  display: block;
  position: relative;
  width: 17px;
  height: 17px;
  background-color: #82a9ff;
  line-height: 15px;
  text-align: center;
}
.tbl tbody td .more_view .btn_more:hover {
  background-color: #2860db;
}
.tbl tbody td .more_view .more_list {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 130px;
  padding: 4px 10px;
  background-color: #fff;
  border: 1px solid #dddddd;
  text-align: left;
}
.tbl tbody td .more_view .more_list a {
  display: block;
  padding: 4px 0;
  color: #666666;
}
.tbl tbody td .more_view .more_list.on {
  display: block;
}
.tbl tbody td.no_data {
  padding: 46px 0;
  text-align: center;
}
.tbl tbody td .btns_list {
  margin: 0 auto;
}
.tbl tbody td .btns_list li {
  padding: 5px 0;
}
.tbl tbody td .btns_list li .btn {
  width: 100%;
}
.tbl tfoot td {
  font-weight: 600;
}
.tbl th, .tbl td {
  border-width: 0 1px;
  border-style: solid;
  border-color: #eeeeee;
}
.tbl th:first-child, .tbl td:first-child {
  border-left-width: 0;
}
.tbl th:last-child, .tbl td:last-child {
  border-right-width: 0;
}
.tbl th .btn_link, .tbl td .btn_link {
  min-width: auto;
  padding: 0;
}
.tbl + .tbl {
  margin-top: 40px;
}

.tbl_top,
.cont_top {
  padding-bottom: 14px;
}
.tbl_top:after,
.cont_top:after {
  display: block;
  content: "";
  clear: both;
}
.tbl_top .tit,
.cont_top .tit {
  display: inline-block;
  padding-right: 12px;
  color: #333333;
  font-size: 16px;
  font-weight: normal;
  line-height: 34px;
}
.tbl_top .tit + .input_group,
.cont_top .tit + .input_group {
  margin-top: 16px;
}
.tbl_top .txt_desc,
.cont_top .txt_desc {
  color: #999999;
  font-size: 12px;
}
.tbl_top .top_txt,
.cont_top .top_txt {
  float: left;
  font-size: 14px;
  line-height: 34px;
}
.tbl_top .top_txt [class*='txt_'],
.cont_top .top_txt [class*='txt_'] {
  vertical-align: baseline;
}
.tbl_top .top_form,
.cont_top .top_form {
  float: right;
}
.tbl_top .top_form .btn,
.cont_top .top_form .btn {
  margin-left: 6px;
}
.tbl_top .top_form .input_group,
.cont_top .top_form .input_group {
  margin-bottom: 0;
}

.tbl_btm {
  padding-bottom: 20px;
  text-align: center;
}
.tbl_btm::after {
  display: block;
  content: "";
  clear: both;
}
.tbl_btm .btns.btns_l {
  float: left;
}
.tbl_btm .btns.btns_r {
  float: right;
}

.tbl_row tbody th {
  vertical-align: top;
}

.tbl_sheet {
  overflow-y: auto;
  margin-bottom: 20px;
}
.tbl_sheet .tbl {
  table-layout: fixed;
  margin-bottom: 0;
}

.tbl_center tbody th, .tbl_center tbody td,
.tbl_center tfoot th,
.tbl_center tfoot td {
  text-align: center;
}

.tbl_right tbody td,
.tbl_right tfoot td {
  text-align: right;
}

.tbl_borderless tbody th {
  border-right: 0;
}
.tbl_borderless tbody td {
  border-left: 0;
}

.tbl.tbl_sm th {
  text-align: center;
}
.tbl.tbl_sm th, .tbl.tbl_sm td {
  height: 35px;
  padding: 7px 10px;
  line-height: 1.5;
}

.tbl.tbl_bodystriped tbody:nth-child(odd) tr {
  background-color: #f6f6f6;
}

.tabs .tab_list > li {
  float: left;
}
.tabs .tab_list > li a {
  display: block;
  text-align: center;
}
.tabs .tab_list:after {
  display: block;
  content: "";
  clear: both;
}
.tabs .tab_cont {
  width: 100%;
}
.tabs.tabs_sty01 .tab_list > li {
  width: 10%;
}
.tabs.tabs_sty01 .tab_list > li a {
  height: 40px;
  border: 1px solid #dddddd;
  border-bottom: 0;
  border-left-width: 0;
  color: #999999;
  font-size: 14px;
  line-height: 38px;
}
.tabs.tabs_sty01 .tab_list > li a.active {
  border-color: #333333;
  border-left-width: 1px;
  color: #333333;
}
.tabs.tabs_sty01 .tab_list > li a:hover {
  border-color: #999999;
  border-left-width: 1px;
  text-decoration: none;
}
.tabs.tabs_sty01 .tab_list > li:first-child a {
  border-left-width: 1px;
}
.tabs.tabs_sty01 .tab_list > li.ui-tabs-active a, .tabs.tabs_sty01 .tab_list > li.ui-state-active a {
  height: 41px;
  margin-bottom: -1px;
  border-color: #333333;
  border-left-width: 1px;
  border-bottom: 1px solid #fff;
  color: #333333;
}
.tabs.tabs_sty01 .tab_cont {
  padding: 30px 0;
  border-top: 1px solid #333333;
}

.tl {
  text-align: left !important;
}

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

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

.vt {
  vertical-align: top !important;
}

.vm {
  vertical-align: middle !important;
}

.vb {
  vertical-align: bottom !important;
}

.txt_desc {
  color: #999999;
}

.desc {
  padding: 20px 0;
  line-height: 20px;
}

.img_tree_view {
  width: 200px;
}

.cont {
  margin-bottom: 20px;
  padding: 20px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #eeeeee;
}
.cont textarea {
  margin: -21px -20px;
  width: calc(100% + 40px);
}

.scroll_cont {
  overflow-y: auto;
}

#login.login_wrap {
  position: relative;
  height: 100%;
  min-height: 500px;
  padding-bottom: 30px;
}

.login_cont {
  position: absolute;
  left: 50%;
  top: 25%;
  width: 300px;
  transform: translateX(-50%);
}
.login_cont .logo {
  display: block;
  padding-bottom: 26px;
  text-align: center;
}
.login_cont .input_group .form_text {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.login_cont .login_check {
  padding-bottom: 25px;
}
.login_cont .login_check .btn_find_id {
  font-size: 12px;
}
.login_cont .login_btns .btn {
  margin-top: 10px;
}

.login_footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  background-color: #dddddd;
  color: #333333;
  font-size: 10px;
  line-height: 30px;
  text-align: center;
}

#wrap.main .side_nav {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
#wrap.main .content {
  width: auto;
}
#wrap.main .content .tit_wrap {
  padding: 10px 0 16px;
  text-align: left;
}
#wrap.main .content .tit_wrap .tit {
  font-size: 16px;
}
#wrap.main .content .round_box {
  min-height: 240px;
  padding: 14px 20px;
}
#wrap.main .content .round_box .tbl {
  margin-bottom: 0;
}
#wrap.main .content .cont_top .tit {
  font-weight: 600;
  line-height: 34px;
}
#wrap.main .content .tbl td {
  color: #999999;
}
#wrap.main .content .sales_area .round_box {
  min-height: 540px;
}
#wrap.main .content .sales_area .sales_view {
  margin-bottom: 60px;
  text-align: center;
}
#wrap.main .content .sales_area .sales_view .txt_date {
  padding: 56px 0;
  font-size: 16px;
  font-weight: 600;
}
#wrap.main .content .sales_area .sales_view .txt_result {
  color: #2860db;
  font-size: 46px;
  font-family: "Montserrat", arial, sans-serif, helvetica;
  letter-spacing: 1.5px;
}
#wrap.main .content .sales_area .sales_view .txt_s {
  display: block;
  padding: 20px 0 80px;
  color: #82a9ff;
  font-size: 14px;
  font-weight: 600;
}
#wrap.main .content .sales_area .sales_view .txt_xs {
  color: #666666;
  font-weight: normal;
  font-family: "맑은 고딕", MalgunGothic, "돋움", dotum, arial, sans-serif, helvetica;
  font-size: 12px;
}
#wrap.main .content .tabs .tab_list li {
  max-width: 100px;
}

.ui-datepicker {
  display: none;
  width: 300px;
  padding: 20px;
  border: 1px solid #eeeeee;
  background-color: #fff;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  margin-bottom: 20px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  text-align: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title a {
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0 10px;
  padding-right: 33px;
  background: url(../images/img_select_t.png) 100% 50% no-repeat;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select::-ms-expand {
  display: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 11px;
  background: url(../images/sp_common.png);
  background-repeat: no-repeat;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  visibility: hidden;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 0;
  background-position: -60px 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 0;
  background-position: -90px 0;
}
.ui-datepicker .ui-datepicker-calendar {
  width: 100%;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.ui-datepicker .ui-datepicker-calendar thead th {
  height: 32px;
  color: #333333;
  font-weight: 600;
}
.ui-datepicker .ui-datepicker-calendar tbody td {
  cursor: pointer;
  width: 14.2%;
  height: 33px;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  text-align: center;
}
.ui-datepicker .ui-datepicker-calendar tbody td:first-child {
  border-left: 0;
}
.ui-datepicker .ui-datepicker-calendar tbody td:hover {
  background-color: #d9e5ff;
}
.ui-datepicker .ui-datepicker-calendar tbody td:hover a {
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-calendar tbody td a {
  color: #999999;
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today {
  background-color: #82a9ff;
}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-today a {
  color: #fff;
}

/* 이미지 관리 폴더링 팝업 */

/*box style*/
.intxt{display:inline-block;position:relative;width:100px;height:24px;padding:0 6px;vertical-align:middle;border:1px solid #dbdbdb;}
.intxt input{width:100%;margin-top:4px;}

.btn_comm{overflow:hidden;background: url(../images/sp_common.png) no-repeat 0 0;text-indent:-9999px}

.popup_bg .pop_con > div.cate .desc{margin:20px 0 0 20px;}
.popup_bg .pop_con .cate_name{margin-top:7px;}
.popup_bg .pop_con .cate_name li{position:relative;margin-top:5px;}
.popup_bg .pop_con .cate_name li .url{position:absolute;top:0;left:10px;width:12px;height:12px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.popup_bg .pop_con .cate_name li .intxt{margin:3px 0 0 30px;}
.popup_bg .pop_con .cate_name li .txt{margin-right:5px;}
.popup_bg .pop_con .splus{display:inline-block;width:12px;height:12px;vertical-align:middle;background-position:-182px -33px;}
.popup_bg .pop_con .sminus{display:inline-block;width:12px;height:12px;vertical-align:middle;background-position:-180px 0;}
.popup_bg .pop_con .btn_box{margin-top:25px;}