.readonly {
    background-color: #eff0f1;
    border-color: #c4c4c4;
    pointer-events: none;
}
.disabled {
    opacity: 0.5;
    border-color: #c4c4c4;
    pointer-events: none;
}
/* 강제줄바꿈, 영문의 경우 단어 우선 줄바꿈 */
.word-break {
    word-wrap: break-word !important;
    table-layout: fixed !important;
    white-space: wrap !important;
}
/* 강제줄바꿈, 영문의 경우 글자 우선 줄바꿈 */
.word-break-all {
    word-break: break-all !important;
    table-layout: fixed !important;
    white-space: wrap !important;
}
.text-word-wrap {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* text */
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-top { vertical-align: top !important; }
.text-middle { vertical-align: middle !important; }
.text-bottom { vertical-align: bottom !important; }
.text-normal { font-weight: 400 !important; }
.text-bold { font-weight: 700 !important; }
.text-underline { text-decoration: underline !important; }
.text-through { text-decoration: line-through !important; }

.text-tiny {font-size: 0.700em !important;}
.text-sm {font-size: 0.800em !important;}
.text-md {font-size: 1.000em !important;}
.text-lg {font-size: 1.200em !important;}

/* text color */
.text-white { color: #fff !important; }
.text-light-gray { color: #dedede !important; }
.text-red { color: rgba(221, 13, 13) !important; }
.text-yellow { color: #f39c12 !important; }
.text-aqua { color: #00c0ef !important; }
.text-blue { color: #1067d0 !important; }
.text-brown { color: #7e4f40  !important; }
.text-black { color: #111 !important; }
.text-light-blue { color: #59acdc !important; }
.text-green { color: #00a65a !important; }
.text-gray { color: #d2d6de !important; }
.text-dark-gray { color: #494a4b !important; }
.text-gray-blue { color: #515f7c !important; }
.text-navy { color: #001f3f !important; }
.text-teal { color: #39cccc !important; }
.text-olive { color: #3d9970 !important; }
.text-lime { color: #01ff70 !important; }
.text-orange { color: #ff851b !important; }
.text-fuchsia { color: #f012be !important; }
.text-purple { color: #605ca8 !important; }
.text-maroon { color: #d81b60 !important; }

/* background color */
.bg-white { background-color: #fff !important; }
.bg-red { background-color: #cc0000 !important; color:#ffffff !important; }
.bg-light-red { background-color: #ec8383 !important; color:#ffffff !important; }
.bg-yellow { background-color: #f39c12 !important; color:#ffffff !important; }
.bg-light-yellow { background-color: #ebe8c3 !important;}
.bg-aqua { background-color: #00c0ef !important; color:#ffffff !important; }
.bg-blue { background-color: #0073b7 !important; color:#ffffff !important; }
.bg-light-blue { background-color: #3c8dbc !important; color:#ffffff !important; }
.bg-black { background-color: #111 !important; color:#ffffff !important; }
.bg-green { background-color: #00a65a !important; color:#ffffff !important; }
.bg-light-gray { background-color: #efefef !important; }
.bg-gray { background-color: #a3a7b1 !important; color:#ffffff !important; }
.bg-deep-gray { background-color: #9b9b9b !important; color:#ffffff !important; }
.bg-dark-gray { background-color: #7a7a7a !important; color:#ffffff !important; }
.bg-navy { background-color: #001F3F !important; color:#ffffff !important; }
.bg-teal { background-color: #39CCCC !important; color:#ffffff !important; }
.bg-olive { background-color: #3D9970 !important; color:#ffffff !important; }
.bg-lime { background-color: #01FF70 !important; }
.bg-orange { background-color: #FF851B !important; color:#ffffff !important; }
.bg-fuchsia { background-color: #F012BE !important; color:#ffffff !important; }
.bg-purple { background-color: #605ca8 !important; color:#ffffff !important; }
.bg-maroon { background-color: #D81B60 !important; color:#ffffff !important; }

.hide{ display: none; }
.show{  display: inline-block; }

.contents_min_height { min-height: 320px; }
.contents_min_height_sm { min-height: 160px; }

.opacity-25 { opacity: 0.25 !important; filter: alpha(opacity=25); }
.opacity-50 { opacity: 0.5 !important; filter: alpha(opacity=50); }
.opacity-75 { opacity: 0.75 !important; filter: alpha(opacity=75); }

.hoverable:hover{ background-color:#cecece; }
.hoverable-blue:hover{ background-color:#1e90ff; color:#FFF; }
.hoverable-underbar:hover{ box-shadow:inset 0 -2px 0 #67a7cf; }
.hoverable-opacity:hover{ opacity:0.50; filter:alpha(opacity=50); }

.cursor-pointer { cursor:pointer; }
.cursor-default { cursor:default; }

.padding { padding:4px !important; }
.padding-lg { padding: 8px !important; }
.padding-xl { padding: 16px !important; }
.padding-none { padding:0 !important; }
.padding-1 { padding:1px !important; }
.padding-2 { padding:2px !important; }

.margin-none { margin-top:0 !important; }
.margin-top-minus { margin-top: -4px !important; }
.margin-top-minus-lg { margin-top: -8px !important; }
.margin-top-minus-xl { margin-top: -16px !important; }

.margin-top { margin-top: 4px !important; }
.margin-top-lg { margin-top: 8px !important; }
.margin-top-xl { margin-top: 16px !important; }
.margin-top-xxl { margin-top: 32px !important; }

.margin-bottom { margin-bottom: 4px !important; }
.margin-bottom-lg { margin-bottom: 8px !important; }
.margin-bottom-xl { margin-bottom: 16px !important; }
.margin-bottom-xxl { margin-bottom: 32px !important; }

.margin-left { margin-left: 4px !important; }
.margin-left-lg { margin-left: 8px !important; }
.margin-left-xl { margin-left: 16px !important; }
.margin-left-xxl { margin-left: 32px !important; }

.margin-right { margin-right: 4px !important; }
.margin-right-lg { margin-right: 8px !important; }
.margin-right-xl { margin-right: 16px !important; }
.margin-right-xxl { margin-right: 32px !important; }

.w_5 { width: 5% !important; }
.w_10 { width: 10% !important; }
.w_19 { width: 19% !important; }
.w_20 { width: 20% !important; }
.w_24 { width: 24% !important; }
.w_25 { width: 25% !important; }
.w_30 { width: 30% !important; }
.w_33 { width: 33% !important; }
.w_40 { width: 40% !important; }
.w_49 { width: 49% !important; }
.w_50 { width: 50% !important; }
.w_66 { width: 66% !important; }
.w_70 { width: 70% !important; }
.w_75 { width: 75% !important; }
.w_80 { width: 80% !important; }
.w_85 { width: 85% !important; }
.w_89 { width: 89% !important; }
.w_90 { width: 90% !important; }
.w_94 { width: 94% !important; }
.w_98 { width: 98% !important; }
.w_100 { width: 100% !important; }
.w_120px { width: 120px !important; }
.w_150px { width: 150px !important; }
.w_180px { width: 180px !important; }
.w_200px { width: 200px !important; }

.h_16px { height: 16px !important; }
.h_24px { height: 24px !important; }
.h_32px { height: 32px !important; }
.h_80px { height: 80px !important; }
.h_100px { height: 100px !important; }
.h_120px { height: 120px !important; }
.h_150px { height: 150px !important; }
.h_200px { height: 200px !important; }
.h_100 { height: 100% !important; }

.overflow_y { overflow-y: auto !important; }
.overflow_x { overflow-x: auto !important; }
.scroll_y { overflow-y: scroll !important; }
.scroll_x { overflow-x: scroll !important; }

.display-inline { display: inline-block !important; position: relative; }
.display-block { display: block !important; position: relative; }
.display-flex { display: flex !important; position: relative; }
.display-fixed {display:fixed !important; }

.pull-left { display: inline-block; position: absolute !important; left:0px;}
.pull-right { display: inline-block; position: absolute !important; right:0px; }
.clear { clear: both; }

.box-shadow {box-shadow:0px 2px 2px 2px rgba(0,0,0,0.2);}
.box-header-title {background-color:#f39c12; color:#ffffff; opacity:0.85; filter:alpha(opacity=85)}
.box-round { border-radius:3px !important; border: none;}
.box-round-lg { border-radius:6px !important; border: none;}
.box-round-xl { border-radius:15px !important; border: none;}
.box-round-xxl { border-radius:20px !important; border: none;}
.box-card { padding:8px; border-radius:6px; border:1px solid #d5d5d5; }

.box-round-left { border-top-left-radius:3px !important; border-bottom-left-radius:3px !important; border: none;}
.box-round-right { border-top-right-radius:3px !important; border-bottom-right-radius:3px !important; border: none;}
.box-round-left-lg { border-top-left-radius:6px !important; border-bottom-left-radius:6px !important; border: none;}
.box-round-right-lg { border-top-right-radius:6px !important; border-bottom-right-radius:6px !important; border: none;}
.box-round-top { border-top-left-radius:3px !important; border-top-right-radius:3px !important; border: none;}
.box-round-bottom { border-bottom-left-radius:3px !important; border-bottom-right-radius:3px !important; border: none;}
.box-round-top-lg { border-top-left-radius:6px !important; border-top-right-radius:6px !important; border: none;}
.box-round-bottom-lg { border-bottom-left-radius:6px !important; border-bottom-right-radius:6px !important; border: none;}

.card-0 { padding:4px; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); }
.card { padding:4px; border-radius:3px; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); }
.card-1 { padding:4px; border-radius:3px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); }
.card-4 { padding:4px; border-radius:3px; box-shadow: 4px 4px 6px rgba(0,0,0,0.2); }
.card-no-padding { padding:0px; border-radius:3px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); }
.card-top{line-height: 1.3em;}

.bordered-none { border:0 !important }
.bordered { border:1px solid #f4f4f4 !important; }
.bordered-top { border-top:1px solid #f4f4f4 !important; }
.bordered-bottom { border-bottom:1px solid #f4f4f4 !important; }
.bordered-both { border-top:1px solid #f4f4f4 !important; border-bottom:1px solid #f4f4f4 !important; }
.bordered-left { border-left:1px solid #f4f4f4 !important; }
.bordered-right { border-right:1px solid #f4f4f4 !important; }
.bordered-side { border-left:1px solid #f4f4f4 !important; border-right:1px solid #f4f4f4 !important; }
.bordered-bold { border:2px solid #dfdfdf !important; }
.bordered-top-bold { border-top:2px solid #dfdfdf !important; }
.bordered-bottom-bold { border-bottom:2px solid #dfdfdf !important; }
.bordered-both-bold { border-top:2px solid #dfdfdf !important; border-bottom:2px solid #dfdfdf !important; }
.bordered-left-bold { border-left:2px solid #dfdfdf !important; }
.bordered-right-bold { border-right:2px solid #dfdfdf !important; }
.bordered-side-bold { border-left:2px solid #dfdfdf !important; border-right:2px solid #dfdfdf !important; }

.border-red { border-color: #cc0000 !important; }
.border-yellow { border-color: #f39c12 !important; }
.border-aqua { border-color: #00c0ef !important; }
.border-blue { border-color: #0073b7 !important; }
.border-white { border-color: #ffffff !important; }
.border-black { border-color: #111 !important; }
.border-light-blue { border-color: #3c8dbc !important; }
.border-green { border-color: #00a65a !important; }
.border-light-gray { border-color: #eeeeee !important; }
.border-gray { border-color: #cccccc !important; }
.border-deep-gray { border-color: #999999 !important; }
.border-dark-gray { border-color: #666666 !important; }
.border-navy { border-color: #001F3F !important; }
.border-teal { border-color: #39CCCC !important; }
.border-olive { border-color: #3D9970 !important; }
.border-lime { border-color: #01FF70 !important; }
.border-orange { border-color: #FF851B !important; }
.border-fuchsia { border-color: #F012BE !important; }
.border-purple { border-color: #605ca8 !important; }
.border-maroon { border-color: #D81B60 !important; }

.btn-tiny {
    padding: 0.120rem 0.375rem;
    font-size: 0.680rem;
    font-weight: 400;
    line-height: 1.3;
    border-radius: 0.225rem;
}

/* ui datepicker */
.ui-datepicker {
    font-size:0.9rem;
    margin-top:1px;
    width: 17rem !important;
    z-index: 1100 !important;
}
.ui-datepicker td span,
.ui-datepicker td a {
    padding: .3em 0 !important;
    text-align: center !important;
    text-decoration: none;
    width:2.2em;
    height:2.0em;
    border-radius: 3px;
    border:0 !important;
}
.ui-state-default {
    background: #fff !important;
}
.ui-state-hover, .ui-state-focus {
    background: #e7e7e7 !important;
}
.ui-state-highlight {
    background: #fffa90 !important;
    color: #333333 !important;
}
.ui-state-active {
    background: #2c73b9 !important;
    color: #ffffff !important;
}

.surveys-main-sitemap {
    display: block;
    padding: 0;
    font-size: 16px;
}
.surveys-main-sitemap div {
    margin-top: 0px;
    padding: 20px;
    border-bottom:1px solid #ddd;
}
.surveys-main-sitemap ul li {
    margin: 0 0 0 10px;
    padding:4px;
    font-size: 13px;
}

/* admin lte */
.table-hover tbody tr:hover {
    color: #212529;
    /* background-color: rgba(150, 0, 0, 0.075) !important; */
    background-color: rgba(73, 83, 97, 0.15) !important;
    cursor: pointer;
}

.td-hover:hover {
    color: #212529;
    /* background-color: rgba(150, 0, 0, 0.075) !important; */
    background-color: rgba(73, 83, 97, 0.15) !important;
    cursor: pointer;
}

.custom-checkbox input[type=checkbox] {
    display: none !important;
}
.custom-radio input[type=radio] {
    display: none !important;
}

  .surveys-calendar-exam {
    padding-bottom: 25px;
  }

  .surveys-calendar-exam .fc-day-sun .fc-daygrid-day-number {
    color: #f53332;
  }
  .surveys-calendar-exam .fc-col-header-cell {
    padding: 10px 0;
    background-color: #a37768;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .surveys-calendar-exam .fc-header-toolbar .fc-toolbar-chunk div {
    display: flex;
    align-items: center;
  }
  .surveys-calendar-exam .fc-header-toolbar .fc-toolbar-chunk div .btn {
    margin: 0 20px;
    background: none;
    border: none;
  }
  .surveys-calendar-exam .fc-header-toolbar .fc-toolbar-chunk div .btn .fa {
    color: #000;
    font-size: 18px;
  }
  .surveys-calendar-exam-head {
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin-top: 17px;
  }
  .surveys-calendar-exam-head__title {
    display: inline-block;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.04;
    letter-spacing: normal;
    text-align: center;
    color: #111;
  }
  .surveys-calendar-exam-head__title button {
    width: 36px;
    height: 36px;
    border: 0;
    font-size: 0;
  }
  .surveys-calendar-exam-head__title strong {
    margin: 0 40px;
  }
  .surveys-calendar-exam-head__title .btn-prev {
    background: url(/common/admin_dist/img/btn-prev.png) no-repeat 50% 50%;
  }
  .surveys-calendar-exam-head__title .btn-next {
    background: url(/common/admin_dist/img/btn-next.png) no-repeat 50% 50%;
  }

  .surveys-calendar-exam-body {
    margin-top: 13px;
  }
  .surveys-calendar-exam-body table {
    width: 100%;
  }
  .surveys-calendar-exam-body table thead th {
    position: relative;
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #a37768;
  }
  .surveys-calendar-exam-body table thead th:first-child {
    border-radius: 8px 0 0 0;
  }
  .surveys-calendar-exam-body table thead th:last-child {
    border-radius: 0 8px 0 0;
  }
  .surveys-calendar-exam-body table thead th::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 17px;
    background-color: #dbd6d4;
    transform: translateY(-50%);
    opacity: 0.2;
  }
  .surveys-calendar-exam-body table thead th:first-child::before {
    display: none;
  }
  .surveys-calendar-exam-body table tbody td {
    position: relative;
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    vertical-align: top;
  }

  .surveys-calendar-exam-sun .surveys-calendar-exam-day {
    color: #f53332;
  }
  .surveys-calendar-exam-sat .surveys-calendar-exam-day {
    color: #2d8dfd;
  }
  .surveys-calendar-exam-day {
    position: relative;
    padding: 4px;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #111;
  }
  
  .surveys-calendar-exam-day.active {
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: transparent;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #7e4f40;
    color: #fff;
  }

.surveys-calender__text1 {
    display: flex;
    padding:2px 3px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
  }
  
  .surveys-calender__text1 span {
    font-size: 12px;
    color: #60504f;
  }
  
  .surveys-calender__text1 span + span {
    margin-left: 6px;
  }
  
  .surveys-calender__text1 span.dot1, .surveys-calender__text1 span.dot2, .surveys-calender__text1 span.dot3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  
  .surveys-calender__text1 span.dot1::before, .surveys-calender__text1 span.dot2::before, .surveys-calender__text1 span.dot3::before {
    content: "";
    margin-right: 6px;
  }
  
  .surveys-calender__text1 span.dot1::before {
    width: 8px;
    height: 2px;
    background-color: #111111;
  }
  
  .surveys-calender__text1 span.dot2::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #f27ed3;
  }
  
  .surveys-calender__text1 span.dot3::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #55b4a5;
  }

  #main_loading {
    background-color:#000;
    opacity:0.3;
  }
  .main-loading {
    margin-top:25% !important;
    color:#fff;
  }