/*
 * Nanum Barun Gothic (Korean) http://hangeul.naver.com
 */
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(../fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(../fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(../fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicLight.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicLight.woff) format('woff'),
       url(../fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothic.woff2) format('woff2'),
       url(../fonts/NanumBarunGothic.woff) format('woff'),
       url(../fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicBold.woff) format('woff'),
       url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
}


body  {
  font-family: 'Nanum Barun Gothic', sans-serif;
  font-size: 12px;
  font-weight: 400;
  -ms-overflow-style: none;
}

pre {
	font-family: 'Nanum Barun Gothic', sans-serif;
}

textarea {
	resize: none;
}

::-webkit-scrollbar {
  display: none;
}

a:hover {
  text-decoration: none;
}
.no-drag {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}

.vw100 { width:100vw; }
.vw90 { width:90vw; }
.vw80 { width:80vw; }
.vw70 { width:70vw; }
.vw60 { width:60vw; }
.vw50 { width:50vw; }

.dw100-m-10 { width:calc(100% - 20px); margin-left: 10px; margin-right: 10px; }
.dw100 { width:100%; }
.dw95 { width:95%; }
.dw90 { width:90%; }
.dw85 { width:85%; }
.dw80 { width:80%; }
.dw75 { width:75%; }
.dw70 { width:70%; }
.dw65 { width:65%; }
.dw60 { width:60%; }
.dw55 { width:55%; }
.dw50 { width:50%; }
.dw45 { width:45%; }
.dw40 { width:40%; }
.dw35 { width:35%; }
.dw30 { width:30%; }
.dw33 { width:33%; }
.dw25 {	width:25%; }
.dw20 {	width:20%; }
.dw15 {	width:15%; }
.dw10 {	width:10%; }

.w1500 {width:1500px;}
.w1200 {width:1200px;}
.w1000 {width:1000px;}
.w900 {width:900px;}
.w800 {width:800px;}
.w700 {width:700px;}
.w600 {width:600px;}
.w500 {width:500px;}
.w400 {width:400px;}
.w300 {width:300px;}
.w250 {width:250px;}
.w200 {width:200px;}
.w180 {width:180px;}
.w150 {width:150px;}
.w140 {width:140px;}
.w130 {width:130px;}
.w120 {width:120px;}
.w110 {width:110px;}
.w100 {width:100px;}
.w90 {width:90px;}
.w80 {width:80px;}
.w60 {width:60px;}
.w58 {width:58px;}
.w50 {width:50px;}
.w40 {width:40px;}
.w30 {width:30px;}
.w20 {width:20px;}
.w25 {width:25px;}
.w15 {width:15px;}

.wr-10 {width: 10rem;}
.wr-12 {width: 12rem;}
.wr-20 {width: 20rem;}
.wr-22 {width: 22rem;}
.wr-24 {width: 24rem;}
.wr-26 {width: 26rem;}
.wr-28 {width: 28rem;}
.wr-30 {width: 30rem;}

.h1500 {height:1500px;}
.h1200 {height:1200px;}
.h1000 {height:1000px;}
.h900 {height:900px;}
.h800 {height:800px;}
.h700 {height:700px;}
.h600 {height:600px;}
.h500 {height:500px;}
.h400 {height:400px;}
.h300 {height:300px;}
.h250 {height:250px;}
.h200 {height:200px;}
.h180 {height:180px;}
.h150 {height:150px;}
.h140 {height:140px;}
.h130 {height:130px;}
.h120 {height:120px;}
.h110 {height:110px;}
.h100 {height:100px;}
.h90 {height:90px;}
.h80 {height:80px;}
.h70 {height:70px;}
.h60 {height:60px;}
.h50 {height:50px;}
.h45 {height:45px;}
.h40 {height:40px;}
.h35 {height:35px;}
.h30 {height:30px;}
.h20 {height:20px;}
.h15 {height:15px;}
.h5 {height:5px;}
.h1 {height:1px;}

.hr-1 {height: 1rem;}
.hr-2 {height: 2rem;}
.hr-3 {height: 3rem;}

.mh1500 {max-height:1500px;}
.mh1200 {max-height:1200px;}
.mh1000 {max-height:1000px;}
.mh900 {max-height:900px;}
.mh800 {max-height:800px;}
.mh700 {max-height:700px;}
.mh600 {max-height:600px;}
.mh500 {max-height:500px;}
.mh400 {max-height:400px;}
.mh300 {max-height:300px;}
.mh250 {max-height:250px;}
.mh200 {max-height:200px;}
.mh180 {max-height:180px;}
.mh150 {max-height:150px;}
.mh140 {max-height:140px;}
.mh130 {max-height:130px;}
.mh120 {max-height:120px;}
.mh110 {max-height:110px;}
.mh100 {max-height:100px;}
.mh90 {max-height:90px;}
.mh80 {max-height:80px;}
.mh60 {max-height:60px;}
.mh50 {max-height:50px;}
.mh40 {max-height:40px;}

.lh150 {
  line-height:150%;
}

.lh180 {
  line-height:180%;
}

.lh200 {
  line-height:200%;
}

.lh250 {
  line-height:250%;
}

.lh-20 {
	line-height: 20px;
}
.lh-25 {
	line-height: 25px;
}
.lh-30 {
	line-height: 30px;
}
.lh-40 {
	line-height: 40px;
}


label {
    margin-bottom:0px;
}

.bd {
  border:1px solid red;
}

.bd-1 {
  border:1px solid #000;
}

.bd-1-d9 {
  border:1px solid #d9d9d9;
}

.bd-2-indigo {
  border:2px solid #3f3fca;
}

.br-3 {
  border-radius: 3px;
}
.br-5 {
  border-radius: 5px;
}
.br-10 {
  border-radius: 10px;
}
.br-20 {
  border-radius: 20px;
}
.br-l-5 {
  border-radius: 5px 0 0 5px;
}
.br-t-10 {
  border-radius: 10px 10px 0 0;
}
.br-b-10 {
  border-radius: 0 0 10px 10px;
}
.br-t-20 {
  border-radius: 20px 20px 0 0;
}
.br-b-20 {
  border-radius: 0 0 20px 20px;
}
.br-30 {
  border-radius: 30px;
}
.br100 {
  border-radius: 100%;
}

.bb-1{
  border-bottom:1px solid #808080;
}
.bb-2{
  border-bottom:2px solid #808080;
}
.bb-4{
  border-bottom:4px solid #ddd;
}
.bb-5{
  border-bottom:5px solid #f5f5f5;
}
.bb-1-d{
  border-bottom:1px dotted #e1e1e1;
}
.bb-1-d9{
  border-bottom:1px solid #d9d9d9;
}
.bb-1-69{
  border-bottom:1px solid #696969;
}
.bb-2-d9{
  border-bottom:2px solid #d9d9d9;
}
.bb-2-69{
  border-bottom:2px solid #696969;
}
.bb-2-base{
  border-bottom: 2px solid #93B1F1 !important;
}

.bb-none{
  border:none;
}

.square-50{
    width: 50px;
    height: 50px;
}

.img-cover{
	object-fit: cover;
    object-position: center;
}
/*  공통적용  */

span.f200 {font-weight:200;}
span.f300 {font-weight:300;}
span.f400 {font-weight:400;}
span.f700 {font-weight:700;}

.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw700 {font-weight:700;}

.f-0-2{font-size: 0.2em;}
.f-0-3{font-size: 0.3em;}
.f-0-4{font-size: 0.4em;}
.f-0-5{font-size: 0.5em;}
.f-0-6{font-size: 0.6em;}
.f-0-7{font-size: 0.7em;}
.f-0-8{font-size: 0.8em;}
.f-0-9{font-size: 0.9em;}
.f-1-0{font-size: 1em;}
.f-1-1{font-size: 1.1em;}
.f-1-2{font-size: 1.2em;}
.f-1-3{font-size: 1.3em;}
.f-1-4{font-size: 1.4em;}
.f-1-5{font-size: 1.5em;}
.f-2-0{font-size: 2em;}
.f-2-5{font-size: 2.5em;}
.f-3-0{font-size: 3em;}
.f8 {font-size: 8px;}
.f9 {font-size: 9px;}
.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f23 {font-size: 23px;}
.f24 {font-size: 24px;}
.f25 {font-size: 25px;}
.f26 {font-size: 26px;}
.f27 {font-size: 27px;}
.f28 {font-size: 28px;}
.f29 {font-size: 29px;}
.f30 {font-size: 30px;}
.f32 {font-size: 32px;}
.f35 {font-size: 35px;}
.f48 {font-size: 48px;}
.f64 {font-size: 64px;}

.fixed {position:fixed;}

.fb {font-weight:600;}

.ovar-hidden{overflow: hidden;}
.navbar {
  position:fixed;
  z-index:999;
  padding:12px;
}
.z-1{z-index:1;}
.z-10{z-index:10;}
.z-15{z-index:15;}
.z-20{z-index:20;}
.z-30{z-index:30;}
.z-40{z-index:40;}
.z-50{z-index:50;}
.z-60{z-index:60;}

.text-ellipsis{
  	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.content {
  height:100%;
  padding-top:90px;
  padding-bottom:50px;
}

.container-fluid {
  min-height:400px;
}

.footer {
  margin-top:-50px; padding:12px 12px 12px 20px;
}

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
    content: ' ';
    margin-top: -6px;
    margin-left: -6px;
    border: 1px solid #8e8e8f;
    border-radius: 3px;
}

.table thead {
  background: #779cd1;
  color: #fff;
}

.table2 thead {
  background: #8dba8d;
  color: #fff;
}

.table3 thead {
  background: #db819e;
  color: #fff;
}

.no-drag {
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}


.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {
    background-color: #70afff;
    color: #fff;
}

.select2-container--bootstrap4 .select2-dropdown {
    border-color: #a3c6ea;
    border-width: 1px;
    overflow-x: hidden;
    margin-top: -1px;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection, .select2-container--bootstrap4.select2-container--open .select2-selection {
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-color: #a3c6ea;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #6F81B8;
    border-color: #6F81B8;
}

.table td a:link {
   color: #517fd6;
   text-decoration: none;
   background-color: transparent;
}

.table td a:hover {
  text-decoration: underline;
  border-bottom-color: #517fd6;
}

.col-form-label {
  padding-right:10px;
}

.sm_desc {font-size:12px; color:#a2a1a2; margin-left:10px;}

.irq::before {
  content: "\f069";
    font-family: "Font Awesome 5 Free";
    font-size: 9px;
    font-weight: 600;
    margin-right:5px;
    color:#f76c76;
}

.modal-dialog {width:90%; min-width:200px; margin:0 auto; top:10%; padding:0px;}
.modal-header {padding:0.7rem; background: #fff; color:#302E31;box-shadow: 0px 1px 2px #d9d9d9;}
.modal-header .close{color:#302E31;}
.modal-title {font-size:1rem;}
.modal-footer {padding:20px 10px; border:0px;}
.card {margin-bottom:0px;}
.card-body {padding:1rem;}

.table>tbody>tr>td { text-align: center; }
.page-link {font-size: 14px; padding:9px 12px 9px 12px;}

.dataTables_info {float:left; margin-top:10px;}
.dataTables_paginate {float:right; padding-top:20px;}

.btn-group {float:right;}
.btn-secondary {width:80px; height:30px; font-size:14px; background: #d9d9d9; border:0px; color: #302E31;}
.dataTables_filter {float:left; }
.dataTables_filter input {width:250px; height:30px; border:1px solid #ccc; font-size:14px;}

.btn_popup_40 {width:40px; height:20px; font-size:10px;}
.btn_popup_100 {width:100px; height:35px; font-size:14px;}
.btn_popup_120 {width:120px; height:35px; font-size:14px;}
.btn_popup_125 {width:150px; height:35px; font-size:14px;}


.ma0 {margin: 0;}

.mb0 {margin-bottom:0px;}
.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb100 {margin-bottom:100px;}
.mb210 {margin-bottom:210px;}

.mt0 {margin-top:0px;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt130 {margin-top:130px;}
.mt150 {margin-top:150px;}
.mt170 {margin-top:170px;}
.mt200 {margin-top:200px;}
.mt250 {margin-top:250px;}

.mr0 {margin-right:0px;}
.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}
.ml100 {margin-left:100px;}

.ma5{margin: 5px;}
.ma10{margin: 10px;}
.ma20{margin: 20px;}
.ma30{margin: 30px;}
.ma40{margin: 40px;}

.my5{margin: 5px 0;}
.my10{margin: 10px 0;}
.my15{margin: 15px 0;}
.my20{margin: 20px 0;}
.my30{margin: 30px 0;}
.my40{margin: 40px 0;}
.my50{margin: 50px 0;}
.my60{margin: 60px 0;}
.my70{margin: 70px 0;}
.my90{margin: 90px 0;}
.my100{margin: 100px 0;}

.mx5{margin: 0 5px;}
.mx10{margin: 0 10px;}
.mx15{margin: 0 15px;}
.mx20{margin: 0 20px;}
.mx30{margin: 0 30px;}
.mx40{margin: 0 40px;}
.mx-auto{margin: 0 auto;}

.myx-10-20 {
	margin: 10px 20px;
}

.mt-7-5{margin-top: 7.5rem;}
.mt-7-0{margin-top: 7.0rem;}
.mt-6-0{margin-top: 6.0rem;}
.mt-3-5{margin-top: 3.5rem;}
.mt-3-0{margin-top: 3rem;}
.mt-2-0{margin-top: 2rem;}
.mt-1-5{margin-top: 1.5rem;}
.mt-1-0{margin-top: 1rem;}
.mt-0-8{margin-top: 0.8rem;}

.ml-0-9{margin-left: 0.9rem;}
.ml-1-0{margin-left: 1rem;}

.pt2 {padding-top:2px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt50 {padding-top:50px !important;}

.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}

.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb50 {padding-bottom:50px !important;}
.pb100 {padding-bottom:100px !important;}

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}

.pa0 {padding: 0px;}
.pa5 {padding: 5px;}
.pa10 {padding: 10px;}
.pa15 {padding: 15px;}
.pa20 {padding: 20px;}
.pa30 {padding: 30px;}
.pa50 {padding: 50px;}

.pa5-10{padding: 5px 10px;}
.pa10-20{padding: 10px 20px;}

.py5{padding: 5px 0;}
.py10{padding: 10px 0;}
.py15{padding: 15px 0;}
.py20{padding: 20px 0;}
.py30{padding: 30px 0;}
.py40{padding: 40px 0;}

.px5{padding: 0 5px;}
.px10{padding: 0 10px;}
.px15{padding: 0 15px;}
.px20{padding: 0 20px;}
.px25{padding: 0 25px;}
.px30{padding: 0 30px;}
.px40{padding: 0 40px;}

.hide {display:none!important;}


.table td, .table th {
  padding:8px;
}

.text-center{text-align: center;}
.sub_title {font-size:20px; margin:0 0 10px 3px;}
.copyrights {font-size:12px; margin:5px;}



.ac {text-align: center !important;}
.al {text-align: left !important;}
.ar {text-align: right !important;}

.item-center {align-items: center !important;}

.justify-center {justify-items: center !important;}

.fl {float:left;}
.fr {float:right;}
.cboth {clear:both;}

/* 컬러 css 시작 */
.ddak-black-1{
  color:#302E31;
}
.ddak-red-1{
  color:#E50012;
}
.ddak-indigo-1{
  color:#3f3fca;
}
.ddak-indigo-2{
  color:#330099;
}
.ddak-gray-1{
  color:#D9D9D9;
}
.ddak-gray-2{
  color:#595959;
}
.ddak-gray-3{
  color:#7f7f7f;
}
.ddak-green-1{
  color:#1fa807;
}

.btnKaKao {
  background:#FEE500;
  color:#181600;
}

.color-base {
  color: #93B1F1;
}

.color-red-1 {
  color:#c33f48;
}
.color-red-2 {
  color:#E50012;
}
.color-green-1 {
  color:#30a54f;
}
.color-blue-1 {
  color:#1f5fbb;
}
.color-blue-2 {
  color:#007BF7;
}
.color-indigo-1 {
  color:#3f3fca;
}
.color-indigo-2 {
  color:#2f1491;
}
.color-gray-1 {
  color:#e3e3e3;
}
.color-gray-2 {
  color:#848484;
}
.color-gray-3 {
  color:#646464;
}
.color-gray-4 {
  color: #696969;
}
.color-gray-5 {
  color: #B3B3B3;
}
.color-dark-1 {
  color:#464646;
}
.color-dark-2 {
  color:#606060;
}
.color-white-1 {
  color:#fff!important;
}
.color-black-1 {
  color:#000;
}

.color-completed{
  color: #28a745;
}
.color-waiting{
  color: #ffc107;
}
.color-overdue{
  color: #dc3545;
}
.color-bg-1{
  color: #727292;
}
.color-bg-2{
  color: #7288b8;
}

.bg-white {
  background-color: #fff;
}
.bg-red-1 {
  background-color: #E50012;
}

.bg-gray-0 {
  background-color: #f3f3f3;
}

.bg-gray-1 {
  background-color: #e3e3e6;
}
.bg-gray-2 {
  background-color: #d9d9d9;
}
.bg-gray-3 {
  background-color: #646464;
}
.bg-gray-4 {
  background-color: #888888;
}
.bg-gray-5 {
  background-color: #D9D9D9;
}
.bg-gray-6 {
  background-color: #EFF0F2;
}
.bg-black-1 {
  background-color: #302E31;
}
.bg-blue-1 {
  background-color: blue;
}
.bg-yellow-1 {
  background-color: yellow;
}
.bg-orange-1 {
  background-color: #f7ba11;
}
.bg-green-1 {
  background-color: green;
}
.bg-white-1{
  background-color:#fff;
}
.bg-indigo-1 {
  background-color: #3f3fca !important;
}

.bg-sky {
  background-color: #EAF4FD;
}

.bg-fc {
	background-color: #FF9500;
}
.bg-ls {
	background-color: #5BC0EB;
}
.bg-gl {
	background-color: #9B5DE5;
}

.bg-bg-1{
  background-color: #e9e9f7;
}

.bg-A{
  background-color: #e9e9f7;
  color: #727292;
}
.bg-B{
  background-color: yellow;
  color: #000;
}
.bg-C{
  background-color: blue;
  color: #fff;
}
.bg-D{
  background-color: #E50012;
  color: #fff;
}
.bg-E{
  background-color:black;
  color: #fff;
}

.bg-F{
  background-color:#93B1F1;
  color: #000;
}
button.btn-gray-1 {
  color: #000;
  background-color: #e3e3e3;
}
button.btn-gray-1:hover {
  color: #000;
/*
  color: #fff;
  background-color: #646464;
*/
}
button.btn-gray-2 {
  background-color: #737373;
  border: 1px solid #616161;
  color: #fff;
}
button.btn-gray-2:hover {
  color: #fff;
/*
  background-color: #616161;
  border: 1px solid #484848;
*/
}
button.btn-white-1 {
  color: #000;
  background-color: #fff;
}

button.btn-white-1:hover {
  color: #000;
/*	background-color: #8a1721;*/
}

button.btn-sky-blue {
  color: #000;
  background-color: #E9F4FD;
  outline: none;
}

button.btn-sky-blue:hover {
  background-color: #ABBBF2;
}
button.btn-red-1 {
  color: #fff;
  background-color: #E50012;
  outline: none;
}

button.btn-red-1:hover {
  color: #fff;
/*	background-color: #8a1721;*/
}

button.btn-red-2 {
  color: #fff;
  background-color: #f19393;
}
button.btn-red-2:hover{
  color: #fff;
  background-color: #b87272;
}
button.btn-yellow-1 {
  color: #000;
  background-color: #fff43e;
}
button.btn-yellow-1:hover {
  color: #000;
}

button.btn-indi-1{
  background-color:#93B1F1;
  color:#FFFFFF;
}


/* 인디고 버튼색 */
button.btn-indigo-1 {
  color: #fff;
  background-color: #3f3fca;
}
button.btn-indigo-1:hover{
  color: #2C2CA4;
  background-color: #C6C6EF;
}


button.btn-indigo-2 {
  color: #fff;
  background-color: #93B1F1;
}

button.btn-indigo-2:hover{
  color: #fff;
}



button.btn-black-1 {
  color: #fff;
  background-color: #302E31;
}
button.btn-black-1:hover{
  color: #fff;
}

button.btn-kakao-1 {
    color: #181600;
    background-color: #FEE500;
}
button.btn-kakao-1:hover{
    color: #181600;
}

button.btn-naver-1 {
    color: #FFFFFF;
    background-color: #00C300;
}
button.btn-naver-1:hover{
    color: #FFFFFF;
}


.shadow-sm{ box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);}
.shadow{ box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);}
.shadow-md{	box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);}
.shadow-lg{	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}
.shadow-xl{	box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);}
.shadow-2xl{ box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);}
.shadow-inner{ box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);}
.shadow-none{ box-shadow: 0 0 #0000;}

.op100{
  opacity: 1;
}
.op90{
  opacity: 0.90;
}
.op75{
  opacity: 0.75;
}
.op50{
  opacity: 0.5;
}
.op25{
  opacity: 0.25;
}

.stick-5{
  content: '.';
    color: #000;
    background-color: #000;
    margin: 0 0.25em;
    height: 5em;

}


/* 컬러 css 끝 */
.pointer{cursor:pointer;}

.mg-auto-x{
  margin:0 auto;
}

.bold {
  font-weight:600;
}

.form-group {
  margin-bottom:25px;
}

.sub-small-title {
  font-size:16px;
  color:#ca3f6b;
}


.space_color_A {
  background: #b5cffe!important;
}
.space_color_B {
  background: #c1ea77!important;
}
.space_color_C {
  background: #fbd755!important;
}
.space_color_D {
  background: #ffc2c3!important;
}
.space_color_E {
  background: #a2ffff!important;
}
.space_color_F {
  background: #e6a988!important;
}
.space_color_G {
  background: #6ab787!important;
}
.space_color_H {
  background: #ebceab!important;
}
.space_color_I {
  background: #bfb4e9!important;
}
.space_color_J {
  background: #dba4ce!important;
}


.space_color_Z {
  background: #a6abc0!important;
}

.space_color_X {
  background: #FDE7E4!important;
}

.space_color_SS {
  background: #CCDBFF!important;
}
.space_color_PP {
  background: #DDEFC9!important;
}
.space_color_RR {
  background: #62ad3c!important;
}
.space_color_OO {
  background: #FAED7D!important;
}

.space_font_color_X {
  color:#FDE7E4!important;
}
.space_font_color_SS {
  color: #CCDBFF!important;
}
.space_font_color_PP {
  color: #DDEFC9!important;
}
.space_font_color_RR {
  color: #62ad3c!important;
}
.space_font_color_OO {
  color: #FAED7D!important;
}


.title_gd_1 {
  height:40px;
  background: linear-gradient( to top, #5061ac, #6379d8 );
}

.title_gd_2 {
  height:40px;
  background: linear-gradient( to top, #659571, #80bd90 );
}

.title_gd_3 {
  height:40px;
  background: linear-gradient( to top, #ca3f6b, #ee8cb3 );
}

.main_sub_h4 {
  padding:10px 0 0 20px;
  color:#708fbf;
  font-weight:500;
  margin-bottom:0px;
}

.admin_level_txt {
  color: #7bb195;
  padding:7px 10px 0 0;
  font-weight:500;
}

.btn-group, .btn-group-vertical, .fc-unthemed .fc-button-group {
  margin-bottom:10px !important;
}

.left_menu {
  list-style:none;
  padding-left:5px;
  padding-right:5px;
  font-size:2vh;
}

.left_menu li {
  height:3em;
  border-bottom:1px dotted #d9d9d9;
  padding:14px 12px 12px 20px;
}
.left_menu .sub_list {
  float:left;
  width:90%;
  color:#565656;
}
.left_menu .nxt {
  float:right;
  color:#8b8a8b;
  width:10%;
}

.call_phone {
  background-color:#4aa0b5;
  border:1px solid #4aa0b5;
  display:flex;
  cursor:pointer;
  color:#ffffff;
  font-size:14px;
  padding:5px 5px;
  text-decoration:none;
  width:80%;
  height:80px;
  margin:5px 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;

}

.btn_main {
  background-color:#759ed0;
  border:1px solid #759ed0;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-size:14px;
  padding:5px 5px;
  text-decoration:none;
}


.sub_top_area {
  width:100%;
  height:60px;
  background: #455287;
  color: #FFF;
  border-bottom:1px solid #ccc;
  position: fixed;
  z-index:999;
}

.sub_menu_area {
  width:100%;
  height:70px;
  background: #fff;
  position: fixed;
  z-index:9999;
}

.btn_sub_menu {
  width:23%;
  height:60px;
  padding:10px;
  text-align:center;
  display:inline-block;
}


.select_time_day_area {
  width: 90%;
  margin: 0 auto;
  height: 40px;
  background: #608fc8;
  overflow-x: scroll;
  white-space: nowrap;
  font-size:15px;
}

.select_time_day {
  width: 50px;
  height: 40px;
  border: 0px;
  background: #608fc8;
  padding: 5px;
  margin: 0 10px;
  color: #fff;
}


.input-under-line{
    border: none !important;
    border-bottom: 2px solid #696969 !important;
    border-radius: 0 !important;
}

.showIn{
    opacity: 0; /* 초기 투명도 설정 */
    animation: fadeIn 0.5s ease-in-out 0.5s forwards; /* 애니메이션 적용 및 지연 시간 설정 */
    display: block !important;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.25;
    }
    50% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
    }
}

.showOut{
    opacity: 1; /* 초기 투명도 설정 */
    animation: fadeOut 0.5s ease-in-out forwards; /* 애니메이션 적용 및 지연 시간 설정 */
    display: none !important;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0.75;
    }
    50% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.25;
    }
    100% {
        opacity: 0;
        display: none !important;
    }
}


.td_active {
  color:#ffeb00;
  font-weight:600;
}


.underline1 {
  text-decoration: underline;
  text-underline-position: under;
}

.flex-row {
  display: flex;
  flex-flow: row;
}

.flex-col {
  display: flex;
  flex-flow: column;
}

.flex-start {
  justify-content: start;
  align-items: center;
}
.flex-start-start {
  justify-content: start;
  align-items: start;
}
.flex-end {
  justify-content: end;
  align-items: center;
}
.flex-center {
  justify-content: center;
  align-items: center;
}

.flex-around {
  justify-content: space-around;
  align-items: center;
}

.flex-between {
  justify-content: space-between;
  align-items: center;
}

.flex-left {
  justify-content: start;
  align-items: start;
}

.flex-right {
  justify-content: start;
  align-items: end;
}
.grid {
  display: grid;
    grid-auto-flow: dense;
}
.grid-center {
  display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
}
.grid-gap-5{gap:5px;}
.grid-gap-10{gap:10px;}
.grid-gap-20{gap:20px;}
.grid-gap-30{gap:30px;}
.grid-gap-40{gap:40px;}
.grid-row-1{grid-template-columns: 1fr;}
.grid-row-2{grid-template-columns: 1fr 1fr;}
.grid-row-3{grid-template-columns: 1fr 1fr 1fr;}
.grid-row-4{grid-template-columns: 1fr 1fr 1fr 1fr;}
.grid-row-5{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.grid-row-6{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.grid-row-7{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.grid-row-22{grid-template-columns: 1fr 2fr;}

.relative{
  position: relative;
}
.absolute{
  position: absolute;
}
.fixed{
  position: fixed;
}
.sticky{
  position: sticky;
}
.t-0{
  top: 0;
}
.r-0{
  right: 0;
}
.r-10{
  right: 10px;
}
.l-0{
  left: 0;
}
.b-0{
  bottom: 0;
}
.b-20{bottom: 20px;}
.b-50{bottom: 50px;}

.img-auto {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
  object-fit:contain;
}

ul, li{ list-style: none; }
p {margin: 0px;}
pre{
  white-space: pre-wrap;
  word-break: break-all;
  overflow: auto;
  text-align: left;
  padding: 0 10px;
}
.over-scroll{ overflow: auto; }
.over-hidden{ overflow: hidden; }

.mw100{max-width: 100px;}
.mw120{max-width: 120px;}
.mw200{max-width: 200px;}
.mw400{max-width: 400px;}
.mw600{max-width: 600px;}
.mw800{max-width: 800px;}
.mw1000{max-width: 1000px;}
.mw1200{max-width: 1200px;}

.mh600{max-height: 600px;}
.modal-md{ max-width: 500px; }

.max-size100{
	max-width: 100px;
	max-height: 100px
}

.input-text-100{
  width: 100%;
  margin: 0;
  padding: 0 0 0 10px;
  border: 0px solid #d9d9d9;
  border-radius: 3px;
  height: 40px;
  background-color: #eeeeee;
}
.input-text-100:focus{
  outline: none;
  /*box-shadow: 0px 0px 3px 1px #818181;*/
}
.textarea-100{
  width: 100%;
  resize: none;
  padding: 10px;
  overflow: auto;
  border: 0px solid #d9d9d9;
  border-radius: 3px;
  background-color: #eeeeee;
}
.textarea-100:focus{
  outline:none;
  /*box-shadow: 0px 0px 3px 1px #818181;*/
}

.text-button-combo{
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
}
.text-button-combo input{
  width: 65%;
  margin: 0;
  padding: 0;
  border: 2px solid #D9D9D9;
  height: 40px;
  border-radius: 3px 0 0 3px;
}
.text-button-combo input:focus{
  outline:none;
  /*box-shadow: 0px 0px 3px 1px #818181;*/
}
.text-button-combo button{
  height: 40px;
  width: 100px;
  border: 2px solid #696969;
  border-radius: 5px;
  background-color: #fff;
  /*border-radius: 0 3px 3px 0;*/
  color: #696969;
  font-size: 15px;
  font-weight: 400;
  outline: none;
}

.text-button-combo button:hover{
  color: #fff;
  background-color: #93B1F1;
}
/*
.text-button-combo button:hover{
  border-radius: 0 5px 5px 0;
  border: 1px solid #828282;
  background-color: #828282;
}
*/

.main-contents-body {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
    /*height: 100vh;*/
}

.member-content-form{
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
    margin-bottom:80px;
}
.member-content-form h1{
  font-size: 25px;
  margin: 30px 0;
}



.member-content-form .member-main-logo{
    width: 60%;
    max-width: 400px;
    margin: 20px 0;
}

.member-bottom-area {
  width:100%;
  height:130px;
  position: fixed;
  z-index:999;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.member-btn-agree{
  max-width: 900px;
  padding: 0 10%;
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.member-btn-agree button{
  width:40%;
  height:60px;
  font-size: 20px;
  font-weight: bold;
}

.content-form{
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
}
.content-form .content-form-item{
  max-width: 1200px;
  width: 100%;
}
.content-form h1{
  margin: 30px 0;
  margin: 30px 0;
}

.main-contents-header-sm .main-img{
  width: 15%;
  max-width: 50px
}
.main-contents-header-sm .slid-menu-img{
  width: 8%;
  max-width: 50px;
  position: absolute;
  left: 5%

}
.main-contents-header-sm .go-qr-img{
  width: 9%;
  max-width: 50px;
  position: absolute;
  right: 5%

}

.footer-lg-from{
  width: 100%;
  /*
  width: 1200px;
  display: flex;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  */
  color: #fff;
  padding-bottom: 20px;

}
.footer-lg-from p{
  font-size: 13px;
  margin: 0px;
}

.footer-info{
  /*
  width: 1200px;
  */
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;

  color: #fff;
}
.footer-info h2{
  margin-top: 20px;
  color: #fff;
  font-size: 16px;
  border-bottom: 2px solid #E50012;
}
.footer-info p{
  color: #D3D3D3;
}
.responsive-list-form{
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.responsive-list-item{
  width: 100%;
  border: 3px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-flow: column;
}
.search-form{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px;
  font-size: 16px;
}
.search-form input{
  width: calc(80% - 70px);
  margin: 0;
  padding: 0 0 0 10px;
  border: 2px solid #302E31;
  border-radius : 3px 0 0 3px;
  border-right: 0px;
  height: 40px;
}
.search-form input:focus{
  outline:none;
  /*box-shadow: 0px 0px 3px 1px #E50012;*/
}
.search-form button{
  height: 40px;
  width: 20%;
  border: 2px solid #302E31;
  border-left: 0px;
  background-color: #fff;
  color: #302E31;
  font-weight: bold;
  border-radius : 0 3px 3px 0;
}
/*
.search-form button:hover{
  border: 2px solid #302E31;
  border-left: 0;
  background-color: #d9d9d9;
}
*/
.bottom-btn-form{
  position: fixed;
  bottom: 50px;
    width: 100%;
    max-width: 1200px;
    z-index: 2;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.bottom-btn-form button{
    height: 50px;
    font-weight: bold;
    font-size: 1.5em;
    border-radius: 5px;
    /*
    top:0;
  margin: 10px;
  width: 100px;
  height: 40px;
  border-radius: 10px;
    box-shadow: 1px 3px 5px black;
    */
}
.bottom-btn-form .bottom-btn-left{
  left: 0;
  background-color: #737373;
  border: 1px solid #616161;
  color: #fff;
  width: 45%;
}

.bottom-btn-form .bottom-btn-left-b{
  left: 0;
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  width: 45%;
}
.bottom-btn-form .bottom-btn-right{
  right: 0;
  background-color: #E50012;
  border: 1px solid #a8000d;
  color: #fff;
  width: 45%;
}
.bottom-btn-form .bottom-btn-right-3{
  right: 0;
  background-color: #22386A;;
  border: 1px solid #0D1629;
  color: #fff;
  width: 45%;
}
.bottom-btn-form .bottom-btn-full{
  right: 0;
  background-color: #E50012;
  border: 1px solid #a8000d;
  color: #fff;
  width: 90%;
}

.bottom-btn-form .bottom-btn-left-p{
  left: 0;
  background-color: #f19393;
  border: 1px solid #b87272;
  color: #fff;
  width: 45%;
}
.bottom-btn-form .bottom-btn-right-i{
  right: 0;
  background-color: #93B1F1;
  border: 1px solid #7288b8;
  color: #fff;
  width: 45%;
}

.bottom-btn-form .bottom-btn-full-indigo{
  right: 0;
  background-color: #3f3fca;
  border: 1px solid #7288b8;
  color: #fff;
  width: 90%;
}

.bottom-btn-form .bottom-btn-full-indigo-dis{
  right: 0;
  background-color: #CCCCCC;
  border: 1px solid #CCCCCC;
  color: #fff;
  width: 90%;
}

.bottom-btn-form .bottom-btn-full-b{
  right: 0;
  background-color: #737373;
  border: 1px solid #616161;
  color: #fff;
  width: 90%;
}

.go-to-top-form{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: fixed;
  font-size: 11px;
  padding: 20px;
  line-height: 0px;
  font-weight: bold;
}
.go-to-top-form i{
  line-height: 11px;
  cursor: pointer;
  font-size: 24px;
}
.go-to-top-form div{
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #828282;
  border-radius: 100%;
  /*box-shadow: 1px 3px 5px #000;*/
  width: 45px;
  height: 45px;
  background-color: rgba(200,200,200,0.8);

}

.footer-menu{
    width:100%;
}

.footer-menu p{
  font-size: 18px;
  text-align: center;
}

.service-agree {
  width:100%;
  height:40px;
  color: #404040;
  font-size: 15px;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 600px;
}

.service-agree label {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-color: #007bff;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.service-agree i{
  color: #302E31;
  font-size: 20px;
  padding-right: 20px;
}

.password-form{
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.password-form input{
  width: 100%;
  padding: 0;
  border: 2px solid #D9D9D9;
  height: 40px;
  border-radius: 3px;
}
.password-form input:focus{
  outline:none;
  /*box-shadow: 0px 0px 3px 1px #818181;*/
}
/*회원 가입 css 끝*/

.notice-list .notice-item .user-photo img{
  widows: 50px;
  height: 50px;
  border-radius: 50%;
}
.notice-list .notice-item .notice-content{
  width: calc(100% - 80px);
  padding: 0 10px;
  text-align: left;
}
.notice-list .notice-item .notice-content div:nth-child(1){
  border-bottom: 1px solid #dddddd;
}
.insert-notice-modal-form textarea{
  width: 100%;
  max-height: 200px;
}
.space-info-top-form{
    width: 100%;
    max-width: 800px;
    background-color: #fff;
    color: #302e31;
    position: fixed;
    top: 0;
    height: 60px;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 1px 2px #d9d9d9;
}
.space-info-top-form p {
    font-size: 1.25rem;
    font-weight: 400;
}
.space-info-top-form i.left{
  position: absolute;
  left: 10px;
  font-size: 1.25rem;
  color: #302e31;
}

.space-info-top-form i.favor{
  font-size: 30px;
  color: #E50012;
}
.space-info-top-form i.unfavor{
  font-size: 30px;
  color: #302E31;
}

.space-info-top-form .right{
  position: absolute;
  right: 10px;
  font-size: 30px;
  color: #302e31;
}

.fluttering{
  display: flex;
}

.space-info-top-form .right2{
  display: none;
}



.swipe-list-from{
    border-top: 1px solid #eee;
    overflow-x: auto;
    overflow-y: hidden;
    width:100vw;
    max-width:1200px;
    -webkit-overflow-scrolling: touch;
}

.swipe-list{
    white-space: nowrap;
    position: relative;
    display: table-row;
}
.swipe-item{
    position: relative;
    border-right: 1px solid #eee;
    display: table-cell;
    vertical-align: top;

}
.swipe-arrow {
  position: absolute;
  background-color: rgba(200,200,200,0.8);
  font-size: 50px;
    top: 0;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding: 0 10px;
    line-height: 10px;
    opacity:0;
    transition: 0.2s;
}
.swipe-arrow.arrow-left{
  left: 0;
    z-index: 1;
    display: none;
}
.swipe-arrow.arrow-right{
  right: 0;
  z-index: 1;
}

/*공간 상세정보 (spaceInfo) css 끝 */

/*이용현황(myUsageHistoryList) css 시작*/
  .img-form { width: 30%;}
  .img-form img{ width: 110px;}
  .detail-form{ width: 100%; padding: 10px; }
/*이용현황(myUsageHistoryList) css 끝*/

div div.hide-impot {
  display: none;
}

.input-in-btn input{
  outline: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  color: #302E31;
  border-right: none;
  padding-left: 10px;
  height: 40px;
  width: 80%;
  border-radius: 3px 0 0 3px;
}

.input-in-btn button{
  outline: none;
  background-color: #d9d9d9;
  border: 1px solid #d9d9d9;
  color: #302E31;
  border-left: none;
  height: 40px;
  border-radius: 0;
  width: 20%;
  border-radius: 0 3px 3px 0;
}

/* 반응형 css */
@media (max-width: 1200px) {
  /* 모바일 */
  div.display-sm{display: flex;}
  div.display-lg{display: none;}
  div.display-lg-flex{display: none;}
  .f16-18{font-size: 16px;}
  br.pc, div.pc{display: none;}
  .m-f18{font-size: 18px;}
  .grid-row-1-2{grid-template-columns: 1fr;}
  .grid-row-2-3{grid-template-columns: 1fr 1fr;}
  .grid-row-3-4{grid-template-columns: 1fr 1fr 1fr;}
  .grid-row-3-6{grid-template-columns: 1fr 1fr 1fr}
  .grid-row-4-5{grid-template-columns: 1fr 1fr 1fr 1fr;}
  .grid-row-4-6{grid-template-columns: 1fr 1fr 1fr 1fr;}
  .flex-col-row{
    display: flex;
    flex-flow: column;
  }
  #schArea{
 	position: sticky;
    top: 60px;
    background-color: #fff;
    z-index: 99;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .main-contents-header-lg{ display: none;}
  .main-contents-header-sm{
    box-shadow: 0px 1px 2px #d9d9d9;
    width: 100%;
    height: 70px;
    background-color: #fff;
    position: fixed;
    top:0;
    z-index: 100;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }


  .user-main-contents-footer-sm{
    width: 100%;
    max-width: 800px;
    position: fixed;
    bottom:0;
    height: 55px;
    background-color: #fff;
    border-top: 1px solid #d9d9d9;
    z-index: 100;
    display: grid;
      grid-auto-flow: dense;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 10px;
      padding: 0 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .teacher-main-contents-footer-sm{
    width: 100%;
    max-width: 800px;
    position: fixed;
    bottom:0;
    height: 55px;
    background-color: #fff;
    border-top:1px solid #d9d9d9;
    z-index: 100;
    display: grid;
      grid-auto-flow: dense;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      gap: 10px;
      padding: 0 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .qr-menu {
	position: relative;
	transform: translateY(-15px);
	justify-self: center;
	z-index: 101;
	background-color: #666666;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: none;
	box-shadow: 0px -2px 5px rgba(0,0,0,0.1);
  }

  .main-footer-icon {
  	text-align: center;
  	padding-top: 6px;
  }

  .go-to-top-form{
    bottom: 0;
  }
  .main-contents-footer-lg{ display: none;}
  .main-contents-footer-lg-r{ display: none;}
  #slid-tag{width:65%;}
  .swipe-arrow{display: none;}
  .space-info-top-form h1 { font-size: 18px; }
  .space-info-top-form i.favor{ font-size: 20px; }
  .space-info-top-form i.unfavor{ font-size: 20px; }
  .change-position-b{bottom: 20px;}
  .top-naver-position{top:60px;}
  h1.rwd-h1{ font-size: 18px;}
  p.rwd-p1{ font-size: 14px; font-weight:600}
  p.rwd-p2{ font-size: 12px;}
  .fluttering{display: none !important;}
}

@media (min-width: 1200px) {
    /*pc*/
	.user-main-contents-footer-sm{display: none;}
	.teacher-main-contents-footer-sm{display: none;}
  	.f16-18{font-size: 17px;}
  	.lg-pb120{padding-bottom: 120px}
  	h1.rwd-h1{ font-size: 30px;}
  	p.rwd-p1{ font-size: 18px; font-weight:600}
  	p.rwd-p2{ font-size: 16px;}
    div.display-lg{display: block;}
    div.display-lg-flex{display: flex;}
    div.display-sm{display: none;}
    .grid-row-1-2{grid-template-columns: 1fr 1fr;}
    .grid-row-2-3{grid-template-columns: 1fr 1fr 1fr;}
    .grid-row-3-4{grid-template-columns: 1fr 1fr 1fr 1fr;}
    .grid-row-3-6{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
    .grid-row-4-5{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
    .grid-row-4-6{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
    br.mobile, div.mobile{display: none;}
    .lg-mt50{margin-top: 50px;}
    .lg-b-170{bottom: 170px;}
    .go-to-top-form{
    bottom: 150px;
  }
  .flex-col-row{
    display: flex;
    flex-flow: row;
  }
  #schArea{
 	position: sticky;
    top: 100px;
    background-color: #fff;
    z-index: 99;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .top-naver-position{top:100px;}
  .change-position-b{bottom: 170px;}
    .main-contents-header-lg{
    width: 100%;
    height: 150px;
    position: fixed;
    background-color: #fff;
    top:0;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    z-index: 100;
  }
  .header-lg-from{
    width: 1200px;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }
  .header-lg-from img{
    width: 310px;
  }
  .content-form{
      min-height: calc(100vh - 310px);
  }
  .space-info-top-form .right{display: none;}

  .space-info-top-form .right2{
    display: block;
    position: absolute;
    right: 5%;
  }



  .main-contents-header-sm{display: none;}
  .main-contents-footer-lg{
  /*
    width: 100%;
    height: 150px;
    position: fixed;
    bottom:0;
    background-color: #252525;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    z-index: 100;
    */
    z-index: 100;
    background-color: #252525;
    width: 200px;
    position: absolute;
    top: 5%;
    left: calc(50% - 620px);

  }
  .main-contents-footer-lg-r{
    z-index: 100;
    background-color: #fff;
    width: 200px;
    position: absolute;
    top: 5%;
    right: calc(50% - 620px);
    box-shadow: 0px 0px 2px 1px #d9d9d9;
  }

  .main-contents-footer-lg-r div div{
  	height: 100px;
  	width: 100px;
  	box-shadow: inset 0px 0px 1px 1px #fff;
  }

  #slid-tag{width:400px;}
  .responsive-list-form{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: dense;
    gap: 20px;
    justify-content:center;
    justify-items: center;
  }

  .bottom-btn-form button{
    font-size: 15px;
    height: 70px;
    /*
    width: 150px;
    margin: 20px;
    border-radius: 5px;
    */
  }

  */
  /*공간 상세정보 (spaceInfo) css 시작 */
  .about-space-item {
       padding: 32px 0 29px 41px;
  }
  .about-space-item ul{
      overflow: hidden;
      width: 1024px;

        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .about-space-item li{
    float: left;
        display: block;
      height: 120px;
      font-size: 18px;
      text-align: center;
  }

  .about-space-item li img{
    width: 30px;
  }
  .about-space-item li i{
    font-size: 30px;
  }
  .about-space-item li p{
      height: auto;
       padding-top: 14px;
  }
  .space-info-top-form{
    height: 100px;
    max-width: 800px!important;
  }
  .space-info-nave{
    top: 100px;
  }
  .space-info-content{
    padding-top: 65px;
    padding-bottom: 110px;
  }
  .space-info-nave p{
  font-size: 15px;
  }

  .space-office-item{ margin-bottom: 100px; }
  /*공간 상세정보 (spaceInfo) css 끝 */

  .sapce-sub-item-form .booking-time-form div.time-sub{
    flex-flow: row;
    margin: 0;
  }

  .sapce-sub-item-form .booking-time-form div.time-sub div{
    width: 50%;
  }
  .booking-mid {
    margin-bottom: 220px;
  }
  .booking-bottom{
      height: 240px;
      bottom: 110px;
  }
}


.sapce-sub-item-form{
  border:2px solid #e0e0e0;
  border-radius: 5px;
  width:100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0;
}
.sapce-sub-item-form p{
  margin: 0;
}

.sapce-sub-item-form .title-form{
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin: 10px;
  cursor:pointer;
}

.sapce-sub-item-form .title-form p{
  font-size: 18px;
  font-weight: bold;
}
.sapce-sub-item-form .title-form i{
  font-size: 20px;
}
.sapce-sub-item-form .title-form div{
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
}

.sapce-sub-item-form .booking-time-form{
  width: 100%;
  display: flex;
  flex-flow: column;
}

.sapce-sub-item-form .booking-time-form div:nth-child(3){
  border-top: 2px solid #e0e0e0;
}

.sapce-sub-item-form .booking-time-form div button{
  margin: 5px;
}
.sapce-sub-item-form .booking-time-form .time-sub{
    display: flex;
    flex-flow: column;
}

.sapce-sub-item-form .booking-time-form div.time-sub div{
    width: 100%;
}

.booking-type-form p{
  font-size: 15px;
}
.booking-type-form i{
  font-size: 18px;
}
.booking-type-form .use-time{
  margin: 10px;
}
.booking-type-form .use-package{
  margin: 10px;
}
.booking-type-form .use-package .use-package-item{
  display: none;
}
.booking-type-form .use-package .use-package-item div{
  display: flex;
  flex-flow: row;
  border: 2px solid #e0e0e0;
  border-radius: 5px;
  padding: 5px;
  margin: 5px;
}
.booking-type-form .use-package .use-package-item div.disabled{
  background-color: #e0e0e0;
}
.booking-mid {
  max-width: 1200px;
  width: 100%;
  padding: 0px 10px;
  margin-bottom: 190px;
}

.booking-bottom{
    position: fixed;
    height: 190px;
    width: 100%;
    max-width: 1180px;
    background-color: #fff;
    bottom: 100px;
    padding: 0 10px;
}
.booking-bottom .booking-history-from{
    font-size: 15px;
    border-top: 2px solid #e0e0e0;
    margin-top: 10px;
    padding: 10px 10px;
}
.booking-bottom .booking-history-from p span{
    font-size: 18px;
    font-weight: bold;
}

.booking-time-form .btn-time-disabled {
  background-color: #ccc;
  border-color: #ccc;
}
.booking-time-form .btn-time-start {
  background-color: #E50012;
  border-color: #E50012;
  color: #fff;
}
.booking-time-form button.btn-time-end {
  background-color: #93B1F1;
  border-color: #93B1F1;
  color: #fff;
}
.booking-time-form .btn-time-end.btn-time-start {
  background-color: #9600fa;
  border-color: #9600fa;
}
.booking-time-form .btn-time-is-none {
  background-color: #ccc;
  border-color: #ccc;
}
.booking-time-form .btn-time-is-booking {
  background-color: #ccc;
  border-color: #ccc;
}
.booking-time-form button.btn-choose {
  background-color: #f1ee93;
  border-color: #f1ee93;
  color:#000;
}

/* 하단 데이터 로딩 css 시작*/
.loading span {
    display: inline-block; /* span 내부요소들을 한줄로 세우기 */
    width: 10px;
    height: 10px;
    background-color: gray;
    border-radius: 50%;    /* span을 동그랗게 */
    animation: loading 2s 0s linear infinite;
    /* 이벤트명  반복시간  딜레이시간  이벤트처리부드럽게  이벤트무한반복*/
  }

  .loading span:nth-child(1) {  /*loading의 자식 중 첫번째 span*/
    /*nth-child : 형제 사이에서의 순서*/
    animation-delay: 0s;
    background-color: #3f3fca;
    margin: 0px 2px;
  }

  .loading span:nth-child(2) {
    animation-delay: 0.2s;
    background-color: #3f3fca;
    margin: 0px 2px;
  }

  .loading span:nth-child(3) {
    animation-delay: 0.4s;
    background-color: #3f3fca;
    margin: 0px 2px;
  }
  .loading span:nth-child(4) {
    animation-delay: 0.6s;
    background-color: #3f3fca;
    margin: 0px 2px;
  }
@keyframes loading {        /*loading이라는 keyframe 애니메이션*/
    0%,                      /* 0, 50, 100은 구간*/
    100% {
      opacity: 0;            /* 안보였다가 */
      transform: scale(0.5); /*transform의 scale로 요소를 확대 또는 축소할 수 있음*/
    }
    50% {
      opacity: 1;             /* 보였다가 */
      transform: scale(1.2); /* 1.2배 */
    }
}
/* 하단 데이터 로딩 css 끝*/

/*selectBox2(직접 구축) css 시작*/
.selectBox2 * { box-sizing: border-box; }
.selectBox2 {
  position: relative;
  height: 35px;
  border-radius: 4px;
  border: 1px solid #000;
  background: url('/images/arrow_down.png') calc(100% - 11px) center no-repeat;
  background-size: 20px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}

.selectBox2:after {
  content: '';
  display: block;
  width: 2px;
  height: 35px;
  position: absolute;
  top: -1px;
  right: 40px;
  background: #7a7a7a;
}

.selectBox2 .label {
  display: flex;
  align-items: center;
  width: 100%;
  height: inherit;
  border: 0 none;
  outline: 0 none;
  padding-left: 15px;
  background: transparent;
  cursor: pointer;
}

.selectBox2 .optionList {
  position: absolute;
  top: 35px;
  left: 0;
  width: 100%;
  background: #7a7a7a;
  color: #fff;
  list-style-type: none;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  max-height: 0;

  z-index: 10;
}

.selectBox2.active .optionList {
  max-height: 300px;
  overflow: auto;
  transition: .3s ease-in;
}

.selectBox2 .optionItem {
  border-bottom: 1px dashed #e3e3e3;
  padding: 5px 15px 5px;
  transition: .1s;
}

.selectBox2 .optionItem:hover {
  background: #4d349e;
}

.selectBox2 .optionItem:last-child {
  border-bottom: 0 none;
}

.selectBox2 .optionItem-disabled {
  border-bottom: 1px dashed #e3e3e3;
  padding: 5px 15px 5px;
  transition: .1s;
  color: #E50012;
}

.selectBox2 .optionItem-disabled:hover {
  background: #4d349e;
}

.selectBox2 .optionItem-disabled:last-child {
  border-bottom: 0 none;
}

/* 스크롤 커스텀*/
.selectBox2 .optionList::-webkit-scrollbar {width: 6px;}
.selectBox2 .optionList::-webkit-scrollbar-track {background: transparent; }
.selectBox2 .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.selectBox2 .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}
/*selectBox2(직접 구축) css 끝*/


p::-webkit-scrollbar {width: 6px;}
p::-webkit-scrollbar-track {background: transparent; }
p::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
p::-webkit-scrollbar-thumb:hover {background: #303030;}

.open{display: block}

.flutteringVal{
  transition:all 0.4s ease-out;
}
.flutteringTop1{
  bottom: calc(10vh + 210px) !important;
}
.flutteringTop2{
  bottom: calc(10vh + 270px) !important;
}
.flutteringTop3{
  bottom: calc(10vh + 330px) !important;
}
.flutteringTop4{
  bottom: calc(10vh + 390px) !important;
}
.flutteringTop1_2{
  bottom: calc(80px + 60px) !important;
}
.flutteringTop2_2{
  bottom: calc(80px + 120px) !important;
}
.flutteringTop3_2{
  bottom: calc(80px + 180px) !important;
}
.flutteringTop4_2{
  bottom: calc(80px + 240px) !important;
}

/*select2 css 변경*/

.select2-container--default .select2-selection--single {
  border: 2px solid #93B1F1 !important;
  height: 3rem !important;
    padding: 0.5rem !important;
    font-size: 1.2rem !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  outline: none !important;
  background-color: #e9e9f7 !important;
  font-size: 1rem !important;
}
.select2-dropdown {
  background-color: #e9e9f7 !important;
  border: 2px solid #93B1F1 !important;
  border-top: none !important;

}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 0.5rem !important;
  right: 1rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-width: 10px 8px 0px 8px !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-width: 0px 8px 10px 8px !important;
}
.select2-container--default .select2-results>.select2-results__options {
  font-size: 1rem !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background-color: #93B1F1 !important;
}




/* 아파트 입주민 화면 */

.user_main {
  width:100%;
  padding-bottom: 60px
}

.apt_main_top {
    width:100%;
    height:160px;
    background-color:#3f3fca;
    padding-top:20px;
}

.aptInfo {
  padding:10px 10px 10px 25px;
  width:100%;
  height:80px;
}

.aptInfo h1 {
  color:#fff;
  font-size:20px;
  font-weight:500;
}

.aptInfo p {
  color:#fff;
  font-size:10px;
  font-weight: 400;
}

.aptModify {
  height:15px;
  position: absolute;
  top:30px;
  right:20px;
  border-bottom:1px solid #fff;
}

.aptModify p {
  color:#fff;
  font-size:12px;
}

.userInfo {
  padding:0px 10px 10px 25px;
  width:100%;
  height:50px;
}

.userInfo p {
  color:#fff;
  font-size:15px;
  font-weight:500;
}

.userFcInfo {
  padding:0px 10px 10px 15px;
  width:100%;
  height:50px;
}

.userFcInfo h2 {
  color:#fff;
  font-size:24px;
  font-weight:600;
}

.userFcInfo h2 > span {
  color:#fff;
  font-size:16px;
}

.userFcAddress {
  margin-top:10px;
  color:#A4C2DF;
  font-size:12px;
}

.userFcUse {
    position:absolute;
    top:110px;
    right:15px;
    text-align:center;
}

.userFcUseBtn {
  border-radius:30px;
  border:2px solid #fff;
  background:#fff;
  padding:5px 10px;
  width:100px;
  color:#696969;
}

.userFcCountArea {
  margin-top:10px;
  padding:15px;
  color:#fff;
}

.userFcCountTxt {
  font-size:12px;
}

.userFcCount {
  font-weight:600;
  font-size:24px;
}


.userFcIcon {
  margin:20px 15px;
  width:80px;
  height:80px;
  text-align:center;
}

.userFcIcon img {
  /*width:60%;*/
  width: 70px;
  height: 70px;
  text-align:center;
}

.userFcIcon p {
    text-align:center;
    margin-top:15px;
    font-size:12px;
    word-break: keep-all
}

.userMainAdArea {
    width:100%;
    height:80px;
    background-color: #fff;
    width: 95%;
	margin: 15px auto 0 auto;
	border-radius: 15px;
}

.roundItem{
    /*box-shadow: 1px 1px 2px #d9d9d9, -1px -1px 2px #d9d9d9;*/
    background-color: #fff;
    border-radius: 15px;
    width: 95%;
    padding: 25px 14px 10px 14px;
    font-size: 18px;
    margin:0 auto;
}

.noticeList ul {
    padding-left:15px;
    padding-top:10px;
}

.noticeList li {
    list-style:initial;
    font-size:13px;
    line-height:26px;
}

.aptTopImg {
    position: absolute;
    top:55px;
    right:0px;
}

.aptTopImg img {
    width:50%;
}

.fc_img_area {
  width:100%;
}

.fc_img_area img {
  width:100%;
}


/* 강사 화면 */

.teacher_main {
    height:100%;
    padding-bottom: 80px;
    width:100%
}
.teacher_main_top {
    width:100%;
    height:100px;
    background-color:#3f3fca;
    padding-top:10px;
}

.teacherInfo {
  padding:10px 10px 10px 20px;
  width:100%;
  height:80px;
}

.teacherInfo h1 {
  color:#fff;
  font-size:20px;
  font-weight:600;
}

.teacherInfo p {
  color:#fff;
  font-size:20px;
  font-weight:700;
}

.teacherMainAdArea {
    width:100%;
    height:80px;
    margin-top:0px;
}

.noticeList ul {
    padding-left:15px;
    padding-top:10px;
}

.noticeList li {
    list-style:initial;
    font-size:13px;
    line-height:26px;
}

.teacherTopImg {
    position: absolute;
    top:50px;
    text-align: right;
    margin-right:60px;
}

.teacherTopImg img {
    width:30%;
}


.lessonArea {
    margin-top:70px;
}

.lessonItem{
    box-shadow: 1px 1px 2px #d9d9d9, -1px -1px 2px #d9d9d9;
    border-radius: 10px;
    width: 95%;
    line-height:200%;
    margin:0 auto;
    padding:5px;
}

.lessonItemImgArea{
    width: 80px;
    height: 80px;
   /*padding: 5px 5px 5px 0;*/
    float: left;
    text-align: left !important;
}

.lessonItemImgArea img{
    width:70px; border-radius:10px; height: 70px;
}


.bookingItem{
    box-shadow: 1px 1px 2px #d9d9d9, -1px -1px 2px #d9d9d9;
    border-radius: 10px;
    width: 95%;
    line-height:200%;
    margin:0 auto;
    padding:5px;
}


.noticeArea{
    /*box-shadow: 1px 1px 2px #d9d9d9, -1px -1px 2px #d9d9d9;*/
    border-radius: 15px;
    padding: 30px 15px 0px 15px;
    font-size: 18px;
    margin:0 auto;
    background-color: #fff;
}

.teacherModify {
  width:40px;
  height:15px;
  position: absolute;
  top:30px;
  right:20px;
  text-align:center;
}

.teacherModify i {
  color:#fff;
  font-size:24px;
}

.teacherModify p {
  color:#fff;
  font-size:14px;
}


.star_full {
  font-size:12px;
  color:#FECE00;
}

.star_blank {
  font-size:12px;
  color:#C9CCD3;
}

.top_search_btn_area {
    padding:10px 25px 20px 25px!important;
    border-bottom: 5px solid rgb(245, 245, 245);
}

.top_search_btn {
  border:1px solid #ccc;
  border-radius:20px;
  height:30px;
  width:80px;
  background: #CFE6FD;
  color:#696969;
  font-size:12px;
  padding:6px;
}

.add_apt_item{
    box-shadow: 1px 1px 2px #d9d9d9, -1px -1px 2px #d9d9d9;
    border-radius: 10px;
    width: 90%;
    height:100px;
    padding: 15px 10px;
    line-height:150%;
    margin:0 auto;
    margin-top:0.8rem;
}


.btn-add-apt {
	font-size:14px;
	width:90%;
	height:60px;
	color:#2B2B2B;
	border:3px dashed #ccc;
	border-radius:5px;
	background: #FFF;
}

.btn-add-apt i {
	color:#3197EC;
	font-size:16px;
	padding-left:10px;
}

.topTxtArea {
  height:15px;
  position: absolute;
  top:30px;
  right:15px;
}

.topTxtArea p {
  color:#fff;
  font-size:12px;
}

.topTxtArea h5 {
  color:#fff;
  font-size:22px;
  padding-left:38px;
}

.curcke-tag{
	border-radius:50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bottom-btn-area{
	width: 100%;
	max-width: 800px;
	position: fixed;
	bottom: 0;
	background-color: #3F3FCA;
	color:#fff;
	font-size: 18px;
	font-weight: bold;
}
.sm-bottom-btn{
	width:100%;
  	height: 50px;
  	background-color: #3F3FCA;
    color:#fff;
    font-size: 15px;
    font-weight: 400;
    border-color: #1d1db1;
    border-width: 1px;
}
@media (min-width: 1200px) {
	.lg-diaplay-none{display: none;}
	#photoForm{margin-top: 120px;}
}


.bottom-btn-area{
	width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #3F3FCA;
    color:#fff;
    font-size: 18px;
    font-weight: bold;
}
.sm-bottom-btn{
	width:100%;
	height: 50px;
	background-color: #3F3FCA;
    color:#fff;
    font-size: 15px;
    font-weight: 400;
    border-color: #1d1db1;
    border-width: 1px;

}
.btn-reply-submit {
	width: 100%;
	height: 50px;
	background-color: #3F3FCA;
	color:#fff;
	font-size: 15px;
    font-weight: 400;
    border:none;
}
.btn-review-reply-submit {
	width: 60px;
	height: 25px;
	background-color: #d9d9d9;
	color:#fff;
	font-size: 12px;
	font-weight: 400;
	border:none;
	border-radius: 5px;
}
.gray-text {
    color: #aaa;
    background-color: #f4f4f4;
    border-color: #ddd;
}
.faq-question {
	display: flex;
	justify-content: space-between;
  	align-items: center;
	padding: 10px;
}
.faq-answer {
	padding: 10px;
	margin-bottom: 10px;
	min-height: 60px;
	background-color: #f5f5fa;
	border-radius: 5px;
}
.faq-category-btn {
	background-color: #f8f9fb;
	border-radius: 5px;
	border: none;
	height: 30px;
}
.faq-category-btn.active {
   	background-color: #3f3fca;
    color: #fff;
    outline: none;
}
.faq-q-icon {
	border: 1px solid #d9d9d9;
	border-radius: 50%;
	background-color: #fff;
	color: #abd3dc;
	width: 30px;
	height: 30px;
	font-size: 14px;
	font-weight:600;
	display: flex;
	align-items: center !important;
	justify-content: center;
}
.imageContainer {
	display: flex;
	flex-wrap: nowrap; /* 한 줄에 나열되도록 설정 */
	overflow-x: auto; /* 가로 스크롤 활성화 */
	overflow-y: hidden; /* 세로 스크롤 비활성화 */
	white-space: nowrap; /* 줄바꿈 방지 */
	width: 90%;
	max-width: 800px;
	box-sizing: border-box;
}
.image-wrapper {
	position: relative;
	display: inline-block;
	flex: 0 0 auto; /* 이미지 크기만큼 차지 */
	margin-right: 10px; /* 이미지 간격 */
	margin-bottom: 5px;
}
.image-preview {
	display: block;
	width: 100px;
	height: 100px;
	object-fit: cover; /* 이미지 비율 유지하며 정사각형 안에 채우기 */
	/*border: 2px solid #ccc;*/
	border-radius: 10px;
}
.btn-delete-image {
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: black;
	color: white;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	opacity: 0.5;
}

/* ON/OFF 스위치 시작 */
.switch {
	position: relative;
	display: inline-block;
	width: 40px !important;
	height: 20px !important;
}
.switch input {
    appearance: none;
}
.slider {
	position: absolute;
	cursor: pointer;
	width:40px;
	top: -2px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: .4s;
	border-radius: 34px;
	box-sizing: border-box;
}
.slider:before {
	position: absolute;
	content: "";
	height: 16px !important;
	width: 16px !important;
	left: 2px;
	bottom: 2px;
	background-color: white;
	transition: .4s;
	border-radius: 50%;
}
input:checked+.slider {
	background-color: #3f3fca;
}
input:checked+.slider:before {
	transform: translateX(20px);
}
/* ON/OFF 스위치 끝 */

.btn-indigo {
	background-color: #3F3FCA;
	color: #fff;
	border: 2px solid #3F3FCA;
	border-radius: 10px;
	outline: none;
}
.btn-indigo:focus {
	background-color: inherit;
    color: inherit;
    border: none;
    box-shadow: none;
    outline: none;
    transform: none;
}

.btn-sex-type {
	width: 80px;
	height: 40px;
	color: #696969;
	border: 1px solid #696969;
	background-color: #fff;
	border-radius: 5px;
}
.btn-sex-type:focus {
	background-color: #696969;
	color: #fff;
	border: none;
	outline: none;
	box-shadow: none;
}
.btn-focus-none {
	border: none;
	outline: none;
	box-shadow: none;
}

.btn-register-apt {
	width: 330px;
	height: 50px;
	color: #fff;
	background-color: #3F3FCA;
	border: none;
	font-size: 15px;
	font-weight: 400;
}

.notice-item {
	width: 90%;
	padding: 15px 0px;
	margin: 0 auto;
	line-height: 250%;
	border-bottom: 1px solid #d9d9d9;
}

.booking-item{
    width: 90%;
    padding: 10px 0px;
    margin:0 auto;
    line-height:200%;
    border-bottom: 1px solid #d9d9d9;
}

.search-section {
	height: 45px;
	align-items: center;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
}

.search-section input {
	border: none;
	padding-top: 0;
	padding-bottom: 0;
}

.booking-lesson-detail {
	font-size: 12px;
	font-weight: 400;
	margin: 5px 0;
}

@media (min-width: 1200px) {
	.lg-diaplay-none{display: none;}
	#photoForm{margin-top: 120px;}
}

#container{
	max-width: 800px!important;
    box-shadow: 0px 0px 5px 1px #9e9c9c;
    background-color: #fff!important;
    width: 100%;
    min-height: 100vh;
}

body{
	background-color: #ecedf3!important;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

@media (min-width: 1200px) {
	#bottomInfo{bottom: 0;}

}
@media (max-width: 1200px) {
	.itemSlider{display: none!important;}
	#bottomInfo{bottom: 50px;}
}

.keep-all {
	word-break: keep-all;
}