@charset "utf-8";
/*@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

/* Common */
* {
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

body, input, textarea, select, button, table {
  font-family: "Noto Sans KR", "나눔고딕", NanumGothic, 'Nanum Gothic', NGNormal, "돋움", Dotum, AppleGothic, sans-serif;
  font-size: 12px;
  color: #191919;
}

img, fieldset, video {
  border: 0;
  vertical-align: top;
}
img{
  max-width: 100%;height:auto !important;
}

ul, ol, dl {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul:after, ol:after, dl:after {
  display: block;
  clear: both;
  content: ''
}

em, address {
  font-style: normal;
}

a {
  text-decoration: none;
  color: #333;
  cursor: pointer;
  *cursor: hand;
}

button:hover, input[type='submit']:hover {
  cursor: pointer;
  *cursor: hand;
}

p {
  background: url('https://pic.neungyule.com/lms_nelab/m/img/blank.png');
}

/* android p bug */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  background: url('https://pic.neungyule.com/lms_nelab/m/img/blank.png');
}

/* android p bug */
fieldset:after {
  display: block;
  clear: both;
  content: ''
}

legend {
  padding: 0 30px 10px 0;
  font-size: 30px;
  font-weight: bold;
}

strong {
  font-weight: bold;
}

.hand {
  cursor: pointer
}

blockquote, q {
  quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
}

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

textarea {
  line-height: 18px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* text-overflow set */
.toe {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal
}

.toe, x:-moz-any-link, x:default {
  white-space: nowrap;
  word-wrap: break-word
}

/* Firefox 에서 줄 바꿈이 가능하도록 변경 */
* + html .toe {
  white-space: nowrap;
  word-wrap: normal
}

/* 위 행이 IE7에도 적용되므로 IE7에만 줄 바꿈이 불가능하도록 다시 복원 */

/*skip nav */
#skip_nav a {
  display: block;
  height: 1px;
  width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  background: #b8e2ec;
  white-space: nowrap;
}

#skip_nav a:focus,
#skip_nav a:active {
  position: fixed;
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  padding: 8px 0;
  text-align: center;
  z-index: 999;
}

/* none set */
.bg_none {
  background: none !important;
}

.bgimg_none {
  background-image: none !important;
}

.none {
  display: none !important;
}

.hidden {
  position: absolute;
  top: 0;
  left: -9999% !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

.contIR {
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  height: 0;
  font-size: 0;
  white-space: nowrap
}

/* clear */
.clearfix {
  *zoom: 1
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;;
  position: relative;
}

/* float */
.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.fn {
  float: none !important;
}

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

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

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

/* text-decoration */
.td-underline{
  text-decoration: underline;
}

/* color */
.color-gray {
  color: #545454 !important;
}
.color-or {
  color: #f99d1b !important;
}

.color-gr {
  color: #76c043 !important;
}

.color-vi {
  color: #823f98 !important;
}

.bg-or {
  background-color: #f99d1b;
}

.bg-gr {
  background-color: #76c043;
}

.bg-vi {
  background-color: #823f98;
}

.bc-or {
  border-color: #f99d1b;
}

.bc-gr {
  border-color: #76c043;
}

.bc-vi {
  border-color: #823f98;
}

hr, .hr{
  display: block;
  width: 100%;
  height: 1px;
  margin: 10px 0;
  background-color: #efefef;
}

/* container padding */
.container-padding {
  padding-left: 15px;
  padding-right: 15px;
}

/* button */
.ne-btn-box{
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.ne-btn-box .col-2-btn{
  display: block;
  float: left;
  width: 49%;
  margin-right: 2%;
}
.ne-btn-box .col-3-btn{
  display: block;
  float: left;
  width: 32%;
  margin-right: 2%;
}
.ne-btn-box .col-2-btn:last-child,
.ne-btn-box .col-3-btn:last-child{
  margin-right: 0;
}
.ne-btn-box.padding-box{
  padding: 10px 15px;
}

.btn {
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  background-color: transparent;
  border: 1px solid transparent;
  box-sizing: border-box;
}

.btn.btn-primary {
  background-color: #823f98;
  border-color: #823f98;
  color: #fff;
}
.btn.btn-primary.btn-outline {
  background-color: #fff;
  border-color: #823f98;
  color: #823f98;
}

.btn.btn-default {
  background-color: #fff;
  color: #545454;
  border-color: #b8b8b8
}
.btn.btn-default.bg-gray {
  background-color: #f5f5f5;
  color: #545454;
  border-color: #b8b8b8
}

.btn.btn-green {
  background-color: #76c043;
  border-color: #76c043;
  color: #fff;
}

.btn.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.btn.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.btn.btn-xs {
  padding: 2px 5px;
  font-size: 10px;
  line-height: 1.5;
}

.btn.btn-block {
  display: block;
  width: 100%;
}
.btn.btn-arr{
  position: relative;
  padding-right: 20px;
}
.btn.btn-arr:before{
  position: absolute;
  display: block;
  width: 6px;
  height: 1px;
  background-color: #555555;
  content: '';
  top: 8px;
  right: 8px;
  transform: rotate(40deg);
  border-radius: 1px;
}
.btn.btn-arr:after{
  position: absolute;
  display: block;
  width: 6px;
  height: 1px;
  background-color: #555555;
  content: '';
  bottom: 8px;
  right: 8px;
  transform: rotate(-40deg);
  border-radius: 1px;
}

/* form */
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  color: #191919;
}

.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #b8b8b8;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;
  -webkit-appearance: none;
}

.form-control:focus {
  border-color: #a5a5a5;
  outline: 0;
}

.form-control::-moz-placeholder {
  color: #8f8f8f;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #8f8f8f;
}

.form-control::-webkit-input-placeholder {
  color: #8f8f8f;
}

.form-control[disabled],
.form-control[readonly] {
  cursor: not-allowed;
  background-color: #f7f7f7;
  opacity: 1;
}
.form-control[readonly]{
  background-color: transparent;
}

textarea.form-control {
  height: auto;
}

select.form-control,
input[type="search"] ,
input[type="number"] {
  -webkit-appearance: none;
}
input[type=date]{
  -webkit-appearance: none;
  padding-top: 8px;
  background-image: url('https://pic.neungyule.com/lms_nelab/m/img/icon_input_date.png');
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 16px 17px;
}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-clear-button {
  -webkit-appearance: none;
  display: none;
}
input[type=date]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1
}
input[type=date]::-webkit-calendar-picker-indicator:hover {
  background: transparent;
  cursor: pointer;
}

select.form-control {
  background-image: url('https://pic.neungyule.com/lms_nelab/m/img/select_caret.png');
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 10px 6px;
}

/*checkbox*/
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked{
  position: absolute;
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box;
  padding: 0;
}

[type="checkbox"]+label{
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #191919;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[type="checkbox"]+label:before,
[type="checkbox"]+label:after{
  content: '';
  left: 0;
  position: absolute;
  box-sizing: border-box;
  z-index: 1;
}

[type="checkbox"]:not(:checked)+label:before{
  top: 5px;
  left: 3px;
  width: 7px;
  height: 9px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  -webkit-transform: rotateZ(42deg);
  transform: rotateZ(42deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

[type="checkbox"]:checked + label:before{
  top: 5px;
  left: 3px;
  width: 7px;
  height: 9px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid #823f98;
  border-bottom: 1px solid #823f98;
  -webkit-transform: rotateZ(42deg);
  transform: rotateZ(42deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

[type="checkbox"]:not(:checked) + label:after{
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #b8b8b8;
  top: 0;
  z-index: 0;
}

[type="checkbox"]:checked + label:after{
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #823f98;
  top: 0;
  z-index: 0;
}

[type="checkbox"]:disabled,
[type="checkbox"][disabled]{
  cursor: default;
}

[type="checkbox"]:disabled+label,
[type="checkbox"][disabled]+label{
  cursor: default;
  opacity: 0.7;
}
[type="checkbox"]:disabled:not(:checked)+label:before,
[type="checkbox"]:disabled:checked+label:before,
[type="checkbox"][disabled]:not(:checked)+label:before,
[type="checkbox"][disabled]:checked+label:before{
  opacity: .7;
}

[type="checkbox"].check-only+label{
  width: 20px;
  padding-left: 20px;
  text-indent: -999em;
}

/* radio */
[type="radio"]:not(:checked),
[type="radio"]:checked{
  position: absolute;
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box;
  padding: 0;
}

[type="radio"]+label{
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #333;
  margin-bottom: 0;
  margin-right: 5px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[type="radio"]+label:before,
[type="radio"]+label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin: -9px 4px 0;
  width: 16px;
  height: 16px;
  z-index: 0;
}

[type="radio"]+label:before {
  background-color: #fff;
}

[type="radio"]:not(:checked)+label:before,
[type="radio"]:not(:checked)+label:after,
[type="radio"]:checked+label:before,
[type="radio"]:checked+label:after {
  border-radius: 50%;
}

[type="radio"]+label:before,
[type="radio"]+label:after {
  border: 1px solid #b8b8b8;
}
[type="radio"]+label:after{
  border-color: transparent;
}

[type="radio"]:not(:checked)+label:after {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  background-color: #b8b8b8;
}

[type="radio"]:checked+label:after {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  background-color: #823f98;
}

[type="radio"]:disabled,
[type="radio"][disabled]{
  cursor: default;
}

[type="radio"]:disabled+label,
[type="radio"][disabled]+label{
  opacity: .7;
  cursor: default;
}
[type="radio"]:disabled:not(:checked)+label:before,
[type="radio"]:disabled:checked+label:before,
[type="radio"][disabled]:not(:checked)+label:before,
[type="radio"][disabled]:checked+label:before{
  opacity: .7;
}

/* form */
.form-row{
  margin-bottom: 15px;
}
.form-row:last-child{
  margin-bottom: 0;
}
.form-row label,
.form-row .form-label{
  font-size: 11px;
}

.form-row.phone .form-control{
  float: left;
  width: 30%;
}
.form-row.phone .bar{
  float: left;
  width: 5%;
  text-align: center;
  line-height: 32px;
  color: #8f8f8f;
  font-size: 16px;
}

.form-row.input-select .form-control{
  float: left;
  width: 50%;
  margin-right: 10px;
}
.form-row.input-select select.form-control{
  width: calc(100% - 50% - 10px);
  margin-right: 0;
}

.form-row .inner-row{
  margin-bottom: 10px;
}
.form-row.address .address-input{
  float: left;
  width: calc(100% - 112px);
}
.form-row.address .btn{
  float: left;
  width: 102px;
  margin-left: 10px;
  background-color: #f5f5f5;
}
.form-row.date select.form-control:first-child{
  float: left;
  width: 23%;
  margin-right: 2%;
}
.form-row.date select.form-control{
  float: left;
  width: 18%;
  margin-right: 2%;
}
.form-row.date input[type=date].form-control{
  float: left;
  width: 50%;
  margin-right: 2%;
}
.form-row.date .lunar-checkbox{
  float: left;
  width: 26%;
  box-sizing: border-box;
  padding: 8px 10px;
}
.form-file-box{
  margin-bottom: 5px;
}
.form-file-box .file-list{
  display: block;
  color: #545454;
  font-size: 11px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.form-file-box .file-list span{
  vertical-align: middle;
}
.form-file-box .file-list .file{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 3px;
  background-image: url('https://pic.neungyule.com/lms_nelab/m/img/icon_file.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 11px 11px;
}
.form-file-box .file-list .close{
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  margin: 0 0 0 10px;
  padding: 0;
  border: 1px solid #b8b8b8;
  background-color: #f5f5f5;
  vertical-align: middle;
}
.form-file-box .file-list .close:before,
.form-file-box .file-list .close:after{
  display: block;
  position: absolute;
  top: 8px;
  left: 3px;
  content: '';
  width: 10px;
  height: 1px;
  background-color: #b8b8b8;
}
.form-file-box .file-list .close:before{
  transform: rotate(45deg);
}
.form-file-box .file-list .close:after{
  transform: rotate(-45deg);
}

/* pagination */
.pagination-wrap {
  padding: 0 15px;
  text-align: center;
  background-color: #fff;
}

.pagination {
  display: inline-block;
  margin: 15px 0;
}

.pagination > li {
  float: left;
  display: block;
  margin-right: 8px;
}

.pagination > li:last-child {
  margin-right: 0;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  width: 30px;
  height: 20px;
  padding: 5px 0;
  text-decoration: none;
  color: #8f8f8f;
  background-color: #fff;
  border: 1px solid #b8b8b8;
  text-align: center;
  line-height: 20px;
  font-size: 11px;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  color: #191919;
  background-color: #eee;
  border-color: #b8b8b8;
}

.pagination > li > a.first:before, .pagination > li > a.first:after,
.pagination > li > a.prev:before, .pagination > li > a.next:before,
.pagination > li > a.end:before, .pagination > li > a.end:after {
  position: absolute;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid;
  border-right: 1px solid;
  border-color: #8f8f8f;
  top: 50%;
  margin-top: -3px;
}

.pagination > li > a.first:before, .pagination > li > a.first:after, .pagination > li > a.prev:before {
  transform: rotate(-135deg);
}

.pagination > li > a.first:before {
  left: 12px;
}

.pagination > li > a.first:after {
  left: 15px;
}

.pagination > li > a.prev:before {
  left: 13px;
}

.pagination > li > a.next:before, .pagination > li > a.end:before, .pagination > li > a.end:after {
  transform: rotate(45deg);
}

.pagination > li > a.end:before {
  right: 12px;
}

.pagination > li > a.end:after {
  right: 15px;
}

.pagination > li > a.next:before {
  right: 13px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  cursor: default;
  color: #191919;
  background-color: #eee;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination > li.disabled > a:before, .pagination > li.disabled > a:after, .pagination > li.disabled > span:before, .pagination > li.disabled > span:after {
  border-color: #ccc;
}

/* search box */
.search-wrap {
}

.search-wrap .box-only {
  margin-bottom: 0 !important;
}

.search-select-box {
  position: relative;
  margin-bottom: 5px;
}

.search-input-box {
  position: relative;
}

.search-wrap .btn-search {
  position: absolute;
  width: 30px;
  height: 34px;
  top: 0;
  right: 5px;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  background-image: url('https://pic.neungyule.com/lms_nelab/m/img/icon_search.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 17px 19px;
}

.search-wrap .filter-box .form-control{
  display: block;
  float: left;
  width: calc(100% - 40px - 42px - 2%);
  margin-right: 2%;
}
.search-wrap .filter-box.label-sm .form-control{
  display: block;
  float: left;
  width: calc(100% - 31px - 42px - 2%);
  margin-right: 2%;
}
.search-wrap .filter-box.label-sm.date-box .form-control{
  display: block;
  float: left;
  width: calc(((100% - 31px) / 2) - 1%);
  margin-right: 2%;
}

.filter-wrap{
  padding: 10px;
  background-color: #f5f5f5;
  border: 1px solid #b8b8b8;
}
.filter-box .filter-label{
  display: block;
  float: left;
  padding: 9px 0;
  font-size: 12px;
  color: #191919;
  width: 31px;
  box-sizing: border-box;
  margin-bottom: 0;
}
.search-input-box .btn-filtering,
.filter-box .btn-filtering{
  display: block;
  float: left;
  width: 42px;
  height: 36px;
  padding: 0;
  background-image: url('https://pic.neungyule.com/lms_nelab/m/img/icon_search_w.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 17px 19px;
}
.filter-box .form-control{
  display: block;
  float: left;
  width: calc(((100% - 31px - 42px) / 2) - 2%);
  margin-right: 2%;
}
.filter-box input[type=radio]+label {
  height: 36px;
  line-height: 36px;
  margin-right: 10px;
}

.search-date-box .form-control{
  width: calc(((100% - 6% - 42px) / 2) - 2%);
  margin-right: 0;
}
.search-date-box .bar{
  display: block;
  float: left;
  width: 8%;
  text-align: center;
  line-height: 36px;
}

/* Slider */
.slick-slider {
  position: relative;
  height: auto;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;

  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: auto;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow{
  position: absolute;
  top: 50%;
  z-index: 10;
  background-color: transparent;
  border: 0;
}
.slick-arrow.slick-prev{
  left: 0;
}
.slick-arrow.slick-next{
  right: 0;
}

.slick-dots{
  position: absolute;
  bottom: 0;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}
.slick-dots li{
  position: relative;

  display: inline-block;

  width: 16px;
  height: 16px;
  padding: 0;

  cursor: pointer;
}
.slick-dots li button{
  font-size: 0;
  line-height: 0;

  display: block;

  width: 100%;
  height: 100%;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
  opacity: 1;
}
.slick-dots li button:before{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -3px;

  width: 6px;
  height: 6px;
  border-radius: 6px;

  content: '';
  text-align: center;
  background-color: #000;

  opacity: .5;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
  opacity: 1;
}

.slick-slider{
  opacity: 0;
  overflow: hidden;
}
.slick-slider.slick-initialized{
  opacity: 1;
}
.slick-slider .slick-list {
  opacity: 0;
  position: absolute;
}
.slick-slider.slick-initialized .slick-list {
  opacity: 1;
  position: relative;
  transition: opacity 0.2s ease-in;
}

/* ===== section ===== */
.ne-section{
  padding: 10px 15px;
}
.ne-section.type-02{
  padding: 15px;
}
.ne-section.bg-gray{
  background-color: #f5f5f5;
}
.ne-section.bg-white{
  background-color: #fff;
}
.ne-section.mgb-10{
  margin-bottom: 10px;
}
.ne-section.mgb-5{
  margin-bottom: 5px;
}

.ne-section.ptb-none{
  padding-top: 0;
  padding-bottom: 0;
}
.ne-section.pt-none{
  padding-top: 0;
}
.ne-section.pb-none{
  padding-bottom: 0;
}
.ne-section .section-title{
  padding-top: 0;
}

.ne-section.with-title-type{
  padding-top: 15px;
}
.ne-section.with-title-type .title{
  font-size: 13px;
  font-weight: 600;
}
.ne-section .info-table-box,
.ne-section .info-div-box{
  padding-left: 0;
  padding-right: 0;
  border-top: 1px solid #b8b8b8;
  border-bottom: 1px solid #efefef;
}
.ne-section .section-title,
.ne-section .inner-box .title{
  position: relative;
  padding: 10px 0;
  font-size: 14px;
  color: #191919;
  font-weight: normal;
  border-bottom: 1px solid #b8b8b8;
}
.ne-section .section-title{
  padding-top: 15px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.ne-section .section-info{
  font-size: 10px;
  color: #545454;
  padding: 10px 0;
}

.ne-section .inner-box .title .btn{
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 11px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  background-color: #f5f5f5;
}

.ne-section .pagination-wrap{
  padding: 0;
}

.ne-section .info-list{
  border: 1px solid #b8b8b8;
  padding: 8px 10px;
}
.ne-section .info-list .title{
  font-size: 12px;
  margin-bottom: 5px;
}
.ne-section .info-list li{
  position: relative;
  font-size: 10px;
  color: #545454;
  margin-bottom: 5px;
  padding-left: 8px;
}
.ne-section .info-list li:before{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  content: '-';
}
.ne-section .info-list li:last-child{
  margin-bottom: 0;
}
.ne-section .result-title{
  padding: 15px 0 8px;
  font-size: 11px;
  border-bottom: 1px solid #b8b8b8;
}

.ne-section .ne-tabs{
  padding: 0;
}
.ne-section .ne-tabs li{
  margin-right: 16px;
}
.ne-section .ne-tabs a{
  padding-left: 0;
  padding-right: 0;
}
.ne-section .ne-tabs li.active a:after{
  left: 0;
  right: 0;
}
.ne-section .ne-tab-content .tab-pane{
  padding: 0;
}

/* ===== tabs ===== */
.ne-tabs{
  display: block;
  margin-bottom: 0;
  padding: 0 8px;
  border-bottom: 1px solid #b8b8b8;
  background-color: #fff;
}
.ne-tabs:after{
  display: table;
  content: '';
  clear: both;
}
.ne-tabs li{
  position: relative;
  float: left;
  width: auto;
}
.ne-tabs a{
  display: block;
  color: #545454;
  font-size: 13px;
  padding: 11px 8px;
}
.ne-tabs a.disabled{
  opacity: .6;
}
.ne-tabs li.active a{
  color: #823f98;
  font-weight: 600;
}
.ne-tabs li.active a:focus{
  outline: 0;
}
.ne-tabs li.active a:after{
  position: absolute;
  content: '';
  height: 2px;
  background-color: #823f98;
  bottom: -1px;
  left: 8px;
  right: 8px;
}

.ne-slide-tab{
  display: block;
  margin-bottom: 0;
  padding: 0 8px;
  border-bottom: 1px solid #b8b8b8;
  background-color: #fff;
}
.ne-slide-tab .swiper-wrapper{
  height:auto;
}
.ne-slide-tab .swiper-slide{
  position: relative;
  width: auto;height:auto;
}
.ne-slide-tab .swiper-slide a{
  display: block;
  color: #545454;
  font-size: 13px;
  padding: 11px 8px;
}
.ne-slide-tab .swiper-slide.active a{
  color: #823f98;
  font-weight: 600;
}
.ne-slide-tab .swiper-slide.active a:focus{
  outline: 0;
}
.ne-slide-tab .swiper-slide.active a:after{
  position: absolute;
  content: '';
  height: 2px;
  background-color: #823f98;
  bottom: -1px;
  left: 8px;
  right: 8px;
}

.ne-tab-content{}
.ne-tab-content .tab-pane{
  padding: 10px 15px;
  display: none;
}
.ne-tab-content .tab-pane.active{
  display: block;
}

/* ===== collapse ===== */
.ne-collapse-wrap{
}
.ne-collapse-wrap .trigger{
  position: relative;
  display: block;
  padding: 10px 0;
  font-size: 14px;
  color: #191919;
  font-weight: normal;
}
.ne-collapse-wrap .trigger .arr{
  position: absolute;
  display: block;
  top: 21px;
  right: 7px;
  content: '';
  font-weight: normal;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.ne-collapse-wrap .trigger .arr:before,
.ne-collapse-wrap .trigger .arr:after{
  position: absolute;
  width: 8px;
  height: 1px;
  display: block;
  content: '';
  background-color: #191919;
}
.ne-collapse-wrap .trigger .arr:before{
  top: 0;
  left: -1px;
  transform: rotate(50deg);
}
.ne-collapse-wrap .trigger .arr:after{
  top: 0;
  right: -2px;
  transform: rotate(-50deg);
}
.ne-collapse-wrap .collapse-header.on .arr{
  transform: rotate(0);
  -webkit-transform: rotate(0);
}
.ne-collapse-wrap .collapse-header.on + .collapse{
  display: block;
}
.ne-collapse-wrap .collapse-header .title-row{
  padding: 0;
}
.ne-collapse-wrap .trigger.disabled .arr{
  display: none;
}
.ne-collapse-wrap .collapse-body{
  padding-bottom: 15px;
}
.ne-collapse-wrap .collapse{
  display: none;
}

.ne-collapse-wrap .collapse .pagination-wrap{
  padding: 0;
}

/* ===== list ===== */
.ne-list-wrap{
  position: relative;
  background-color: #fff;
}
.ne-list-wrap li{
  border-bottom: 1px solid #efefef;
}
.ne-list-wrap .more-arr span{
  position: relative;
  display: inline-block;
  padding-right: 15px;
  font-size: 12px;
}
.ne-list-wrap .more-arr span:before{
  position: absolute;
  display: block;
  width: 6px;
  height: 1px;
  background-color: #8f8f8f;
  content: '';
  top: 6px;
  right: 0;
  transform: rotate(40deg);
  border-radius: 1px;
}
.ne-list-wrap .more-arr span:after{
  position: absolute;
  display: block;
  width: 6px;
  height: 1px;
  background-color: #8f8f8f;
  content: '';
  bottom: 6px;
  right: 0;
  transform: rotate(-40deg);
  border-radius: 1px;
}

/* row style */
.row-list-box{
  padding: 5px 0 5px 7px;
}
.row-list-box li{
  position: relative;
  border-bottom: 0;
}
.row-list-box li .new{
  display: none;
}
.row-list-box a{
  position: relative;
  display: inline-block;
  max-width: 100%;
  font-size: 13px;
  vertical-align: middle;
  padding-top: 6px;
  padding-bottom: 6px;
  box-sizing: border-box;
}
.row-list-box li.new-list a{
  padding-right: 14px;
}
.row-list-box li.new-list .new{
  position: absolute;
  display: block;
  width: 9px;
  text-align: center;
  top: 50%;
  right: 3px;
  margin-top: -7px;
  font-size: 9px;
  color: #f99d1b;
}
.row-list-box .label{
  display: inline-block;
  padding: 0 5px;
  font-size: 10px;
  line-height: 16px;
  color: #fff;
  margin-right: 5px;
  vertical-align: middle;
  min-width: 34px;
  text-align: center;
}

.row-list-box.with-date li{
  padding-right: 60px;
}

.row-list-box.with-date .date{
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 11px;
  color: #8f8f8f;
}

.no-list-box{
  display: table;
  width: 100%;
  height: 80px;
}
.no-list-box > div,
.no-list-box > p,
.no-list-box > span{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  color:#8f8f8f;
}


/* box style */
.ne-list-wrap__box{
  position: relative;
  display: block;
  padding: 5px 0;
}
.ne-list-wrap__box a{
  display: block;
}
.ne-list-wrap__box .title-row{
  padding: 10px 0;
  font-weight: 600;
  color: #343434;
  vertical-align: middle;
}
.ne-list-wrap__box .title-row .num,
.ne-list-wrap__box .title-row .name,
.ne-list-wrap__box .title-row .info{
  display: inline-block;
  vertical-align: middle;
}
.ne-list-wrap__box .title-row .num{
  padding: 0 7px;
  background-color: #b8b8b8;
  color: #fff;
  font-size: 10px;
  line-height: 14px;
  margin-right: 3px;
  box-sizing: border-box;
  min-width: 28px;
  text-align: center;
}
.ne-list-wrap__box .title-row .num.outline{
  font-weight: bold;
  line-height: 12px;
  border: 1px solid #b8b8b8;
  background-color: transparent;
  color: #8f8f8f;
}
.ne-list-wrap__box .title-row .outline.color-vi{
  border-color: #823f98;
  color: #823f98;
}
.ne-list-wrap__box .title-row .outline.color-or{
  border-color: #f99d1b;
  color: #f99d1b;
}
.ne-list-wrap__box .title-row .name{
  font-size: 12px;
}
.ne-list-wrap__box .title-row .info.font-normal{
  font-weight: normal;
}
.ne-list-wrap__box .info-left{
  float: left;
  width: 84px;
  color: #545454;
}
.ne-list-wrap__box .info-right{
  float: left;
  width: calc(100% - 84px);
  color: #191919;
  line-height: 1.3;
  padding-top: 2px;
}
.ne-list-wrap__box .lft-w-sm .info-left{
  width: 64px;
}

.w50.ne-list-wrap__box .lft-w-sm .info-left{
  width: 50px;
}

.ne-list-wrap__box .lft-w-sm .info-right{
  width: calc(100% - 64px);
}

.w50.ne-list-wrap__box .lft-w-sm .info-right{
  width: calc(100% - 60px);
}
.ne-list-wrap__box .lft-w-sm2 .info-left{
  width: 74px;
}
.ne-list-wrap__box .lft-w-sm2 .info-right{
  width: calc(100% - 74px);
}
.ne-list-wrap__box .lft-w-lg .info-left{
  width: 94px;
}
.ne-list-wrap__box .lft-w-lg .info-right{
  width: calc(100% - 94px);
}
.ne-list-wrap__box .lft-w-xlg .info-left{
  width: 104px;
}
.ne-list-wrap__box .lft-w-xlg .info-right{
  width: calc(100% - 104px);
}
.ne-list-wrap__box .info-form{
  float: left;
  width: 100%;
  padding-top: 2px;
}
.ne-list-wrap__box .info-form .form-control{
  float: left;
  width: calc(100% - 55px);
  margin-right: 5px;
}
.ne-list-wrap__box .info-form .btn{
  float: left;
}
.ne-list-wrap__box .info-row{
  font-size: 12px;
  margin-bottom: 3px;
}
.ne-list-wrap__box .link-row__btn{
  position: relative;
  display: inline-block;
  padding: 10px 15px 10px 0;
  margin-right: 20px;
  font-weight: 600;
}
.ne-list-wrap__box .link-row__btn:after{
  position: absolute;
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-top: 1px solid;
  border-right: 1px solid;
  top: 50%;
  right: 0;
  margin-top: -3px;
  transform: rotate(45deg);
}
.ne-list-wrap__box .link-row__btn.color-gray:after{
  border-color: #545454;
}
.ne-list-wrap__box .link-row__btn.color-or:after{
  border-color: #f99d1b;
}
.ne-list-wrap__box .link-row__btn.color-gr:after{
  border-color: #76c043;
}
.ne-list-wrap__box .link-row__btn.color-vi:after{
  border-color: #823f98;
}

.ne-list-wrap__box .answer-listen{
  display: inline-block;
  margin-right: 20px;
  padding: 5px 18px 5px 0;
  background-image: url('https://pic.neungyule.com/lms_nelab/m/img/icon_headphone.png');
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  font-weight: 500;
}

/* info table box */

.info-table-box{
  display: table;
  width: 100%;
  border-bottom: 1px solid #b8b8b8;

  padding: 0 15px;
  background-color: #fff;
  box-sizing: border-box;
}
.content-title + .info-table-box{margin-top:10px}
.info-table-box.table-fixed{
  table-layout: fixed;
  word-break: break-all;
}
.info-table-box .info-row{
  display: table-row;
}
.info-table-box tr:last-child .info-cell,
.info-table-box .info-row:last-child .info-cell{
  border-bottom: none;
}
.info-table-box th,
.info-table-box td,
.info-table-box .info-cell{
  display: table-cell;
  font-size: 12px;
  padding: 7px 0;
  vertical-align: middle;
  font-weight: normal;
  border-bottom: 1px solid #efefef;
  line-height: 1.5;
  text-align: left;
}
.info-table-box .info-cell img{
  max-width: 100%;
}
.info-table-box th.va-top,
.info-table-box .info-cell.va-top{
  vertical-align: top;
}
.info-table-box .info-left{
  width: 100px;
  color: #545454;
}
.w70.info-table-box .info-left{
  width: 70px;
  color: #545454;
}
.info-table-box th{
  color: #545454;
}
.info-table-box.lft-w-sm .info-left{
  width: 65px;
}
.info-table-box .info-right{
  color: #191919;
  width: calc(100% - 100px);
}

.w70.info-table-box .info-right{
  color: #191919;
  width: calc(100% - 100px);
}

.info-table-box .info-right .btn{
  font-size: 11px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  background-color: #f5f5f5;
}
.info-table-box .info-form-cell{
  width: 100%;
}
.info-table-box .info-form-cell label{
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 5px;

}
.info-table-box .info-form-cell .form-control{
  width: 100%;
}

.info-div-box{
  width: 100%;
  border-bottom: 1px solid #b8b8b8;
  margin-bottom: 10px;
  padding: 0 15px;
  background-color: #fff;
  box-sizing: border-box;
}
.info-div-box .info-row{
  border-bottom: 1px solid #efefef;
}
.info-div-box .info-row:last-child{
  border-bottom: none;
}
.info-div-box .info-cell{
  float: left;
  font-size: 12px;
  padding: 7px 0;
  vertical-align: middle;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
}
.info-div-box .info-cell img{
  max-width: 100%;
}
.info-div-box .info-left{
  width: 80px;
  color: #545454;
}
.info-div-box .info-right{
  color: #191919;
  width: calc(100% - 80px);
}
.info-div-box .info-right .btn{
  font-size: 11px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  background-color: #f5f5f5;
}
.info-div-box .info-form-cell{
  width: 100%;
}
.info-div-box .info-form-cell label{
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 3px;
}

/* table default */
.ne-table{
  border-top: 1px solid #823f98;
  width: 100%;
  font-size: 12px;
}
.ne-table > thead > tr > th{
  background-color: #f2ebf4;
  border-bottom: 1px solid #b8b8b8;
  border-left: 0;
  border-right: 0;
  font-size: 12px;
  font-weight: normal;
  padding: 7px 0;
}
.ne-table > tfoot > tr > td{
  background-color: #f5f5f5;
  border-bottom: 1px solid #b8b8b8;
  border-left: 0;
  border-right: 0;
  font-size: 12px;
  font-weight: normal;
  padding: 7px 6px;
  color: #823f98;
}
.ne-table > tbody > tr.disabled > td{
  color: #b1b1b1;
}
.ne-table > tbody > tr > td{
  border: 1px solid #efefef;
  padding: 7px 6px;
  text-align: right;
  color: #545454;
}

.ne-table > tbody > tr > td.nodata{  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  color:#8f8f8f;}

.ne-table > tbody > tr > td.btn-wrap{
  padding-top: 5px;
  padding-bottom: 5px;
}
.ne-table > tbody > tr > td.txt_c,
.ne-table > tfoot > tr > td.txt_c{
  text-align: center;
}
.ne-table > tbody > tr > td.txt_l,
.ne-table > tfoot > tr > td.txt_l{
  text-align: left;
}
.ne-table > tbody > tr > td.txt_r,
.ne-table > tfoot > tr > td.txt_r{
  text-align: right;
}
.ne-table > tbody > tr > td.bg-gray{
  background-color: #f5f5f5;
}
.ne-table > tbody > tr > td.bd-b{
  border-bottom-color: #b8b8b8;
}
.ne-table > tbody > tr > td:first-child{
  border-left: 0;
}
.ne-table > tbody > tr > td:last-child{
  border-right: 0;
}
.ne-table > tbody > tr > td .btn{
  padding: 3px 10px;
  font-size: 11px;
  background-color: #f5f5f5;
}
.ne-table > tbody > tr > td .btn.btn-arr{
  padding-right: 20px;
}
.ne-table > tbody > tr > td a:hover,
.ne-table > tbody > tr > td a:focus{
  color: #823f98;
  text-decoration: #823f98 underline;
}

.ne-table > tbody > tr > td .class-label{
  display: inline-block;
  padding: 0 5px;
  font-size: 10px;
  line-height: 16px;
  color: #fff;
  margin-right: 5px;
  vertical-align: middle;
  min-width: 34px;
  text-align: center;
  box-sizing: border-box;
}

/* 학습단계별 칼라 — 레거시 각 화면 인라인 <style>(예: member03_list.asp)에 중복 정의돼 있던 것을 공용 CSS로 이전(데스크톱 public/inc/css/common.css와 동일) */
.Pre-Yellow{color:#ffffff; background-color:#efa1d9;}
.Pre-Y{color:#ffffff; background-color:#efa1d9; !important;}
.I-Phonics{color:#ffffff; background-color:#ff9732;}
.S-Phonics{color:#ffffff; background-color:#f58220;}
.Yellow{color:#ffffff; background-color:#eada4d;}
.VitaminG{color:#ffffff; background-color:#6fbe66;}
.vitaminG{color:#ffffff; background-color:#6fbe66;}
.Green{color:#ffffff; background-color:#88dd62;}
.Blue{color:#ffffff; background-color:#85b6ff;}
.Red{color:#ffffff; background-color:#f86e6e;}
.Purple{color:#ffffff; background-color:#d19fe7;}
.Dream{color:#ffffff; background-color:#85c4e1;}
.Courage{color:#ffffff; background-color:#ffcc4e;}
.Wisdom{color:#ffffff; background-color:#bcd85f;}
.Adventure{color:#ffffff; background-color:#e26091;}
.Challenge{color:#ffffff; background-color:#35aedc;}
.G-Space{color:#ffffff; background-color:#70858a;}
.none_gray{color:#ffffff; background-color:#acacac;}
.H-Phonics{color:#ffffff; background-color:#bd1889;}

.ne-count-box{
  display: inline-block;
  border: 1px solid #b8b8b8;
}
.ne-count-box .btn{
  float: left;
  border: 0;
  font-size: 20px;
  color: #8f8f8f;
  font-weight: normal;
  padding: 3px 15px;
  vertical-align: middle;
}
.ne-count-box .btn-minus{
  border-right: 1px solid #b8b8b8;
}
.ne-count-box .btn-plus{
  border-left: 1px solid #b8b8b8;
}
.ne-count-box input[type=number]{
  float: left;
  width: 58px;
  height: 34px;
  border: 0;
  text-align: center;
}

/* modal */
body.modal-open{
  overflow: hidden;
}
.modal-open > .wrap{
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  text-align: center;
}
.modal:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 100%;
  margin-right: -4px;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;

  height: 100%;
  background-color: rgba(0,0,0,.8);
}
.modal-backdrop.fade {
  opacity: 0
}
.modal-backdrop.in {
  opacity: .8;
}

.modal.fade .modal-dialog {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.modal.in .modal-dialog {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.modal-dialog {
  position: relative;
  width: 92%;
  margin: 20px 13px;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
}

.modal-header {
  padding: 0;
  border: 0;
  background-color: #823f98;
}
.modal-title {
  padding: 8px 15px 6px;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
}

.modal-header .close {
  position: absolute;
  display: block;
  border: 0;
  background-color: transparent;
  top: 6px;
  right: 13px;
  width: 20px;
  height: 20px;
  z-index: 10;
  margin-top: 0;
}

.modal-header .close:before,
.modal-header .close:after{
  display: block;
  position: absolute;
  top: 10px;
  left: -1px;
  content: '';
  width: 22px;
  height: 1px;
  background-color: #fff;
}
.modal-header .close:before{
  transform: rotate(45deg);
}
.modal-header .close:after{
  transform: rotate(-45deg);
}

.modal-footer {
  border: 0;
  padding: 15px;
  background-color: #f5f5f5;
}

.modal-footer.btn-center .btn{
  float: none;
  margin: 0 auto !important;
}

.modal-footer .btn{
  display: block;
  float: left;
  width: 49%;
  margin-right: 2%;
  padding-top: 7px;
  padding-bottom: 7px;
}

.modal-footer .btn:last-child{
  margin-right: 0;
}

.modal-body{
  padding: 0;
}
.modal-body.body-padding{
  padding: 15px;
}
.modal-body .row-label{
  margin-bottom: 3px;
}
.modal-body .result-title{
  padding: 15px 0 8px;
  font-size: 11px;
  border-bottom: 1px solid #b8b8b8;
}
.modal-body .info-table-box{
  padding: 0;
  border-bottom: 0;
  margin-bottom: 0;
}
.modal-body .info-table-box .info-left{
  width: 70px;
  box-sizing: border-box;
  padding-left: 15px;
}
.modal-body .info-list{
  padding: 5px 0;
}
.modal-body .info-list li{
  position: relative;
  font-size: 11px;
  color: #545454;
  margin-bottom: 3px;
  padding-left: 8px;
}
.modal-body .info-list li:before{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  content: '-';
}

.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} 
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}