/* ============ navbar desktop view start ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0;min-width:100px !important;margin-left: -5px;}
}	
/* ============ navbar desktop view .end// ============ */

.pointer-on{
  cursor: pointer;
}
.pointer-off{
cursor: text;
}

/* pagenation */
.page-link {
    color: #000; 
    background-color: #fff;
    border: 1px solid #ccc; 
    white-space: nowrap;
  }
  
  .page-item.active .page-link {
   z-index: 1;
   color: #fff;
   font-weight:bold;
   background-color: #2a4a58;
   border-color: #ccc;
   white-space: nowrap;
   
  }
  
  .page-link:focus, .page-link:hover {
    color: #000;
    background-color: #fafafa; 
    border-color: #ccc;
    white-space: nowrap;
  }

  .form5{
    margin-top:100px;
    min-height: 78vh;
    margin-bottom:10px;
  }

  #pre-loader{
    position:fixed;    
    width:100%;
    height:100vh;
    z-index:1200;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0px;
    margin:0px;
  }

  .pre-loader {    
    margin: 5% auto;
    height: 107px;
    width: 107px;
    border: 4px solid rgb(31, 31, 31);
    position: relative;
    border-radius: 100%;
    -webkit-animation: spin 800ms infinite linear;
            animation: spin 800ms infinite linear;
        
  }

  .pre-loader .semicircle .red { 
    position: absolute; 
    top: 4px;
    left: 13px;
    width: 100px; 
    height: 50px; 
    /* border-radius: 100%; */
    border-top-right-radius: 200px;
    border-top-left-radius: 200px;
    background: #ffffff;
    transform:rotate(33deg);
  }
  
  .pre-loader .semicircle .blue { 
    position: absolute; 
    left: -14px;
    top: 46px;
    width: 100px; 
    height: 50px; 
    /* border-radius: 100%; */
    border-bottom-right-radius: 200px;
    border-bottom-left-radius: 200px;
    background: rgb(31, 31, 31);
    transform:rotate(33deg);
  }
  
  .pre-loader .circle .blue { 
    position: absolute; 
    left: 3px;
    top: 11px;
    width: 50px; 
    height: 50px; 
    border-radius: 100%;
    background: rgb(31, 31, 31);
    transform:rotate(33deg);
  }
  
  .pre-loader .circle .red { 
    position: absolute; 
    left: 45px;
    top: 39px;
    width: 50px; 
    height: 50px; 
    border-radius: 100%;
    background: #ffffff;
    transform:rotate(33deg);
  }


  
  @-webkit-keyframes "spin" {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  
  @keyframes "spin" {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }

#active_modal_popup .modal-title{
    font-weight:700;
}


.mbr-text-15{
  font-size:1.5rem;
}

.mbr-text-9{
  font-size:.9rem;
}

.cid-tDsmwDOSWk {
  padding-bottom: 1rem;
}

.min-height-40{
  min-height:40px !important;
}

.min-height-50{
  min-height:50px !important;
}

.min-height-150{
  min-height:150px !important;
}

.min-height-200{
  min-height:200px !important;
}

.min-height-250{
  min-height:250px !important;
}

.max-height-60{
  max-height:60px !important;
}

.max-width-40{
  max-width:40px !important;
}

.max-width-50{
  max-width:50px !important;
}
.max-width-60{
  max-width:60px !important;
}

.max-width-100{
  max-width:100px !important;
}

.min-width-100{
  min-width:100px !important;
}

.min-width-150{
  min-width:150px !important;
}

.min-width-200{
  min-width:200px !important;
}

#active_modal_popup textarea{
  min-height:150px;
}

.form-control[type=file]{
  padding:1rem 2rem;
}
.cid-tC7opez92D .card-wrap .image-wrap img {
border-bottom: #efefef 1px solid;

}


.cid-tCAo7OXNok .title-wrapper p{
  font-size:1.8rem;
}
.set_back_list_btn {
  color: #bbbbbb;
  fill: #bbbbbb;
  transition: all 0.3s;
}
.set_back_list_btn:hover {
  color: #e43f3f;
  fill: #e43f3f;
}

.set_follow_class_btn {
  color: #bbbbbb;
  fill: #bbbbbb;
  transition: all 0.3s;
}
.set_follow_class_btn:hover {
  color: #e43f3f;
  fill: #e43f3f;
}

.set_share_class_btn {
  color: #bbbbbb;
  fill: #bbbbbb;
  transition: all 0.3s;
}
.set_share_class_btn:hover {
  color: #e43f3f;
  fill: #e43f3f;
}

/* tooltip */
[data-tooltip] {
  cursor: pointer;
  /*display: inline-block;*/
  line-height: 1;
  position: relative;
  
}
[data-tooltip]::after {
  background-color: rgba(51, 51, 51, 0.9);
  border-radius: 0.2rem;
  border-bottom-left-radius: 0;
  color: #fff;
  content: attr(data-tooltip);
  font-size: .7rem;
  font-weight: normal;
  line-height: 1.15rem;
  opacity: 0;
  padding: 0.25rem 0.5rem;

  position: absolute;
  text-align: center;
  text-transform: none;
  transition: opacity 0.2s;
  visibility: hidden;
  white-space: nowrap;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  transform: translate(-45%);
  margin-bottom:2px;
  
}
[data-tooltip]:hover::after, [data-tooltip][class*=tooltip-]:hover::before {
  visibility: visible;
  opacity: 1;
}

.w-10{
  width: 10%;
}
.w-20{
  width: 20%;
}
.w-30{
  width: 30%;
}
.w-40{
  width: 40%;
}
.w-50{
  width: 50%;
}
.w-60{
  width: 60%;
}
.w-70{
  width: 70%;
}
.w-80{
  width: 80%;
}
.w-90{
  width: 90%;
}

.radius-5{
  border-radius: 5px !important;
}

.min-height-150{
  min-height:150px !important;
}

.min-height-200{
  min-height:200px !important;
}

.min-height-250{
  min-height:250px !important;
}

.max-height-60{
  max-height:60px !important;
}

.max-width-100{
  max-width:100px !important;
}

.width-150{
  width:150px !important;
  overflow: hidden;
}

.min-width-100{
  min-width:100px !important;
}

.min-width-150{
  min-width:150px !important;
}

.min-width-200{
  min-width:200px !important;
}

.mbr-small-text{
  font-size:0.7rem !important;
}

.modal .file-down-btn{
  transition: all 0.3s;
}
.modal .file-down-btn:hover {
  color: #e43f3f;
}

.cid-tDsVrAjmq8 .class-timetable .class-title {
  padding: 3px 1px;
}
.cid-tDsVrAjmq8 .class-timetable .class-title .class-alarm-btn{
  padding:0px;
  margin:1px 2px;
}

.cid-tDsVrAjmq8 table td{
  height: 150px;
}

.cid-tDsVrAjmq8 .schedule-week-day-name{
  min-width:170px;
}

@media (max-width: 575px){
  .cid-tDsVrAjmq8 .schedule-notice{
    font-size:0.8rem;
  }
}

.cid-tBLdo6CxCr .item-content {
  min-height: 380px;
}
.cid-tBLdo6CxCr img{
  width:150px !important;
  height: 150px !important;
}

.cid-tC74jeY37hh {
  padding-top: 11rem;
  padding-bottom: 5rem;
  background-color: #dddddd;
}
@media (max-width: 575px) {
  .cid-tC74jeY37hh {
    padding-top: 7rem;
  }
}
@media (max-width: 767px) {
  .cid-tC74jeY37hh .row {
    text-align: center;
  }
}
.cid-tC74jeY37hh .slide-content {
  position: relative;
  height: 100%;
  display: flex;
  overflow: hidden;
  flex-flow: column nowrap;
}
.cid-tC74jeY37hh .slide-content:hover .item-content {
  background: #ee964b;
}
.cid-tC74jeY37hh .slide-content:hover .mbr-text {
  color: #ffffff;
}
.cid-tC74jeY37hh .slide-content:hover .item-content span {
  color: #ffffff;
}
.cid-tC74jeY37hh .item-content {
  background: #ffffff;
  padding: 50px 40px 58px;
  transition: all .4s ease;
  min-height: 540px;
}
@media (max-width: 992px) {
  .cid-tC74jeY37hh .item-content {
    padding: 35px 25px;
  }
}
@media (max-width: 425px) {
  .cid-tC74jeY37hh .item-content {
    padding: 30px 25px 32px;
  }
}
.cid-tC74jeY37hh .item-content span {
  font-size: 35px;
  margin: 0 auto;
  color: #ee964b;
  transition: all .4s ease;
}
.cid-tC74jeY37hh .item-content .mbr-text {
  margin: 18px 0 0 0;
}
.cid-tC74jeY37hh .item-content .item-text-title {
  font-weight: 600;
  font-size: 1.4rem;
}
.cid-tC74jeY37hh .item-person {
  margin-top: 40px;
}
.cid-tC74jeY37hh .item-person .item-title {
  margin: 0;
}
.cid-tC74jeY37hh .item-person .item-subtitle {
  margin: 6px 0 0 0;
}
.cid-tC74jeY37hh img,
.cid-tC74jeY37hh .item-img {
  width: 100%;
  height: 100%;
  height: 300px;
  object-fit: cover;
}
.cid-tC74jeY37hh .item-person img {
  height: 78px;
  width: 78px;
  object-fit: cover;
  margin: 0 auto 28px;
  border-radius: 50%;
}
.cid-tC74jeY37hh .embla__slide {
  display: flex;
  justify-content: center;
  position: relative;
  min-width: 410px;
  max-width: 410px;  
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  .cid-tC74jeY37hh .embla__slide {
    min-width: 70%;
    max-width: initial;
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}
.cid-tC74jeY37hh .embla__container {
  display: flex;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.cid-tC74jeY37hh .mbr-section-title {
  margin-bottom: 45px;
  color: #20232a;
  text-align: center;
}
.cid-tC74jeY37hh .mbr-section-subtitle {
  margin-bottom: 22px;
  letter-spacing: .13em;
  color: #FF4712;
  text-align: center;
}
.cid-tC74jeY37hh .mbr-text {
  color: #20232a;
  text-align: center;
}
.cid-tC74jeY37hh .item-title {
  color: #20232a;
  text-align: center;
}
.cid-tC74jeY37hh .item-subtitle {
  color: #adaeb1;
  text-align: center;
}



.cid-tCB0tCJeVj{
  min-height: 700px;
}
.cid-tBMyIz1GXi{
  min-height: 600px;
}
@media (max-width: 575px){
  .cid-tBMyIz1GXi .nav-tabs {
    flex-direction: row;
  }
}

.cid-bottom-bar{
  background: rgba(26, 34, 41, 1);
  transition: all .4s ease;
}

.cid-bottom-bar .navbar{
  padding:0rem 1.5rem;
}

.cid-bottom-bar img {
  max-width:40px;
}

.cid-bottom-bar select{
  min-height: 35px;
}

.cid-bottom-bar .btn{
  min-height: 20px !important;
  padding:.3rem;
}

@media (max-width: 575px){
  .cid-bottom-bar img {
    width:100px !important;
  }
  .cid-bottom-bar .navbar{
    padding:0px 0px;
  }
}

.plan_run_btn{
  background-color: #ff5f0f !important;  
}


@media (min-width: 576px) {
	.cid-tC74jeY37hh .item-text-title{
  		min-width:306px;
	}

	.cid-tBLdo6CxCr .item-text-title{
  		min-width:330px;
	}
}


.cid-tC74jeY37h .row div .row {
  flex-direction: row;
}

@media (max-width: 576px) {
  .cid-tCNRFNLw0F {
    padding-bottom: 0px;
  }
}

.cid-tCNYsVYnUr{
  min-height: 500px;
}

.kakaotalk-icon .kakaotalk-text{
  position:relative;
  font-size:.5rem;
  top:-48px;
  font-weight: 700;
  padding:15px 15px;
}
.kakaotalk-icon .mbr-iconfont-social:hover{
  color:#767676;
}

.top-menu-alarm-area .alarm-icon{
  color:#c00000;
}

.top-menu-alarm-area .alarm-count-number{
  position: relative;
  color: #fff;
  min-width:22px;
  min-height:22px;
  margin-top: -5px !important;
  margin-left: 2px !important;
}

.top-menu-pre-alarm-area{
  margin-right:1rem;
}

.alarm-popup-list-area{
  background-color: #ffe3cc;
  padding: .9rem;
  overflow-y: auto;
  max-height:400px;
  margin-top:1rem;
  min-height:100px;
  border-radius: 3px;
}

.alarm-popup-list-area::-webkit-scrollbar {
  width: 10px;
}
.alarm-popup-list-area::-webkit-scrollbar-thumb {
  background-color: #ee964b;
  border-radius: 10px;
}
.alarm-popup-list-area::-webkit-scrollbar-track {
  background-color: #fff3d8
  border-radius: 10px;
  /*box-shadow: inset 0px 0px 5px rgb(56, 56, 56);*/
}

.alarm-popup-list-area .comment-title{
  font-size: .9rem;
  color: #4aa0e2;
  font-weight: 400;
}


.alarm-popup-list-area .comment-text{
  font-size: 1.1rem;
  line-height: 1.5rem;
  
}
.alarm-popup-list-area .comment-nick{
  font-size: .8rem;
  padding-top:5px;
}

.alarm-popup-list-area .article-title{
  font-size: .9rem;
  color: #464646;
  padding-bottom:8px;
}

.alarm-popup-list-area .comment-readed{
  color: #bbbbbb;
}

.alarm-popup-list-area .comment-date{
  color: #d44b1d;
  padding-left: .5rem;
}