@charset "UTF-8";

* {
   min-height: 0.01px;
}
.pr {position:relative;}
.fl {float:left;}
.vm {vertical-align:middle !important;}
.clear:after {content:''; clear:both; display:block;}
.layout-horizontal .container .site-logo .brand-text>span {padding-left:37px; text-transform:uppercase; background:url(../images/logo.png) 0 center no-repeat; background-size:28px;}
.brand>span {padding-left:32px; letter-spacing:-0.02em; color:#9d9d9d; text-transform:uppercase; background:url(../images/logo2.png) 0 center no-repeat; background-size:26px;}

.header-wrapper .header-bottom .main-menu ul.nav.metismenu>li a i {margin:0 3px 0 0;}

.bold {font-weight:bold !important;}
a.white, .white {color:#fff}
a.red, .red {color:#dc3545}
a.blue, .blue {color:#007bff}
.f14 {font-size:14px !important;}
.f16 {font-size:16px !important;}
.f20 {font-size:20px !important;}
.f24 {font-size:24px !important;}
.f25 {font-size:25px !important;}

.pdLn {padding-left:0;}
.pdRn {padding-right:0;}

.mt-h1 {margin-top:3px;}

/*숫자클래스*/
.fAr  {font-family:Arial;}

.bdRed {border:1px solid red;}
.txtRed {font-size:12px; color:#dc3545; margin-top:5px;}
.brand {font-size:25px; color:#333 !important; font-weight:bold;}

.btnGray { padding:.35rem .75rem; font-size:.75rem; height:32px; line-height: 1; border:1px solid #ccc; color:#999; background:#fff;}
.btnGray2 { padding:.35rem .75rem; font-size:.75rem; height:32px; line-height: 1; border:1px solid #ddd; color:rgb(182, 182, 182); background:#f1f1f1;}
.btnGreen  { padding:.35rem .75rem; font-size:.75rem; height:32px; line-height: 1; border:1px solid rgb(30, 167, 71); color:rgb(30, 167, 71); background:#fff;}
.btnRed  { padding:.35rem .75rem; font-size:.75rem; height:32px; line-height: 1; border:1px solid #F64A91; color:#F64A91; background:#fff;}
.btnBlue  { padding:.35rem .75rem; font-size:.75rem; height:32px; line-height: 1; border:1px solid #399AF2; color:#399AF2; background:#fff;}

.dot {display:inline-block; width:10px; height:10px; overflow:hidden; border-radius:50px; margin:-2px 0 0 3px; vertical-align:middle;}
.dot.dotA {background:#ff0000;}
.dot.dotB {background:#88d060;}
.dot.dotC {background:#1944bb;}

.bg-primary {background-color: rgb(72, 123, 170)!important;}
#totalVisitsChart .ct-series-a .ct-bar, #totalVisitsChart .ct-series-a .ct-line, #totalVisitsChart .ct-series-a .ct-point, #totalVisitsChart .ct-series-a .ct-slice-donut {
  stroke:rgb(62, 114, 167)!important;
}
.bg-accent {
  background-color: rgb(197, 77, 127)!important;
}
#totalUniqueVisitsChart .ct-series-a .ct-bar, #totalUniqueVisitsChart .ct-series-a .ct-line, #totalUniqueVisitsChart .ct-series-a .ct-point, #totalUniqueVisitsChart .ct-series-a .ct-slice-donut{
  stroke:rgb(182, 67, 138)!important;
}

.txt_color1 {color:#ae00ff;}
.txt_color2 {color:#0472e4;}
.txt_color3 {color:#ec173f;}
.txt_color4 {color:#ff9100;}
.txt_color5 {color:#0a8e46;}

.titBk {display:block; margin-bottom:5px; font-size:16px; color:#666; font-weight:bold;}
.lineGy {border-bottom: 1px solid rgba(234, 243, 253, .9);}

.bgGy {background:#f5f5f5;}
.none {text-align:center; padding:50px 0; font-size:14px;}
.dropdown .dropdown-menu.joinPolicy {padding:20px; width:550px; height:300px; overflow:auto;}
.dropdown .dropdown-menu.joinPolicy dt, .dropdown .dropdown-menu.joinPolicy p, .dropdown .dropdown-menu.joinPolicy dd {font-size:12px; color:#666;}
.dropdown2 a i {font-size: 1.375rem;}

.date .form-control {line-height:1.75;}
.formNp {padding:3px 0; height:30px !important;}

.btnTop {position:fixed; bottom:60px; right:20px; z-index:20; width:30px; height:30px;}
.btnTop a {display:block; font-size:32px;}
.btnBottom {position:fixed; bottom:30px; right:20px; z-index:20; width:30px; height:30px;}
.btnBottom a {display:block; font-size:32px;}

.undo {}
.undo>i {line-height:0.7 !important; margin-top:7px !important;}
.undo span {display:block; font-size:11px;}

.cloud .icon {font-size:1.25rem !important;}
.cloud .icon:before {line-height:1.9 !important;}
.cloud.grey i {color:#ccd4e3;}

.backicon {background:#635ebe; color:#fff; width:19px; height:19px; font-size:13.5px; display:inline-block; vertical-align:middle; border-radius:50px; font-weight:500; text-align:center; font-style:normal; font-family: -apple-system, Poppins, sans-serif;}
.icoA {font-size:10px !important; line-height:18px; background:#635ebe; margin:-8px 3px 0; color:#fff; border-radius:3px; width:18px; height:18px; vertical-align:middle;}
.icoB {font-size:24px; margin:0 -5px 0 -7px;}
.infoTxt .icoA {margin:-10px 3px 0;}


.cgc-hide-swal-container {display: none !important;}
.dropBox {padding:0 !important; margin:0 !important; width:auto !important; min-width:110px; border:1px solid #ccc;}
.dropBox .list-unstyled {margin:0;}
.dropBox .list-unstyled li {padding:7px 10px; margin:0 !important}
.dropBox .list-unstyled li a {display:block;}
.dropBox .list-unstyled li.red a {color:#dc3545}
.dropBox .list-unstyled li:hover {background:#399AF2;}
.dropBox .list-unstyled li:hover a {color:#fff;}
.dropBox .list-unstyled li:hover {background:#399AF2;}
.dropBox .list-unstyled li.red:hover {background:#dc3545;}

.btnContR {position:absolute; top:15px; right:15px;}
.btnContR2 {position:absolute; top:10px; right:15px;}
.btnI i {font-size:1.7em;}
.btnI:hover i {color:#fff;}
.btnI2 i {font-size:1.4em;}
.fis {font-size:1.3em; vertical-align:middle;}
.card .card-text .pull-left {width:20%;}
.card .card-text .pull-right {width:80%;}

.form-check {display:inline-block !important;}
.form-group .tit {line-height:1.5; margin-bottom:.5em;}

.input-group-text {display:inline-block; text-align:center; min-width:90px;}
.input-group-text.txa {padding-top:17px;}
.input-group-text.type2 {min-width:auto;}

.input-group-addon.nobg {background:none; border:0;}

.checkN {margin:0 !important; padding:0 16px 0 0;}

.form-control2 {display:inline-block !important; width:92%; margin-right:1%;}

.page {padding-top:30px; text-align:center;}
.page a, .page strong {display:inline-block; width:28px; height:28px; vertical-align:middle; overflow:hidden; line-height:16px; margin:0 1px; background:#fff; border:1px solid #ccc; font-size:12px; padding:5px;}
.page strong {background:#635ebe; color:#fff;}
.page a>i {font-size:16px; line-height:14px;}

.table-striped {border:1px solid rgba(234, 243, 253, .9);}
.table-striped th, .table-striped td {vertical-align:middle; border-right:1px solid rgba(234, 243, 253, .9);}

.table-list2 {text-align:center; border-top:1px solid rgba(234, 243, 253, .9); border-left:1px solid rgba(234, 243, 253, .9);}
.table-list2 td {border: 1px solid #ddd !important; }
.table-list2 th {border: 1px solid #ddd !important; }
.table-list2 tbody td {vertical-align:middle; border-right:1px solid rgba(234, 243, 253, .9); border-bottom:1px solid rgba(234, 243, 253, .9);}
.table-list2 thead th {vertical-align:middle; border-right:1px solid rgba(234, 243, 253, .9); border-bottom:1px solid rgba(234, 243, 253, .9);}
.table-list2 .bg {background:#f7f7f7;}
.table-list2 .bg2 {background:#f0f6ff;}
.table-list2 .bg3 {background:#f6f4ff;}
.table-list2 .bg4 {background:#f9f9f9;}

#headCont {margin-bottom:0;}
.contScr {}
.contScr table {border-top:0;}
.contScr .hideCont th {padding:0; border:0 !important;}

.table-scr {overflow-x:auto;-webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar;}
.table-scr table {table-layout:fixed;}

.infoTxt {float:right; display:inline-block; position: relative; color:#635ebe; z-index:10; font-size:.875rem;}
.infoTxt .price {font-style:normal}
.infoTxt .infoBd {display:none; position:absolute; top:20px; right:0px; width:160px; padding:5px; font-size:11px; line-height:18px; color:#888; background:#f4f4f4; border:1px solid #ccc; border-radius:5px;}

.info {}
.info>li {position:relative; margin-bottom:2px; color:#666; padding-left:8px !important; list-style:none; font-size:13px;}
.info>li:before {content:''; display:block; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:20px; background:#666;}

.nav-list {padding:0; margin:0 0 5px;}
.nav-list li {list-style:none; margin-bottom:5px; }
.nav-list li a {display:block; color:#635ebe !important; padding:10px 20px; border-radius:5px; background-color:#E7F1FD;}

.nav-typeA {padding:0;}
.nav-typeA ul {padding-left:10px;}
.nav-typeA li {list-style:none; margin-bottom:5px; }
.nav-typeA li a {display:block; margin:5px 0;padding: 5px 15px;}
.nav-typeA li a.on {background-color:#E7F1FD; padding:3px 10px; border-radius:5px;}

.pt-xl-3-m {padding-top:35px !important}

.custom-file-input:lang(en)~.custom-file-label::after, .custom-file-label::after {content:"찾아보기"}

footer {width:100%; padding:30px 0; background:#666; margin-top:3%;}
footer .footlogo {color:#fff; padding-top:10px; margin-bottom:5px;}
footer .footlogo span {padding-left:27px; word-break:break-all; font-size:18px; font-weight:500; line-height:20px; text-transform:uppercase; background:url(../images/logo.png) 0 center no-repeat; background-size:20px;}
footer address {color:#fff; font-size:13px; margin:0;}

.topTxt {width:45%; font-size:14px;}
.topCont {width:55%}
.topTxt2 {width:29%; font-size:14px;}
.topCont2 {width:71%}
.topTxt3 {width:44%; font-size:14px;}
.topCont3 {width:56%}
.topCont4 {width:87%}

.col-xs-m {width:46%;}
.col-xs-m2 {width:48%;}
.col-xs-wl {width:55%;}
.col-xs-wr {width:45%;}

.col-xs-wl2 {width:43%;}
.col-xs-wr2 {width:28%;}

.col-xs-wl3 {width:54%;}
.col-xs-wr3 {width:46%;}

.col-xs-wh {width:50%;}
.col-xs-wh2 {width:48%;}

.col-third {width:30%;}
.col-quarter {width:24%;}

.btnFr {width:12%; text-align:right;}

.cardW {max-width:33%;}
.cardN {max-width:33%; background:none; box-shadow:none;}

.modal-table {max-width:710px;}

.state {display:inline-block; width:52px; height:25px; color:#fff; font-weight:bold; border-radius:1.5em; font-size:11px; line-height:25px; text-align:center; background-color: #635ebe;}

.sltThird .col-third {width:32%; margin-right:1%;}
.sltMr .form-control {margin-right:5px;}

.scheduleCont {}
.scheduleCont .scHead {text-align:center; margin:50px 0;}
.scheduleCont .scHead a {display:inline-block; vertical-align:middle;}
.scheduleCont .scHead b {display:inline-block; vertical-align:middle; padding:0 10px; font-size:24px; color:#4889c0;}
.scheduleCont .scCont {}
.scheduleCont .scCont .sclist {table-layout:fixed; width:100%;}
.scheduleCont .scCont .sclist th {border:1px solid #e6e6e6; font-size:16px; padding:5px; text-align:center}
.scheduleCont .scCont .sclist td {position:relative; vertical-align:top; height:100px; border:1px solid #e6e6e6; padding:33px 10px 10px;}
.scheduleCont .scCont .sclist td em {display:block; position:absolute; top:10px; left:10px; font-size:13px; font-style:normal}
.scheduleCont .scCont .sclist td a {display:block; position:relative;}

.numbox {position: relative; padding:0 25px; width:95px; margin:0 auto;}
.numbox .pro_up  {position: absolute; top:10px; left:0; font-size:18px;}
.numbox .pro_down  {position: absolute; top:10px; right:0; font-size:18px;}

.sltCont .valid {margin-right:5px;}

.modal-content .table-x {display:block; position:relative; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar;}
.modal-content .table-x .table {table-layout:fixed; width:670px}

.pr .form-group {position:absolute; top:5px; right:15px; }
.pr .form-group2 {position:absolute; top:7px; right:20px; width:25%;}
.pr .form-group2 .tit {display:inline-block; padding:10px; font-size:13px;}

@media (min-width: 1600px) {
.topCont4 {width:91%}
.btnFr {width:9%;}
}

@media (max-width: 768px) {
.pdLn {padding-left:15px;}
.pdRn {padding-right:15px;}
.mgbt {margin-bottom:10px;}
.col-third {width:50%;}
.col-quarter {width:33%;}
.pt-xl-3-m {padding-top:5px !important}
.pr .form-group2 {width:50%;}
}

.table-xw {display:block; position:relative; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar;}

@media (max-width: 700px) {
.table-x {display:block; position:relative; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar;}
.table-x .table {table-layout:fixed;}
.table-x .popCont {display:none; position:absolute; top:40%; left:10%; width:80%; padding:3%; border-radius:10px; color:#fff; text-align:center; font-size:13px; opacity:0.6; background:#000; box-sizing:border-box;}
.col-xs-wl, .col-xs-wl2, .col-xs-wh, .col-xs-wh2, .col-xs-wl3, .col-xs-wr3, .col-xs-wr, .topCont, .topCont2, .topCont3 {float:none; width:100%; text-align:center;}
.topTxt, .topTxt2, .topTxt3 {float:none; width:100%;}
.topCont4  {width:83%; margin-bottom:0;}
.topCont4 .col-xs-m {width:45% !important; margin-bottom:0px;}
.btnFr {width:17%; margin-bottom:10px;}
.col-xs-m {width:47% !important; margin-bottom:10px;}
.col-xs-m2 {width:48% !important; margin:0 0 10px 5px;}
.col-xs-wr2 {float:none; width:100%; margin-bottom:10px;}
.cardW, .cardN {max-width:100%;}
.card-deck.mb-4 {margin-bottom:0 !important;}
.col-third {width:100%;}
.col-third .form-control {margin-bottom:5px;}
.col-quarter {width:49%; padding-right:0.5%;}
.col-quarter.ml-2 {margin-left:0 !important;}
.mgbt {margin-bottom:5px;}
.pull-left.ml-2 {margin-left:5px !important;}

}
@media (max-width: 414px) {
.layout-horizontal .container .site-logo .brand-text>span {padding-left:25px; background-size:20px;}
.brand>span {padding-left:25px; background-size:20px;}
.dropdown .dropdown-menu.joinPolicy {width:240px; height:250px;}
.pd-s {padding:0 5px;}
.form-control2 {width:90%;}
.btnTop, .btnBottom {right:10px;}
.col-quarter {width:100%; padding-right:0;}
.btn-m {width: 100%; margin-bottom: 5px;}
}

.switch:not(:checked), .switch:checked {
  position: absolute;
  left: -9999px;

}
.switch:not(:checked) + label, .switch:checked + label {
  display:inline-block;
  position: relative;
  cursor: pointer;
  width:52px;
  height:25px;
  overflow:hidden;
  text-align:left;
  z-index:10;
  margin:0;
}
.switch:not(:checked) + label:before, .switch:checked + label:before, .switch:not(:checked) + label:after, .switch:checked + label:after {
  content: '';
  position: absolute;
  height: 21px;
  transition: all .5s ease;
   margin:0;
}
.switch:not(:checked) + label:before, .switch:checked + label:before {
  left:0px;
  top:0px;
  width:52px;
  height:25px;
  border: 2px solid #dddddd;
  background: #dddddd;
  border-radius: 1.5em;
  z-index: -1;
  font-size:10px;
  line-height:21px;
  text-align:center;
}
.switch:not(:checked) + label:before{
 content:'OFF';
 /* padding-left:24px; */
}
.switch:checked + label:before {
  content:'ON';
  /* padding-left:7px; */
  color:#fff;
}
.switch:not(:checked) + label:after, .switch:checked + label:after {
  /*left:2px;
  top:2px;
  background-color: #fff;
  border-radius: 50%;
  width: 21px;*/
}
.switch:checked + label:after { left: 29px; }
.switch:checked + label:before {
  background-color: #635ebe;
  border-color: #635ebe;
}
.input-group-range{
    display:flex;
    align-items:center;
    padding:.375rem .75rem;
    margin-bottom:0;
    font-size:.875rem;
    font-weight:400;
    line-height:1.5;
    text-align:center;
    white-space:nowrap;
    /*background-color:#f0f6ff;*/
    background-color:#f3f5fb;
    border:1px solid #dfe7f3;
    color:#96a9c6;
    border-radius:0;
    border-left:0;
    border-right:0;
}