@charset "UTF-8";
/* 말줄임 */
.elss1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 라인수 */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  height: 1.5em !important;
}

.elss2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 라인수 */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  height: 3em !important;
}

.elss3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 라인수 */
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  height: 4.5em !important;
}

.elss4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 라인수 */
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  height: 6em !important;
}

.nxc-elss1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 라인수 */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.2em;
  height: 1.2em !important;
}

.nxc-elss2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 라인수 */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.2em;
  height: 2.4em !important;
}

.nxc-elss3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 라인수 */
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.2em;
  height: 3.6em !important;
}

.nxc-elss4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 라인수 */
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.2em;
  height: 4.8em !important;
}

/* no select */
.noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  pointer-events: none;
}

/* responsive css */
.res_w, .res_wd, .res_wdt, .res_wdtmh {
  display: block !important;
}

.res_w2, .res_wd2, .res_wdt2, .res_wdtmh2 {
  display: inline-block !important;
}

.res_w3, .res_wd3, .res_wdt3, .res_wdtmh3 {
  display: block;
}

.res_d, .res_dt, .res_dtm, .res_dtmh, .res_t, .res_tm, .res_m, .res_mh, .res_mv, .res_d2, .res_dt2, .res_dtm2, .res_dtmh2, .res_t2, .res_tm2, .res_m2, .res_mh2, .res_mv2 {
  display: none !important;
}

.res_d3, .res_dt3, .res_dtm3, .res_dtmh3, .res_t3, .res_tm3, .res_m3, .res_mh3, .res_mv3 {
  display: none;
}

/* pc */
@media only screen and (max-width: 1279px) {
  .res_w, .res_w2 {
    display: none !important;
  }
  .res_d, .res_dt, .res_dtm {
    display: block !important;
  }
  .res_d2, .res_dt2, .res_dtm2 {
    display: inline-block !important;
  }
}
/* tablet */
@media only screen and (max-width: 1023px) {
  .res_wd, .res_d, .res_wd2, .res_d2 {
    display: none !important;
  }
  .res_wd3, .res_d3 {
    display: none;
  }
  .res_t, .res_tm {
    display: block !important;
  }
  .res_t2, .res_tm2 {
    display: inline-block !important;
  }
  .res_t3, .res_tm3 {
    display: block;
  }
}
/* mobile landscape */
@media only screen and (max-width: 759px) {
  .res_wdt, .res_dt, .res_t, .res_wdt2, .res_dt2, .res_t2 {
    display: none !important;
  }
  .res_wdt3, .res_dt3, .res_t3 {
    display: none;
  }
  .res_m, .res_mh {
    display: block !important;
  }
  .res_m2, .res_mh2 {
    display: inline-block !important;
  }
  .res_m3, .res_mh3 {
    display: block;
  }
}
/* mobile vertical */
@media only screen and (max-width: 519px) {
  .res_wdtmh, .res_dtmh, .res_mh, .res_wdtmh2, .res_dtmh2, .res_mh2 {
    display: none !important;
  }
  .res_wdtmh3, .res_dtmh3, .res_mh3 {
    display: none;
  }
  .res_mv {
    display: block !important;
  }
  .res_mv2 {
    display: inline-block !important;
  }
  .res_mv3 {
    display: block;
  }
}
/* ------------------------------------------------------------------------------------------

  사용법
  @include border-radius(10px);
  @include border-radius-separate(10px, 5px, 5px, 10px); ------ 왼쪽상단, 오른쪽상단, 오른쪽하단, 왼쪽하단.
  @include box-sizing(border-box);
  @include wan; ------ input, select, textarea 등의 기본스타일 제거.
  @include ellipsis1; ------ 한줄 텍스트 말줄임.
  @include v-gradient(#000000 0%, #999999 50%, #ffffff 100%); ------ ↓
  @include h-gradient(#000000 0%, #999999 50%, #ffffff 100%); ------ →
  @include d45-gradient(#000000 0%, #999999 50%, #ffffff 100%); ------ ↗
  @include d135-gradient(#000000 0%, #999999 50%, #ffffff 100%); ------ ↘
  @include rad-gradient(#000000 0%, #999999 50%, #ffffff 100%); ------ ○
  @include opacity(0.5);
  @include color-opacity(background, #ff0000, 0.5); ------ background, color, border-color 등 가능.
  @include retina-image(dtm, "../imgs/ico/ico1.png", 20px, 0 center); ------ 디바이스(d:데스크탑, t:태블릿, m:모바일, mh:모바일가로, mv:모바일세로), 이미지경로, background-size, background-position(null).
  @include transform-rotate(90deg);
  @include column(4, 10, 10%, -1); ------ 한 줄의 개수, 상하 여백 (단위 미입력 시 px. 입력하면 입력한 단위), 좌우 여백, 이전 사이즈 대비 한줄 개수 : 1, -1


------------------------------------------------------------------------------------------ */
/* icon : cancel */
/* icon : angle */
/* Input */
.ips1 {
  width: 100%;
  height: 30px;
  padding: 3px;
  color: #000;
  font-size: 13px;
  background: #fff;
  border: 1px solid #b6b6b6;
  box-sizing: border-box;
  border-radius: 2px !important;
}

/* Select */
.slt1 {
  display: inline-block;
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.slt1 select {
  position: relative;
  z-index: 11;
  min-width: 60px;
  height: 30px;
  padding: 3px 25px 3px 3px;
  border: 1px solid #b5b5b5;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 14px;
  color: #333;
  background: none;
}
.slt1 span[class^=ico_] {
  position: absolute;
  top: 0;
  right: 5px;
  z-index: 10;
  font-size: 14px;
  color: #5fa0e6;
  line-height: 30px;
}

.slt1.r_full {
  display: block;
}
.slt1.r_full select {
  min-width: auto;
  width: 100%;
}

/* 라디오, 체크박스 */
.chk1_wrap {
  position: relative;
  margin-right: 10px;
}
.chk1_wrap .chk1 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.chk1_wrap .chk1 + label {
  display: inline-block;
}
.chk1_wrap .chk1 + label .chkbox {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  color: #5fa0e6;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #c7c7c7;
  border-radius: 2px;
}
.chk1_wrap .chk1 + label .chkbox [class*=ico] {
  display: none;
}
.chk1_wrap .chk1 + label .txt {
  display: inline-block;
  vertical-align: middle;
}
.chk1_wrap .chk1:checked + label .chkbox [class*=ico] {
  display: block;
}

.radio1_wrap {
  position: relative;
  margin-right: 10px;
}
.radio1_wrap .radio1 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.radio1_wrap .radio1 + label {
  display: inline-block;
}
.radio1_wrap .radio1 + label .radio {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 3px;
  margin-right: 5px;
  vertical-align: middle;
  background: #EFF9FF;
  border-radius: 50%;
  border: 1px solid #c7c7c7;
  box-sizing: border-box;
}
.radio1_wrap .radio1 + label .radio span {
  display: none;
  width: 100%;
  height: 100%;
  background: #5fa0e6;
  border-radius: 50%;
}
.radio1_wrap .radio1 + label .txt {
  display: inline-block;
  vertical-align: middle;
}
.radio1_wrap .radio1:checked + label .radio span {
  display: block;
}

/* 버튼스타일의 라디오, 체크박스 */
input[type=radio].fill, input[type=checkbox].fill { /* 버튼스타일의 라디오, 체크박스 */
  position: absolute;
  opacity: 0;
}

input[type=radio].fill + label, input[type=checkbox].fill + label {
  display: inline-block;
  position: relative;
  min-width: 100px;
  padding: 10px;
  margin-top: 5px;
  vertical-align: middle;
  font-size: 14px;
  color: #666;
  background: #efefef;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
}
input[type=radio].fill + label .radio, input[type=radio].fill + label .check, input[type=checkbox].fill + label .radio, input[type=checkbox].fill + label .check {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -6px;
}
input[type=radio].fill + label .txt, input[type=checkbox].fill + label .txt { /* 항목글자 정렬 */
  display: block;
  margin-left: 20px;
  line-height: 150%;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
}

input[type=radio].fill:checked + label, input[type=checkbox].fill:checked + label {
  background: #e3eff9;
}

input[type=radio].fill:disabled + label, input[type=checkbox].fill:disabled + label {
  cursor: default;
  -webkit-appearance: none;
}

input[type=radio].fill + label .radio {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #aaa;
  vertical-align: middle;
  border-radius: 50%;
}
input[type=radio].fill + label .radio span {
  display: block;
  width: 8px;
  height: 8px;
  margin: 2px 0 0 2px;
  border-radius: 50%;
}

input[type=radio].fill:checked + label .radio span {
  background: #5fa0e6;
}

input[type=checkbox].fill + label .check {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #aaa;
  vertical-align: middle;
}
input[type=checkbox].fill + label .check span {
  display: none;
  line-height: 12px;
  text-align: center;
  font-size: 10px;
  color: #5fa0e6;
}

input[type=checkbox].fill:checked + label .check span {
  display: block;
}

/* 기존 체크박스, 라디오 css */
input[type=checkbox].chk + label, input[type=radio].chk + label {
  margin: 0 15px 0 5px;
}

input[type=checkbox].chk {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #cfcfcf;
  border: none \0 /IE89;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=checkbox].chk:checked {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background-image: url(../imgs/sp/sp_icon.png);
  background-repeat: no-repeat;
  background-position: 0 -60px;
  background-color: #fff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  input[type=checkbox].chk:checked {
    background-image: url("../imgs/sp/sp_icon@2x.png");
    background-image: url("../imgs/sp/sp_icon@2x.png");
    background-size: 30px;
  }
}

input[type=checkbox].chk:disabled {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  opacity: 1 !important;
  background-color: #eee;
}
input[type=checkbox].chk:disabled:checked {
  background-image: url(../imgs/sp/sp_icon.png);
  background-repeat: no-repeat;
  background-position: 0 -90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  input[type=checkbox].chk:disabled:checked {
    background-image: url("../imgs/sp/sp_icon@2x.png");
    background-image: url("../imgs/sp/sp_icon@2x.png");
    background-size: 30px;
  }
}

input[type=radio].chk {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 8.5px;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #cfcfcf;
  border: none \0 /IE89;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=radio].chk:checked {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 8.5px;
  background-image: url(../imgs/sp/sp_icon.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #fff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  input[type=radio].chk:checked {
    background-image: url("../imgs/sp/sp_icon@2x.png");
    background-image: url("../imgs/sp/sp_icon@2x.png");
    background-size: 30px;
  }
}

input[type=radio].chk:disabled {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 8.5px;
  opacity: 0.5 !important;
  background-color: #eee;
}
input[type=radio].chk:disabled:checked {
  background-image: url(../imgs/sp/sp_icon.png);
  background-repeat: no-repeat;
  background-position: 0 -30px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  input[type=radio].chk:disabled:checked {
    background-image: url("../imgs/sp/sp_icon@2x.png");
    background-image: url("../imgs/sp/sp_icon@2x.png");
    background-size: 30px;
  }
}

[class^=nx-select-] {
  width: 334px;
  height: 48px;
  margin-right: 16px;
}
[class^=nx-select-] .selectric .label {
  height: 48px;
  line-height: 48px;
}
[class^=nx-select-] .selectric .button {
  height: 48px;
}

.nx-select-01 {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
.nx-select-01 .nx-select-01-category {
  position: absolute;
  left: 0;
  padding: 3px 7px;
  border-radius: 4px;
  background: rgba(110, 137, 235, 0.12);
  color: #6E89EB;
  box-sizing: border-box;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}
.nx-select-01 .selectric {
  border: 0;
  border-bottom: 1px solid #828282;
}
.nx-select-01 .selectric .label {
  font-size: 16px;
  padding-left: 30px;
}
.nx-select-01 .selectric,
.nx-select-01 .selectric .button {
  background: transparent;
}
.nx-select-01 .selectric .button {
  color: transparent;
  background: url(/imgs/ico/ico_arrow_s_gray@2x.png) 50% 50%/20px no-repeat;
}
.nx-select-01 .selectric .button:after {
  content: none;
}
.nx-select-01 .selectric-open .selectric,
.nx-select-01 .selectric-hover .selectric,
.nx-select-01 .selectric-focus .selectric {
  border-bottom-color: #6E89EB;
}
.nx-select-01 .selectric-open .selectric .label,
.nx-select-01 .selectric-hover .selectric .label,
.nx-select-01 .selectric-focus .selectric .label {
  color: #6E89EB;
}
.nx-select-01 .selectric-items li {
  font-size: 14px;
}
.nx-select-01 .selectric-items li.highlighted {
  background: #FFF;
  color: #6E89EB;
}

.nx-select-02 {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
.nx-select-02 .selectric {
  border: 1px solid #828282;
  border-radius: 4px;
  background: #FFF;
  transition: all 0.2s ease-in-out;
}
.nx-select-02 .selectric .button {
  color: transparent;
  background: transparent;
  background: url(/imgs/ico/ico_arrow_s_gray@2x.png) 50% 50%/20px no-repeat;
}
.nx-select-02 .selectric .button:after {
  content: none;
}
.nx-select-02 .selectric .label {
  font-size: 16px;
}
.nx-select-02 .selectric-open .selectric,
.nx-select-02 .selectric-hover .selectric,
.nx-select-02 .selectric-focus .selectric {
  border-color: #6E89EB;
  filter: drop-shadow(0px 0px 3px rgba(110, 137, 235, 0.8));
}
.nx-select-02 .selectric-items li {
  font-size: 14px;
}
.nx-select-02 .selectric-items li.highlighted {
  background: #FFF;
  color: #6E89EB;
}

.nx-select-03 {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
.nx-select-03.round-1 .selectric {
  border-radius: 1px;
}
.nx-select-03.round-2 .selectric {
  border-radius: 2px;
}
.nx-select-03.round-3 .selectric {
  border-radius: 3px;
}
.nx-select-03.round-4 .selectric {
  border-radius: 4px;
}
.nx-select-03.round-5 .selectric {
  border-radius: 5px;
}
.nx-select-03 .selectric {
  border: 1px solid #EAAA4B;
  background: #EAAA4B;
  transition: all 0.2s ease-in-out;
  color: #EDB562;
}
.nx-select-03 .selectric .button {
  color: transparent;
  background: transparent;
  background: url(/imgs/ico/ico_arrow_s_white@2x.png) 50% 50%/20px no-repeat;
}
.nx-select-03 .selectric .button:after {
  content: none;
}
.nx-select-03 .selectric .label {
  font-size: 16px;
  color: inherit;
}
.nx-select-03 .selectric-hover .selectric {
  background: #EDB562;
}
.nx-select-03 .selectric-open .selectric,
.nx-select-03 .selectric-focus .selectric {
  background: #FFF;
  color: #EDB562;
}
.nx-select-03 .selectric-open .selectric .label,
.nx-select-03 .selectric-focus .selectric .label {
  color: #EDB562;
}
.nx-select-03 .selectric-items li {
  font-size: 14px;
  color: #FFF;
  background: #EAAA4B;
}
.nx-select-03 .selectric-items li:hover, .nx-select-03 .selectric-items li.highlighted {
  opacity: 0.8;
  color: #FFF;
}

.nx-ips1 {
  width: 100%;
  height: 36px;
  padding: 5px 10px;
  color: #3a3a3a;
  font-size: 14px;
  background: #efeff5;
  border: 1px solid #efeff5 !important;
  border-radius: 8px;
  vertical-align: middle;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.2s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.nx-ips1.nx-white {
  background-color: #ffffff;
  border: 1px solid #dbdbdb !important;
  border-radius: 8px !important;
}
.nx-ips1.nx-white:focus {
  background-color: #ffffff;
}
.nx-ips1:hover {
  border: 1px solid #dbdbdb !important;
  background-color: #fcfcfc;
}

.nx-int-date {
  width: 100%;
  height: 36px;
  padding: 5px 10px;
  color: #3a3a3a;
  font-size: 14px;
  background: url(../imgs/ico_v3/ico_calendar.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 94% 6px;
  padding: 5px 35px 5px 10px;
  border: 1px solid #e3e3e3;
  vertical-align: middle;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.nx-int-date.nx-white {
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 8px !important;
}
.nx-int-date:hover {
  border: 1px solid #5d6072;
}

.nx-int-date2 {
  width: 100%;
  height: 36px;
  padding: 5px 10px;
  color: #3a3a3a;
  font-size: 14px;
  background: url(../imgs/ico_v3/ico_calendar2.png);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 8px 50%;
  padding: 5px 10px 5px 35px;
  border: 1px solid #e3e3e3;
  vertical-align: middle;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  border-radius: 6px !important;
}
.nx-int-date2:hover {
  border: 1px solid #5d6072;
}

.v3-ipc-slider {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.v3-ipc-slider input[type=checkbox] {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: 0;
  z-index: -1;
}
.v3-ipc-slider input[type=checkbox]:checked + label {
  background: #5268db;
}
.v3-ipc-slider input[type=checkbox]:checked + label::after {
  left: 24px;
}
.v3-ipc-slider input[type=checkbox]:checked:hover + label {
  background: #677adf;
}
.v3-ipc-slider input[type=checkbox]:checked:disabled + label {
  background: #5268db;
  opacity: 0.5;
}
.v3-ipc-slider input[type=checkbox]:disabled + label {
  background: #e9eaed;
  opacity: 0.5;
}
.v3-ipc-slider:hover label {
  background: #e0e1e4;
}
.v3-ipc-slider label {
  font-size: 0;
  text-indent: -9999px;
  position: relative;
  display: inline-block;
  width: 48px;
  height: 28px;
  background: #e9eaed;
  border-radius: 14px;
  vertical-align: top;
  transition: all 0.25s ease;
}
.v3-ipc-slider label::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  display: block;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  transition: all 0.25s ease;
}

/* 모바일가로 */
@media only screen and (max-width: 759px) {
  /* Select */
  .slt1.r_mh_full {
    display: block;
  }
  .slt1.r_mh_full select {
    width: 100%;
  }
}
/* 모바일세로 */
@media only screen and (max-width: 519px) {
  /* Select */
  .slt1.r_mv_full {
    display: block;
  }
  .slt1.r_mv_full select {
    width: 100%;
  }
}
.popup_wrap1 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: table;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.popup_wrap2 {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.popup1 {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  max-width: 320px;
  max-height: 500px;
  margin: 0 auto;
  background: #dadada;
  box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.popup1 .top {
  position: relative;
  height: 36px;
  padding: 0 10px;
  background: #5fa0e6;
}
.popup1 .top .tit {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
}
.popup1 .top .ico_cls {
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  padding: 11px;
}
.popup1 .top .ico_cls img {
  display: block;
}
.popup1 .ct {
  padding: 10px;
  background: #dadada;
}
.popup1 .ct .p1 {
  margin-top: 10px;
  font-size: 14px;
  color: #5fa0e6;
  line-height: 150%;
}
.popup1 .ct .p2 {
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  line-height: 150%;
}

.popup2 { /* 도메인관리 */
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  max-width: 640px;
  max-height: 500px;
  height: 100%;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #5fa0e6;
  box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.popup2 .top {
  position: relative;
  height: 36px;
  padding: 0 10px;
  background: #5fa0e6;
}
.popup2 .top .tit {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
}
.popup2 .top .ico_cls {
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  padding: 11px;
}
.popup2 .top .ico_cls img {
  display: block;
}
.popup2 .ct {
  padding: 10px;
  background: #fff;
}

.popup3 { /* 컬러선택 */
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  max-width: 358px;
  max-height: 500px;
  height: 100%;
  margin: 0 auto;
  background: #dadada;
  border: 1px solid #5fa0e6;
  box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.popup3 .top {
  position: relative;
  height: 36px;
  padding: 0 10px;
  background: #5fa0e6;
}
.popup3 .top .tit {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
}
.popup3 .top .ico_cls {
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  padding: 11px;
}
.popup3 .top .ico_cls img {
  display: block;
}
.popup3 .ct {
  padding: 10px;
  background: #f2f2f2;
}
.popup3 .ct .p1 {
  margin: 30px 0 10px;
  font-size: 14px;
  color: #333;
}
.popup3 .ct .p1:first-of-type {
  margin-top: 0;
}
.popup3 .ct .lst {
  overflow: hidden;
}
.popup3 .ct .lst li {
  float: left;
  border: 1px solid #fff;
}
.popup3 .ct .lst li a {
  display: block;
  width: 24px;
  height: 24px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.popup3 .ct .lst li a.aon {
  border: 2px solid #f00;
}

.popup4 {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  max-width: 640px;
  max-height: 500px;
  height: 100%;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.popup4 .top {
  position: relative;
  height: 50px;
  margin: 0 16px;
  padding-top: 10px;
  border-bottom: 1px solid #000;
  box-sizing: border-box;
}
.popup4 .top .tit {
  font-size: 18px;
  color: #000;
  line-height: 40px;
}
.popup4 .top .ico_cls {
  position: absolute;
  top: 10px;
  right: 0;
  width: 13px;
  padding: 11px;
}
.popup4 .top .ico_cls img {
  display: block;
}
.popup4 .ct {
  padding: 25px 16px 20px;
  height: calc(100% - 100px);
  overflow-y: scroll;
  box-sizing: border-box;
}
.popup4 .ct iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.popup4 .bt {
  padding: 10px;
  height: 50px;
  text-align: center;
  box-sizing: border-box;
}

.style_popup { /* 스타일팝업 */
  position: relative;
  max-width: 640px;
  height: calc(100% - 30px);
  max-height: 500px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}
.style_popup .top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 36px;
  padding: 0 10px;
  background: #5fa0e6;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -ms-border-radius-topleft: 4px;
  -ms-border-radius-topright: 4px;
  -ms-border-radius-bottomright: 0;
  -ms-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.style_popup .top .tit {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
}
.style_popup .top .ico_cls {
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  padding: 11px;
}
.style_popup .top .ico_cls img {
  display: block;
}
.style_popup .ct {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  position: relative;
  top: 36px;
  height: calc(100% - 51px - 36px);
  background: #fff;
}
.style_popup .ct iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.style_popup .btn_area {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 10px 0;
  text-align: center;
  background: #b5deff;
  border-top: 1px solid #000;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -ms-border-radius-topleft: 0;
  -ms-border-radius-topright: 0;
  -ms-border-radius-bottomright: 4px;
  -ms-border-radius-bottomleft: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.style_popup2 { /* 스타일팝업 */
  position: fixed;
  top: 50%;
  left: 50%;
  width: 640px;
  height: 500px;
  padding-top: 36px;
  margin: -250px 0 0 -320px;
  background: #fff;
  box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}
.style_popup2 .top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 36px;
  padding: 0 10px;
  background: #5fa0e6;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -ms-border-radius-topleft: 4px;
  -ms-border-radius-topright: 4px;
  -ms-border-radius-bottomright: 0;
  -ms-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.style_popup2 .top .tit {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
}
.style_popup2 .top .ico_cls {
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  padding: 11px;
}
.style_popup2 .top .ico_cls img {
  display: block;
}
.style_popup2 .ct {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  position: relative;
  height: calc(100% - 51px);
  background: #fff;
}
.style_popup2 .ct iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.style_popup2 .btn_area {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 10px 0;
  text-align: center;
  background: #b5deff;
  border-top: 1px solid #000;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -ms-border-radius-topleft: 0;
  -ms-border-radius-topright: 0;
  -ms-border-radius-bottomright: 4px;
  -ms-border-radius-bottomleft: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.center_popup { /* 스타일팝업 */
  position: fixed;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 1010;
  max-width: 640px;
  min-width: 200px;
  width: calc(100% - 20px);
  max-height: 500px;
  min-height: 200px;
  padding-top: 36px;
  margin: auto;
  background: #fff;
  box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}
.center_popup > .top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 36px;
  padding: 0 10px;
  background: #5fa0e6;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -ms-border-radius-topleft: 4px;
  -ms-border-radius-topright: 4px;
  -ms-border-radius-bottomright: 0;
  -ms-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.center_popup > .top .tit {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
}
.center_popup > .top .ico_cls,
.center_popup > .top .cls {
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  padding: 11px;
  color: #fff;
}
.center_popup > .top .ico_cls img,
.center_popup > .top .cls img {
  display: block;
}
.center_popup > .ct {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  position: relative;
  height: calc(100% - 51px);
  background: #fff;
}
.center_popup > .ct iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.center_popup > .btn_area {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 10px 0;
  text-align: center;
  background: #b5deff;
  border-top: 1px solid #000;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -ms-border-radius-topleft: 0;
  -ms-border-radius-topright: 0;
  -ms-border-radius-bottomright: 4px;
  -ms-border-radius-bottomleft: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.center_popup > .btn_area a[class*=btn] {
  border: none;
}

.pop_snb_lst_wrap {
  padding: 10px;
  margin: 20px;
  background: #e8e8e8;
}
.pop_snb_lst_wrap .m_pop_snb_lst_open {
  display: none;
}
.pop_snb_lst_wrap .pop_snb_lst {
  text-align: center;
}
.pop_snb_lst_wrap .pop_snb_lst li {
  display: inline-block;
  padding: 0 5px;
}
.pop_snb_lst_wrap .pop_snb_lst li a {
  display: block;
  height: 30px;
  padding: 5px 5px 0;
  line-height: 25px;
  color: #444;
  font-size: 12px;
  box-sizing: border-box;
}
.pop_snb_lst_wrap .pop_snb_lst li a:hover, .pop_snb_lst_wrap .pop_snb_lst li a.aon {
  border-bottom: 1px solid #444;
}

.main_popup_wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  padding-top: 100px;
  background: rgba(0, 0, 0, 0.7);
}
.main_popup_wrap > .cls {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  height: 50px;
  padding: 0 12px;
  line-height: 50px;
  text-align: right;
  font-size: 18px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}
.main_popup_wrap > .cls .ico_x {
  color: #eb8585;
}
.main_popup_wrap .main_popup {
  max-width: 1200px;
  margin: 0 auto;
}
.main_popup_wrap .main_popup:after {
  content: "";
  clear: both;
  display: block;
}
.main_popup_wrap .main_popup li {
  position: relative;
  float: left;
  min-width: 200px;
  padding: 40px 5px 5px;
  margin: 40px 40px 0 0;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.main_popup_wrap .main_popup li .img {
  display: block;
}
.main_popup_wrap .main_popup li .btm {
  overflow: hidden;
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  text-align: right;
}
.main_popup_wrap .main_popup li .btm:after {
  content: "";
  clear: both;
  display: block;
}
.main_popup_wrap .main_popup li .btm .btn {
  display: inline-block;
  min-width: 20px;
  padding: 5px;
  text-align: center;
  line-height: 20px;
  vertical-align: top;
  background: transparent;
  border-radius: 2px;
}
.main_popup_wrap .main_popup li .btm .btn.fl {
  position: relative;
  top: -2px;
  float: left;
}
.main_popup_wrap .main_popup li .btm .chk {
  width: 20px;
  height: 20px;
  border: none;
  background-color: #dadada;
  vertical-align: top;
}
.main_popup_wrap .main_popup li .btm .chk + label {
  color: #444;
  vertical-align: top;
}
.main_popup_wrap .main_popup li .btm .cls {
  color: #eb8585;
}

.main_popup_wrap2 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 30000;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.main_popup_wrap2 .main_popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  z-index: 30000;
  width: calc(100% - 20px);
  background: #333;
}
.main_popup_wrap2 .main_popup.size_A {
  max-width: 1200px;
}
.main_popup_wrap2 .main_popup.size_B {
  max-width: 1000px;
}
.main_popup_wrap2 .main_popup.size_C {
  max-width: 800px;
}
.main_popup_wrap2 .main_popup .img_wrap {
  overflow: hidden;
}
.main_popup_wrap2 .main_popup .img_wrap .slick-list {
  float: left;
  width: calc(100% - 200px);
}
.main_popup_wrap2 .main_popup .img_wrap .slick-list .li a {
  position: relative;
  display: block;
  height: 0;
}
.main_popup_wrap2 .main_popup .img_wrap .slick-list .li a .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main_popup_wrap2 .main_popup .img_wrap .lst {
  overflow-y: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 200px;
}
.main_popup_wrap2 .main_popup .img_wrap .lst li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  padding: 0 10px;
  text-align: center;
  font-weight: 500;
  color: #fff;
  word-break: break-all;
  background-color: #a8a8a8;
  cursor: pointer;
  transition: 0.3s ease all;
}
.main_popup_wrap2 .main_popup .img_wrap .lst li.slick-active {
  background-color: #065983;
  color: #fff;
}
.main_popup_wrap2 .main_popup .btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 35px;
  padding: 0 10px;
  color: #fff;
  background: #000;
}

.main_popup_wrap3 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 30000;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.main_popup_wrap3 .main_popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  z-index: 30000;
  width: calc(100% - 20px);
  background: #333;
}
.main_popup_wrap3 .main_popup.size_A {
  max-width: 1000px;
}
.main_popup_wrap3 .main_popup.size_B {
  max-width: 800px;
}
.main_popup_wrap3 .main_popup.size_C {
  max-width: 600px;
}
.main_popup_wrap3 .main_popup .img_wrap {
  overflow: hidden;
}
.main_popup_wrap3 .main_popup .img_wrap .slick-list .li a {
  position: relative;
  display: block;
  height: 0;
}
.main_popup_wrap3 .main_popup .img_wrap .slick-list .li a .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main_popup_wrap3 .main_popup .img_wrap .lst {
  overflow-x: auto;
  height: 54px;
  white-space: nowrap;
}
.main_popup_wrap3 .main_popup .img_wrap .lst li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 54px;
  padding: 0 10px;
  text-align: center;
  font-weight: 500;
  color: #fff;
  vertical-align: top;
  white-space: normal;
  word-break: break-all;
  background-color: #a8a8a8;
  cursor: pointer;
  transition: 0.3s ease all;
}
.main_popup_wrap3 .main_popup .img_wrap .lst li.slick-active {
  background-color: #065983;
  color: #fff;
}
.main_popup_wrap3 .main_popup .btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 35px;
  padding: 0 10px;
  color: #fff;
  background: #000;
}

@media only screen and (max-width: 759px) {
  .main_popup_wrap {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    position: fixed;
    padding-top: 50px;
    background: rgba(58, 58, 58, 0.95);
  }
  .main_popup_wrap .main_popup li {
    float: none;
    padding: 20px 10px;
    margin: 0;
    background: none;
    border-top: 1px solid #676767;
  }
  .main_popup_wrap .main_popup li .img {
    margin: 0 auto 5px;
  }
  .main_popup_wrap .main_popup li .btm {
    position: static;
  }
  .main_popup_wrap .main_popup li .btm .fl {
    float: left;
    color: #FFF;
  }
  .main_popup_wrap .main_popup li .btm .fr {
    float: right;
  }
  .main_popup_wrap2 .main_popup .img_wrap .slick-list {
    float: none;
    width: 100%;
  }
  .main_popup_wrap2 .main_popup .img_wrap .lst {
    top: auto;
    right: auto;
    bottom: 20px;
    width: auto;
    height: 12px;
    left: 50%;
    transform: translateX(-50%);
  }
  .main_popup_wrap2 .main_popup .img_wrap .lst li {
    display: inline-block;
    height: 12px;
    width: 12px;
    padding: 0;
    border-radius: 6px;
    margin-left: 5px;
    vertical-align: top;
  }
  .main_popup_wrap2 .main_popup .img_wrap .lst li:first-child {
    margin-left: 0;
  }
  .main_popup_wrap2 .main_popup .img_wrap .lst li a {
    opacity: 0;
  }
}
@media only screen and (max-width: 670px) {
  .style_popup {
    margin: 0 15px;
  }
  .style_popup2 {
    left: 15px;
    right: 15px;
    width: auto;
    margin-left: 0;
  }
  .center_popup.full {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    max-height: none;
  }
}
@media only screen and (max-height: 530px) {
  .style_popup2 {
    top: 15px;
    bottom: 15px;
    height: auto;
    margin-top: 0;
  }
}
@media only screen and (max-width: 519px) {
  .pop_snb_lst_wrap {
    overflow: hidden;
    padding: 0;
    border: 1px solid #b5b5b5;
    background: none;
    border-radius: 4px;
  }
  .pop_snb_lst_wrap .m_pop_snb_lst_open {
    display: block;
  }
  .pop_snb_lst_wrap .m_pop_snb_lst_open a {
    display: block;
    height: 30px;
    padding: 0 30px 0 15px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    background-color: #eee;
    background-image: url(../imgs/ico/bg_select4.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
  }
  .pop_snb_lst_wrap .pop_snb_lst {
    padding-bottom: 5px;
    text-align: left;
  }
  .pop_snb_lst_wrap .pop_snb_lst li {
    display: block;
    padding: 0;
  }
  .pop_snb_lst_wrap .pop_snb_lst li a {
    padding: 0 15px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
  }
  .pop_snb_lst_wrap .pop_snb_lst li a:hover, .pop_snb_lst_wrap .pop_snb_lst li a.aon {
    border-bottom: none;
    text-decoration: underline;
  }
}
@keyframes nx_file_loading_rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes nx_file_loading_dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dashoffset: -125px;
  }
}
/* sortable */
.nx-sortable-placeholder {
  border: 2px solid #5275fb;
  box-shadow: 0px 3px 8px rgba(82, 117, 251, 0.4);
}

.nx-sortable-drag {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);
}

/*
.nx-sortable-ghost {
	height: 0;
	padding: 0;
	border: 2px solid #529bfb;
	box-shadow: 0px 3px 8px rgba(82, 155, 251, 0.4);
}

.nx-sortable-ghost > .nx-flex {
	opacity: 0;
	visibility: hidden;
}

.nx-sortable-ghost > .nx-file-line {
	opacity: 0;
	visibility: hidden;
}
*/
/* 업로드 팝업 */
.upload_popup {
  width: calc(100% - 24px);
  max-width: 400px;
  max-height: 600px;
  padding: 21px 24px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 5px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.upload_popup .top {
  position: relative;
  margin-bottom: 20px;
  background: #ffffff;
}
.upload_popup .top .tit {
  font-size: 16px;
  color: #37394d;
  text-align: left;
  font-weight: 700;
}
.upload_popup .top .ico_cls {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 13px;
  padding: 10px;
  color: #37394d;
}
.upload_popup .p1 {
  margin-bottom: 10px;
  font-size: 16px;
  color: #37394d;
  text-align: center;
}

.gage_wrap {
  overflow: hidden;
  width: 100%;
  margin: 0 auto 20px;
  background: #e3e3e3;
  border-radius: 50px;
}
.gage_wrap .gage {
  max-width: 100%;
  height: 6px;
  background: #52db80;
  border-radius: 50px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.upload_lst {
  max-height: 390px;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.upload_lst li {
  position: relative;
  display: block;
  padding: 8px 40px 8px 12px;
  color: #37394d;
  background: #ffffff;
  border: 1px solid #d1d7e1;
  margin-bottom: 8px;
  border-radius: 6px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.upload_lst li:first-child {
  margin-top: 0;
}
.upload_lst li p.tit {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.upload_lst li p.per, .upload_lst li p.size {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  display: inline-block;
  margin-right: 5px;
}
.upload_lst li .tit {
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 150%;
}
.upload_lst li .del {
  position: absolute;
  top: 50%;
  right: 0;
  width: 36px;
  color: #37394d;
  text-align: center;
  margin-top: -10px;
}

/* 첨부파일 리스트 */
.attachment_lst {
  display: inline-block;
  width: 100%;
  max-width: 294px;
  padding: 8px 12px;
  margin-top: 10px;
  background: #ffffff;
  border: 1px solid #e3e3e3;
  word-break: break-all;
  margin-left: 12px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
}
.attachment_lst li {
  margin-top: 8px;
  line-height: 150%;
  color: #8895a7;
  padding: 0 30px 0 0;
  position: relative;
}
.attachment_lst li:first-child {
  margin-top: 0;
}
.attachment_lst li a {
  color: #308aff;
}
.attachment_lst li a:hover {
  text-decoration: underline;
}
.attachment_lst li > .vol {
  vertical-align: middle;
  margin-left: 6px;
}
.attachment_lst li > .del {
  width: 24px;
  height: 24px;
  top: calc(50% - 12px);
  right: 0;
  background-image: url(../imgs/ico_v3/ico_del4.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px auto;
  transition: all 0.25s ease;
  position: absolute;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.attachment_lst li > .del:hover {
  background-image: url(../imgs/ico_v3/ico_del4_active.png);
}

/* 파일첨부 */
.add_file {
  display: inline-block;
  overflow: hidden;
  position: relative;
  max-width: 100%;
}
.add_file .plus {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: #959595 url(../imgs/ico/ico_plus.png) no-repeat center center;
}
.add_file .file {
  width: 170px;
  max-width: calc(100% - 30px);
  height: 30px;
  margin: 0px 0px 0px 30px;
  text-align: center;
  background: #fff;
  border: 1px solid #a6a6a6;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0;
  -ms-border-radius-topleft: 0;
  -ms-border-radius-topright: 5px;
  -ms-border-radius-bottomright: 5px;
  -ms-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.add_file .file p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 28px;
  font-size: 12px;
}
.add_file .file.over {
  color: #fff;
  background: #5fa0e6;
}
.add_file .file.added {
  position: relative;
  padding-left: 5px;
  text-align: left;
  border: 1px solid #e1e1e1;
  background: #f9f9f9;
}
.add_file .file.added p {
  margin-right: 30px;
  line-height: 1.2;
}
.add_file .file.added p span {
  line-height: 1.2;
}
.add_file .file.added p span.s1 {
  display: block;
  color: #5fa0e6;
}
.add_file .file.added p span.s2 {
  display: block;
  font-size: 11px;
}
.add_file .file.added .del_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  line-height: 27px;
  text-align: center;
  color: #959595;
}
.add_file .file.added .del_btn img {
  display: block;
}
.add_file .fl1[type=file] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-opacity: 0;
  cursor: pointer;
}

/* 파일첨부 new */
.nx-file-wrap {
  background: #ffffff;
  padding: 16px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.nx-file-wrap:first-child .nx-file-line {
  display: none;
}
.nx-file-wrap.hide {
  background: #fafafa;
}
.nx-file-wrap .nx-file-line {
  width: calc(100% - 32px);
  top: 0;
  left: 16px;
  right: 16px;
  border-top: 1px solid #eeeeee;
  position: absolute;
}

.nx-file-add-wrap {
  text-align: center;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 20px;
}
.nx-file-add-wrap .nx-file-add {
  height: 36px;
  font-size: 14px;
  text-align: center;
  line-height: 34px;
  color: #3a3a3a;
  background: #ffffff;
  padding: 0 12px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 6px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
}
.nx-file-add-wrap .nx-file-add > img {
  vertical-align: middle;
}
.nx-file-add-wrap .nx-file-add:hover {
  background: rgba(0, 0, 0, 0.04);
}

.nx-flex {
  display: flex;
  align-items: center;
}
.nx-flex.relative {
  position: relative;
}
.nx-flex .nx-file-move {
  width: 18px;
  height: 28px;
  min-width: 18px;
  background-image: url(../imgs/file/move.png);
  background-repeat: no-repeat;
  background-size: 18px 28px;
  cursor: pointer;
  transition: all 0.25s ease;
}
.nx-flex .nx-file-move:hover {
  background-image: url(../imgs/file/move_hover.png);
}
.nx-flex .nx-file-title {
  width: 100%;
  height: 28px;
  font-weight: 700;
  line-height: 28px;
}
.nx-flex .nx-file-bar {
  width: 16px;
  height: 28px;
  min-width: 16px;
  background-image: url(../imgs/file/bar_line.png);
  background-repeat: no-repeat;
  background-size: 16px 28px;
}
.nx-flex .nx-file-del {
  width: 28px;
  height: 28px;
  min-width: 28px;
  background-image: url(../imgs/ico_v3/ico_delete_off.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  margin-left: 8px;
  cursor: pointer;
  transition: all 0.25s ease;
}
.nx-flex .nx-file-del:hover {
  background-image: url(../imgs/ico_v3/ico_delete_on.png);
}
.nx-flex > .nx-int {
  height: 80px;
  background: #efeff5;
  resize: none;
}
.nx-flex > .nx-slt1 {
  width: 50%;
}
.nx-flex > .nx-slt1.w100 {
  width: 100%;
}
.nx-flex > .nx-ips1 {
  background: #ffffff;
}
.nx-flex .nx-file-div {
  position: relative;
}
.nx-flex .nx-file-thumb {
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
  background: url(../imgs/file/background.png);
  border: 1px solid rgba(54, 65, 126, 0.14);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: absolute;
  cursor: pointer;
  border-radius: 8px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nx-flex .nx-file-outer {
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
  position: absolute;
}
.nx-flex .nx-file-outer .nx-file-outer-sub {
  width: 100%;
  height: 100%;
}
.nx-flex .nx-file-outer .nx-file-outer-sub .nx-file-image {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  overflow: hidden;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nx-flex .nx-file-outer .nx-file-outer-sub .nx-file-image.show {
  display: flex;
}
.nx-flex .nx-file-outer .nx-file-outer-sub .nx-file-image .nx-file-dots {
  width: 24px;
  height: 24px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.nx-flex .nx-file-outer .nx-file-outer-sub .nx-file-image .nx-file-dots > li {
  width: 3px;
  height: 3px;
  background: #5a5a5a;
  border-radius: 50%;
  margin-right: 3px;
}
.nx-flex .nx-file-outer .nx-file-outer-sub .nx-file-image .nx-file-dots > li:last-child {
  margin-right: 0;
}
.nx-flex .nx-v3-lst-menu2 {
  position: absolute;
  z-index: 10;
  top: 40px;
  left: 40px;
  padding: 8px;
  width: 100px;
  background: #fff;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.08), 0px 10px 24px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
}
.nx-flex .nx-v3-lst-menu2 > li {
  margin-top: 4px;
}
.nx-flex .nx-v3-lst-menu2 > li > a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 6px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: background 0.25s ease;
  color: #3a3a3a;
}
.nx-flex .nx-v3-lst-menu2 > li > a.del {
  color: #f57574;
}
.nx-flex .nx-v3-lst-menu2 > li > a:hover {
  background: #f2f2f2;
}
.nx-flex .nx-v3-lst-menu2.active {
  opacity: 1;
  visibility: visible;
  transition: all 0.25s ease;
}

/* 댓글 파일 업로드 */
.nx-add-file-cmt {
  width: 190px;
  height: 36px;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.25s ease;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nx-add-file-cmt .nx-file-frm {
  height: 100%;
  align-items: center;
  display: flex;
}
.nx-add-file-cmt .nx-file-frm .nx-file-drag {
  width: 100%;
  height: 100%;
  color: #454545;
  align-items: center;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  display: inline-flex;
  transition: all 0.25s ease;
  position: relative;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nx-add-file-cmt .nx-file-frm .nx-file-drag .nx-file-x {
  width: 100%;
  padding: 0;
}
.nx-add-file-cmt .nx-file-frm .nx-file-drag .nx-file-x .nx-plus {
  width: 40px;
  height: 36px;
  background: url(../imgs/ico_v3/ico_add.png) no-repeat center center/16px auto;
  display: inline-block;
  float: left;
  overflow: hidden;
  position: relative;
}
.nx-add-file-cmt .nx-file-frm .nx-file-drag .nx-file-x .nx-txt {
  width: calc(100% - 40px);
  height: 36px;
  display: flex;
  align-items: center;
}
.nx-add-file-cmt .nx-file-frm .nx-file-drag .nx-file-w {
  width: 100%;
  height: 100%;
  padding: 0 12px;
}
.nx-add-file-cmt .nx-file-frm .nx-file-drag .nx-file-w .nx-file-o {
  color: #5268db;
  font-size: 12px;
  display: flex;
  align-items: center;
  z-index: 1;
}
.nx-add-file-cmt .nx-file-frm .nx-file-drag .nx-file-w .del_btn {
  width: 24px;
  height: auto;
  background-image: url(../imgs/ico_v3/ico_del4.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px auto;
  padding: 0 6px;
  z-index: 1;
}
.nx-add-file-cmt .nx-file-frm .nx-file-drag .nx-file-w .del_btn:hover {
  background-image: url(../imgs/ico_v3/ico_del4_active.png);
}
.nx-add-file-cmt .nx-file-frm .nx-file-drag.added {
  background: #f1f6ff;
  border: 1px solid #f1f6ff;
}
.nx-add-file-cmt .nx-fl1[type=file] {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-opacity: 0;
  cursor: pointer;
  position: absolute;
}
.nx-add-file-cmt:hover {
  background: #f2f2f2;
}

.nx-add-file {
  width: 100%;
  max-width: 306px;
  height: 64px;
  background-image: url(../imgs/file/outer.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  transition: all 0.25s ease;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nx-add-file .nx-file-frm {
  height: 100%;
  align-items: center;
  display: flex;
}
.nx-add-file .nx-file-frm .nx-file-drag {
  width: 100%;
  height: 100%;
  color: #afb3cb;
  align-items: center;
  display: inline-flex;
  transition: all 0.25s ease;
  position: relative;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nx-add-file .nx-file-frm .nx-file-drag .nx-plus {
  width: 66px;
  height: 100%;
  background: url(../imgs/ico_v3/ico_add.png) no-repeat center center/24px auto;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.nx-add-file .nx-file-frm .nx-file-drag .nx-file-x {
  width: calc(100% - 66px);
  padding: 0 24px 0 0;
}
.nx-add-file .nx-file-frm .nx-file-drag .nx-file-w {
  width: calc(100% - 66px);
  padding: 0 24px 0 0;
}
.nx-add-file .nx-file-frm .nx-file-drag .nx-file-w .nx-file-o {
  color: #308aff;
  z-index: 1;
}
.nx-add-file .nx-file-frm .nx-file-drag .nx-file-w .del_btn {
  width: 24px;
  height: auto;
  background-image: url(../imgs/ico_v3/ico_del4.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px auto;
  padding: 0 6px;
  z-index: 1;
}
.nx-add-file .nx-file-frm .nx-file-drag .nx-file-w .del_btn:hover {
  background-image: url(../imgs/ico_v3/ico_del4_active.png);
}
.nx-add-file .nx-fl1[type=file] {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-opacity: 0;
  cursor: pointer;
  position: absolute;
}
.nx-add-file:hover {
  background-image: url(../imgs/file/outer_hover.svg);
}
.nx-add-file:hover .nx-file-frm .nx-file-drag {
  color: #898da8;
}
.nx-add-file.nx-file-selected {
  background-image: url(../imgs/file/outer_selected.svg);
}
.nx-add-file.nx-file-hover {
  background-image: url(../imgs/file/outer_hover.svg);
}
.nx-add-file.nx-file-hover .nx-file-frm .nx-file-drag {
  color: #898da8;
}

.nx-add-file2 {
  width: 80px;
  height: 80px;
  background: #f7f9ff;
  border: 1px solid rgba(54, 65, 126, 0.14);
  border-radius: 8px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nx-add-file2 .nx-file-frm2 .nx-file-drag2 .nx-plus2 {
  width: 80px;
  height: 80px;
  background-image: url(../imgs/file/add.png);
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: center;
  display: inline-block;
  cursor: pointer;
}
.nx-add-file2 .nx-fl2[type=file] {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-opacity: 0;
  cursor: pointer;
  position: absolute;
}
.nx-add-file2 .nx-file-loading {
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
  background: #ffffff;
  display: none;
  justify-content: center;
  position: absolute;
}
.nx-add-file2 .nx-file-loading > svg {
  width: 3.25em;
  transform-origin: center;
  animation: nx_file_loading_rotate 2s linear infinite;
}
.nx-add-file2 .nx-file-loading > svg > circle {
  fill: none;
  stroke: hsl(214, 97%, 59%);
  stroke-width: 2;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: nx_file_loading_dash 1.5s ease-in-out infinite;
}
.nx-add-file2:hover {
  background: #edf1fc;
}
.nx-add-file2.nx-file-hover2 {
  background: #edf1fc;
}

/* 이미지전용 업로더 filelist */
.js-nxfile-thumb {
  display: flex;
  flex-wrap: wrap;
}

.nx-v3-thumb-wrap {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
}
.nx-v3-thumb-wrap .nx-v3-thumb {
  width: 100px;
  height: 100px;
  background-image: url(../imgs/file/background.png);
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  border-radius: 12px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.nx-v3-thumb-wrap .nx-v3-thumb:hover {
  box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.1);
}
.nx-v3-thumb-wrap .nx-v3-thumb:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px inset rgba(0, 0, 0, 0.04);
  border-radius: 12px;
}
.nx-v3-thumb-wrap .nx-v3-thumb-del {
  width: 24px;
  height: 24px;
  top: 8px;
  right: 8px;
  position: absolute;
  opacity: 0.5;
  background-color: #ffffff;
  background-image: url(../imgs/ico_v3/ico_del3.png);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center center;
  border-radius: 6px;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
}
.nx-v3-thumb-wrap .nx-v3-thumb-del:hover {
  opacity: 1;
}
.nx-v3-thumb-wrap .nx-v3-lst-menu {
  position: absolute;
  z-index: 10;
  top: 0%;
  left: 70%;
  padding: 8px;
  width: 100px;
  background: #fff;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.08), 0px 10px 24px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
}
.nx-v3-thumb-wrap .nx-v3-lst-menu > li {
  margin-top: 4px;
}
.nx-v3-thumb-wrap .nx-v3-lst-menu > li > a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 6px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: background 0.25s ease;
  color: #3a3a3a;
}
.nx-v3-thumb-wrap .nx-v3-lst-menu > li > a.del {
  color: #f57574;
}
.nx-v3-thumb-wrap .nx-v3-lst-menu > li > a:hover {
  background: #f2f2f2;
}
.nx-v3-thumb-wrap .nx-v3-lst-menu.active {
  opacity: 1;
  visibility: visible;
  transition: all 0.25s ease;
}
.nx-v3-thumb-wrap:last-child {
  margin-right: 0;
}

/* 모바일 세로 */
@media only screen and (max-width: 519px) {
  .upload_popup {
    max-height: 540px;
  }
  .upload_lst {
    max-height: 330px;
  }
  .attachment_lst {
    max-width: 346px;
    margin-left: 0;
  }
  /* 댓글 파일 업로드 */
  .nx-add-file-cmt {
    width: 150px;
  }
  .nx-add-file-cmt .nx-file-frm .nx-file-drag .nx-file-w .nx-file-o .s2 {
    display: none;
  }
  .nx-add-file {
    max-width: 358px;
    height: 94px;
    background-image: url(../imgs/file/outer_m.svg);
  }
  .nx-add-file .nx-file-frm .nx-file-drag {
    align-items: start;
    flex-direction: column;
    padding: 12px;
  }
  .nx-add-file .nx-file-frm .nx-file-drag .nx-plus {
    width: 24px;
    height: 24px;
  }
  .nx-add-file .nx-file-frm .nx-file-drag .nx-file-x {
    width: 100%;
    padding: 6px 0 0 0;
  }
  .nx-add-file .nx-file-frm .nx-file-drag .nx-file-w {
    width: 100%;
    padding: 8px 0 0 0;
    justify-content: space-between;
  }
  .nx-add-file:hover {
    background-image: url(../imgs/file/outer_hover_m.svg);
  }
  .nx-add-file.nx-file-selected {
    background-image: url(../imgs/file/outer_selected_m.svg);
  }
  .nx-add-file.nx-file-hover {
    background-image: url(../imgs/file/outer_hover_m.svg);
  }
}
/* 가로모드면서 높이가 높은 단말기
@media only screen and (min-width: 520px) and (max-width: 759px) and (max-height: 640px) {
	.upload_popup {
		position: relative;
		min-height: 300px;
		height: 100%;

		.top {
			margin-bottom: 10px;
		}

		.p1 {
			margin-bottom: 5px;
		}

		.btn_area1 {
			position: absolute;
			left: 15px;
			right: 15px;
			bottom: 15px;
		}
	}

	.upload_lst {
		position: absolute;
		top: 90px;
		left: 15px;
		right: 15px;
		bottom: 56px;
		max-height: 100%;
	}
}
*/
/* 높이가 낮지만 가로모드인 단말기 
@media only screen and (max-width: 519px) and (orientation: landscape) {
	.upload_popup {
		position: relative;
		min-height: 300px;
		height: 100%;

		.top {
			margin-bottom: 10px;
		}

		.p1 {
			margin-bottom: 5px;
		}

		.btn_area1 {
			position: absolute;
			left: 15px;
			right: 15px;
			bottom: 15px;
		}
	}

	.upload_lst {
		position: absolute;
		top: 90px;
		left: 15px;
		right: 15px;
		bottom: 56px;
		max-height: 100%;
	}
}
*/
.bbs_btn_area {
  clear: both;
  padding-top: 20px;
  margin-top: 20px;
  text-align: center;
  border-top: 1px solid #dee0e2;
}

.btn_area1 {
  overflow: hidden;
  margin-top: 20px;
  text-align: center;
}

.btn_area2 {
  overflow: hidden;
  margin-top: 20px;
  text-align: right;
}

.btn_area3 {
  overflow: hidden;
  margin-top: 20px;
}

.btn1 {
  /* 작은 진한 파랑 (현재 페이지의 목적에 부합하는 액션버튼 ex:글쓰기-등록, 파일-올리기) */
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 9px;
  text-align: center;
  font-size: 14px;
  color: #fff !important;
  background: #3462b4;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.btn2 {
  /* 작은 연한 파랑 (현재 페이지의 서브기능 ex:글쓰기-임시저장) */
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 9px;
  text-align: center;
  font-size: 14px;
  color: #fff !important;
  background: #5fa0e6;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.btn3 {
  /* 작은 회색 (일반적인 기능) */
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 9px;
  text-align: center;
  font-size: 14px;
  color: #fff !important;
  background: #acacac;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.btn4 {
  /* 작은 빨강 (주의가 필요한 기능 혹은 목적에 역행하는 기능 ex:삭제) */
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 9px;
  text-align: center;
  font-size: 14px;
  color: #fff !important;
  background: #e82828;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.btn5 {
  /* 큰 진한 파랑 */
  display: inline-block;
  width: 84px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  color: #fff !important;
  background: #3462b4;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.btn5[disabled] {
  opacity: 0.8;
}

.btn6 {
  /* 큰 연한 파랑 */
  display: inline-block;
  width: 84px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  color: #fff !important;
  background: #5fa0e6;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.btn7 {
  /* 큰 회색 */
  display: inline-block;
  width: 84px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  color: #fff !important;
  background: #acacac;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.btn8 {
  /* 큰 빨강 */
  display: inline-block;
  width: 84px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  color: #fff !important;
  background: #e82828;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.btn9 {
  /* 작은 진한 파랑 (현재 페이지의 목적에 부합하는 액션버튼 ex:글쓰기-등록, 파일-올리기) */
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 9px;
  text-align: center;
  font-size: 14px;
  color: #fff !important;
  background: #3462b4;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.btn10 {
  /* 작은 연한 파랑 (현재 페이지의 서브기능 ex:글쓰기-임시저장) */
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 9px;
  text-align: center;
  font-size: 14px;
  color: #fff !important;
  background: #5fa0e6;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.btn11 {
  /* 작은 회색 (일반적인 기능) */
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 9px;
  text-align: center;
  font-size: 14px;
  color: #fff !important;
  background: #acacac;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.btn12 {
  /* 작은 빨강 (주의가 필요한 기능 혹은 목적에 역행하는 기능 ex:삭제) */
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 9px;
  text-align: center;
  font-size: 14px;
  color: #fff !important;
  background: #e82828;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.btn13 {
  /* 작은 진한 파랑 (현재 페이지의 목적에 부합하는 액션버튼 ex:글쓰기-등록, 파일-올리기) */
  display: inline-block;
  height: 46px;
  line-height: 42px;
  padding: 0 30px;
  text-align: center;
  font-size: 18px;
  color: #fff !important;
  background: #3462b4;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
.btn13:hover {
  background: #2d66c9;
}

.btn14 {
  /* 작은 연한 파랑 (현재 페이지의 서브기능 ex:글쓰기-임시저장) */
  display: inline-block;
  height: 46px;
  line-height: 42px;
  padding: 0 30px;
  text-align: center;
  font-size: 18px;
  color: #fff !important;
  background: #56a3f5;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
.btn14:hover {
  background: #5fa0e6;
}

.btn15 {
  /* 작은 회색 (일반적인 기능) */
  display: inline-block;
  height: 46px;
  line-height: 42px;
  padding: 0 30px;
  text-align: center;
  font-size: 18px;
  color: #fff !important;
  background: #cccbcb;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
.btn15:hover {
  background: #acacac;
}

.btn16 {
  /* 작은 빨강 (주의가 필요한 기능 혹은 목적에 역행하는 기능 ex:삭제) */
  display: inline-block;
  height: 46px;
  line-height: 42px;
  padding: 0 30px;
  text-align: center;
  font-size: 18px;
  color: #fff !important;
  background: #f71d1d;
  border: 1px solid #fff;
  vertical-align: middle;
  border-radius: 4px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
.btn16:hover {
  background: #e82828;
}

/* 내용 펼쳐보기 */
.btn_open1 {
  display: inline-block;
  height: 40px;
  padding: 0 50px;
  font-size: 14px;
  line-height: 40px;
  color: #888;
  text-align: center;
  border: 1px dashed #e1e1e1;
  background: #f5f5f5;
  border-radius: 6px;
}

.my-btn1 {
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  color: #495DA2;
  background: #ECF0FF;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.my-btn1:hover {
  background: #c4d0ff;
}

/* MMS 스타일 버튼 */
.nx-btn1 {
  /* 배경 회색인 버튼(현재 페이지의 목적에 부합하는 액션버튼, 액션시 데이터 저장 ex: 등록) */
  height: 36px;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
  color: #ffffff;
  background: #5d6072;
  padding: 0 12px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 6px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
}
.nx-btn1:hover {
  background: #525464;
}
.nx-btn1.max {
  width: 140px;
}
.nx-btn1.edit {
  position: absolute;
  top: -50px;
  right: 0;
}

.nx-btn2 {
  /* 배경이 연한파랑색인 버튼 (현재 페이지의 서브기능 ex:글쓰기-임시저장) */
  height: 36px;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
  color: #ffffff;
  background: #8fabff;
  padding: 0 12px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 6px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
}
.nx-btn2:hover {
  background: #7698ff;
}
.nx-btn2.max {
  width: 140px;
}

.nx-btn3 {
  /* 글자색 회색, 배경 회색인 버튼 (일반적인 기능 ex: 취소) */
  height: 36px;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
  color: #5a5a5a;
  background: #e7e8ed;
  padding: 0 12px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 6px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
}
.nx-btn3:hover {
  color: #3a3a3a;
  background: #d8dae2;
}
.nx-btn3.max {
  width: 140px;
}

.nx-btn4 {
  /* 테두리 빨간색, 배경 흰색인 버튼 (주의가 필요한 기능 혹은 목적에 역행하는 기능 ex: 삭제) */
  height: 36px;
  font-size: 14px;
  text-align: center;
  line-height: 34px;
  color: #f57574;
  background: #ffffff;
  padding: 0 12px;
  border: 1px solid #e3e3e3;
  display: inline-block;
  vertical-align: middle;
  border-radius: 6px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
}
.nx-btn4:hover {
  color: #ffffff;
  background: #f57574;
  border: 1px solid #f57574;
}
.nx-btn4.max {
  width: 140px;
}

.nx-btn5 {
  /* 테두리 파랑색, 배경 흰색인 버튼 (현재 페이지의 서브기능 ex: 이동) */
  height: 36px;
  font-size: 14px;
  text-align: center;
  line-height: 34px;
  color: #308aff;
  background: #ffffff;
  padding: 0 12px;
  border: 1px solid #e3e3e3;
  display: inline-block;
  vertical-align: middle;
  border-radius: 6px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
}
.nx-btn5:hover {
  border: 1px solid #308aff;
}
.nx-btn5.max {
  width: 140px;
}

.nx-btn6 {
  /* 테두리 있고, 글자색 회색, 배경 흰색인 버튼 (일반적인 기능 ex: 취소) */
  height: 36px;
  font-size: 14px;
  text-align: center;
  line-height: 34px;
  color: #3a3a3a;
  background: #ffffff;
  padding: 0 12px;
  border: 1px solid #e3e3e3;
  display: inline-block;
  vertical-align: middle;
  border-radius: 6px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
}
.nx-btn6:hover {
  border: 1px solid #5d6072;
}
.nx-btn6.max {
  width: 140px;
}
.nx-btn6.edit {
  position: absolute;
  top: -50px;
  right: 0;
}

.nx-btn7 {
  /* 테두리 있고, 글자색 회색, 배경 흰색인 버튼 (일반적인 기능 ex: 취소) */
  display: inline-block;
  height: 32px;
  padding: 5px 12px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  font-weight: 400;
  border: 1px solid #787b8c;
  vertical-align: middle;
  border-radius: 6px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.1s ease-in;
}

/* 2024-04-03 추가 */
.nx-btn-like {
  /* 좋아요 */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  height: 36px;
  border-radius: 8px;
  box-sizing: border-box;
  vertical-align: top;
  text-align: center;
  transition: background 0.25s ease;
}
.nx-btn-like .nx-ico-like {
  font-size: 0;
  text-indent: -9999px;
  position: relative;
  display: block;
  margin-right: 4px;
  width: 18px;
  height: 18px;
}
.nx-btn-like .nx-ico-like::before, .nx-btn-like .nx-ico-like::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px auto;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.nx-btn-like .nx-ico-like::before {
  background-image: url(../imgs/ico/ico_like4.png);
  opacity: 1;
  visibility: visible;
}
.nx-btn-like .nx-ico-like::after {
  background-image: url(../imgs/ico/ico_like4_on.png);
  opacity: 0;
  visibility: hidden;
}
.nx-btn-like .nx-cnt {
  color: #7F7F84;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  transition: color 0.25s ease;
}
.nx-btn-like:hover {
  background: rgba(0, 0, 0, 0.04);
}
.nx-btn-like.active .nx-ico-like::before {
  opacity: 0;
  visibility: hidden;
}
.nx-btn-like.active .nx-ico-like::after {
  opacity: 1;
  visibility: visible;
}
.nx-btn-like.active .nx-cnt {
  color: #2B2C33;
}

.nx-btn-n1 {
  /* 수정 */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 6px;
  vertical-align: top;
  color: #5268DB;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: background 0.25s ease;
}
.nx-btn-n1:hover {
  background: rgba(82, 104, 219, 0.08);
}

.nx-btn-n2 {
  /* 삭제 */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 6px;
  vertical-align: top;
  color: #E84F68;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: background 0.25s ease;
}
.nx-btn-n2:hover {
  background: rgba(232, 79, 104, 0.08);
}

.nx-btn-n3 {
  /* 목록 */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  min-width: 80px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #DBDBDB;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  vertical-align: top;
  color: #2B2C33;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  transition: background 0.25s ease, color 0.25s ease;
}
.nx-btn-n3:hover {
  background: #FCFCFC;
  color: #656878;
}
.nx-btn-n3[disabled] {
  background: #FCFCFC;
  border-color: #E7E7E7;
  color: #7F7F84;
}

.nx-btn-n4 {
  /* 등록 */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  min-width: 80px;
  height: 36px;
  border-radius: 8px;
  background: #5268DB;
  box-shadow: 0 2px 4px 0px rgba(82, 104, 219, 0.32);
  box-sizing: border-box;
  vertical-align: top;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  transition: background 0.25s ease;
}
.nx-btn-n4:hover {
  background: #677ADF;
}
.nx-btn-n4.min {
  min-width: 50px;
}

.nx-btn-n5 {
  /* 취소 */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 6px;
  vertical-align: top;
  color: #656878;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: background 0.25s ease;
}
.nx-btn-n5:hover {
  background: rgba(0, 0, 0, 0.0784313725);
}

/* 내용관리 */
.line1 {
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #000;
  border-bottom: 1px solid #e1e1e1;
}

.ipt_color {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  border: 1px solid #c7c7c7;
  box-sizing: border-box;
  border-radius: 2px;
  background: url(../imgs/opt/none2.png);
}

input:checked + .ipt_color {
  border: 1px solid #5fa0e6;
}

.general_wrap {
  position: relative;
  padding: 20px;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
}
.general_wrap > .top {
  color: #000;
}
.general_wrap > .top .name {
  margin-left: 10px;
  font-size: 14px;
  line-height: 30px;
}
.general_wrap > .top .opt_btn {
  position: absolute;
  right: 40px;
  top: 20px;
  padding: 0 10px;
  font-size: 20px;
  line-height: 30px;
  color: #3462b4;
}
.general_wrap > .top .opt_btn .ico_arr1_u {
  display: none;
}
.general_wrap > .top .opt_btn.open .ico_arr1_d {
  display: none;
}
.general_wrap > .top .opt_btn.open .ico_arr1_u {
  display: inline-block;
}
.general_wrap > .top .opt_wrap {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #e1e1e1;
}
.general_wrap > .top .opt_wrap .text_opt {
  position: relative;
  min-height: 30px;
  margin-top: 15px;
}
.general_wrap > .top .opt_wrap .text_opt:first-child {
  margin-top: 0;
}
.general_wrap > .top .opt_wrap .text_opt dt {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 30px;
}
.general_wrap > .top .opt_wrap .text_opt dd {
  margin-left: 150px;
  line-height: 30px;
}
.general_wrap > .top .opt_wrap .text_opt dd .img_lst3 { /* 이미지+텍스트 */
  margin: 0 0 -5px 0;
}
.general_wrap > .top .opt_wrap .text_opt dd .img_lst3 li {
  margin: 0 5px 5px 0;
}
.general_wrap > .top .opt_wrap .text_opt dd .dsIB {
  min-height: 30px;
}
.general_wrap > .top .opt_wrap .img_opt {
  width: 28px;
  height: 30px;
}
.general_wrap > .top .opt_wrap .half {
  overflow: hidden;
}
.general_wrap > .top .opt_wrap .half .text_opt {
  float: left;
  width: 350px;
  margin-top: 10px;
}
.general_wrap > .ct {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #e1e1e1;
}
.general_wrap > .ct .preview {
  max-width: 1116px;
  margin: 0 auto;
}
.general_wrap > .cls_btn {
  position: absolute;
  top: -1px;
  right: -1px;
  background: #e82828;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  -ms-border-radius-topleft: 0;
  -ms-border-radius-topright: 4px;
  -ms-border-radius-bottomright: 0;
  -ms-border-radius-bottomleft: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.general_wrap > .cls_btn img {
  display: block;
}
.general_wrap .video_ipt {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  overflow: hidden;
  max-width: 350px;
  width: 100%;
  padding-right: 88px;
  box-sizing: border-box;
}
.general_wrap .video_ipt a[class*=btn] {
  position: absolute;
  top: 0;
  right: 0;
}
.general_wrap .map_wrap {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  overflow: hidden;
  padding-right: 88px;
  box-sizing: border-box;
}
.general_wrap .map_wrap a[class*=btn] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.general_wrap .addr_ipt {
  display: inline-block;
  width: 250px;
  vertical-align: top;
}
.general_wrap .type_wrap .selected_type {
  display: block;
  padding: 4px 25px 4px 4px;
  color: #000;
  background-image: url(../imgs/sp/sp_icon.png);
  background-repeat: no-repeat;
  background-position: right -180px;
  background-color: #eee;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .general_wrap .type_wrap .selected_type {
    background-image: url("../imgs/sp/sp_icon@2x.png");
    background-image: url("../imgs/sp/sp_icon@2x.png");
    background-size: 30px;
  }
}
.general_wrap .type_wrap .page_type {
  display: none;
}
.general_wrap .type_wrap .page_type li a {
  display: block;
  padding: 4px 25px 4px 4px;
  color: #000;
  background: #eee;
}

.general_cate li {
  margin-top: 5px;
}
.general_cate li:first-child {
  margin-top: 0;
}
.general_cate li input {
  width: 180px;
}
.general_cate li.add {
  margin-top: 0;
  text-align: center;
}
.general_cate li.add a {
  display: inline-block;
  padding: 10px;
  font-size: 14px;
  color: #5fa0e6;
}

.general_item_lst {
  overflow: hidden;
  width: 288px;
}
.general_item_lst li {
  float: left;
  width: 86px;
  text-align: center;
  margin: 0 10px 20px 0;
}
.general_item_lst li a {
  display: block;
  position: relative;
}
.general_item_lst li a img {
  display: block;
  margin-bottom: 5px;
}
.general_item_lst li a .bg {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 86px;
  height: 64px;
  background: rgba(95, 160, 230, 0.5);
  transition: opacity 0.1s ease;
}
.general_item_lst li a:hover .bg {
  opacity: 1;
}

label.bold {
  display: inline-block;
  width: 28px;
  height: 30px;
  margin: 0 !important;
  background: url(../imgs/ico/ico_bold.png) no-repeat;
  background-size: 28px;
}

label.italic {
  display: inline-block;
  width: 28px;
  height: 30px;
  margin: 0 !important;
  background: url(../imgs/ico/ico_italic.png) no-repeat;
  background-size: 28px;
}

label.underline {
  display: inline-block;
  width: 28px;
  height: 30px;
  margin: 0 !important;
  background: url(../imgs/ico/ico_underline.png) no-repeat;
  background-size: 28px;
}

label.align_l {
  display: inline-block;
  width: 28px;
  height: 30px;
  margin: 0 !important;
  background: url(../imgs/ico/ico_taL.png) no-repeat;
  background-size: 28px;
}

label.align_c {
  display: inline-block;
  width: 28px;
  height: 30px;
  margin: 0 !important;
  background: url(../imgs/ico/ico_taC.png) no-repeat;
  background-size: 28px;
}

label.align_r {
  display: inline-block;
  width: 28px;
  height: 30px;
  margin: 0 !important;
  background: url(../imgs/ico/ico_taR.png) no-repeat;
  background-size: 28px;
}

label.align_j {
  display: inline-block;
  width: 28px;
  height: 30px;
  margin: 0 !important;
  background: url(../imgs/ico/ico_taJ.png) no-repeat;
  background-size: 28px;
}

label.line_solid {
  display: inline-block;
  width: 28px;
  height: 30px;
  margin: 0 !important;
  background: url(../imgs/ico/ico_line_type1.png) no-repeat;
  background-size: 28px;
}

label.line_dashed {
  display: inline-block;
  width: 28px;
  height: 30px;
  margin: 0 !important;
  background: url(../imgs/ico/ico_line_type2.png) no-repeat;
  background-size: 28px;
}

label.line_dotted {
  display: inline-block;
  width: 28px;
  height: 30px;
  margin: 0 !important;
  background: url(../imgs/ico/ico_line_type3.png) no-repeat;
  background-size: 28px;
}

label.vertical_t {
  display: inline-block;
  width: 28px;
  height: 30px;
  margin: 0 !important;
  background: url(../imgs/ico/ico_vaT.png) no-repeat;
  background-size: 28px;
}

label.vertical_m {
  display: inline-block;
  width: 28px;
  height: 30px;
  margin: 0 !important;
  background: url(../imgs/ico/ico_vaM.png) no-repeat;
  background-size: 28px;
}

label.vertical_b {
  display: inline-block;
  width: 28px;
  height: 30px;
  margin: 0 !important;
  background: url(../imgs/ico/ico_vaB.png) no-repeat;
  background-size: 28px;
}

input:checked + label.bold {
  background: url(../imgs/ico/ico_bold_on.png) no-repeat;
  background-size: 28px;
}
input:checked + label.italic {
  background: url(../imgs/ico/ico_italic_on.png) no-repeat;
  background-size: 28px;
}
input:checked + label.underline {
  background: url(../imgs/ico/ico_underline_on.png) no-repeat;
  background-size: 28px;
}
input:checked + label.align_l {
  background: url(../imgs/ico/ico_taL_on.png) no-repeat;
  background-size: 28px;
}
input:checked + label.align_c {
  background: url(../imgs/ico/ico_taC_on.png) no-repeat;
  background-size: 28px;
}
input:checked + label.align_r {
  background: url(../imgs/ico/ico_taR_on.png) no-repeat;
  background-size: 28px;
}
input:checked + label.align_j {
  background: url(../imgs/ico/ico_taJ_on.png) no-repeat;
  background-size: 28px;
}
input:checked + label.line_solid {
  background: url(../imgs/ico/ico_line_type1_on.png) no-repeat;
  background-size: 28px;
}
input:checked + label.line_dashed {
  background: url(../imgs/ico/ico_line_type2_on.png) no-repeat;
  background-size: 28px;
}
input:checked + label.line_dotted {
  background: url(../imgs/ico/ico_line_type3_on.png) no-repeat;
  background-size: 28px;
}
input:checked + label.vertical_t {
  background: url(../imgs/ico/ico_vaT_on.png) no-repeat;
  background-size: 28px;
}
input:checked + label.vertical_m {
  background: url(../imgs/ico/ico_vaM_on.png) no-repeat;
  background-size: 28px;
}
input:checked + label.vertical_b {
  background: url(../imgs/ico/ico_vaB_on.png) no-repeat;
  background-size: 28px;
}

.img_crop {
  padding: 50px 100px;
  margin: 0 auto;
}
.img_crop.visual_1200x225 {
  max-width: 1200px;
}
.img_crop.visual_1200x225 .section1 {
  padding-bottom: 18.75%;
}
.img_crop.visual_1200x450 {
  max-width: 1200px;
}
.img_crop.visual_1200x450 .section1 {
  padding-bottom: 37.5%;
}
.img_crop.visual_1200x675 {
  max-width: 1200px;
}
.img_crop.visual_1200x675 .section1 {
  padding-bottom: 56.25%;
}
.img_crop.visual_1200x900 {
  max-width: 1200px;
}
.img_crop.visual_1200x900 .section1 {
  padding-bottom: 75%;
}
.img_crop.visual_1920x225 {
  max-width: 1920px;
}
.img_crop.visual_1920x225 .section1 {
  padding-bottom: 10%;
}
.img_crop.visual_1920x450 {
  max-width: 1920px;
}
.img_crop.visual_1920x450 .section1 {
  padding-bottom: 23.43%;
}
.img_crop.visual_1920x675 {
  max-width: 1920px;
}
.img_crop.visual_1920x675 .section1 {
  padding-bottom: 35.15%;
}
.img_crop.visual_1920x900 {
  max-width: 1920px;
}
.img_crop.visual_1920x900 .section1 {
  padding-bottom: 46.87%;
}
.img_crop.banner_720x720 {
  max-width: 720px;
}
.img_crop.banner_720x720 .section1 {
  padding-bottom: 100%;
}
.img_crop.banner_720x405 {
  max-width: 720px;
}
.img_crop.banner_720x405 .section1 {
  padding-bottom: 56.25%;
}
.img_crop[class*=visual_1920] .section1 .section2 .line_t, .img_crop[class*=visual_1920] .section1 .section2 .line_b {
  left: 18.75%;
  right: 18.75%;
}
.img_crop[class*=visual_1920] .section1 .section2 .line_l {
  left: 18.75%;
}
.img_crop[class*=visual_1920] .section1 .section2 .line_r {
  right: 18.75%;
}
.img_crop .section1 {
  position: relative;
  height: 0;
}
.img_crop .section1 .section2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.img_crop .section1 .section2 img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
}
.img_crop .section1 .section2 .line_t {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: 1px;
  background: #f00;
}
.img_crop .section1 .section2 .line_r {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 1px;
  background: #f00;
}
.img_crop .section1 .section2 .line_b {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: 1px;
  background: #f00;
}
.img_crop .section1 .section2 .line_l {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1000;
  width: 1px;
  background: #f00;
}
.img_crop .section1 .top_shadow {
  position: absolute;
  top: -1000%;
  left: -100%;
  right: -100%;
  bottom: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.img_crop .section1 .left_shadow {
  position: absolute;
  top: 0;
  left: -1000%;
  right: 100%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}
.img_crop .section1 .right_shadow {
  position: absolute;
  top: 0;
  left: 100%;
  right: -1000%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}
.img_crop .section1 .btm_shadow {
  position: absolute;
  top: 100%;
  left: -100%;
  right: -100%;
  bottom: -1000%;
  background: rgba(0, 0, 0, 0.7);
}
.img_crop .btm_btn_area1 {
  z-index: 10010;
}
.img_crop .btm_btn_area1 .btm_btn_area2 {
  width: auto;
  margin: 0;
  text-align: center;
}

/* Tablet */
@media screen and (max-width: 1023px) {
  /* 내용관리 */
  .general_wrap {
    padding: 10px;
  }
  .general_wrap .top .opt_btn {
    top: 10px;
  }
  .general_wrap .ct .preview {
    max-width: none;
  }
}
/* 모바일가로 */
@media screen and (max-width: 759px) {
  /* 일반페이지 */
  .general_wrap .top .opt_wrap .text_opt {
    padding: 10px 0;
    margin-top: 0;
    border-top: 1px solid #e1e1e1;
  }
  .general_wrap .top .opt_wrap .text_opt:first-child {
    border-top: none;
  }
  .general_wrap .top .opt_wrap .text_opt dt {
    position: static;
    line-height: 150%;
    margin-bottom: 10px;
  }
  .general_wrap .top .opt_wrap .text_opt dd {
    margin-left: 10px;
  }
  .general_wrap .top .opt_wrap .half .text_opt {
    float: none;
    width: auto;
    border-top: 1px solid #e1e1e1;
  }
}
/* 모바일세로 */
@media only screen and (max-width: 519px) {
  /* 내용관리 */
  .img_crop {
    padding: 20px 50px;
  }
  .general_wrap .addr_ipt {
    width: 180px;
  }
}
/* font */
body.noto_en-us {
  font-family: "Noto Sans", sans-serif;
}

body.noto_ja-jp {
  font-family: "Noto Sans Japanese", sans-serif;
}

body.noto_ko-kr {
  font-family: "Noto Sans KR", sans-serif;
}

body.noto_zh-cn {
  font-family: "Noto Sans SC", sans-serif;
}

body.ng {
  font-family: "Nanum Gothic", sans-serif;
}

/* Reset CSS */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

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

img, video {
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  cursor: pointer;
}

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

input, select, textarea {
  vertical-align: middle;
}

body {
  background: #FFF;
  color: #787878;
  font-size: 14px;
  line-height: 1.4;
  -webkit-text-size-adjust: none;
}

label {
  cursor: pointer;
  line-height: 150%;
}

.blind, legend, caption {
  display: block;
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

em, address {
  font-style: normal;
  font-weight: normal;
}

input[type=text], input[type=password], input[type=number], input[type=date], input[type=tel], input[type=email], select, textarea {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=date]:focus, input[type=tel]:focus, input[type=email]:focus, select:focus, textarea:focus {
  border: 1px solid #00AAE7 !important;
  box-shadow: 0 0 5px #BBE0FD;
  -webkit-box-shadow: 0 0 5px #BBE0FD;
  -moz-box-shadow: 0 0 5px #BBE0FD;
}

select::-ms-expand {
  /* IE에서 기본스타일 제거 */
  display: none;
}

input[type=radio] {
  margin-left: 1px;
}

.layer_bg {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 999;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.shadow_l {
  position: fixed;
  top: 0;
  left: 50%;
  bottom: 0;
  z-index: 1100;
  width: 10px;
  margin-left: -610px;
  background: url(../imgs/comm/shadow_l.png) repeat-y;
}

.shadow_r {
  position: fixed;
  top: 0;
  left: 50%;
  bottom: 0;
  z-index: 1100;
  width: 10px;
  margin-left: 600px;
  background: url(../imgs/comm/shadow_r.png) repeat-y;
}

.section_wrap1 {
  position: relative;
}

.section_wrap2 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.section_l {
  display: table-cell;
}

.section_c {
  display: table-cell;
  width: 1024px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.section_c .section {
  overflow: hidden;
  margin: 0 auto;
  padding: 30px 42px;
}

.section_r {
  display: table-cell;
}

/* Content */
.content_wrap2 {
  max-width: 1200px;
  margin: 0 auto;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.content_wrap2.wide {
  max-width: 100%;
  padding: 0 !important;
}
.content_wrap2.basic {
  padding: 0 !important;
}

.content_full {
  overflow: hidden;
  margin: 0 auto;
  padding: 30px 0;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.content {
  margin: 0 auto;
  padding: 30px 42px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.content:after {
  content: "";
  clear: both;
  display: block;
}

/* Title */
.tit1_wrap {
  height: 18px;
  margin-bottom: 46px;
  border-bottom: 1px solid #d1d1d1;
}

.tit1 {
  max-width: 380px;
  margin: 0 auto;
  font-size: 30px;
  font-weight: 700;
  color: #292e32;
  text-align: center;
  background: #fff;
}

.tit2 {
  font-size: 18px;
  color: #333;
  font-weight: 700;
  margin: 50px 0 10px;
}
.tit2:first-of-type {
  margin-top: 0;
}

.tit_wrap2 {
  width: 100%;
  margin-bottom: 30px;
}
.tit_wrap2 td {
  width: 33.3%;
}
.tit_wrap2 td div {
  min-width: 30px;
  height: 1px;
}
.tit_wrap2 td.tit {
  padding: 0 30px;
  text-align: center;
}
.tit_wrap2 td.tit p {
  font-size: 30px;
  white-space: nowrap;
}

/* 태블릿 */
@media only screen and (max-width: 1023px) {
  .content_wrap2 {
    width: auto;
  }
  .content {
    padding: 30px 22px;
  }
  .shadow_l, .shadow_r {
    display: none;
  }
  .section_wrap2 {
    display: block;
  }
  .section_l {
    display: none;
  }
  .section_c {
    display: block;
    width: auto;
  }
  .section_c .section {
    padding: 30px 22px;
  }
  .section_r {
    display: none;
  }
}
/* 모바일세로 */
@media only screen and (max-width: 759px) {
  .content_full2 {
    overflow: hidden;
    padding-left: 22px;
    padding-right: 22px;
  }
  .tit_wrap2 {
    margin-bottom: 20px;
  }
  .tit_wrap2 td {
    width: auto;
  }
  .tit_wrap2 td.tit p {
    font-size: 24px;
    white-space: normal;
  }
  .section_c .section {
    padding: 20px 10px;
  }
}
/* 모바일세로 */
@media only screen and (max-width: 519px) {
  .content_full {
    padding: 20px 0;
  }
  .content_full2 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .content {
    padding: 20px 10px;
  }
  .tit1_wrap {
    margin-bottom: 30px;
  }
}
.column-row {
  overflow: hidden;
  /* 단 설정에 따른 옵션 */
}
.column-row .column-col {
  box-sizing: border-box;
}
.column-row .column-col .col-tit {
  margin-bottom: 10px;
}
.column-row.col1.mg1 .column-col {
  margin-top: 10px;
}
.column-row.col1.mg1 .column-col:first-child {
  margin-top: 0;
}
.column-row.col1.mg2 .column-col {
  margin-top: 20px;
}
.column-row.col1.mg2 .column-col:first-child {
  margin-top: 0;
}
.column-row.col1.mg3 .column-col {
  margin-top: 40px;
}
.column-row.col1.mg3 .column-col:first-child {
  margin-top: 0;
}
.column-row.col1.mg4 .column-col {
  margin-top: 60px;
}
.column-row.col1.mg4 .column-col:first-child {
  margin-top: 0;
}
.column-row.col2.mg0 .column-col {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.column-row.col2.mg0 .column-col:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.column-row.col2.mg0 .column-col:nth-child(n+3) {
  margin-top: 1.5%;
  clear: none;
}
.column-row.col2.mg0 .column-col:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.column-row.col2.mg1 .column-col {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.column-row.col2.mg1 .column-col:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.column-row.col2.mg1 .column-col:nth-child(n+3) {
  margin-top: 1.5%;
  clear: none;
}
.column-row.col2.mg1 .column-col:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.column-row.col2.mg2 .column-col {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.column-row.col2.mg2 .column-col:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.column-row.col2.mg2 .column-col:nth-child(n+3) {
  margin-top: 3%;
  clear: none;
}
.column-row.col2.mg2 .column-col:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.column-row.col2.mg3 .column-col {
  width: calc((100% - 3% - 1px) / 2);
  margin-left: 3%;
  float: left;
}
.column-row.col2.mg3 .column-col:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.column-row.col2.mg3 .column-col:nth-child(n+3) {
  margin-top: 4.5%;
  clear: none;
}
.column-row.col2.mg3 .column-col:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.column-row.col2.mg4 .column-col {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.column-row.col2.mg4 .column-col:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.column-row.col2.mg4 .column-col:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.column-row.col2.mg4 .column-col:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.column-row.col3.mg0 .column-col {
  width: calc((100% - 0px - 1px) / 3);
  margin-left: 0px;
  float: left;
}
.column-row.col3.mg0 .column-col:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.column-row.col3.mg0 .column-col:nth-child(n+4) {
  margin-top: 1.5%;
  clear: none;
}
.column-row.col3.mg0 .column-col:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.column-row.col3.mg1 .column-col {
  width: calc((100% - 2% - 1px) / 3);
  margin-left: 1%;
  float: left;
}
.column-row.col3.mg1 .column-col:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.column-row.col3.mg1 .column-col:nth-child(n+4) {
  margin-top: 1.5%;
  clear: none;
}
.column-row.col3.mg1 .column-col:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.column-row.col3.mg2 .column-col {
  width: calc((100% - 4% - 1px) / 3);
  margin-left: 2%;
  float: left;
}
.column-row.col3.mg2 .column-col:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.column-row.col3.mg2 .column-col:nth-child(n+4) {
  margin-top: 3%;
  clear: none;
}
.column-row.col3.mg2 .column-col:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.column-row.col3.mg3 .column-col {
  width: calc((100% - 6% - 1px) / 3);
  margin-left: 3%;
  float: left;
}
.column-row.col3.mg3 .column-col:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.column-row.col3.mg3 .column-col:nth-child(n+4) {
  margin-top: 4.5%;
  clear: none;
}
.column-row.col3.mg3 .column-col:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.column-row.col3.mg4 .column-col {
  width: calc((100% - 8% - 1px) / 3);
  margin-left: 4%;
  float: left;
}
.column-row.col3.mg4 .column-col:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.column-row.col3.mg4 .column-col:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.column-row.col3.mg4 .column-col:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.column-row .column-col.rd1 {
  border-radius: 4px;
}
.column-row .column-col.rd2 {
  border-radius: 8px;
}
.column-row .column-col.rd3 {
  border-radius: 16px;
}
.column-row .column-col.pd1 {
  padding: 10px;
}
.column-row .column-col.pd2 {
  padding: 20px;
}
.column-row .column-col.pd3 {
  padding: 30px;
}

@media only screen and (max-width: 759px) {
  .column-row.col3.mg0 .column-col {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col3.mg0 .column-col:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3.mg0 .column-col:nth-child(n+2) {
    margin-top: 1.5%;
    clear: none;
  }
  .column-row.col3.mg0 .column-col:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col3.mg0 .column-col:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3.mg1 .column-col {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col3.mg1 .column-col:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3.mg1 .column-col:nth-child(n+2) {
    margin-top: 1.5%;
    clear: none;
  }
  .column-row.col3.mg1 .column-col:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col3.mg1 .column-col:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3.mg2 .column-col {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col3.mg2 .column-col:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3.mg2 .column-col:nth-child(n+2) {
    margin-top: 3%;
    clear: none;
  }
  .column-row.col3.mg2 .column-col:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col3.mg2 .column-col:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3.mg3 .column-col {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col3.mg3 .column-col:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3.mg3 .column-col:nth-child(n+2) {
    margin-top: 4.5%;
    clear: none;
  }
  .column-row.col3.mg3 .column-col:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col3.mg3 .column-col:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3.mg4 .column-col {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col3.mg4 .column-col:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3.mg4 .column-col:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col3.mg4 .column-col:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col3.mg4 .column-col:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media only screen and (max-width: 639px) {
  .column-row.col2.mg0 .column-col {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col2.mg0 .column-col:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2.mg0 .column-col:nth-child(n+2) {
    margin-top: 1.5%;
    clear: none;
  }
  .column-row.col2.mg0 .column-col:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col2.mg0 .column-col:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2.mg1 .column-col {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col2.mg1 .column-col:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2.mg1 .column-col:nth-child(n+2) {
    margin-top: 1.5%;
    clear: none;
  }
  .column-row.col2.mg1 .column-col:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col2.mg1 .column-col:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2.mg2 .column-col {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col2.mg2 .column-col:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2.mg2 .column-col:nth-child(n+2) {
    margin-top: 3%;
    clear: none;
  }
  .column-row.col2.mg2 .column-col:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col2.mg2 .column-col:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2.mg3 .column-col {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col2.mg3 .column-col:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2.mg3 .column-col:nth-child(n+2) {
    margin-top: 4.5%;
    clear: none;
  }
  .column-row.col2.mg3 .column-col:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col2.mg3 .column-col:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2.mg4 .column-col {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col2.mg4 .column-col:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2.mg4 .column-col:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col2.mg4 .column-col:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col2.mg4 .column-col:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
/* tab */
.m_tab_open {
  display: none;
}

.tab_menu_wrap {
  margin-bottom: 50px;
}
.tab_menu_wrap.big * {
  font-size: 15px;
}
.tab_menu_wrap.mid * {
  font-size: 14px;
}
.tab_menu_wrap.sm * {
  font-size: 13px;
}
.tab_menu_wrap.round .tab_box_type td.menu {
  border-radius: 10px;
}

.tab_box_type {
  width: 100%;
  margin-top: 6px;
  table-layout: fixed;
}
.tab_box_type:first-child {
  margin-top: 0;
}
.tab_box_type td.menu {
  padding: 10px;
  color: #fff;
  line-height: 1.4;
  cursor: pointer;
  background: #aaa;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.tab_box_type td.menu:hover, .tab_box_type td.menu.aon {
  background: #888;
}
.tab_box_type td.padding {
  width: 6px;
}
.tab_box_type.col2 td.menu, .tab_box_type.col2 td.empty {
  width: 50%;
}
.tab_box_type.col3 td.menu, .tab_box_type.col3 td.empty {
  width: 33.3%;
}
.tab_box_type.col4 td.menu, .tab_box_type.col4 td.empty {
  width: 25%;
}
.tab_box_type.col5 td.menu, .tab_box_type.col5 td.empty {
  width: 20%;
}

.tab_text_type {
  padding: 5px 10px 10px 10px;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.tab_text_type .menu {
  display: inline-block;
  padding: 10px 14px;
  margin: 5px 0 0;
  color: #aaa;
  line-height: 1.4;
}
.tab_text_type .menu:hover, .tab_text_type .menu.aon {
  color: #666;
}

.my-tab-a {
  display: none;
}

.my-tab {
  width: 100%;
}
.my-tab td {
  height: 100px;
  font-size: 16px;
  color: #666;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #c7c7c7;
  background: #fff;
  cursor: pointer;
  width: 5%;
}
.my-tab td .img {
  display: block;
  margin: 10px auto 0;
}
.my-tab td.on {
  background: #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.my-tab td:hover {
  background: #f5f5f5;
}
.my-tab:last-child td.on {
  border-bottom: 1px solid #c7c7c7;
}

.my-tab-detail {
  padding: 10px 20px 20px;
  background: #f5f5f5;
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
}
.my-tab-detail .tab {
  overflow: hidden;
  text-align: center;
}
.my-tab-detail .tab li {
  display: inline-block;
  margin: 10px 0 0 20px;
}
.my-tab-detail .tab li:first-child {
  margin-left: 0;
}
.my-tab-detail .tab li a {
  display: inline-block;
  padding-bottom: 1px;
  font-size: 16px;
  color: #666;
}
.my-tab-detail .tab li a:hover, .my-tab-detail .tab li a.aon {
  padding-bottom: 0;
  border-bottom: 1px solid #666;
}

/* MMS Style Tab */
.nx-tab1 {
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
}
.nx-tab1 li {
  display: inline-block;
  margin-bottom: -1px;
}
.nx-tab1 li a {
  display: block;
  padding: 16px 30px;
  color: #acacac;
  font-weight: bold;
}
.nx-tab1 li:hover a {
  color: #308aff;
}
.nx-tab1 li.active {
  border-bottom: 3px solid #308aff;
}
.nx-tab1 li.active a {
  color: #3a3a3a;
}

/* category */
.nx-cate-group {
  padding-bottom: 12px;
  margin-bottom: 20px;
  border-bottom: 2px solid #e1e1e1;
}
.nx-cate-group .tit-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}
.nx-cate-group .tit-wrap .back img {
  display: block;
}
.nx-cate-group .tit-wrap .tit a {
  position: relative;
  display: inline-block;
  padding: 8px 28px 8px 8px;
  font-size: 22px;
  font-weight: 700;
  color: #2b2c33;
  line-height: 140%;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
}
.nx-cate-group .tit-wrap .tit a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background-image: url("../imgs/goods/ico_group_arr.png");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.2s ease-in-out;
}
.nx-cate-group .tit-wrap .tit a:hover {
  background: rgba(0, 0, 0, 0.04);
}
.nx-cate-group .tit-wrap .tit a:hover:after {
  background-image: url("../imgs/goods/ico_group_arr_on.png");
}
.nx-cate-group .tit-wrap .tit.active a:after {
  transform: rotate(180deg);
}
.nx-cate-group .lst {
  overflow: hidden;
}
.nx-cate-group .lst li {
  float: left;
  padding: 8px 16px;
}
.nx-cate-group .lst li:last-child a:after {
  display: none;
}
.nx-cate-group .lst li a {
  position: relative;
  display: block;
  font-size: 18px;
  color: #2b2c33;
}
.nx-cate-group .lst li a:after {
  content: "";
  position: absolute;
  top: 2px;
  right: -16px;
  width: 1px;
  height: 22px;
  background: #e1e1e1;
}
.nx-cate-group .lst li a.aon {
  color: #7f7f84;
}

.cate-type1 {
  overflow: hidden;
  padding: 0 20px 20px;
  margin-bottom: 50px;
  border-bottom: 1px solid #a2a2a2;
}
.cate-type1 > li {
  overflow: hidden;
}
.cate-type1 > li + li {
  padding-top: 14px;
  margin-top: 14px;
  border-top: 1px solid #ebebeb;
}
.cate-type1 > li .cate1 {
  float: left;
  width: 150px;
}
.cate-type1 > li .cate1 a {
  display: inline-block;
  padding-bottom: 1px;
  font-size: 16px;
  color: #333;
  font-weight: 700;
}
.cate-type1 > li .cate1 a:hover, .cate-type1 > li .cate1 a.aon {
  padding-bottom: 0;
  border-bottom: 1px solid #333;
}
.cate-type1 > li .cate2 {
  overflow: hidden;
  margin-left: 160px;
}
.cate-type1 > li .cate2 > li {
  width: calc((100% - 100px - 1px) / 6);
  margin-left: 20px;
  float: left;
}
.cate-type1 > li .cate2 > li:nth-child(-n+6) {
  margin-top: 0;
  clear: none;
}
.cate-type1 > li .cate2 > li:nth-child(n+7) {
  margin-top: 12px;
  clear: none;
}
.cate-type1 > li .cate2 > li:nth-child(6n+1) {
  clear: both;
  margin-left: 0;
}
.cate-type1 > li .cate2 > li a {
  display: inline-block;
  padding-bottom: 1px;
  font-size: 14px;
  color: #666;
}
.cate-type1 > li .cate2 > li a:hover, .cate-type1 > li .cate2 > li a.aon {
  padding-bottom: 0;
  border-bottom: 1px solid #666;
}
.cate-type1 > li .cate3 {
  width: calc((100% - 100px - 1px) / 6);
  margin-left: 20px;
  float: left;
}
.cate-type1 > li .cate3:nth-child(-n+6) {
  margin-top: 0;
  clear: none;
}
.cate-type1 > li .cate3:nth-child(n+7) {
  margin-top: 12px;
  clear: none;
}
.cate-type1 > li .cate3:nth-child(6n+1) {
  clear: both;
  margin-left: 0;
}
.cate-type1 > li .cate3 a {
  display: inline-block;
  padding-bottom: 1px;
  font-size: 16px;
  color: #333;
  font-weight: 700;
}
.cate-type1 > li .cate3 a:hover, .cate-type1 > li .cate3 a.aon {
  padding-bottom: 0;
  border-bottom: 1px solid #333;
}

.cate-type2 {
  overflow: hidden;
  padding: 0 20px 6px;
  margin-bottom: 50px;
  border-bottom: 1px solid #a2a2a2;
}
.cate-type2 > li {
  overflow: hidden;
}
.cate-type2 > li + li {
  margin-top: 14px;
}
.cate-type2 > li .cate1 {
  float: left;
  width: 150px;
}
.cate-type2 > li .cate1 a {
  display: inline-block;
  padding-bottom: 1px;
  font-size: 16px;
  color: #333;
  font-weight: 700;
}
.cate-type2 > li .cate1 a:hover, .cate-type2 > li .cate1 a.aon {
  padding-bottom: 0;
  border-bottom: 1px solid #333;
}
.cate-type2 > li .cate2 {
  overflow: hidden;
  margin-left: 160px;
}
.cate-type2 > li .cate2 > li {
  position: relative;
  float: left;
  padding: 0 14px 14px 10px;
}
.cate-type2 > li .cate2 > li:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "|";
  font-size: 14px;
  color: #666;
}
.cate-type2 > li .cate2 > li:last-child:after {
  display: none;
}
.cate-type2 > li .cate2 > li a {
  display: inline-block;
  padding-bottom: 1px;
  font-size: 14px;
  color: #666;
}
.cate-type2 > li .cate2 > li a:hover, .cate-type2 > li .cate2 > li a.aon {
  padding-bottom: 0;
  border-bottom: 1px solid #666;
}
.cate-type2 > li .cate3 {
  width: calc((100% - 100px - 1px) / 6);
  margin-left: 20px;
  float: left;
  padding-bottom: 14px;
}
.cate-type2 > li .cate3:nth-child(-n+6) {
  margin-top: 0;
  clear: none;
}
.cate-type2 > li .cate3:nth-child(n+7) {
  margin-top: 0px;
  clear: none;
}
.cate-type2 > li .cate3:nth-child(6n+1) {
  clear: both;
  margin-left: 0;
}
.cate-type2 > li .cate3 a {
  display: inline-block;
  padding-bottom: 1px;
  font-size: 16px;
  color: #333;
  font-weight: 700;
}
.cate-type2 > li .cate3 a:hover, .cate-type2 > li .cate3 a.aon {
  padding-bottom: 0;
  border-bottom: 1px solid #333;
}

.cate-type3 {
  overflow: hidden;
  padding: 20px;
  margin-bottom: 50px;
  border: 4px solid #cacaca;
}
.cate-type3 > li {
  overflow: hidden;
}
.cate-type3 > li + li {
  margin-top: 28px;
}
.cate-type3 > li .cate1 {
  float: left;
  width: 150px;
}
.cate-type3 > li .cate1 a {
  display: inline-block;
  padding-bottom: 1px;
  font-size: 16px;
  color: #333;
  font-weight: 700;
}
.cate-type3 > li .cate1 a:hover, .cate-type3 > li .cate1 a.aon {
  padding-bottom: 0;
  border-bottom: 1px solid #333;
}
.cate-type3 > li .cate2 {
  overflow: hidden;
  margin-left: 160px;
}
.cate-type3 > li .cate2 > li {
  position: relative;
  width: calc((100% - 100px - 1px) / 6);
  margin-left: 20px;
  float: left;
  padding-left: 13px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.cate-type3 > li .cate2 > li:nth-child(-n+6) {
  margin-top: 0;
  clear: none;
}
.cate-type3 > li .cate2 > li:nth-child(n+7) {
  margin-top: 12px;
  clear: none;
}
.cate-type3 > li .cate2 > li:nth-child(6n+1) {
  clear: both;
  margin-left: 0;
}
.cate-type3 > li .cate2 > li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: ">";
  font-size: 14px;
  color: #666;
}
.cate-type3 > li .cate2 > li a {
  display: inline-block;
  padding-bottom: 1px;
  font-size: 14px;
  color: #666;
}
.cate-type3 > li .cate2 > li a:hover, .cate-type3 > li .cate2 > li a.aon {
  padding-bottom: 0;
  border-bottom: 1px solid #666;
}
.cate-type3 > li .cate3 {
  width: calc((100% - 100px - 1px) / 6);
  margin-left: 20px;
  float: left;
}
.cate-type3 > li .cate3:nth-child(-n+6) {
  margin-top: 0;
  clear: none;
}
.cate-type3 > li .cate3:nth-child(n+7) {
  margin-top: 12px;
  clear: none;
}
.cate-type3 > li .cate3:nth-child(6n+1) {
  clear: both;
  margin-left: 0;
}
.cate-type3 > li .cate3 a {
  display: inline-block;
  padding-bottom: 1px;
  font-size: 16px;
  color: #333;
  font-weight: 700;
}
.cate-type3 > li .cate3 a:hover, .cate-type3 > li .cate3 a.aon {
  padding-bottom: 0;
  border-bottom: 1px solid #333;
}

.cate-hide {
  margin-bottom: 50px;
  text-align: center;
  border-top: 1px solid #b3b3b3;
}
.cate-hide.open {
  border-top: none;
}
.cate-hide a {
  position: relative;
  display: block;
  width: 150px;
  height: 30px;
  margin: 0 auto;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  background: #b3b3b3;
}
.cate-hide a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 30px solid #fff;
}
.cate-hide a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-bottom: 30px solid #fff;
}

.nx-cate-list-A {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.nx-cate-list-A li {
  overflow: hidden;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 3px 9px -2px rgba(0, 0, 0, 0.18);
  transition: 0.3s ease all;
}
.nx-cate-list-A li:hover {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 3px 9px -2px rgba(0, 0, 0, 0.18);
}
.nx-cate-list-A li:hover .default {
  display: none !important;
}
.nx-cate-list-A li:hover .hover {
  display: block !important;
}
.nx-cate-list-A li .hover {
  display: none !important;
}
.nx-cate-list-A li a .txt {
  width: 100%;
  min-height: 44px;
  padding: 0 60px 0 0;
  background-image: url(../imgs/ico_v3/ico_arrow_square.png);
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: right 12px center;
  box-sizing: border-box;
}
.nx-cate-list-A.col1 li {
  width: 100%;
}
.nx-cate-list-A.col2 li {
  float: left;
  width: calc(50% - 10px);
}
.nx-cate-list-A.col3 li {
  float: left;
  width: calc(33.3333333333% - 13.3333333333px);
}
.nx-cate-list-A.col4 li {
  float: left;
  width: calc(25% - 15px);
}
.nx-cate-list-A.col1 li a {
  display: flex;
  align-items: center;
  padding: 16px;
}
.nx-cate-list-A.col1 li a .img {
  width: 60%;
  border-radius: 8px;
}
.nx-cate-list-A.col1 li a .img ~ .txt {
  width: 40%;
  padding: 0 60px 0 24px;
}
.nx-cate-list-A.col1 li a .txt .tit {
  color: #1a1a1a;
  font-size: 32px;
  font-weight: 700;
  line-height: 140%;
}
.nx-cate-list-A.col1 li a .txt .cont {
  display: block;
  margin-top: 6px;
  color: #7a7a7a;
  font-size: 18px;
  line-height: 140%;
}
.nx-cate-list-A.col2 li a, .nx-cate-list-A.col3 li a, .nx-cate-list-A.col4 li a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.nx-cate-list-A.col2 li a .img, .nx-cate-list-A.col3 li a .img, .nx-cate-list-A.col4 li a .img {
  display: block;
}
.nx-cate-list-A.col2 li a .txt, .nx-cate-list-A.col3 li a .txt, .nx-cate-list-A.col4 li a .txt {
  height: 100%;
  padding: 28px 84px 28px 28px;
}
.nx-cate-list-A.col2 li a .txt .tit {
  color: #1a1a1a;
  font-size: 28px;
  font-weight: 700;
  line-height: 140%;
}
.nx-cate-list-A.col2 li a .txt .cont {
  display: block;
  margin-top: 6px;
  color: #7a7a7a;
  font-size: 17px;
  line-height: 140%;
}
.nx-cate-list-A.col3 li a .txt .tit, .nx-cate-list-A.col4 li a .txt .tit {
  color: #1a1a1a;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}
.nx-cate-list-A.col3 li a .txt .cont, .nx-cate-list-A.col4 li a .txt .cont {
  display: block;
  margin-top: 6px;
  color: #7a7a7a;
  font-size: 17px;
  line-height: 140%;
}

.nx-cate-list-B {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.nx-cate-list-B li {
  overflow: hidden;
  display: flex;
  align-items: center;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 3px 9px -2px rgba(0, 0, 0, 0.18);
  transition: 0.3s ease all;
}
.nx-cate-list-B li:hover {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 3px 9px -2px rgba(0, 0, 0, 0.18);
}
.nx-cate-list-B li:hover .default {
  display: none !important;
}
.nx-cate-list-B li:hover .hover {
  display: block !important;
}
.nx-cate-list-B li .hover {
  display: none !important;
}
.nx-cate-list-B li a {
  display: flex;
  align-items: center;
  padding: 16px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.nx-cate-list-B li a .img {
  width: 80px;
  border-radius: 8px;
}
.nx-cate-list-B li a .img ~ .txt {
  width: calc(100% - 80px);
  padding: 0 60px 0 16px;
}
.nx-cate-list-B li a .txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  padding: 0 60px 0 0;
  background-image: url("../imgs/ico_v3/ico_arrow_square.png");
  background-repeat: no-repeat;
  background-size: 44px;
  background-position: right 12px center;
  box-sizing: border-box;
}
.nx-cate-list-B li a .txt .tit {
  color: #1a1a1a;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}
.nx-cate-list-B li a .txt .cont {
  display: block;
  margin-top: 6px;
  color: #7a7a7a;
  font-size: 15px;
  line-height: 140%;
}
.nx-cate-list-B.col1 li {
  width: 100%;
}
.nx-cate-list-B.col2 li {
  float: left;
  width: calc(50% - 10px);
}
.nx-cate-list-B.col3 li {
  float: left;
  width: calc(33.3333333333% - 13.3333333333px);
}
.nx-cate-list-B.col4 li {
  float: left;
  width: calc(25% - 15px);
}

.nx-cate-list-tit {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}
.nx-cate-list-tit ~ .nx-cate-list-A, .nx-cate-list-tit ~ .nx-cate-list-B {
  margin-top: 20px;
}
.nx-cate-list-tit .back img {
  display: block;
}
.nx-cate-list-tit .tit {
  position: relative;
  display: flex;
  padding: 4px 28px 4px 8px;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
}
.nx-cate-list-tit .tit:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background-image: url("../imgs/goods/ico_group_arr.png");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.2s ease-in-out;
}
.nx-cate-list-tit .tit:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.nx-cate-list-tit .tit:hover:after {
  background-image: url("../imgs/goods/ico_group_arr_on.png");
}
.nx-cate-list-tit .tit.active:after {
  transform: rotate(180deg);
}
.nx-cate-list-tit .tit .name {
  color: #2b2c33;
  font-size: 28px;
  font-weight: 700;
  line-height: 140%;
}

.nx-cate-list-uplist {
  overflow: hidden;
  width: 100%;
  height: 0;
  border-radius: 8px;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
.nx-cate-list-uplist.active {
  height: 60px;
  padding: 10px 8px;
  background: #fafafa;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04) inset;
}
.nx-cate-list-uplist .top {
  display: none;
}
.nx-cate-list-uplist .lst {
  overflow-x: auto;
  height: 40px;
  white-space: nowrap;
}
.nx-cate-list-uplist .lst li {
  display: inline-block;
  margin-right: -3px;
  vertical-align: middle;
}
.nx-cate-list-uplist .lst li a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  font-size: 18px;
  color: #2b2c33;
  gap: 6px;
}
.nx-cate-list-uplist .lst li a:after {
  content: "";
  position: absolute;
  top: 12px;
  right: -1px;
  width: 1px;
  height: 18px;
  background: #e1e1e1;
}
.nx-cate-list-uplist .lst li:last-child {
  margin-right: 0;
}
.nx-cate-list-uplist .lst li:last-child a:after {
  display: none;
}
.nx-cate-list-uplist .lst li a.active {
  color: #7f7f84;
}

/* 옵션 이미지 리스트 */
.img-opt-lst1 {
  overflow: hidden;
  margin-top: -10px;
}
.img-opt-lst1 li {
  position: relative;
  float: left;
  margin: 10px 10px 0 0;
}
.img-opt-lst1 li:last-child {
  margin-right: 0;
}
.img-opt-lst1 li label {
  overflow: hidden;
  position: relative;
  display: block;
  padding: 1px;
  border-radius: 2px;
}
.img-opt-lst1 li label img {
  display: block;
}
.img-opt-lst1 li label .line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #c7c7c7;
  border-radius: 2px;
}
.img-opt-lst1 li label .on {
  display: none;
}
.img-opt-lst1 li label.txt {
  color: #999;
  text-align: center;
}
.img-opt-lst1 li input:checked + label .on {
  display: block;
}
.img-opt-lst1 li input:checked + label .off {
  display: none;
}
.img-opt-lst1 li input:checked + label .line {
  border: 2px solid #5fa0e6;
}
.img-opt-lst1 li input:checked + label.txt {
  color: #5fa0e6;
}

.img-opt-lst2 {
  overflow: hidden;
  margin-top: -10px;
}
.img-opt-lst2 li {
  position: relative;
  float: left;
  margin: 10px 10px 0 0;
}
.img-opt-lst2 li:last-child {
  margin-right: 0;
}
.img-opt-lst2 li label {
  overflow: hidden;
  position: relative;
  display: block;
}
.img-opt-lst2 li label img {
  display: block;
}
.img-opt-lst2 li label .line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #777;
}
.img-opt-lst2 li label .on {
  display: none;
}
.img-opt-lst2 li input:checked + label .on {
  display: block;
}
.img-opt-lst2 li input:checked + label .off {
  display: none;
}
.img-opt-lst2 li input:checked + label .line {
  border: 2px solid #5fa0e6;
}

.my-img-opt-wrap {
  display: flex !important;
  gap: 12px;
  flex-wrap: wrap;
}
.my-img-opt-wrap .my-img-opt-lst {
  width: calc(25% - 9px);
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.my-img-opt-wrap .my-img-opt-lst label {
  width: 100%;
  background: #ffffff;
  padding: 8px 14px;
  overflow: hidden;
  position: relative;
  display: block;
  border-radius: 12px;
  -ms-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.my-img-opt-wrap .my-img-opt-lst label .img {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  border-radius: 6px;
}
.my-img-opt-wrap .my-img-opt-lst label .img:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 6px;
  -ms-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset;
  -o-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset;
}
.my-img-opt-wrap .my-img-opt-lst label .txt {
  word-break: break-all;
  font-weight: 500;
  line-height: 120%;
  color: #2b2c33;
}
.my-img-opt-wrap .my-img-opt-lst label .line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #dbdbdb;
  border-radius: 12px;
}
.my-img-opt-wrap .my-img-opt-lst label.nx-read {
  cursor: default;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.my-img-opt-wrap .my-img-opt-lst label:not(.nx-read):hover {
  background: #fcfcfc;
}
.my-img-opt-wrap .my-img-opt-lst:not(.nx-read) input:checked + label {
  background: #ffffff;
  -ms-box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
  -o-box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
  box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
}
.my-img-opt-wrap .my-img-opt-lst:not(.nx-read) input:checked + label .line {
  border: 2px solid #5268db;
}

.img-lst_70x70 { /* 일렬 */
  overflow: hidden;
  margin-top: -10px;
}
.img-lst_70x70 li {
  position: relative;
  float: left;
  width: 70px;
  height: 70px;
  margin: 10px 10px 0 0;
}
.img-lst_70x70 li:last-child {
  margin-right: 0;
}
.img-lst_70x70 li label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin-right: 0 !important;
}
.img-lst_70x70 li input:checked + label .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #bb4ce4;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.txt-opt-lst1 {
  overflow: hidden;
  margin-top: -10px;
}
.txt-opt-lst1 li {
  position: relative;
  float: left;
  margin: 10px 10px 0 0;
}
.txt-opt-lst1 li:last-child {
  margin-right: 0;
}
.txt-opt-lst1 li label {
  overflow: hidden;
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  padding: 1px;
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 30px;
  background: #fff;
  border-radius: 2px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.txt-opt-lst1 li label .line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #c7c7c7;
  border-radius: 2px;
}
.txt-opt-lst1 li input:checked + label {
  color: #fff;
  background: #5fa0e6;
}
.txt-opt-lst1 li input:checked + label .line {
  border: 1px solid #5fa0e6;
}

.txt-opt-lst2 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.txt-opt-lst2 li {
  position: relative;
}
.txt-opt-lst2 li label {
  font-weight: 500;
  background: #ffffff;
  padding: 8px 18px;
  display: inline-block;
  border-radius: 40px;
}
.txt-opt-lst2 li label .line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #dbdbdb;
  border-radius: 40px;
}
.txt-opt-lst2 li input:checked + label {
  color: #3954e0;
}
.txt-opt-lst2 li input:checked + label .line {
  border: 2px solid #5268db;
}

.btn_ico1 {
  overflow: hidden;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.btn_ico1 img {
  display: block;
  margin: 0 auto;
}

.btn_ico2 {
  overflow: hidden;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  background: #5fa0e6;
}

.btn_ico3 {
  overflow: hidden;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  background: #acacac;
}

.btn_ico4 {
  overflow: hidden;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  background: #e57979;
}

.btn_more {
  display: block;
  height: 30px;
  line-height: 30px;
  background: #61a8e5;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.lst1 li { /* 도메인관리 - ▶ 리스트 */
  padding-left: 15px;
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  line-height: 150%;
  background: url(../imgs/ico/ico_arrw8.png) no-repeat left 4px;
}

.lst2 li { /* 도메인관리 - * 리스트 */
  color: #666;
  line-height: 150%;
}

.lst3 { /* 4단 리스트 - 사이트맵 */
  overflow: hidden;
}
.lst3 li {
  float: left;
  width: 25%;
  padding-right: 2%;
  color: #333;
  line-height: 200%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.lst4 { /* 3단 리스트 - 사이트맵 */
  overflow: hidden;
}
.lst4 li {
  float: left;
  width: 33.3%;
  padding-right: 2%;
  color: #333;
  line-height: 200%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.lst5 li { /* 1단 - 기본설정 */
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e1e1e1;
}
.lst5 li:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* Lazyload */
.lazy {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.5s !important;
  transition-timing-function: ease-in-out;
}

.lazy.active {
  opacity: 1;
}

/* alert 창 */
.nx-alert-wrap1 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.2);
}
.nx-alert-wrap1 .nx-alert-wrap2 {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.nx-alert-wrap1 .nx-alert-wrap2 .nx-alert-wrap3 {
  overflow: hidden;
  position: relative;
  max-width: 500px;
  padding: 40px 40px 92px;
  background: #fff;
  border-radius: 12px;
}
.nx-alert-wrap1 .nx-alert-wrap2 .nx-alert-wrap3 .img {
  display: block;
  margin: 0 auto 24px;
}
.nx-alert-wrap1 .nx-alert-wrap2 .nx-alert-wrap3 .p1 {
  margin-bottom: 16px;
  font-size: 28px;
  font-weight: 700;
  color: #2a2a2a;
  text-align: center;
  line-height: 1.5;
}
.nx-alert-wrap1 .nx-alert-wrap2 .nx-alert-wrap3 .p2 {
  font-size: 16px;
  color: #2a2a2a;
  text-align: center;
  line-height: 1.5;
}
.nx-alert-wrap1 .nx-alert-wrap2 .nx-alert-wrap3 .btn-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 52px;
}
.nx-alert-wrap1 .nx-alert-wrap2 .nx-alert-wrap3 .btn-wrap .lbtn {
  float: left;
  width: 50%;
  height: 100%;
  font-size: 14px;
  color: #fff;
  line-height: 52px;
  text-align: center;
  background: #adb0be;
}
.nx-alert-wrap1 .nx-alert-wrap2 .nx-alert-wrap3 .btn-wrap .rbtn {
  float: left;
  width: 50%;
  height: 100%;
  font-size: 14px;
  color: #fff;
  line-height: 52px;
  text-align: center;
  background: #5268db;
}

.nx-ts1-box {
  position: relative;
  overflow-y: auto;
  padding: 1px;
  /*
  &:before {
  	content: '';
  	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	z-index: 2;
  	height: 1px;
  	background: #5d6072;
  }
  &:after {
  	content: '';
  	position: absolute;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	z-index: 2;
  	width: 1px;
  	background: #5d6072;
  }
  */
}
.nx-ts1-box .cls_btn {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  transition: background 0.3s ease;
  background-image: url("../imgs/ico_v3/ico_delete_off.png");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center center;
}
.nx-ts1-box .cls_btn:hover {
  background-image: url("../imgs/ico_v3/ico_delete_on.png");
}

.nx-ts1 {
  position: relative;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
  border-style: hidden;
  box-shadow: 0 0 0 1px #5d6072;
  border-radius: 6px;
}
.nx-ts1.w600 {
  min-width: 600px;
}
.nx-ts1.w700 {
  min-width: 700px;
}
.nx-ts1.w800 {
  min-width: 800px;
}
.nx-ts1.w900 {
  min-width: 900px;
}
.nx-ts1.w1000 {
  min-width: 1000px;
}
.nx-ts1.w1100 {
  min-width: 1100px;
}
.nx-ts1.w1200 {
  min-width: 1200px;
}
.nx-ts1 > thead > tr > th {
  padding: 16px;
  text-align: left;
  color: #ffffff;
  word-break: keep-all;
  background: #5d6072;
  border: 1px solid #5d6072;
}
.nx-ts1 > tbody > tr > th, .nx-ts1 > tbody > tr > td {
  padding: 16px 18px;
  color: #3a3a3a;
  text-align: left;
  border: 1px solid #e1e1e1;
}
.nx-ts1 > tbody > tr > th.sub-tit, .nx-ts1 > tbody > tr > td.sub-tit {
  color: #fff;
  background: #787b8c;
  border: 1px solid #787b8c;
}
.nx-ts1 > tbody > tr > th {
  vertical-align: top;
  word-break: keep-all;
  background: #ebf0ff;
}
.nx-ts1 > tbody > tr > td {
  background: #fff;
}
.nx-ts1 > tbody > tr > td .nx-ts1 > thead > tr > th {
  padding: 10px 16px;
}
.nx-ts1.nx-edit > thead > tr > th {
  background: #898da8;
  border: 1px solid #898da8;
}
.nx-ts1.nx-edit > tbody > tr > th.sub-tit, .nx-ts1.nx-edit > tbody > tr > td.sub-tit {
  padding: 10px 18px;
  background: #afb3cb;
  border: 1px solid #afb3cb;
}
.nx-ts1 .nx-ts1-box {
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.08) !important;
}
.nx-ts1 .nx-ts1 {
  box-shadow: 0 0 0 1px #afb3cb;
}
.nx-ts1 .b_read {
  border: 1px solid #e1e1e1;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.08) !important;
}

.nx-review-detail {
  padding: 0 16px;
  box-sizing: border-box;
}
.nx-review-detail .nx-review-content {
  margin-bottom: 35px;
  text-align: center;
}
.nx-review-detail .nx-review-detail__btn-wrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
  margin: 0 auto;
  text-align: center;
  justify-content: center;
  box-sizing: border-box;
}
.nx-review-detail .nx-review-detail__btn-wrap [class^=nx-btn] {
  margin-bottom: 5px;
  width: 100%;
}
.nx-review-detail .nx-review-detail__btn-wrap__right {
  display: flex;
  width: 100%;
  margin: 0 auto;
  justify-content: flex-end;
  box-sizing: border-box;
}
.nx-review-detail .nx-review-detail__btn-wrap__center {
  display: flex;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  box-sizing: border-box;
}

.nx-review-complete {
  text-align: center;
  box-sizing: border-box;
  color: #3A3A3A;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.nx-review-complete .bold {
  color: #000;
  font-weight: 700;
}

.nxc-review-adju-wrap {
  box-sizing: border-box;
}
.nxc-review-adju-wrap .list__top {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  width: 100%;
  box-sizing: border-box;
}
.nxc-review-adju-wrap .list__top .name {
  padding: 0 8px;
  display: inline-flex;
  height: 32px;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #CCC;
  background: #FFF;
  box-sizing: border-box;
  color: #5A5A5A;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}
.nxc-review-adju-wrap .list__top .right {
  margin-left: auto;
}
.nxc-review-adju-wrap .assignment-list {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E1E1E1;
  box-sizing: border-box;
}
.nxc-review-adju-wrap .assignment-list .assignment-button {
  color: #5268DB;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  background: #FFF;
  outline: 0;
  border: 0;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.nxc-review-adju-wrap .assignment-list .assignment-button:hover {
  opacity: 0.8;
}
.nxc-review-adju-wrap .assignment-list .num {
  display: inline-flex;
  width: 20px;
  height: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #5268DB;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.nxc-review-adju-wrap .adjudicator-wrap {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.nxc-review-adju-wrap .adjudicator-wrap .name {
  display: inline-block;
  margin-right: 12px;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.nxc-review-adju-wrap .adjudicator-wrap .status {
  display: flex;
  height: 30px;
  padding: 0px 10px 0px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #DBDBDB;
  background: #FFF;
  color: #3954E0;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.nxc-review-adju-wrap .adjudicator-wrap .status .ico_arr1_r {
  margin-left: 5px;
  zoom: 0.8;
}
.nxc-review-adju-wrap .adjudicator-wrap .status:hover {
  background: #FAFAFA;
}
.nxc-review-adju-wrap .btn-review {
  display: flex;
  min-width: 80px;
  padding: 5px 10px;
  flex-direction: column;
  align-items: center;
  border-radius: 4px;
  background: #3462B4;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.nxc-review-adju-wrap .btn-review:hover {
  opacity: 0.8;
}
.nxc-review-adju-wrap .btn-status {
  display: flex;
  min-width: 80px;
  padding: 5px 10px;
  flex-direction: column;
  align-items: center;
  border-radius: 4px;
  background: #FFF;
  border: 1px solid #CCC;
  color: #3A3A3A;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.nxc-review-adju-wrap .btn-status:hover {
  opacity: 0.8;
}

.textarea-item {
  padding-right: 40px;
  margin-bottom: 10px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #DDD;
  border-radius: 4px;
  overflow: hidden;
}
.textarea-item textarea {
  border: 0 !important;
  box-sizing: border-box;
}
.textarea-item textarea:focus {
  outline: 0;
  box-shadow: none;
}
.textarea-item .btn-cls {
  position: absolute;
  top: 10px;
  right: 10px;
  box-sizing: border-box;
  background: transparent;
  outline: 0;
  border: 0;
  transform: all 0.2s ease-in-out;
  cursor: pointer;
}
.textarea-item .btn-cls:hover {
  opacity: 0.8;
}

.nxc-sub-bbs2 {
  width: 100%;
  border-top: 1px solid #3A3A3A;
  box-sizing: border-box;
}
.nxc-sub-bbs2 .nx-sub-bbs-item {
  display: flex;
  padding: 24px 16px;
  border-bottom: 1px solid #E1E1E1;
  background: #FFF;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1.5;
}
.nxc-sub-bbs2 .cate {
  margin-bottom: 10px;
  color: #7A7A7A;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
}
.nxc-sub-bbs2 .num {
  padding-top: 2px;
  width: 80px;
  color: #3A3A3A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  box-sizing: border-box;
}
.nxc-sub-bbs2 .ct {
  color: #7A7A7A;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
}
.nxc-sub-bbs2 .ct .bold {
  font-weight: 700;
}
.nxc-sub-bbs2 .ct .color-black {
  color: #3A3A3A;
}
.nxc-sub-bbs2 .tit {
  margin-bottom: 10px;
  color: #3A3A3A;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}
.nxc-sub-bbs2 .btn-wrap {
  margin-left: auto;
}
.nxc-sub-bbs2 .btn-wrap [class^=nx-btn] {
  min-width: 120px;
}

.nxc-ts1 {
  width: 100%;
  margin: 0 auto 35px;
  box-sizing: border-box;
  table-layout: fixed;
}
.nxc-ts1 thead th {
  padding: 14px;
  color: #666;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  background: #eee;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.nxc-ts1 tbody tr {
  border-bottom: 1px solid #E1E1E1;
}
.nxc-ts1 tbody tr[onclick] {
  cursor: pointer;
}
.nxc-ts1 tbody tr[onclick]:hover td {
  background: #FAFAFA;
}
.nxc-ts1 tbody th {
  text-align: center;
  width: 160px;
  white-space: nowrap;
  padding: 24px 16px;
  background: #F9F9F9;
  color: #3A3A3A;
  font-size: 14px;
}
.nxc-ts1 tbody td {
  font-size: 14px;
  padding: 16px;
  color: #1A1A1A;
}
.nxc-ts1 th, .nxc-ts1 td {
  box-sizing: border-box;
}

.nxc-table-wrap {
  overflow-x: auto;
  overflow-y: hidden;
}
.nxc-table-wrap table {
  box-sizing: border-box;
}

.nxc-sub-ts {
  width: 100%;
  margin: 0 auto 35px;
  border-top: 1px solid #3A3A3A;
  box-sizing: border-box;
  table-layout: fixed;
}
.nxc-sub-ts tbody tr {
  border-bottom: 1px solid #E1E1E1;
}
.nxc-sub-ts tbody th {
  text-align: left;
  width: 160px;
  white-space: nowrap;
  padding: 24px 16px;
  background: #F9F9F9;
  color: #3A3A3A;
  font-size: 14px;
}
.nxc-sub-ts tbody td {
  font-size: 14px;
  padding: 16px;
  color: #1A1A1A;
}
.nxc-sub-ts tbody td .link {
  color: #308aff;
}
.nxc-sub-ts th, .nxc-sub-ts td {
  box-sizing: border-box;
}

.nxc-badge {
  display: inline-flex;
  min-width: 80px;
  padding: 5px 10px;
  flex-direction: column;
  align-items: center;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #7A7A7A;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.nxc-badge.bg-white {
  border: 1px solid #CCC;
  background: #FFF;
  color: #7A7A7A;
}

.nx-ts2 {
  overflow: hidden;
  width: 100%;
  height: 100px;
  border-radius: 8px;
  border-style: hidden;
  box-shadow: 0 0 0 1px #E1E1E1;
}
.nx-ts2 th, .nx-ts2 td {
  box-sizing: border-box;
}
.nx-ts2 th.align-l, .nx-ts2 td.align-l {
  text-align: left !important;
}
.nx-ts2 thead th, .nx-ts2 thead td {
  padding: 14px 18px;
  background: #F5F5F5;
  color: #5A5A5A;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.nx-ts2 tbody th, .nx-ts2 tbody td {
  padding: 20px 18px;
  border: 1px solid #EAEAEA;
  background: #fff;
  color: #3A3A3A;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.nx-ts2 .nx-ins-btn-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nx-ts2 .nx-ins-btn-wrap .nx-ins-btn {
  width: 120px;
}
.nx-ts2 .nx-ins-btn-wrap .nx-ins-btn + a {
  margin-top: 6px;
}

.nx-ts3-box {
  position: relative;
}

.nx-ts3 {
  position: relative;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
  border-style: hidden;
  box-shadow: 0 0 0 1px #e1e1e1;
  border-radius: 8px;
}
.nx-ts3.nx-edit {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 26px -15px rgba(0, 0, 0, 0.22);
}
.nx-ts3.nx-edit > tbody > tr > td:after {
  display: none;
}
.nx-ts3 > tbody > tr > th, .nx-ts3 > tbody > tr td {
  padding: 16px 24px 16px 0;
  color: #2b2c33;
}
.nx-ts3 > tbody > tr > th {
  text-align: right;
}
.nx-ts3 > tbody > tr > td {
  position: relative;
}
.nx-ts3 > tbody > tr > td:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 24px);
  border-bottom: 1px solid #eeeeee;
}
.nx-ts3 > tbody > tr:first-child > th, .nx-ts3 > tbody > tr:first-child td {
  padding: 24px 24px 16px 0;
}
.nx-ts3 > tbody > tr:last-child > th, .nx-ts3 > tbody > tr:last-child td {
  padding: 16px 24px 24px 0;
}
.nx-ts3 > tbody > tr:last-child > td:after {
  border-bottom: none;
}

.nx-back {
  display: flex;
}

.nx-back .nx-back-img {
  width: 44px;
  height: 36px;
  margin-right: 8px;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
}

.nx-back .nx-back-img:hover {
  background: #fcfcfc;
}

.nx-back .nx-back-txt {
  color: #2b2c33;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
}

.fadeIn {
  animation: fadein 0.5s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.nx-qexam-state {
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding: 2px 8px;
  border-radius: 8px;
  vertical-align: top;
}
.nx-qexam-state.nx-qexam-state1 {
  background: rgba(255, 152, 0, 0.16);
  color: #FF9800;
}
.nx-qexam-state.nx-qexam-state2 {
  background: rgba(82, 104, 219, 0.12);
  color: #5268DB;
}
.nx-qexam-state.nx-qexam-state3 {
  background: rgba(49, 176, 26, 0.12);
  color: #31B01A;
}
.nx-qexam-state.nx-qexam-state4 {
  background: rgba(253, 94, 54, 0.12);
  color: #FD5E36;
}
.nx-qexam-state.nx-qexam-state5 {
  background: rgba(0, 0, 0, 0.0588235294);
  color: #7F7F84;
}

.nx-editor-box {
  padding: 20px 24px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.14);
}

.nx-sect-n1 {
  margin-top: 32px;
}
.nx-sect-n1:first-child {
  margin-top: 0;
}
.nx-sect-n1 .nxc-sub-ts {
  margin-bottom: 0;
}

.nx-btn-wrap2 {
  display: flex;
  margin-top: 32px;
  text-align: right;
  justify-content: flex-end;
}
.nx-btn-wrap2 a + a {
  margin-left: 8px;
}

.nx-tit-n1 {
  margin-bottom: 14px;
  color: #3A3A3A;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}

.nx-puts-wrap {
  margin-bottom: 12px;
}

.nx-agree-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 48px;
}
.nx-agree-wrap .nx-agree-info {
  margin-right: 8px;
}
.nx-agree-wrap .nx-agree-info .nx-agree-tit {
  color: #7A7A7A;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.nx-agree-wrap .nx-rad-area {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
}
.nx-agree-wrap .nx-rad-area .nx-rad-wrap + .nx-rad-wrap {
  margin-left: 8px;
}

.nx-file-info {
  margin-top: 8px;
}

.nx-lst-info .nx-item {
  margin-left: 16px;
  list-style: disc;
  color: #7A7A7A;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.nx-rad-wrap {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
.nx-rad-wrap .nx-rad1 {
  overflow: hidden;
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.nx-rad-wrap .nx-rad1:checked + .nx-lbl {
  color: #3954E0;
  border-color: #5268DB;
  box-shadow: 0 2px 4px 0 rgba(82, 104, 219, 0.32);
}
.nx-rad-wrap .nx-lbl {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 18px;
  height: 36px;
  border-radius: 40px;
  border: 1px solid #DBDBDB;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #2B2C33;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  transition: border 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.nx-item-multi {
  display: flex;
  justify-content: flex-start;
}
.nx-item-multi .cart2-slt1 + .cart2-slt1 {
  margin-left: 6px;
}

.nx-info-box {
  margin-bottom: 24px;
  padding: 20px;
  border-radius: 8px;
  background: #F6F6F6;
  color: #2B2C33;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}

.nx-state-box {
  overflow: hidden;
  margin-top: 40px;
  border-radius: 8px;
  border: 1px solid #E1E1E1;
}
.nx-state-box .nx-state-tit {
  padding: 14px 18px;
  background: #F5F5F5;
  color: #5A5A5A;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.nx-state-box .nx-lst-state {
  margin: 12px 18px;
}
.nx-state-box .nx-lst-state .nx-ins-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.nx-state-box .nx-lst-state .nx-ins-wrap:last-of-type {
  margin-bottom: 0;
}
.nx-state-box .nx-lst-state .nx-ins-wrap .nx-item {
  flex-shrink: 0;
  width: 120px;
}
.nx-state-box .nx-lst-state .nx-ins-wrap .nx-item .nx-qexam-state {
  width: 100%;
  box-sizing: border-box;
}
.nx-state-box .nx-lst-state .nx-ins-wrap .nx-desc {
  padding: 5px 0;
  width: calc(100% - 128px);
  color: #565656;
  font-size: 14px;
  line-height: 20px;
}

.nx-rad-box {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 12px 12px 20px;
  border-radius: 12px;
  background: #F6F6F6;
}
.nx-rad-box .nx-rad-wrap {
  margin: 0 8px 8px 0;
}

/* Only PC */
@media only screen and (min-width: 760px) {
  .nx-tab-list-typeA {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-left: 1px solid #CBCBCB;
  }
  .nx-tab-list-typeA .nx-tab-item {
    position: relative;
    display: table-cell;
    width: 2%;
    height: 50px;
    vertical-align: middle;
    max-width: 170px;
    text-align: center;
    border-top: 1px solid #CBCBCB;
    border-bottom: 1px solid #212121;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
  }
  .nx-tab-list-typeA .nx-tab-item:last-child {
    border-right: 1px solid #CBCBCB;
  }
  .nx-tab-list-typeA .nx-tab-item.null {
    border-top: none;
  }
  .nx-tab-list-typeA .nx-tab-item span {
    position: relative;
    display: block;
    padding: 0px 10px;
    color: #000;
  }
  .nx-tab-list-typeA .nx-tab-item span:after {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    content: "";
    display: block;
    width: 1px;
    height: 21px;
    background: #CBCBCB;
  }
  .nx-tab-list-typeA .nx-tab-item.active {
    border-top: 2px solid #212121;
    border-left: 1px solid #212121;
    border-bottom-color: transparent;
  }
  .nx-tab-list-typeA .nx-tab-item.active:last-child {
    border-right-color: #212121;
  }
  .nx-tab-list-typeA .nx-tab-item.active span:after {
    content: none;
  }
  .nx-tab-list-typeA .nx-tab-item.active + .nx-tab-item {
    border-left: 1px solid #212121;
  }
  .nx-tab-list-typeA .nx-tab-item.active + .nx-tab-item span:after {
    content: none;
  }
  .nx-tab-list-typeA .nx-tab-item:hover {
    background: #efefef;
  }
  .nx-tab-list-typeA .nx-tab-item:nth-child(1) span:after {
    content: none;
  }
}
/* PC */
@media only screen and (max-width: 1199px) {
  .nx-cate-list-B.col4 li {
    width: calc(33.3333333333% - 13.3333333333px);
  }
}
/* TABLET */
@media only screen and (max-width: 1023px) {
  .cate-type1 > li .cate2 > li {
    width: calc((100% - 60px - 1px) / 4);
    margin-left: 20px;
  }
  .cate-type1 > li .cate2 > li:nth-child(-n+4) {
    margin-top: 0;
    clear: none;
  }
  .cate-type1 > li .cate2 > li:nth-child(n+5) {
    margin-top: 12px;
    clear: none;
  }
  .cate-type1 > li .cate2 > li:nth-child(6n+1) {
    clear: none;
    margin-left: 20px;
  }
  .cate-type1 > li .cate2 > li:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
  .cate-type3 > li .cate2 > li {
    width: calc((100% - 60px - 1px) / 4);
    margin-left: 20px;
  }
  .cate-type3 > li .cate2 > li:nth-child(-n+4) {
    margin-top: 0;
    clear: none;
  }
  .cate-type3 > li .cate2 > li:nth-child(n+5) {
    margin-top: 12px;
    clear: none;
  }
  .cate-type3 > li .cate2 > li:nth-child(6n+1) {
    clear: none;
    margin-left: 20px;
  }
  .cate-type3 > li .cate2 > li:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
  .cate-type1 > li .cate3, .cate-type3 > li .cate3 {
    width: calc((100% - 60px - 1px) / 4);
    margin-left: 20px;
  }
  .cate-type1 > li .cate3:nth-child(-n+4), .cate-type3 > li .cate3:nth-child(-n+4) {
    margin-top: 0;
    clear: none;
  }
  .cate-type1 > li .cate3:nth-child(n+5), .cate-type3 > li .cate3:nth-child(n+5) {
    margin-top: 12px;
    clear: none;
  }
  .cate-type1 > li .cate3:nth-child(6n+1), .cate-type3 > li .cate3:nth-child(6n+1) {
    clear: none;
    margin-left: 20px;
  }
  .cate-type1 > li .cate3:nth-child(4n+1), .cate-type3 > li .cate3:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
  .cate-type2 > li .cate3 {
    width: calc((100% - 60px - 1px) / 4);
    margin-left: 20px;
  }
  .cate-type2 > li .cate3:nth-child(-n+4) {
    margin-top: 0;
    clear: none;
  }
  .cate-type2 > li .cate3:nth-child(n+5) {
    margin-top: 0px;
    clear: none;
  }
  .cate-type2 > li .cate3:nth-child(6n+1) {
    clear: none;
    margin-left: 20px;
  }
  .cate-type2 > li .cate3:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
  .nxc-ts1.r_wdt {
    overflow: hidden;
    display: block;
    border-top: 1px solid #e1e1e1;
  }
  .nxc-ts1.r_wdt > thead {
    display: none;
  }
  .nxc-ts1.r_wdt > tbody, .nxc-ts1.r_wdt > tbody > tr, .nxc-ts1.r_wdt > tbody > tr > th, .nxc-ts1.r_wdt > tbody > tr > td {
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .nxc-ts1.r_wdt > tbody > tr {
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
  }
  .nxc-ts1.r_wdt > tbody > tr > td {
    position: relative;
    padding: 10px 10px 10px 100px;
    border-top: none;
    text-align: left;
  }
  .nxc-ts1.r_wdt > tbody > tr > td[data-tit] {
    margin: 0 15px 5px 0;
  }
  .nxc-ts1.r_wdt > tbody > tr > td[data-tit]:before {
    content: attr(data-tit);
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 600;
    color: #333;
  }
  .nx-lg-hscroll {
    overflow-x: scroll;
    padding: 2px;
  }
  .nx-lg-hscroll .nx-ts2 {
    width: 1024px;
  }
  /* category */
  .nx-cate-list-A.col1 li a .img {
    width: 40%;
  }
  .nx-cate-list-A.col1 li a .img ~ .txt {
    width: 60%;
  }
  .nx-cate-list-A.col4 li {
    width: calc(33.3333333333% - 13.3333333333px);
  }
  .nx-cate-list-B.col3 li, .nx-cate-list-B.col4 li {
    width: calc(50% - 10px);
  }
  .my-img-opt-wrap .my-img-opt-lst {
    width: calc(33.3333333333% - 8px);
  }
}
@media only screen and (max-width: 900px) {
  .my-img-opt-wrap .my-img-opt-lst {
    width: calc(50% - 6px);
  }
}
/* 모바일가로 */
@media only screen and (max-width: 759px) {
  .tab_menu_wrap {
    margin-bottom: 30px;
  }
  .tab_menu_wrap.round .tab_box_type td.menu {
    border-radius: 0;
  }
  .m_tab_open {
    display: block;
    border: 1px solid #aaa;
  }
  .m_tab_open a {
    display: block;
    padding: 5px 30px 5px 10px;
    line-height: 20px;
    text-align: left;
    background-image: url(../imgs/ico/bg_select4.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
  }
  /* category */
}
@media only screen and (max-width: 759px) and (-webkit-min-device-pixel-ratio: 2) {
  .m_tab_open a {
    background-image: url("../imgs/ico/bg_select4.png");
    background-image: url("../imgs/ico/bg_select4.png");
    background-size: 19px;
  }
}
@media only screen and (max-width: 759px) {
  .tab_menu {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
  }
  .tab_box_type {
    display: block;
    margin-top: 0;
  }
  .tab_box_type tbody {
    display: block;
  }
  .tab_box_type tbody tr {
    display: block;
  }
  .tab_box_type td.menu {
    display: block;
    padding: 5px;
    border-top: 1px solid #aaa;
    text-align: left;
    background: #fff;
    color: #aaa;
  }
  .tab_box_type td.menu:hover, .tab_box_type td.menu.aon {
    background: #888;
    color: #fff;
  }
  .tab_box_type td.padding, .tab_box_type td.empty {
    display: none;
  }
  .tab_box_type[class*=col] td.menu {
    width: auto;
  }
  .tab_box_type:first-child td.menu:first-child {
    border-top: none;
  }
  .tab_text_type {
    padding: 0;
    border-top: none;
    border-bottom: none;
  }
  .tab_text_type .menu {
    display: block;
    margin: 0;
    padding: 5px;
    border-top: 1px solid #aaa;
    text-align: left;
    background: #fff;
    color: #aaa;
  }
  .tab_text_type .menu:first-child {
    border-top: 0;
  }
  .tab_text_type .menu:hover, .tab_text_type .menu.aon {
    background: #888;
    color: #fff;
  }
  .cate-type1 > li .cate2 > li {
    width: calc((100% - 20px - 1px) / 2);
    margin-left: 20px;
  }
  .cate-type1 > li .cate2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .cate-type1 > li .cate2 > li:nth-child(n+3) {
    margin-top: 12px;
    clear: none;
  }
  .cate-type1 > li .cate2 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 20px;
  }
  .cate-type1 > li .cate2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .cate-type3 > li .cate2 > li {
    width: calc((100% - 20px - 1px) / 2);
    margin-left: 20px;
  }
  .cate-type3 > li .cate2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .cate-type3 > li .cate2 > li:nth-child(n+3) {
    margin-top: 12px;
    clear: none;
  }
  .cate-type3 > li .cate2 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 20px;
  }
  .cate-type3 > li .cate2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .cate-type1 > li .cate3, .cate-type3 > li .cate3 {
    width: calc((100% - 20px - 1px) / 2);
    margin-left: 20px;
  }
  .cate-type1 > li .cate3:nth-child(-n+2), .cate-type3 > li .cate3:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .cate-type1 > li .cate3:nth-child(n+3), .cate-type3 > li .cate3:nth-child(n+3) {
    margin-top: 12px;
    clear: none;
  }
  .cate-type1 > li .cate3:nth-child(4n+1), .cate-type3 > li .cate3:nth-child(4n+1) {
    clear: none;
    margin-left: 20px;
  }
  .cate-type1 > li .cate3:nth-child(2n+1), .cate-type3 > li .cate3:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .cate-type2 > li .cate3 {
    width: calc((100% - 20px - 1px) / 2);
    margin-left: 20px;
  }
  .cate-type2 > li .cate3:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .cate-type2 > li .cate3:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .cate-type2 > li .cate3:nth-child(4n+1) {
    clear: none;
    margin-left: 20px;
  }
  .cate-type2 > li .cate3:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .my-tab-a {
    position: relative;
    display: block;
    padding: 10px;
    line-height: 38px;
    background: #fff;
    border: 1px solid #c7c7c7;
  }
  .my-tab-a .txt_wrap {
    overflow: hidden;
  }
  .my-tab-a .txt_wrap .img {
    float: left;
    margin: 0;
  }
  .my-tab-a .txt_wrap .txt {
    display: block;
    float: right;
    width: calc(100% - 65px);
    font-size: 16px;
    color: #666;
    text-align: left;
    line-height: 38px;
  }
  .my-tab-a [class*=ico_arr] {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .my-tab-a .ico_arr1_u {
    display: none;
  }
  .my-tab {
    display: none;
    width: 100%;
    overflow: hidden;
  }
  .my-tab tbody, .my-tab tr, .my-tab td {
    display: block;
    float: left;
    width: 100%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .my-tab td {
    max-width: 100%;
    height: auto;
    padding: 10px;
    border-top: none !important;
  }
  .my-tab td.on {
    border-bottom: 1px solid #c7c7c7;
  }
  .my-tab td .img {
    float: left;
    margin: 0;
  }
  .my-tab td .txt {
    display: block;
    float: right;
    width: calc(100% - 65px);
    text-align: left;
    line-height: 38px;
  }
  .nx-tab-list-typeA {
    margin-bottom: 20px;
    width: 100%;
    border-left: 1px solid #CBCBCB;
  }
  .nx-tab-list-typeA:after {
    content: "";
    clear: both;
    display: block;
  }
  .nx-tab-list-typeA .nx-tab-item {
    float: left;
    position: relative;
    display: table;
    table-layout: fixed;
    width: 33.3333%;
    height: 50px;
    text-align: center;
    border-bottom: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
    word-break: break-all;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
  }
  .nx-tab-list-typeA .nx-tab-item:nth-child(-n+3) {
    border-top: 1px solid #CBCBCB;
  }
  .nx-tab-list-typeA .nx-tab-item:last-child {
    border-right: 1px solid #CBCBCB;
  }
  .nx-tab-list-typeA .nx-tab-item.null {
    border-top: none;
  }
  .nx-tab-list-typeA .nx-tab-item span {
    position: relative;
    display: table-cell;
    padding: 0px 10px;
    vertical-align: middle;
  }
  .nx-tab-list-typeA .nx-tab-item.active {
    background: #EFEFEF;
    border-top: 2px solid #212121;
  }
  .nx-tab-list-typeA .nx-tab-item:hover {
    background: #efefef;
  }
  .nx-tab-list-typeA .nx-tab-item:nth-child(1) span:after {
    content: none;
  }
  .nx-cate-group .lst li {
    float: none;
  }
  .nx-cate-group .lst li a:after {
    display: none;
  }
  .nxc-sub-bbs2 .nx-sub-bbs-item {
    display: block;
  }
  .nxc-sub-bbs2 .num {
    margin-bottom: 15px;
  }
  .nxc-sub-bbs2 .ct {
    margin-bottom: 15px;
  }
  .nxc-sub-bbs2 .btn-wrap {
    text-align: center;
  }
  .nxc-ts1.r_m {
    overflow: hidden;
    display: block;
    border-top: 1px solid #e1e1e1;
  }
  .nxc-ts1.r_m > thead {
    display: none;
  }
  .nxc-ts1.r_m > tbody, .nxc-ts1.r_m > tbody > tr, .nxc-ts1.r_m > tbody > tr > th, .nxc-ts1.r_m > tbody > tr > td {
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .nxc-ts1.r_m > tbody > tr {
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
  }
  .nxc-ts1.r_m > tbody > tr > td {
    position: relative;
    padding: 10px 10px 10px 100px;
    border-top: none;
    text-align: left;
  }
  .nxc-ts1.r_m > tbody > tr > td[data-tit] {
    margin: 0 15px 5px 0;
  }
  .nxc-ts1.r_m > tbody > tr > td[data-tit]:before {
    content: attr(data-tit);
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 600;
    color: #333;
  }
  .nx-ts3 {
    display: block;
  }
  .nx-ts3 > tbody, .nx-ts3 > tbody > tr, .nx-ts3 > tbody > tr > th, .nx-ts3 > tbody > tr > td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .nx-ts3 > tbody > tr > th {
    text-align: left;
  }
  .nx-ts3 > tbody > tr > td::after {
    width: 100%;
  }
  .nx-ts3 > tbody > tr > th, .nx-ts3 > tbody > tr:first-child > th, .nx-ts3 > tbody > tr:last-child > th {
    padding: 16px 16px 0;
  }
  .nx-ts3 > tbody > tr > td, .nx-ts3 > tbody > tr:first-child > td, .nx-ts3 > tbody > tr:last-child > td {
    max-width: 100%;
    padding: 8px 16px 16px;
  }
  .nxc-sub-ts.nx-md-flex {
    display: block;
  }
  .nxc-sub-ts.nx-md-flex tbody {
    display: block;
  }
  .nxc-sub-ts.nx-md-flex tbody tr {
    display: block;
  }
  .nxc-sub-ts.nx-md-flex tbody th, .nxc-sub-ts.nx-md-flex tbody td {
    display: block;
    padding: 16px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  .nx-agree-wrap {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
  }
  .nx-agree-wrap .nx-agree-info {
    margin: 0 0 10px 0;
    width: 100%;
  }
  .nx-agree-wrap .nx-rad-area {
    width: 100%;
    justify-content: flex-end;
  }
  .nx-agree-wrap .nx-rad-area .nx-rad-wrap + .nx-rad-wrap {
    margin-left: 8px;
  }
  .nx-cate-list-A.col1 li a .txt {
    min-height: 35px;
    padding-right: 44px !important;
    background-position: right 0 center;
  }
  .nx-cate-list-A.col1 li a .txt .tit {
    font-size: 24px;
  }
  .nx-cate-list-A.col3 li, .nx-cate-list-A.col4 li {
    width: calc(50% - 10px);
  }
  .nx-cate-list-B li a .txt .tit {
    font-size: 20px;
  }
  .nx-cate-list-B.col2 li, .nx-cate-list-B.col3 li, .nx-cate-list-B.col4 li {
    width: 100%;
  }
}
/* 모바일세로 */
@media only screen and (max-width: 519px) {
  .cate-type1 > li .cate1 {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
  .cate-type1 > li .cate2 {
    margin-left: 0;
  }
  .cate-type1 > li .cate3 {
    float: none;
    width: auto;
    margin: 0 0 10px !important;
  }
  .cate-type1 > li .cate3:last-child {
    margin-bottom: 0 !important;
  }
  .cate-type2 > li .cate1 {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
  .cate-type2 > li .cate2 {
    margin-left: 0;
  }
  .cate-type2 > li .cate3 {
    float: none;
    width: auto;
    padding: 0;
    margin: 0 0 10px !important;
  }
  .cate-type3 > li .cate1 {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
  .cate-type3 > li .cate2 {
    margin-left: 0;
  }
  .cate-type3 > li .cate3 {
    float: none;
    width: auto;
    margin: 0 0 10px !important;
  }
  .cate-type3 > li .cate3:last-child {
    margin-bottom: 0 !important;
  }
  /* category */
  .nx-cate-list-A.col2 li {
    width: 100%;
  }
  .nx-cate-list-A.col2 li a .txt {
    padding: 20px 84px 20px 20px;
  }
  .nx-cate-list-A.col2 li a .txt .tit {
    font-size: 24px;
  }
  .nx-cate-list-A.col3 li a .txt, .nx-cate-list-A.col4 li a .txt {
    padding: 20px;
    background-image: none;
  }
  .nx-cate-list-A.col3 li a .txt .tit, .nx-cate-list-A.col4 li a .txt .tit {
    font-size: 20px;
  }
  .nx-cate-list-uplist {
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 300px;
    margin: auto;
    opacity: 0;
  }
  .nx-cate-list-uplist.active {
    z-index: 10;
    opacity: 1;
    height: 450px;
    padding: 0;
    background: #fff;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.12);
  }
  .nx-cate-list-uplist .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    background: #fafafc;
  }
  .nx-cate-list-uplist .top .name {
    color: #2b2c33;
    font-size: 17px;
    font-weight: 500;
    line-height: 140%;
  }
  .nx-cate-list-uplist .lst {
    height: calc(100% - 51px);
    overflow-y: auto;
  }
  .nx-cate-list-uplist .lst li {
    display: block;
    margin: 0;
  }
  .nx-cate-list-uplist .lst li a {
    padding: 12px 16px;
  }
  .my-img-opt-wrap .my-img-opt-lst {
    width: 100%;
  }
}
.memb_tab {
  margin-bottom: 20px;
  background: #e8e8e8;
  border-bottom: 1px solid #acacac;
}
.memb_tab ul {
  overflow: hidden;
  margin: 0 auto;
}
.memb_tab ul li {
  float: left;
  width: 20%;
}
.memb_tab ul li a {
  display: block;
  font-size: 14px;
  color: #444;
  text-align: center;
  line-height: 45px;
}
.memb_tab ul li a:hover, .memb_tab ul li a.aon {
  background: #d0d0d0;
}

.memb_bx1 {
  max-width: 520px;
  padding: 20px 15px;
  margin: 10px auto 0;
  border: 1px solid #e5e5e5;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.memb_bx1:first-of-type {
  margin-top: 0;
}
.memb_bx1 .memb_bx2 {
  max-width: 360px;
  margin: 0 auto;
}
.memb_bx1 .memb_bx2 .p1 {
  padding: 10px 0;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.memb_bx1 .memb_bx2 .p2 {
  padding: 10px 0;
  font-size: 14px;
  color: #5fa0e6;
  text-align: center;
}
.memb_bx1 .memb_bx2 .p_join {
  padding-top: 20px;
  margin-top: 20px;
  text-align: center;
  border-top: 1px solid #e5e5e5;
}
.memb_bx1 .memb_bx2 .email {
  display: inline-block;
  min-width: 150px;
  margin-right: 20px;
  color: #5fa0e6;
}

.tit_memb {
  margin: 50px 0 20px;
  font-size: 14px;
  color: #010101;
}
.tit_memb:first-of-type {
  margin-top: 0;
}

.input_wrap {
  display: block;
  margin-bottom: 5px;
}
.input_wrap table {
  width: 100%;
}
.input_wrap table th, .input_wrap table td {
  padding-top: 5px;
}
.input_wrap table tr:first-child th, .input_wrap table tr:first-child td {
  padding-top: 0;
}
.input_wrap table th {
  width: 70px;
  color: #666;
  font-weight: normal;
  text-align: left;
}
.input_wrap table td {
  width: 290px;
}
.input_wrap table.pw th {
  width: 120px;
}
.input_wrap table.pw td {
  width: 240px;
}

.btn_confirm {
  display: block;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background: #3462b4;
  border-radius: 4px;
}

.sns_login_wrap li {
  margin-top: 10px;
}
.sns_login_wrap li:first-child {
  margin-top: 0;
}
.sns_login_wrap li a {
  display: block;
  position: relative;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.sns_login_wrap li a .logo {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 29px;
  margin-top: -11px;
}
.sns_login_wrap li a.fb {
  background: #6781ca;
}
.sns_login_wrap li a.tw {
  background: #55acee;
}
.sns_login_wrap li a.na {
  background: #32b419;
}
.sns_login_wrap li a.gg {
  background: #de4940;
}
.sns_login_wrap li a.kk {
  background: #ffca00;
}
.sns_login_wrap li a.li {
  background: #00C300;
}
.sns_login_wrap li a.yh {
  background: #f40035;
}

.join_proc1 {
  padding-bottom: 20px;
  margin-bottom: 50px;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
}
.join_proc1 li {
  display: inline-block;
  vertical-align: top;
}
.join_proc1 li.on .cir {
  color: #fff;
  background: #ddd;
}
.join_proc1 li .cir {
  width: 140px;
  height: 140px;
  margin-bottom: 10px;
  line-height: 140px;
  font-size: 50px;
  color: #ddd;
  border: 1px solid #ddd;
  border-radius: 50%;
  box-sizing: border-box;
}
.join_proc1 li .txt {
  font-size: 16px;
  color: #666;
}
.join_proc1 li.arr {
  margin: 0 20px;
  color: #ddd;
  line-height: 140px;
  font-size: 30px;
}

.join_proc2 {
  overflow: hidden;
  max-width: 760px;
  margin: 0 auto 50px;
}
.join_proc2 li {
  float: left;
  margin-left: 1px;
  text-align: center;
  border-bottom: 6px solid #e3e3e3;
}
.join_proc2 li:first-child:nth-last-child(4) {
  width: calc(25% - 1px);
}
.join_proc2 li:first-child:nth-last-child(4) ~ li {
  width: calc(25% - 1px);
}
.join_proc2 li:first-child:nth-last-child(3) {
  width: calc(33.3333333333% - 1px);
}
.join_proc2 li:first-child:nth-last-child(3) ~ li {
  width: calc(33.3333333333% - 1px);
}
.join_proc2 li.on {
  border-bottom: 6px solid #666;
}
.join_proc2 li.on .txt, .join_proc2 li.on [class*=ico] {
  color: #666;
}
.join_proc2 li .txt {
  margin: 10px 0;
  font-size: 14px;
  color: #888;
}
.join_proc2 li [class*=ico] {
  font-size: 50px;
  color: #888;
}

.join_proc3 {
  margin-bottom: 50px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.join_proc3 li {
  display: inline-block;
  width: 20%;
  padding: 10px 0;
}
.join_proc3 li.on {
  background: #eee;
}
.join_proc3 li.on [class*=ico] {
  color: #333;
}
.join_proc3 li [class*=ico] {
  font-size: 50px;
  color: #888;
  vertical-align: middle;
}
.join_proc3 li .txt {
  margin-left: 10px;
  font-size: 14px;
  color: #333;
  vertical-align: middle;
}

.join_proc4 {
  margin-bottom: 50px;
  text-align: center;
}
.join_proc4 li {
  display: inline-block;
  vertical-align: top;
}
.join_proc4 li.on .txt {
  color: #00b188;
}
.join_proc4 li .txt {
  font-size: 16px;
  color: #666;
  line-height: 40px;
}
.join_proc4 li.arr {
  margin: 0 20px;
  font-size: 30px;
  color: #ddd;
  line-height: 40px;
}

.login-tab {
  overflow: hidden;
  padding: 0 20%;
  margin-bottom: 50px;
  border-bottom: 1px solid #e4e4e4;
}
.login-tab li {
  float: left;
  width: 50%;
}
.login-tab li:last-child {
  margin-left: -1px;
}
.login-tab li a {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  text-align: center;
  color: #acacac;
  border-style: solid;
  border-color: #e4e4e4;
  border-width: 1px 1px 0 1px;
  transition: 0.3s ease all;
}
.login-tab li a:hover, .login-tab li a.on {
  color: #fff;
  background: #89b0f4;
  border-color: #89b0f4;
}

.login-box {
  color: #444444;
  padding: 15px 15px;
  box-sizing: border-box;
}
.login-box.box-of {
  overflow: hidden;
}
.login-box + .login-box {
  margin-top: 15px;
}
.login-box .login-box-wrap {
  width: 100%;
  max-width: 542px;
  margin: 0 auto;
}
.login-box .login-box-wrap .controls2 {
  width: auto;
  max-width: 300px;
}
.login-box .login-title {
  display: block;
  font-size: 16px;
  text-align: center;
  padding-bottom: 24px;
  max-width: 420px;
  margin: 0 auto;
}
.login-box .login-sub {
  font-size: 14px;
  margin-bottom: 44px;
}
.login-box .login-bar2 {
  min-height: 313px;
  border-left: 1px solid #DCDCDC;
  float: left;
}
.login-box .login-controls {
  display: table;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}
.login-box .login-controls .login-label {
  width: 90px;
  display: table-cell;
  padding: 4px 0;
  color: #666;
}
.login-box .login-controls .login-input {
  display: table-cell;
  padding: 2px 0;
}
.login-box .login-controls .login-input:nth-child(1) {
  text-align: center;
}
.login-box .login-controls .login-input a {
  color: #3663AE;
}
.login-box .login-controls .login-input input[type=text],
.login-box .login-controls .login-input input[type=password] {
  width: 100%;
  height: 40px;
  border: none;
  border-radius: 2px;
  padding: 0 10px;
  box-sizing: border-box;
}
.login-box .login-controls .login-input button:not(.login-btn) {
  background: transparent;
  margin: 20px;
  max-width: 60px;
  max-height: 60px;
  float: left;
}
.login-box .login-controls .login-input button:not(.login-btn) img {
  max-width: 100%;
}
.login-box .login-controls .login-input.order > a {
  color: #ffffff;
}
.login-box .login-controls .login-input.order > a:hover {
  color: #3663AE;
}
.login-box .login-controls .login-input button:not(.login-btn):nth-child(3n+1) {
  clear: left;
}
.login-box .login-controls .login-input.input2 input[type=text],
.login-box .login-controls .login-input.input2 input[type=password] {
  box-shadow: inset 0px -1px 0px #DCDCDC;
}
.login-box .login-btn {
  display: inline-block;
  padding: 10px 25px;
  max-width: 260px;
  background: #3663AE;
  border: 1px solid #3663AE;
  color: #FFF;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 16px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.login-box .login-btn:hover {
  background: #FFF;
  color: #3663AE;
}
.login-box .login-pw {
  display: inline-block;
  padding: 10px 25px;
  max-width: 260px;
  background: #89b0f4;
  border: 1px solid #89b0f4;
  color: #FFF;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 16px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.login-box .login-pw:hover {
  background: #FFF;
  color: #89b0f4;
}
.login-box .btn-full {
  width: 100%;
  max-width: 100%;
}
.login-box .login-wrap + .login-wrap {
  padding-top: 10px;
  margin-top: 30px;
  border-top: 1px solid #DDD;
}
.login-box .login-bar {
  margin: 30px auto;
  height: 1px;
  background: #B5B5B5;
}
.login-box .login-member-wrap.login-input {
  padding-top: 1px;
}
.login-box .login-member-wrap .login-btn {
  text-align: center;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
}
.login-box .login-member-wrap .login-btn:nth-last-child(2) {
  width: calc(35% - 3px);
}
.login-box .login-member-wrap .login-btn:nth-last-child(2) ~ .login-btn {
  width: calc(65% - 2px);
}

.mb-child-wrap {
  margin-bottom: 30px;
}
.mb-child-wrap .p1 {
  margin-bottom: 20px;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.mb-child-wrap .btn {
  position: relative;
  text-align: center;
}
.mb-child-wrap .btn input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.mb-child-wrap .btn label {
  display: inline-block;
  max-width: 150px;
  width: 100%;
  height: 46px;
  line-height: 44px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #bbb;
  border-radius: 4px;
  vertical-align: top;
}
.mb-child-wrap .btn input[type=radio]:checked + label {
  background: #3462b4;
}

.mb-child-below-wrap {
  border: 1px solid #DDD;
  padding: 30px;
  border-radius: 5px;
  box-sizing: border-box;
}
.mb-child-below-wrap .expl {
  margin: 0 auto 20px;
  text-align: center;
  word-break: keep-all;
  line-height: 1.5;
}

.mb-child-below-box {
  max-width: 400px;
  margin: 0 auto;
}
.mb-child-below-box .label {
  margin-right: 10px;
  width: 70px;
  font-size: 14px;
  display: inline-block;
}

.popup-complete {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 50%;
  max-width: 545px;
  max-height: 210px;
  background: #FFF;
  border-radius: 10px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.popup-complete .title {
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: bold;
}

/*=======================================================================
회원 구분(nx-member-group) css
=======================================================================*/
.nx-member-group .nx-lst-member-group {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  margin-top: 60px;
  width: 100%;
  text-align: center;
  vertical-align: top;
}
.nx-member-group .nx-lst-member-group > li {
  position: relative;
  margin-bottom: 60px;
  max-width: 240px;
  height: 100%;
}
.nx-member-group .nx-lst-member-group > li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 52px;
  width: 1px;
  height: calc(100% - 104px);
  background: #e3e3e3;
}
.nx-member-group .nx-lst-member-group > li:first-child {
  padding-left: 0 !important;
}
.nx-member-group .nx-lst-member-group > li:last-child {
  padding-right: 0 !important;
}
.nx-member-group .nx-lst-member-group > li:last-child::after {
  display: none;
}
.nx-member-group .nx-lst-member-group > li:only-child {
  width: 100%;
}
.nx-member-group .nx-lst-member-group > li:nth-last-child(2), .nx-member-group .nx-lst-member-group > li:nth-last-child(2) + li {
  padding: 0 70px;
  width: calc((100% - 140px) / 2 - 0.01px);
}
.nx-member-group .nx-lst-member-group > li:nth-last-child(3), .nx-member-group .nx-lst-member-group > li:nth-last-child(3) ~ li {
  padding: 0 70px;
  width: calc((100% - 280px) / 3 - 0.01px);
}
.nx-member-group .nx-lst-member-group > li:nth-last-child(4), .nx-member-group .nx-lst-member-group > li:nth-last-child(4) ~ li {
  padding: 0 20px;
  width: calc((100% - 100px) / 4 - 0.01px);
}
.nx-member-group .nx-lst-member-group > li:nth-last-child(5), .nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li {
  padding: 0 25px;
  width: calc((100% - 150px) / 3 - 0.01px);
}
.nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li:nth-child(3)::after {
  display: none;
}
.nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li:nth-child(5) {
  padding-right: 25px !important;
}
.nx-member-group .nx-lst-member-group > li:nth-last-child(5), .nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li:nth-child(1) {
  padding-left: 25px !important;
}
.nx-member-group .nx-lst-member-group > li > .nx-item {
  position: relative;
  padding-bottom: 76px;
  text-align: center;
  line-height: 1.4;
}
.nx-member-group .nx-lst-member-group > li > .nx-item .nx-image {
  margin-bottom: 14px;
  text-align: center;
}
.nx-member-group .nx-lst-member-group > li > .nx-item .nx-image img {
  margin: 0 auto;
  width: 100%;
  max-width: 200px;
  vertical-align: top;
}
.nx-member-group .nx-lst-member-group > li > .nx-item .nx-tit {
  margin-bottom: 14px;
  color: #1c1c1c;
  font-weight: 700;
  font-size: 20px;
}
.nx-member-group .nx-lst-member-group > li > .nx-item .nx-lead {
  color: #333;
  font-size: 16px;
}
.nx-member-group .nx-lst-member-group > li > .nx-item .nx-btn-member-type {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -64px;
}

.nx-btn-member-type {
  display: flex;
  width: 128px;
  height: 46px;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #6e89eb;
  border-radius: 4px;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
}

/* 회원가입-거래처 */
.nx-member-select-mtype {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 720px;
}
.nx-member-select-mtype > li {
  padding: 36px;
  width: calc((100% - 20px) / 2);
  background: #fff;
  border: 1px solid #d1d1d1;
  box-sizing: border-box;
  border-radius: 5px;
}
.nx-member-select-mtype > li.aon {
  background: #EFEFEF;
}
.nx-member-select-mtype > li.nx-member-mtype1 > .nx-tit {
  background-image: url(../imgs/memb/ico_mtype1.png);
}
.nx-member-select-mtype > li.nx-member-mtype2 > .nx-tit {
  background-image: url(../imgs/memb/ico_mtype2.png);
}
.nx-member-select-mtype > li > .nx-tit {
  margin-bottom: 5px;
  padding-top: 60px;
  background-repeat: no-repeat;
  background-position: center 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.25;
  text-align: center;
  color: #1c1c1c;
}
.nx-member-select-mtype > li > .nx-lead {
  font-size: 16px;
  line-height: 1.45;
  text-align: center;
  color: #333;
}
.nx-member-select-mtype > li > .nx-btn-member-type {
  margin: 12px auto 0;
}

.nx-menber-confirm-cert {
  max-width: 720px;
  margin: 0 auto 20px;
  padding: 30px;
  border: 1px solid #DDD;
  box-sizing: border-box;
  border-radius: 5px;
}
.nx-menber-confirm-cert .nx-lead {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 1.35;
  text-align: center;
  color: #3a3a3a;
}
.nx-menber-confirm-cert .nx-lst-input {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}
.nx-menber-confirm-cert .nx-lst-input > dt {
  display: inline-flex;
  align-items: center;
  margin-right: 20px;
  height: 45px;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.03em;
  color: #333333;
}
.nx-menber-confirm-cert .nx-lst-input > dd {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 390px;
}
.nx-menber-confirm-cert .nx-member-int {
  padding: 5px 16px;
  max-width: 240px;
  width: 100%;
  height: 45px;
  background: #f6f9fb;
  border: 1px solid #dedede;
  box-sizing: border-box;
  border-radius: 2px;
}
.nx-menber-confirm-cert .nx-btn-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 138px;
  height: 45px;
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 2px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  color: #4d5163;
}

.nx-member-result-cert {
  margin-top: 40px;
  padding: 40px;
  background: #fff;
  border: 1px solid #dedede;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  line-height: 1.35;
  text-align: center;
  color: #3a3a3a;
}

.nx-member-p1 {
  font-size: 24px;
  color: #333;
  font-weight: 700;
  text-align: center;
}

.nx-member-p2 {
  font-size: 16px;
  color: #666;
  text-align: center;
}

.nx-memb-search-wrap {
  display: flex;
  justify-content: center;
}
.nx-memb-search-wrap .cont {
  max-width: 640px;
  width: 100%;
}
.nx-memb-search-wrap .cont .tit {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  color: #1c1c1c;
}
.nx-memb-search-wrap .cont .p1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.nx-memb-search-wrap .cont .p1 .txt {
  font-size: 16px;
  color: #333;
}
.nx-memb-search-wrap .cont .p1 .link {
  font-size: 14px;
  color: #5268db;
}
.nx-memb-search-wrap .cont .box {
  border-radius: 6px;
  border: 1px solid #e1e1e1;
  background: #fff;
}
.nx-memb-search-wrap .cont .box.pd {
  padding: 32px;
}
.nx-memb-search-wrap .cont .box.pd .txt {
  text-align: center;
  font-size: 16px;
  line-height: 170%;
  color: #3a3a3a;
}
.nx-memb-search-wrap .cont .box + .box {
  margin-top: 16px;
}
.nx-memb-search-wrap .cont .box .expl {
  margin: 20px 28px 0;
  font-size: 14px;
  line-height: 140%;
  color: #5a5a5a;
}
.nx-memb-search-wrap .cont .box .type {
  margin: 0 28px;
}
.nx-memb-search-wrap .cont .box .type + .type {
  border-top: 1px solid #dfdfdf;
}
.nx-memb-search-wrap .cont .box .type .radio {
  position: relative;
}
.nx-memb-search-wrap .cont .box .type .radio input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.nx-memb-search-wrap .cont .box .type .radio input:checked + .ico {
  border: 5px solid #5268db;
}
.nx-memb-search-wrap .cont .box .type .radio .ico {
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
}
.nx-memb-search-wrap .cont .box .type .radio label {
  display: block;
  padding: 28px 0 28px 32px;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  color: #1a1a1a;
}
.nx-memb-search-wrap .cont .box .type .input-wrap {
  display: none;
  margin: 0 56px 16px;
}
.nx-memb-search-wrap .cont .box .type .input-wrap .input {
  overflow: hidden;
  margin-bottom: 12px;
}
.nx-memb-search-wrap .cont .box .type .input-wrap .input dt {
  float: left;
  width: 90px;
  font-size: 14px;
  font-weight: 500;
  color: #3a3a3a;
  line-height: 36px;
}
.nx-memb-search-wrap .cont .box .type .input-wrap .input dd {
  float: left;
  width: calc(100% - 90px);
}
.nx-memb-search-wrap .cont .next {
  display: inline-flex;
  width: 80px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  border-radius: 8px;
  background: #5268db;
  box-shadow: 0px 1px 4px 0px rgba(82, 104, 219, 0.12);
  box-sizing: border-box;
}
.nx-memb-search-wrap .cont .prev {
  display: inline-flex;
  width: 80px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  color: #2b2c33;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0px 1px 4px 0px rgba(82, 104, 219, 0.12);
  box-sizing: border-box;
}
.nx-memb-search-wrap .cont .func {
  display: inline-flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  color: #3954e0;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0px 1px 4px 0px rgba(82, 104, 219, 0.12);
  box-sizing: border-box;
}
.nx-memb-search-wrap .cont .ips {
  width: 100%;
  height: 36px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #dbdbdb;
  background: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
}
.nx-memb-search-wrap .cont .ips.w70 {
  max-width: 70px;
}
.nx-memb-search-wrap .cont .ips.w140 {
  max-width: 140px;
}
.nx-memb-search-wrap .cont .ips.w300 {
  max-width: 300px;
}

@media screen and (max-width: 768px) {
  .login-box .login-btn {
    font-size: 14px;
  }
  .login-member-wrap .login-btn {
    padding-left: 0;
    padding-right: 0;
  }
}
.agency-mode.login-box {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 648px;
  max-height: 400px;
  margin: auto;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  box-sizing: border-box;
}
.agency-mode.login-box .customer-logo {
  position: absolute;
  bottom: 100%;
  width: 100%;
}
.agency-mode.login-box .customer-logo a {
  display: block;
  text-align: center;
}
.agency-mode.login-box .customer-logo img {
  max-width: 100%;
  max-height: 150px;
}
.agency-mode.login-box .login-box-wrap {
  padding: 40px 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px 5px #DEDEDE;
  background: #FFF;
  box-sizing: border-box;
}
.agency-mode.login-box .login-wrap .login-input label {
  font-size: 12px;
}
.agency-mode.login-box .login-controls .login-input input[type=text],
.agency-mode.login-box .login-controls .login-input input[type=password] {
  background: #F3F2F3;
  border: none;
  border-radius: 5px;
}
.agency-mode.login-box .login-btn {
  background: #3561B1;
}
.agency-mode.login-box .login-controls.mb10 {
  margin-bottom: 10px;
}

.memb_slog {
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 18px;
  color: #000;
  border-bottom: 1px solid #eee;
}

.agree_wrap {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.agree_tit {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
}

.agree_box {
  overflow-y: auto;
  height: 200px;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
}

.certify_method {
  overflow: hidden;
  max-width: 730px;
  margin: 0 auto;
}
.certify_method li {
  float: left;
  width: 48%;
  height: 180px;
  margin-left: 4%;
  background: #fff;
}
.certify_method li:first-child {
  margin-left: 0;
}
.certify_method li:first-child:last-child {
  float: none;
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}
.certify_method li a {
  display: block;
  height: 100%;
  padding: 20px 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
}
.certify_method li a.aon, .certify_method li a:hover {
  background: #efefef;
}
.certify_method li a .p1 {
  margin-bottom: 20px;
  font-size: 20px;
  color: #222;
  text-align: center;
}
.certify_method li a .p2 {
  margin-bottom: 20px;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.certify_method li a img {
  display: block;
  margin: 0 auto;
}

.memb_box {
  max-width: 730px;
  padding: 30px;
  margin: 0 auto;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
}
.memb_box .p1 {
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #666;
  text-align: center;
}

.certify_ipt {
  overflow: hidden;
  width: 100%;
  max-width: 500px;
  margin: 10px auto 0;
}
.certify_ipt dt {
  float: left;
  font-size: 14px;
  color: #666;
  line-height: 46px;
}
.certify_ipt dd {
  padding: 10px 0 5px;
  margin-left: 80px;
  font-size: 18px;
  box-sizing: border-box;
}
.certify_ipt dd .btn5 {
  position: relative;
  top: -5px;
}

/** 지식 로그인 관련 (/log/log.php) */
#myModal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.7);
  z-index: 2000;
}
#myModal-bg.active {
  display: block;
  visibility: visible;
}

#myModal-lg {
  position: fixed;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  margin: auto;
  max-width: 700px;
  max-height: 700px;
  width: 90%;
  height: 90%;
  display: none;
  visibility: hidden;
  background: #FFF;
  z-index: 2001;
  box-sizing: border-box;
}
#myModal-lg.active {
  display: block;
  visibility: visible;
}
#myModal-lg #iframe2 {
  width: 100%;
  height: 100%;
  display: block;
}
#myModal-lg .modal-dialog,
#myModal-lg .modal-content,
#myModal-lg .modal-body {
  height: 100%;
}
#myModal-lg .ico_x {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
}

#myModal-lg.gseek {
  border-radius: 5px;
}
#myModal-lg.gseek .modal-header {
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #DDD;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0 15px;
  line-height: 50px;
  font-size: 20px;
  box-sizing: border-box;
}
#myModal-lg.gseek .modal-header .close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
}
#myModal-lg.gseek .modal-footer {
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 50px;
  padding: 0 15px;
  border-top: 1px solid #DDD;
  box-sizing: border-box;
}
#myModal-lg.gseek .modal-body {
  padding: 50px 15px;
  overflow: auto;
  line-height: 1.5;
  box-sizing: border-box;
  font-size: 16px;
}

/* 회원 구분(nx-member-group) */
.nx-member-group .nx-lst-member-group {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  margin-top: 60px;
  width: 100%;
  text-align: center;
  vertical-align: top;
}
.nx-member-group .nx-lst-member-group > li {
  position: relative;
  margin-bottom: 60px;
  max-width: 240px;
  height: 100%;
}
.nx-member-group .nx-lst-member-group > li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 52px;
  width: 1px;
  height: calc(100% - 104px);
  background: #e3e3e3;
}
.nx-member-group .nx-lst-member-group > li:first-child {
  padding-left: 0 !important;
}
.nx-member-group .nx-lst-member-group > li:last-child {
  padding-right: 0 !important;
}
.nx-member-group .nx-lst-member-group > li:last-child::after {
  display: none;
}
.nx-member-group .nx-lst-member-group > li:only-child {
  width: 100%;
}
.nx-member-group .nx-lst-member-group > li:nth-last-child(2), .nx-member-group .nx-lst-member-group > li:nth-last-child(2) + li {
  padding: 0 70px;
  width: calc((100% - 140px) / 2 - 0.01px);
}
.nx-member-group .nx-lst-member-group > li:nth-last-child(3), .nx-member-group .nx-lst-member-group > li:nth-last-child(3) ~ li {
  padding: 0 70px;
  width: calc((100% - 280px) / 3 - 0.01px);
}
.nx-member-group .nx-lst-member-group > li:nth-last-child(4), .nx-member-group .nx-lst-member-group > li:nth-last-child(4) ~ li {
  padding: 0 20px;
  width: calc((100% - 100px) / 4 - 0.01px);
}
.nx-member-group .nx-lst-member-group > li:nth-last-child(5), .nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li {
  padding: 0 25px;
  width: calc((100% - 150px) / 3 - 0.01px);
}
.nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li:nth-child(3)::after {
  display: none;
}
.nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li:nth-child(5) {
  padding-right: 25px !important;
}
.nx-member-group .nx-lst-member-group > li:nth-last-child(5), .nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li:nth-child(1) {
  padding-left: 25px !important;
}
.nx-member-group .nx-lst-member-group > li > .nx-item {
  position: relative;
  padding-bottom: 76px;
  text-align: center;
  line-height: 1.4;
}
.nx-member-group .nx-lst-member-group > li > .nx-item .nx-image {
  margin-bottom: 14px;
  text-align: center;
}
.nx-member-group .nx-lst-member-group > li > .nx-item .nx-image img {
  margin: 0 auto;
  width: 100%;
  max-width: 200px;
  vertical-align: top;
}
.nx-member-group .nx-lst-member-group > li > .nx-item .nx-tit {
  margin-bottom: 14px;
  color: #1c1c1c;
  font-weight: 700;
  font-size: 20px;
}
.nx-member-group .nx-lst-member-group > li > .nx-item .nx-lead {
  color: #333;
  font-size: 16px;
}
.nx-member-group .nx-lst-member-group > li > .nx-item .nx-btn-member-type {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: flex;
  margin-left: -64px;
  width: 128px;
  height: 46px;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #6e89eb;
  border-radius: 4px;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
}

@media only screen and (max-width: 1023px) {
  .join_proc1 li .cir {
    width: 100px;
    height: 100px;
    font-size: 30px;
    line-height: 100px;
  }
  .join_proc1 li.arr {
    line-height: 100px;
  }
  .join_proc3 li {
    width: 23%;
  }
}
@media only screen and (max-width: 759px) {
  .join_proc1 li .cir {
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
  }
  .join_proc1 li.arr {
    line-height: 50px;
    font-size: 20px;
  }
  .join_proc1 li .txt {
    font-size: 13px;
  }
  .join_proc3 {
    overflow: hidden;
  }
  .join_proc3 li {
    display: block;
    float: left;
  }
  .join_proc3 li:first-child:nth-last-child(4) {
    width: 25%;
  }
  .join_proc3 li:first-child:nth-last-child(4) ~ li {
    width: 25%;
  }
  .join_proc3 li:first-child:nth-last-child(3) {
    width: 33.3333333333%;
  }
  .join_proc3 li:first-child:nth-last-child(3) ~ li {
    width: 33.3333333333%;
  }
  .join_proc3 li [class*=ico] {
    font-size: 30px;
  }
  .join_proc3 li .txt {
    margin-left: 5px;
    font-size: 13px;
  }
  /* 회원 구분(nx-member-group) */
  .nx-member-group .nx-lst-member-group {
    justify-content: flex-start;
    text-align: center;
  }
  .nx-member-group .nx-lst-member-group > li {
    max-width: 100%;
  }
  .nx-member-group .nx-lst-member-group > li::after {
    display: none;
  }
  .nx-member-group .nx-lst-member-group > li:nth-child(odd) {
    padding-left: 0 !important;
  }
  .nx-member-group .nx-lst-member-group > li:nth-child(even) {
    padding-right: 0 !important;
  }
  .nx-member-group .nx-lst-member-group > li:only-child {
    width: 100%;
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(2), .nx-member-group .nx-lst-member-group > li:nth-last-child(2) + li {
    padding: 0 25px;
    width: calc((100% - 50px) / 2 - 0.01px);
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(3), .nx-member-group .nx-lst-member-group > li:nth-last-child(3) ~ li {
    padding: 0 25px;
    width: calc((100% - 50px) / 2 - 0.01px);
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(4), .nx-member-group .nx-lst-member-group > li:nth-last-child(4) ~ li {
    padding: 0 25px;
    width: calc((100% - 50px) / 2 - 0.01px);
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(5), .nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li {
    width: calc((100% - 50px) / 2 - 0.01px);
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li:nth-child(3) {
    padding-right: 25px;
  }
  .mb-child-below-box {
    position: relative;
    padding-left: 70px;
  }
  .mb-child-below-box .label {
    position: absolute;
    left: 0;
    display: block;
    font-size: 14px;
    color: #333;
  }
  .nx-memb-search-wrap .cont .box .type .input-wrap {
    margin: 0 26px 16px;
  }
}
@media print, screen and (max-width: 756px) {
  /*=======================================================================
  	가로 해상도 756이하 css
  	=======================================================================*/
  .nx-member-group .nx-lst-member-group {
    justify-content: flex-start;
    text-align: center;
  }
  .nx-member-group .nx-lst-member-group > li {
    max-width: 100%;
  }
  .nx-member-group .nx-lst-member-group > li::after {
    display: none;
  }
  .nx-member-group .nx-lst-member-group > li:nth-child(odd) {
    padding-left: 0 !important;
  }
  .nx-member-group .nx-lst-member-group > li:nth-child(even) {
    padding-right: 0 !important;
  }
  .nx-member-group .nx-lst-member-group > li:only-child {
    width: 100%;
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(2), .nx-member-group .nx-lst-member-group > li:nth-last-child(2) + li {
    padding: 0 25px;
    width: calc((100% - 50px) / 2 - 0.01px);
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(3), .nx-member-group .nx-lst-member-group > li:nth-last-child(3) ~ li {
    padding: 0 25px;
    width: calc((100% - 50px) / 2 - 0.01px);
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(4), .nx-member-group .nx-lst-member-group > li:nth-last-child(4) ~ li {
    padding: 0 25px;
    width: calc((100% - 50px) / 2 - 0.01px);
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(5), .nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li {
    width: calc((100% - 50px) / 2 - 0.01px);
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li:nth-child(3) {
    padding-right: 25px;
  }
  /* 회원가입-거래처 : 756px */
  .nx-member-select-mtype {
    display: block;
  }
  .nx-member-select-mtype > li {
    margin-bottom: 10px;
    width: auto;
  }
  .nx-member-select-mtype > li:last-child {
    margin-bottom: 0;
  }
  .nx-menber-confirm-cert .nx-lead {
    margin-bottom: 30px;
  }
  .nx-menber-confirm-cert .nx-lst-input > dt {
    display: none;
  }
  .nx-menber-confirm-cert .nx-lst-input > dd {
    width: 100%;
  }
  .nx-menber-confirm-cert .nx-member-int {
    margin-right: 10px;
    max-width: calc(100% - 148px);
  }
  .nx-member-result-cert {
    margin-top: 30px;
    padding: 30px;
  }
}
@media only screen and (max-width: 519px) {
  .memb_tab ul li a {
    font-size: 12px;
  }
  .join_proc1 li.arr {
    margin: 0;
  }
  .join_proc2 li [class*=ico] {
    font-size: 30px;
  }
  .join_proc2 li .txt {
    margin: 5px 0;
    font-size: 13px;
  }
  .join_proc3 li .txt {
    display: block;
    margin-left: 0;
  }
  .join_proc4 li.arr {
    margin: 0;
    font-size: 20px;
  }
  .join_proc4 li .txt {
    font-size: 13px;
  }
  .certify_method li {
    float: none;
    width: auto;
    height: auto;
    margin: 0;
  }
  .certify_method li:first-child {
    margin-bottom: 10px;
  }
  .certify_ipt {
    max-width: 100%;
  }
  .nx-memb-search-wrap .cont .box .type .input-wrap {
    margin: 0 0 16px;
  }
  .nx-memb-search-wrap .cont .ips.w70 {
    max-width: 58px;
  }
}
@media only screen and (max-width: 1200px) {
  .login-box .login-box-wrap {
    max-width: 100%;
  }
  .login-box .login-box-wrap:nth-child(1) {
    padding-bottom: 20px;
  }
  .login-box .login-box-wrap:nth-child(2) {
    padding-top: 20px;
    border-top: 1px solid #DCDCDC;
  }
  .login-box .login-bar2 {
    display: none;
  }
}
@media print, screen and (max-width: 425px) {
  /* 회원 구분(nx-member-group) */
  .nx-member-group .nx-lst-member-group > li {
    padding: 0 !important;
    width: 100% !important;
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(2), .nx-member-group .nx-lst-member-group > li:nth-last-child(2) + li {
    padding: 0 !important;
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(3), .nx-member-group .nx-lst-member-group > li:nth-last-child(3) ~ li {
    padding: 0 !important;
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(4), .nx-member-group .nx-lst-member-group > li:nth-last-child(4) ~ li {
    padding: 0 !important;
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li:nth-child(3) {
    padding-right: 0 !important;
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li:nth-child(5) {
    padding-right: 0 !important;
  }
  /*=======================================================================
  회원 구분(nx-member-group) css
  =======================================================================*/
  .nx-member-group .nx-lst-member-group > li {
    padding: 0 !important;
    width: 100% !important;
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(2), .nx-member-group .nx-lst-member-group > li:nth-last-child(2) + li {
    padding: 0 !important;
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(3), .nx-member-group .nx-lst-member-group > li:nth-last-child(3) ~ li {
    padding: 0 !important;
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(4), .nx-member-group .nx-lst-member-group > li:nth-last-child(4) ~ li {
    padding: 0 !important;
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li:nth-child(3) {
    padding-right: 0 !important;
  }
  .nx-member-group .nx-lst-member-group > li:nth-last-child(5) ~ li:nth-child(5) {
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 374px) {
  .login-box .login-controls .login-input button:not(.login-btn) {
    margin: 15px;
  }
}
.gnb_wrap1 {
  position: relative;
  width: 100%;
}
.gnb_wrap1 .gnb_wrap_between .gnb_wrap2 {
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.gnb_wrap1 .gnb_wrap_between .gnb_wrap2 .gnb {
  float: right;
  margin-right: 10px;
}
.gnb_wrap1 .gnb_wrap_between .gnb_wrap2 .gnb li {
  float: left;
}
.gnb_wrap1 .gnb_wrap_between .gnb_wrap2 .gnb li a {
  display: block;
  padding: 0 5px;
  font-size: 12px;
  line-height: 30px;
}

.m_gnb {
  display: none;
}

.header_wrap1 {
  position: relative;
}

.header_wrap_between {
  position: relative;
}

.header_wrap2 {
  max-width: 1200px;
  margin: 0 auto;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.header {
  margin: 0 auto;
}
.header .gnb_wrap1 {
  position: absolute;
  top: 0;
  left: 0;
}

.h_logo {
  position: relative;
  z-index: 1001;
  display: table;
  min-height: 72px;
}
.h_logo a {
  display: table-cell;
  vertical-align: middle;
}
.h_logo a img {
  display: block;
}
.h_logo a.big {
  font-size: 40px;
}
.h_logo a.mid {
  font-size: 30px;
}
.h_logo a.sm {
  font-size: 20px;
}

.header_typeA {
  min-height: 82px;
}
.header_typeA .h_logo {
  float: left;
  padding: 5px 0 5px 22px;
}
.header_typeA .h_logo a img {
  max-width: 320px;
  max-height: 62px;
}
.header_typeA .mnb_wrap {
  float: right;
  margin: 32px 10px 0 0;
}
.header_typeA .snb_typeA .snb_wrap1, .header_typeA .snb_typeB .snb_wrap1 {
  top: 50px;
}

.header_typeB .gnb_wrap1 {
  z-index: 1002;
}
.header_typeB .h_logo {
  width: 100%;
  padding: 30px 0 20px;
  text-align: center;
}
.header_typeB .h_logo a img {
  max-width: 320px;
  max-height: 100px;
  margin: 0 auto;
}
.header_typeB .mnb_wrap {
  clear: both;
  text-align: center;
  margin: 0 !important;
}
.header_typeB .mnb {
  display: inline-block;
}
.header_typeB .snb_typeA .snb_wrap1, .header_typeB .snb_typeB .snb_wrap1 {
  top: 50px;
}
.header_typeB.use_mnb_bg {
  padding-bottom: 50px;
}
.header_typeB.use_mnb_bg .mnb_wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.header_typeC .gnb_wrap1 {
  z-index: 1002;
}
.header_typeC .h_logo {
  width: 100%;
  padding: 30px 0 20px;
  text-align: center;
}
.header_typeC .h_logo a img {
  max-width: 320px;
  max-height: 100px;
  margin: 0 auto;
}
.header_typeC .mnb_wrap {
  clear: both;
  text-align: center;
  margin: 0 !important;
}
.header_typeC .mnb > li:nth-last-child(1) {
  width: calc(100% / 1);
}
.header_typeC .mnb > li:nth-last-child(1) ~ li {
  width: calc(100% / 1);
}
.header_typeC .mnb > li:nth-last-child(2) {
  width: calc(100% / 2);
}
.header_typeC .mnb > li:nth-last-child(2) ~ li {
  width: calc(100% / 2);
}
.header_typeC .mnb > li:nth-last-child(3) {
  width: calc(100% / 3);
}
.header_typeC .mnb > li:nth-last-child(3) ~ li {
  width: calc(100% / 3);
}
.header_typeC .mnb > li:nth-last-child(4) {
  width: calc(100% / 4);
}
.header_typeC .mnb > li:nth-last-child(4) ~ li {
  width: calc(100% / 4);
}
.header_typeC .mnb > li:nth-last-child(5) {
  width: calc(100% / 5);
}
.header_typeC .mnb > li:nth-last-child(5) ~ li {
  width: calc(100% / 5);
}
.header_typeC .mnb > li:nth-last-child(6) {
  width: calc(100% / 6);
}
.header_typeC .mnb > li:nth-last-child(6) ~ li {
  width: calc(100% / 6);
}
.header_typeC .mnb > li:nth-last-child(7) {
  width: calc(100% / 7);
}
.header_typeC .mnb > li:nth-last-child(7) ~ li {
  width: calc(100% / 7);
}
.header_typeC .snb_typeA .snb {
  position: static;
}
.header_typeC .snb_typeA .snb li:nth-last-child(1) {
  width: calc(100% / 1);
}
.header_typeC .snb_typeA .snb li:nth-last-child(1) ~ li {
  width: calc(100% / 1);
}
.header_typeC .snb_typeA .snb li:nth-last-child(2) {
  width: calc(100% / 2);
}
.header_typeC .snb_typeA .snb li:nth-last-child(2) ~ li {
  width: calc(100% / 2);
}
.header_typeC .snb_typeA .snb li:nth-last-child(3) {
  width: calc(100% / 3);
}
.header_typeC .snb_typeA .snb li:nth-last-child(3) ~ li {
  width: calc(100% / 3);
}
.header_typeC .snb_typeA .snb li:nth-last-child(4) {
  width: calc(100% / 4);
}
.header_typeC .snb_typeA .snb li:nth-last-child(4) ~ li {
  width: calc(100% / 4);
}
.header_typeC .snb_typeA .snb li:nth-last-child(5) {
  width: calc(100% / 5);
}
.header_typeC .snb_typeA .snb li:nth-last-child(5) ~ li {
  width: calc(100% / 5);
}
.header_typeC .snb_typeA .snb li:nth-last-child(6) {
  width: calc(100% / 6);
}
.header_typeC .snb_typeA .snb li:nth-last-child(6) ~ li {
  width: calc(100% / 6);
}
.header_typeC .snb_typeA .snb li:nth-last-child(7) {
  width: calc(100% / 7);
}
.header_typeC .snb_typeA .snb li:nth-last-child(7) ~ li {
  width: calc(100% / 7);
}

.mnb_wrap {
  height: 50px;
}

.mnb {
  height: 50px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mnb > li {
  float: left;
  min-width: 80px;
}
.mnb > li .mna {
  position: relative;
  display: block;
  padding: 0 18px;
  line-height: 50px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mnb > li .mna:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
}
.mnb > li:last-child .mna:after {
  display: none;
}
.mnb.big > li .mna {
  font-size: 18px;
}
.mnb.big > li .mna:after {
  height: 18px;
  margin-top: -9px;
}
.mnb.mid > li .mna {
  font-size: 16px;
}
.mnb.mid > li .mna:after {
  height: 16px;
  margin-top: -8px;
}
.mnb.sm > li .mna {
  font-size: 14px;
}
.mnb.sm > li .mna:after {
  height: 14px;
  margin-top: -7px;
}
.mnb.cnt1 > li {
  max-width: 720px;
}
.mnb.cnt2 > li {
  max-width: 360px;
}
.mnb.cnt3 > li {
  max-width: 240px;
}
.mnb.cnt4 > li {
  max-width: 180px;
}
.mnb.cnt5 > li {
  max-width: 145px;
}
.mnb.cnt5 > li .mna {
  padding: 0 14px;
}
.mnb.cnt6 > li {
  max-width: 125px;
}
.mnb.cnt6 > li .mna {
  padding: 0 9px;
}

/* 서브메뉴의 top은 mnb의 높이가 끝나는 지점. */
.snb.big > li > a {
  font-size: 15px;
}
.snb.mid > li > a {
  font-size: 14px;
}
.snb.sm > li > a {
  font-size: 13px;
}

.ssnb.big > li > a, .stnb.big > li > a {
  font-size: 14px;
}
.ssnb.mid > li > a, .stnb.mid > li > a {
  font-size: 13px;
}
.ssnb.sm > li > a, .stnb.sm > li > a {
  font-size: 12px;
}

.snb_typeA .snb_wrap1 {
  position: absolute;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 44px;
}
.snb_typeA .snb_wrap2 {
  position: relative;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.snb_typeA .snb {
  position: absolute;
  top: 0;
  overflow: hidden;
}
.snb_typeA .snb > li {
  float: left;
}
.snb_typeA .snb > li > a {
  display: block;
  line-height: 44px;
  padding: 0 18px;
  text-align: center;
}

.snb_typeB > li {
  position: relative;
}
.snb_typeB > li:last-child .snb_wrap1 {
  left: auto;
  right: 0;
}
.snb_typeB .snb_wrap1 {
  overflow: hidden;
  position: absolute;
  left: 0;
  z-index: 1000;
}
.snb_typeB .snb_wrap1.big {
  width: 220px;
}
.snb_typeB .snb_wrap1.mid {
  width: 190px;
}
.snb_typeB .snb_wrap1.sm {
  width: 160px;
}
.snb_typeB .snb > li > a {
  position: relative;
  display: block;
  padding: 8px 18px;
  text-align: left;
}
.snb_typeB .snb > li > a.is_sub {
  padding-right: 38px;
}
.snb_typeB .snb > li > a [class*=ico] {
  position: absolute;
  top: 9px;
  right: 18px;
  font-size: 10px;
}
.snb_typeB .ssnb {
  display: none;
}
.snb_typeB .ssnb > li > .ssna {
  position: relative;
  display: block;
  padding: 8px 18px 8px 23px;
  text-align: left;
}
.snb_typeB .ssnb > li > .ssna.is_sub {
  padding-right: 38px;
}
.snb_typeB .ssnb > li > .ssna [class*=ico] {
  position: absolute;
  top: 8px;
  right: 18px;
}
.snb_typeB .stnb {
  display: none;
}
.snb_typeB .stnb > li > a {
  position: relative;
  display: block;
  padding: 8px 18px 8px 33px;
  text-align: left;
}
.snb_typeB .stnb > li > a:before {
  position: absolute;
  top: 7px;
  left: 23px;
  content: "-";
}
.snb_typeB .ssnb > li > .ssna + .stnb > li > a {
  padding: 8px 18px 8px 38px;
}
.snb_typeB .ssnb > li > .ssna + .stnb > li > a:before {
  left: 28px;
}

.m_mnb {
  display: none;
}

.hid_mn {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 0;
  z-index: 1000;
  width: 50px;
  height: 30px;
  padding: 0 20px 0 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 28px;
}

#header_p .hid_mn {
  background: #ccc;
}

.cls_header_inner {
  padding: 0 !important;
}

.go_top {
  position: fixed;
  z-index: 900;
  right: 10px;
  bottom: 10px;
  width: 36px;
  height: 36px;
  border: 1px solid #fff;
  background: rgba(172, 172, 172, 0.7);
  border-radius: 50%;
}
.go_top:hover {
  background: #acacac;
}
.go_top img {
  display: block;
  width: 15px;
  margin: 9px auto;
}

.header_wrap1.mb .gnb_wrap2 {
  display: none;
}
.header_wrap1.mb .m_gnb {
  display: block;
  padding: 12px;
}
.header_wrap1.mb .m_gnb li a {
  display: block;
  padding: 10px;
}
.header_wrap1.mb .header {
  position: relative;
  z-index: 1000;
}
.header_wrap1.mb .h_logo {
  min-height: 38px;
  margin-right: 50px;
}
.header_wrap1.mb .h_logo a.big {
  font-size: 28px;
}
.header_wrap1.mb .h_logo a.mid {
  font-size: 20px;
}
.header_wrap1.mb .h_logo a.sm {
  font-size: 14px;
}
.header_wrap1.mb .h_logo a img {
  max-width: 230px !important;
  max-height: 42px !important;
}
.header_wrap1.mb .header_typeA, .header_wrap1.mb .header_typeB {
  min-height: 52px;
  height: auto !important;
}
.header_wrap1.mb .header_typeA .mnb_wrap {
  margin: 0;
}
.header_wrap1.mb .header_typeA .h_logo {
  float: none;
  padding: 7px 0 7px 10px;
}
.header_wrap1.mb .header_typeB:before {
  display: none;
}
.header_wrap1.mb .header_typeB .h_logo {
  width: auto;
  padding: 7px 0 7px 10px;
  text-align: left;
}
.header_wrap1.mb .header_typeB .mnb_wrap {
  background: none !important;
  border: none !important;
}
.header_wrap1.mb .header_typeB .mnb {
  display: block;
}
.header_wrap1.mb .header_typeB.use_mnb_bg {
  padding-bottom: 0;
}
.header_wrap1.mb .mnb_wrap {
  -webkit-overflow-scrolling: touch;
  display: none;
  overflow-y: auto;
  position: fixed;
  top: 52px;
  left: auto !important;
  right: 10px;
  bottom: 0;
  z-index: 1000;
  float: none;
  width: 205px;
  height: auto;
  margin: 0 !important;
}
.header_wrap1.mb .mnb_wrap.logo_big {
  top: 101px;
}
.header_wrap1.mb .mnb_wrap.logo_mid {
  top: 82px;
}
.header_wrap1.mb .mnb_wrap.logo_sm {
  top: 67px;
}
.header_wrap1.mb .mnb {
  height: auto;
  margin: 0;
}
.header_wrap1.mb .mnb > li {
  float: none;
  max-width: 100% !important;
}
.header_wrap1.mb .mnb > li .mna {
  line-height: 1.2;
  padding: 13px !important;
  text-align: left;
  border-radius: 0 !important;
}
.header_wrap1.mb .mnb > li .mna:after {
  display: none;
}
.header_wrap1.mb .snb_typeA .snb {
  position: static;
  width: 205px;
  height: auto;
  border: none;
}
.header_wrap1.mb .snb_typeA .snb_wrap1 {
  position: static;
  height: auto !important;
}
.header_wrap1.mb .snb_typeA .snb_wrap2 {
  position: static;
  width: auto;
}
.header_wrap1.mb .snb_typeA .snb > li {
  float: none;
}
.header_wrap1.mb .snb_typeA .snb > li > a {
  display: block;
  padding: 13px 13px 13px 23px;
  font-size: 13px;
  line-height: 1.2;
  text-align: left;
}
.header_wrap1.mb .snb_typeB .snb_wrap1 {
  position: static;
  width: auto !important;
}
.header_wrap1.mb .snb_typeB .snb {
  position: static;
  width: 205px;
  height: auto;
  border: none;
}
.header_wrap1.mb .snb_typeB .snb > li > a {
  display: block;
  padding: 13px 13px 13px 23px;
  font-size: 13px;
}
.header_wrap1.mb .snb_typeB .ssnb > li > a {
  padding-left: 28px;
}
.header_wrap1.mb .snb_typeB .stnb > li > a {
  padding-left: 40px;
}
.header_wrap1.mb .snb_typeB .stnb > li > a:before {
  left: 33px;
}
.header_wrap1.mb .m_mnb {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 30px;
  margin-top: -11px;
}
.header_wrap1.mb .m_mnb div {
  height: 4px;
  margin-top: 5px;
  border-radius: 2px;
}
.header_wrap1.mb .m_mnb div:first-child {
  margin-top: 0;
}

/* 태블릿 */
@media only screen and (max-width: 1023px) {
  .header_wrap2 {
    width: auto;
  }
  .header_typeA .snb_wrap2, .header_typeB .snb_wrap2 {
    width: 100%;
  }
}
/* 모바일가로 */
@media only screen and (max-width: 759px) {
  .gnb_wrap2 {
    display: none;
  }
  .m_gnb {
    display: block;
    padding: 12px;
  }
  .m_gnb li a {
    display: block;
    padding: 10px;
  }
  .header {
    position: relative;
    z-index: 1000;
  }
  .h_logo {
    min-height: 38px;
    margin-right: 50px;
  }
  .h_logo a.big {
    font-size: 28px;
  }
  .h_logo a.mid {
    font-size: 20px;
  }
  .h_logo a.sm {
    font-size: 14px;
  }
  .h_logo a img {
    max-width: 230px !important;
    max-height: 42px !important;
  }
  .header_typeA, .header_typeB {
    min-height: 52px;
    height: auto !important;
  }
  .header_typeA .mnb_wrap {
    margin: 0;
  }
  .header_typeA .h_logo {
    float: none;
    padding: 7px 0 7px 10px;
  }
  .header_typeB:before {
    display: none;
  }
  .header_typeB .h_logo {
    width: auto;
    padding: 7px 0 7px 10px;
    text-align: left;
  }
  .header_typeB .mnb_wrap {
    background: none !important;
    border: none !important;
  }
  .header_typeB .mnb_wrap:before {
    display: none;
  }
  .header_typeB .mnb {
    display: block;
  }
  .header_typeB.use_mnb_bg {
    padding-bottom: 0;
  }
  .mnb_wrap {
    -webkit-overflow-scrolling: touch;
    display: none;
    overflow-y: auto;
    position: fixed;
    top: 52px;
    left: auto !important;
    right: 10px;
    bottom: 0;
    z-index: 1000;
    float: none;
    width: 205px;
    height: auto;
    margin: 0 !important;
  }
  .mnb_wrap.logo_big {
    top: 101px;
  }
  .mnb_wrap.logo_mid {
    top: 82px;
  }
  .mnb_wrap.logo_sm {
    top: 67px;
  }
  .mnb {
    height: auto;
    margin: 0;
  }
  .mnb > li {
    float: none;
    max-width: 100% !important;
  }
  .mnb > li .mna {
    line-height: 1.2;
    padding: 13px !important;
    text-align: left;
    border-radius: 0 !important;
  }
  .mnb > li .mna:after {
    display: none;
  }
  .snb_typeA .snb {
    position: static;
    width: 205px;
    height: auto;
    border: none;
  }
  .snb_typeA .snb_wrap1 {
    position: static;
    height: auto !important;
  }
  .snb_typeA .snb_wrap2 {
    position: static;
    width: auto;
  }
  .snb_typeA .snb > li {
    float: none;
  }
  .snb_typeA .snb > li > a {
    display: block;
    padding: 13px 13px 13px 23px;
    font-size: 13px;
    line-height: 1.2;
    text-align: left;
  }
  .snb_typeB .snb_wrap1 {
    position: static;
    width: auto !important;
  }
  .snb_typeB .snb {
    position: static;
    width: 205px;
    height: auto;
    border: none;
  }
  .snb_typeB .snb > li > a {
    display: block;
    padding: 13px 13px 13px 23px;
    font-size: 13px;
  }
  .m_mnb {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 30px;
    margin-top: -11px;
  }
  .m_mnb div {
    height: 4px;
    margin-top: 5px;
    border-radius: 2px;
  }
  .m_mnb div:first-child {
    margin-top: 0;
  }
}
/* 모바일세로 */
/*
  ex) main_visual_typeA_A_A
  첫번째 - 가로사이즈 A : 1200, B : 1920, C : 1200-, D : 1200+
  두번째 - 비율 A,D,G,J : 16:6, B,E,H,K : 16:9, C,F,I,L : 4:3
  세번째 - A : FADE, B : SLIDE
*/
.main_visual_wrap1 {
  position: relative;
}

.main_visual_wrap2 {
  max-width: 1200px;
  margin: 0 auto;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.main_visual {
  position: relative;
  z-index: 1;
}
.main_visual .spot li {
  overflow: hidden;
  position: relative;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.main_visual .spot li a {
  display: block;
}
.main_visual .spot li .img {
  width: 100%;
}
.main_visual .spot li .txt_wrap1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.main_visual .spot li .txt_wrap1 .txt_wrap2 {
  display: table;
  max-width: 1200px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.main_visual .spot li .txt_wrap1 .txt_wrap2 .txt {
  display: table-cell;
  padding: 48px 68px;
}
.main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 라인수 */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 1.5em !important;
}
.main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs5 {
  font-size: 60px;
}
.main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs4 {
  font-size: 50px;
}
.main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs3 {
  font-size: 40px;
}
.main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs2 {
  font-size: 30px;
}
.main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs1 {
  font-size: 20px;
}
.main_visual .arr_wrap1 {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 100;
  width: 100%;
  margin-top: -27px;
}
.main_visual .arr_wrap1 .arr_wrap2 {
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}
.main_visual .arr_wrap1 .arr_wrap2 .arr_l {
  float: left;
  width: 30px;
  height: 54px;
  padding-left: 22px;
}
.main_visual .arr_wrap1 .arr_wrap2 .arr_r {
  float: right;
  width: 30px;
  height: 54px;
  padding-right: 22px;
}
.main_visual .dot_wrap {
  position: absolute;
  left: 0;
  bottom: 10px;
  z-index: 10;
  width: 100%;
  text-align: center;
}
.main_visual .dot_wrap li {
  display: inline-block;
  margin-left: 10px;
}
.main_visual .dot_wrap li:first-child {
  margin-left: 0;
}
.main_visual .dot_wrap button {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 0;
}
.main_visual .dot_wrap a {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  border-radius: 5px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.main_visual .dot_wrap a:first-child {
  margin-left: 0;
}

/* 메인비쥬얼이미지 비율 */
/* 비쥬얼이미지 16:6, Fade */
.main_visual_typeA_A_A .spot, .main_visual_typeC_G_A .spot, .main_visual_typeD_J_A .spot {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 37.5%;
}
.main_visual_typeA_A_A .spot li, .main_visual_typeC_G_A .spot li, .main_visual_typeD_J_A .spot li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 비쥬얼이미지 16:9, Fade */
.main_visual_typeA_B_A .spot, .main_visual_typeC_H_A .spot, .main_visual_typeD_K_A .spot {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}
.main_visual_typeA_B_A .spot li, .main_visual_typeC_H_A .spot li, .main_visual_typeD_K_A .spot li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 비쥬얼이미지 16:12, Fade */
.main_visual_typeA_C_A .spot, .main_visual_typeC_I_A .spot, .main_visual_typeD_L_A .spot {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 75%;
}
.main_visual_typeA_C_A .spot li, .main_visual_typeC_I_A .spot li, .main_visual_typeD_L_A .spot li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 비쥬얼이미지 16:6, Fade */
.main_visual_typeB_D_A {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}
.main_visual_typeB_D_A .spot {
  position: relative;
  overflow: hidden;
  height: 450px;
}
.main_visual_typeB_D_A .spot .slick-list,
.main_visual_typeB_D_A .spot .slick-track {
  height: 100%;
}
.main_visual_typeB_D_A .spot li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main_visual_typeB_D_A .spot li .img {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  width: 1920px !important;
  margin-left: -960px;
}

/* 비쥬얼이미지 16:9, Fade */
.main_visual_typeB_E_A {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}
.main_visual_typeB_E_A .spot {
  position: relative;
  overflow: hidden;
  height: 675px;
}
.main_visual_typeB_E_A .spot .slick-list,
.main_visual_typeB_E_A .spot .slick-track {
  height: 100%;
}
.main_visual_typeB_E_A .spot li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main_visual_typeB_E_A .spot li .img {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  width: 1920px !important;
  margin-left: -960px;
}

/* 비쥬얼이미지 16:12, Fade */
.main_visual_typeB_F_A {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}
.main_visual_typeB_F_A .spot {
  position: relative;
  overflow: hidden;
  height: 900px;
}
.main_visual_typeB_F_A .spot .slick-list,
.main_visual_typeB_F_A .spot .slick-track {
  height: 100%;
}
.main_visual_typeB_F_A .spot li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main_visual_typeB_F_A .spot li .img {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  width: 1920px !important;
  margin-left: -960px;
}

/* 메인비쥬얼 그라데이션 */
.main_visual .btm_b { /* 하단black */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 );
  /* IE6-9 */
}
.main_visual .btm_w { /* 하단 white */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
  /* IE6-9 */
}
.main_visual .top_b { /* 상단block */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 50%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#00000000",GradientType=0 );
  /* IE6-9 */
}
.main_visual .top_w { /* 상단 white */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 50%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 );
  /* IE6-9 */
}
.main_visual .mid_b { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0.4) 55%, rgba(0, 0, 0, 0) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#00000000",GradientType=0 ); /* IE6-9 */
}
.main_visual .mid_w { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 45%, rgba(255, 255, 255, 0.4) 55%, rgba(255, 255, 255, 0) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#00ffffff",GradientType=0 ); /* IE6-9 */
}

/* 메인비쥬얼 썸네일 */
/* 썸네일이미지 사이즈 pc(107*60) 태블릿(121*68) 모바일가로(123*69) 모바일세로(99*55)*/
.thumbnail_wrap {
  overflow: hidden;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.thumbnail_wrap .thumbnail {
  padding: 6px 6px;
}

.thumbnail .arr_wrap {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 100;
  max-width: 1200px;
  width: 100%;
  margin-top: -27px;
}
.thumbnail .arr_wrap .arr_l {
  float: left;
  width: 30px;
  height: 54px;
  padding-left: 22px;
}
.thumbnail .arr_wrap .arr_r {
  float: right;
  width: 30px;
  height: 54px;
  padding-right: 22px;
}

/*  */
@media only screen and (min-width: 1920px) {
  /* 비쥬얼이미지 16:6, Fade */
  .main_visual_typeB_D_A {
    max-width: 100%;
  }
  .main_visual_typeB_D_A .spot {
    height: 0;
    padding-bottom: 23.43%;
  }
  .main_visual_typeB_D_A .spot .slick-list,
  .main_visual_typeB_D_A .spot .slick-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .main_visual_typeB_D_A .spot li .img {
    left: 0;
    width: 100% !important;
    margin-left: 0;
  }
  /* 비쥬얼이미지 16:9, Fade */
  .main_visual_typeB_E_A {
    max-width: 100%;
  }
  .main_visual_typeB_E_A .spot {
    height: 0;
    padding-bottom: 35.15%;
  }
  .main_visual_typeB_E_A .spot .slick-list,
  .main_visual_typeB_E_A .spot .slick-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .main_visual_typeB_E_A .spot li .img {
    left: 0;
    width: 100% !important;
    margin-left: 0;
  }
  /* 비쥬얼이미지 16:12, Fade */
  .main_visual_typeB_F_A {
    max-width: 100%;
  }
  .main_visual_typeB_F_A .spot {
    height: 0;
    padding-bottom: 46.87%;
  }
  .main_visual_typeB_F_A .spot .slick-list,
  .main_visual_typeB_F_A .spot .slick-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .main_visual_typeB_F_A .spot li .img {
    left: 0;
    width: 100% !important;
    margin-left: 0;
  }
}
.cls_visual_inner {
  padding: 0 !important;
}

/* 태블릿 */
@media only screen and (max-width: 1199px) {
  /* Visual */
  .main_visual_wrap2 {
    width: auto;
  }
  .main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs5 {
    font-size: 44px;
  }
  .main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs4 {
    font-size: 37px;
  }
  .main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs3 {
    font-size: 30px;
  }
  .main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs2 {
    font-size: 22px;
  }
  .main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs1 {
    font-size: 15px;
  }
  /* 비쥬얼이미지 16:6, Fade */
  .main_visual_typeB_D_A .spot {
    height: 0;
    padding-bottom: 37.5%;
  }
  .main_visual_typeB_D_A .spot .slick-list,
  .main_visual_typeB_D_A .spot .slick-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .main_visual_typeB_D_A .spot li .img {
    left: 0;
    width: 160.3% !important;
    margin-left: -30.2%;
  }
  /* 비쥬얼이미지 16:9, Fade */
  .main_visual_typeB_E_A .spot {
    height: 0;
    padding-bottom: 56.3%;
  }
  .main_visual_typeB_E_A .spot .slick-list,
  .main_visual_typeB_E_A .spot .slick-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .main_visual_typeB_E_A .spot li .img {
    left: 0;
    width: 160.3% !important;
    margin-left: -30.2%;
  }
  /* 비쥬얼이미지 16:12, Fade */
  .main_visual_typeB_F_A .spot {
    height: 0;
    padding-bottom: 75%;
  }
  .main_visual_typeB_F_A .spot .slick-list,
  .main_visual_typeB_F_A .spot .slick-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .main_visual_typeB_F_A .spot li .img {
    left: 0;
    width: 160.3% !important;
    margin-left: -30.2%;
  }
}
/* 모바일가로 */
@media only screen and (max-width: 759px) {
  /* Visual */
  .main_visual .spot li .txt_wrap1 .txt_wrap2 .txt {
    padding: 30px 20px;
  }
  .main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p {
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em !important;
  }
  .main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs5 {
    font-size: 38px;
  }
  .main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs4 {
    font-size: 32px;
  }
  .main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs3 {
    font-size: 26px;
  }
  .main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs2 {
    font-size: 21px;
  }
  .main_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs1 {
    font-size: 16px;
  }
  .main_visual .arr_wrap1 {
    display: none;
  }
}
/* 모바일세로 */
/*  */
@media only screen and (max-width: 681px) {
  .main_visual_typeA_A_A.ratio_no_fix .spot,
  .main_visual_typeD_J_A.ratio_no_fix .spot {
    height: 256px;
    padding-bottom: 0;
  }
  .main_visual_typeA_A_A.ratio_no_fix .spot .slick-list,
  .main_visual_typeA_A_A.ratio_no_fix .spot .slick-track,
  .main_visual_typeD_J_A.ratio_no_fix .spot .slick-list,
  .main_visual_typeD_J_A.ratio_no_fix .spot .slick-track {
    height: 100%;
  }
  .main_visual_typeA_A_A.ratio_no_fix .spot li .img,
  .main_visual_typeD_J_A.ratio_no_fix .spot li .img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    width: 682px !important;
    margin-left: -341px;
  }
  .main_visual_typeA_A_A.ratio_no_fix .spot li .img.left,
  .main_visual_typeD_J_A.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: 0;
  }
  .main_visual_typeA_A_A.ratio_no_fix .spot li .img.right,
  .main_visual_typeD_J_A.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .main_visual_typeA_A_B.ratio_no_fix .spot li,
  .main_visual_typeD_J_B.ratio_no_fix .spot li {
    height: 256px;
  }
  .main_visual_typeA_A_B.ratio_no_fix .spot li .img,
  .main_visual_typeD_J_B.ratio_no_fix .spot li .img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    width: 682px !important;
    margin-left: -341px;
  }
  .main_visual_typeA_A_B.ratio_no_fix .spot li .img.left,
  .main_visual_typeD_J_B.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: 0;
  }
  .main_visual_typeA_A_B.ratio_no_fix .spot li .img.right,
  .main_visual_typeD_J_B.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .main_visual_typeB_D_A.ratio_no_fix .spot {
    height: 256px;
    padding-bottom: 0;
  }
  .main_visual_typeB_D_A.ratio_no_fix .spot .slick-list,
  .main_visual_typeB_D_A.ratio_no_fix .spot .slick-track {
    position: relative;
    height: 100%;
  }
  .main_visual_typeB_D_A.ratio_no_fix .spot li .img {
    left: 50%;
    max-width: none;
    width: 1093px !important;
    margin-left: -546.5px;
  }
  .main_visual_typeB_D_A.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: -206px;
  }
  .main_visual_typeB_D_A.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -206px;
  }
  .main_visual_typeC_G_A.ratio_no_fix .spot {
    height: 216px;
    padding-bottom: 0;
  }
  .main_visual_typeC_G_A.ratio_no_fix .spot .slick-list,
  .main_visual_typeC_G_A.ratio_no_fix .spot .slick-track {
    height: 100%;
  }
  .main_visual_typeC_G_A.ratio_no_fix .spot li .img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    width: 642px !important;
    margin-left: -321px;
  }
  .main_visual_typeC_G_A.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: 0;
  }
  .main_visual_typeC_G_A.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .main_visual_typeC_G_B.ratio_no_fix .spot li {
    height: 216px;
  }
  .main_visual_typeC_G_B.ratio_no_fix .spot li .img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    width: 642px !important;
    margin-left: -321px;
  }
  .main_visual_typeC_G_B.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: 0;
  }
  .main_visual_typeC_G_B.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
/*  */
@media only screen and (max-width: 454px) {
  .main_visual_typeA_B_A.ratio_no_fix .spot,
  .main_visual_typeD_K_A.ratio_no_fix .spot {
    height: 256px;
    padding-bottom: 0;
  }
  .main_visual_typeA_B_A.ratio_no_fix .spot .slick-list,
  .main_visual_typeA_B_A.ratio_no_fix .spot .slick-track,
  .main_visual_typeD_K_A.ratio_no_fix .spot .slick-list,
  .main_visual_typeD_K_A.ratio_no_fix .spot .slick-track {
    height: 100%;
  }
  .main_visual_typeA_B_A.ratio_no_fix .spot li .img,
  .main_visual_typeD_K_A.ratio_no_fix .spot li .img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    width: 454px !important;
    margin-left: -227px;
  }
  .main_visual_typeA_B_A.ratio_no_fix .spot li .img.left,
  .main_visual_typeD_K_A.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: 0;
  }
  .main_visual_typeA_B_A.ratio_no_fix .spot li .img.right,
  .main_visual_typeD_K_A.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .main_visual_typeA_B_B.ratio_no_fix .spot li,
  .main_visual_typeD_K_B.ratio_no_fix .spot li {
    height: 256px;
  }
  .main_visual_typeA_B_B.ratio_no_fix .spot li .img,
  .main_visual_typeD_K_B.ratio_no_fix .spot li .img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    width: 454px !important;
    margin-left: -227px;
  }
  .main_visual_typeA_B_B.ratio_no_fix .spot li .img.left,
  .main_visual_typeD_K_B.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: 0;
  }
  .main_visual_typeA_B_B.ratio_no_fix .spot li .img.right,
  .main_visual_typeD_K_B.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .main_visual_typeB_E_A.ratio_no_fix .spot {
    height: 256px;
    padding-bottom: 0;
  }
  .main_visual_typeB_E_A.ratio_no_fix .spot .slick-list,
  .main_visual_typeB_E_A.ratio_no_fix .spot .slick-track {
    position: relative;
    height: 100%;
  }
  .main_visual_typeB_E_A.ratio_no_fix .spot li .img {
    left: 50%;
    max-width: none;
    width: 729px !important;
    margin-left: -364.5px;
  }
  .main_visual_typeB_E_A.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: -137px;
  }
  .main_visual_typeB_E_A.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin: 0 -137px 0 0;
  }
  .main_visual_typeC_H_A.ratio_no_fix .spot {
    height: 216px;
    padding-bottom: 0;
  }
  .main_visual_typeC_H_A.ratio_no_fix .spot .slick-list,
  .main_visual_typeC_H_A.ratio_no_fix .spot .slick-track {
    height: 100%;
  }
  .main_visual_typeC_H_A.ratio_no_fix .spot li .img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    width: 414px !important;
    margin-left: -207px;
  }
  .main_visual_typeC_H_A.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: 0;
  }
  .main_visual_typeC_H_A.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .main_visual_typeC_H_B.ratio_no_fix .spot li {
    height: 216px;
  }
  .main_visual_typeC_H_B.ratio_no_fix .spot li .img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    width: 414px !important;
    margin-left: -207px;
  }
  .main_visual_typeC_H_B.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: 0;
  }
  .main_visual_typeC_H_B.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
/*
  ex) sub_visual_typeA_A_A
  첫번째 - 가로사이즈 A : 1200, B : 1920, C : 1200-, D : 1200+
  두번째 - 비율 A,D,G,J : 16:3, B,E,H,K : 16:6, C,F,I,L : 16:9
  세번째 - A : FADE, B : SLIDE
*/
.sub_visual_wrap1 {
  position: relative;
}

.sub_visual_wrap2 {
  max-width: 1200px;
  margin: 0 auto;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.sub_visual {
  position: relative;
  z-index: 1;
}
.sub_visual .spot li {
  overflow: hidden;
  position: relative;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sub_visual .spot li a {
  display: block;
}
.sub_visual .spot li .img {
  width: 100%;
}
.sub_visual .spot li .txt_wrap1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sub_visual .spot li .txt_wrap1 .txt_wrap2 {
  display: table;
  max-width: 1200px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt {
  display: table-cell;
  padding: 20px 48px;
}
.sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 라인수 */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 1.5em !important;
}
.sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs5 {
  font-size: 50px;
}
.sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs4 {
  font-size: 40px;
}
.sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs3 {
  font-size: 30px;
}
.sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs2 {
  font-size: 23px;
}
.sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs1 {
  font-size: 16px;
}
.sub_visual .arr_wrap1 {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 100;
  width: 100%;
  margin-top: -27px;
}
.sub_visual .arr_wrap1 .arr_wrap2 {
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}
.sub_visual .arr_wrap1 .arr_wrap2 .arr_l {
  float: left;
  width: 30px;
  height: 54px;
  padding-left: 10px;
}
.sub_visual .arr_wrap1 .arr_wrap2 .arr_r {
  float: right;
  width: 30px;
  height: 54px;
  padding-right: 10px;
}
.sub_visual .dot_wrap {
  position: absolute;
  left: 0;
  bottom: 5px;
  z-index: 10;
  width: 100%;
  text-align: center;
}
.sub_visual .dot_wrap li {
  display: inline-block;
  margin-left: 10px;
}
.sub_visual .dot_wrap li:first-child {
  margin-left: 0;
}
.sub_visual .dot_wrap button {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 0;
}
.sub_visual .dot_wrap a {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  border-radius: 5px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sub_visual .dot_wrap a:first-child {
  margin-left: 0;
}

/* 메인비쥬얼이미지 비율 */
/* 비쥬얼이미지 16:3, Fade */
.sub_visual_typeA_A_A .spot, .sub_visual_typeD_J_A .spot {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 18.75%;
}
.sub_visual_typeA_A_A .spot li, .sub_visual_typeD_J_A .spot li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sub_visual_typeA_A_A.ratio_no_fix .spot,
.sub_visual_typeD_J_A.ratio_no_fix .spot {
  position: relative;
  overflow: hidden;
  height: 225px;
  padding-bottom: 0;
}
.sub_visual_typeA_A_A.ratio_no_fix .spot .slick-list,
.sub_visual_typeA_A_A.ratio_no_fix .spot .slick-track,
.sub_visual_typeD_J_A.ratio_no_fix .spot .slick-list,
.sub_visual_typeD_J_A.ratio_no_fix .spot .slick-track {
  height: 100%;
}
.sub_visual_typeA_A_A.ratio_no_fix .spot li,
.sub_visual_typeD_J_A.ratio_no_fix .spot li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_visual_typeA_A_A.ratio_no_fix .spot li .img,
.sub_visual_typeD_J_A.ratio_no_fix .spot li .img {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  width: 1200px !important;
  margin-left: -600px;
}
.sub_visual_typeA_A_A.ratio_no_fix .spot li .img.left,
.sub_visual_typeD_J_A.ratio_no_fix .spot li .img.left {
  left: 0;
  margin-left: 0;
}
.sub_visual_typeA_A_A.ratio_no_fix .spot li .img.right,
.sub_visual_typeD_J_A.ratio_no_fix .spot li .img.right {
  left: auto;
  right: 0;
  margin-left: 0;
  margin-right: 0;
}

/* 비쥬얼이미지 16:6, Fade */
.sub_visual_typeA_B_A .spot, .sub_visual_typeC_H_A .spot, .sub_visual_typeD_K_A .spot {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 37.5%;
}
.sub_visual_typeA_B_A .spot li, .sub_visual_typeC_H_A .spot li, .sub_visual_typeD_K_A .spot li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 비쥬얼이미지 16:9, Fade */
.sub_visual_typeA_C_A .spot, .sub_visual_typeC_I_A .spot, .sub_visual_typeD_L_A .spot {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}
.sub_visual_typeA_C_A .spot li, .sub_visual_typeC_I_A .spot li, .sub_visual_typeD_L_A .spot li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 비쥬얼이미지 16:3, Slide */
.sub_visual_typeA_A_B.ratio_no_fix .spot li,
.sub_visual_typeD_J_B.ratio_no_fix .spot li {
  height: 225px;
}
.sub_visual_typeA_A_B.ratio_no_fix .spot li .img,
.sub_visual_typeD_J_B.ratio_no_fix .spot li .img {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  width: 1200px !important;
  margin-left: -600px;
}
.sub_visual_typeA_A_B.ratio_no_fix .spot li .img.left,
.sub_visual_typeD_J_B.ratio_no_fix .spot li .img.left {
  left: 0;
  margin-left: 0;
}
.sub_visual_typeA_A_B.ratio_no_fix .spot li .img.right,
.sub_visual_typeD_J_B.ratio_no_fix .spot li .img.right {
  left: auto;
  right: 0;
  margin-left: 0;
  margin-right: 0;
}

/* 비쥬얼이미지 16:3 */
.sub_visual_typeB_D_A {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}
.sub_visual_typeB_D_A .spot {
  position: relative;
  overflow: hidden;
  height: 225px;
}
.sub_visual_typeB_D_A .spot .slick-list,
.sub_visual_typeB_D_A .spot .slick-track {
  height: 100%;
}
.sub_visual_typeB_D_A .spot li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_visual_typeB_D_A .spot li .img {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  width: 1920px !important;
  margin-left: -960px;
}

/* 비쥬얼이미지 16:6 */
.sub_visual_typeB_E_A {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}
.sub_visual_typeB_E_A .spot {
  position: relative;
  overflow: hidden;
  height: 450px;
}
.sub_visual_typeB_E_A .spot .slick-list,
.sub_visual_typeB_E_A .spot .slick-track {
  height: 100%;
}
.sub_visual_typeB_E_A .spot li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_visual_typeB_E_A .spot li .img {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  width: 1920px !important;
  margin-left: -960px;
}

/* 비쥬얼이미지 16:9 */
.sub_visual_typeB_F_A {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}
.sub_visual_typeB_F_A .spot {
  position: relative;
  overflow: hidden;
  height: 675px;
}
.sub_visual_typeB_F_A .spot .slick-list,
.sub_visual_typeB_F_A .spot .slick-track {
  height: 100%;
}
.sub_visual_typeB_F_A .spot li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_visual_typeB_F_A .spot li .img {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  width: 1920px !important;
  margin-left: -960px;
}

/* 비쥬얼이미지 16:3, Fade */
.sub_visual_typeC_G_A .spot {
  position: relative;
  overflow: hidden;
  height: 152px;
}
.sub_visual_typeC_G_A .spot .slick-list,
.sub_visual_typeC_G_A .spot .slick-track {
  height: 100%;
}
.sub_visual_typeC_G_A .spot li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_visual_typeC_G_A .spot li .img {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  width: 1200px !important;
  margin-top: -40px;
  margin-left: -600px;
}
.sub_visual_typeC_G_A .spot li .img.left {
  left: 0;
  margin-left: 0;
}
.sub_visual_typeC_G_A .spot li .img.right {
  left: auto;
  right: 0;
  margin-left: 0;
  margin-right: 0;
}

/* 비쥬얼이미지 16:3, Slide */
.sub_visual_typeC_G_B .spot li {
  height: 152px;
}
.sub_visual_typeC_G_B .spot li .img {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  width: 1200px !important;
  margin-top: -40px;
  margin-left: -600px;
}
.sub_visual_typeC_G_B .spot li .img.left {
  left: 0;
  margin-left: 0;
}
.sub_visual_typeC_G_B .spot li .img.right {
  left: auto;
  right: 0;
  margin-left: 0;
  margin-right: 0;
}

/* 메인비쥬얼 그라데이션 */
.sub_visual .btm_b { /* 하단black */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 );
  /* IE6-9 */
}
.sub_visual .btm_w { /* 하단 white */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
  /* IE6-9 */
}
.sub_visual .top_b { /* 상단block */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 50%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#00000000",GradientType=0 );
  /* IE6-9 */
}
.sub_visual .top_w { /* 상단 white */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 50%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 );
  /* IE6-9 */
}
.sub_visual .mid_b { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0.4) 55%, rgba(0, 0, 0, 0) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#00000000",GradientType=0 ); /* IE6-9 */
}
.sub_visual .mid_w { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 45%, rgba(255, 255, 255, 0.4) 55%, rgba(255, 255, 255, 0) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#00ffffff",GradientType=0 ); /* IE6-9 */
}

/*  */
@media only screen and (min-width: 1920px) {
  /* 비쥬얼이미지 16:3, Fade */
  .sub_visual_typeB_D_A {
    max-width: 100%;
  }
  .sub_visual_typeB_D_A .spot {
    height: 0;
    padding-bottom: 11.7%;
  }
  .sub_visual_typeB_D_A .spot .slick-list,
  .sub_visual_typeB_D_A .spot .slick-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .sub_visual_typeB_D_A .spot li .img {
    left: 0;
    width: 100% !important;
    margin: 0 !important;
  }
  /* 비쥬얼이미지 16:6, Fade */
  .sub_visual_typeB_E_A {
    max-width: 100%;
  }
  .sub_visual_typeB_E_A .spot {
    height: 0;
    padding-bottom: 23.43%;
  }
  .sub_visual_typeB_E_A .spot .slick-list,
  .sub_visual_typeB_E_A .spot .slick-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .sub_visual_typeB_E_A .spot li .img {
    left: 0;
    width: 100% !important;
    margin-left: 0;
  }
  /* 비쥬얼이미지 16:9, Fade */
  .sub_visual_typeB_F_A {
    max-width: 100%;
  }
  .sub_visual_typeB_F_A .spot {
    height: 0;
    padding-bottom: 35.15%;
  }
  .sub_visual_typeB_F_A .spot .slick-list,
  .sub_visual_typeB_F_A .spot .slick-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .sub_visual_typeB_F_A .spot li .img {
    left: 0;
    width: 100% !important;
    margin-left: 0;
  }
}
/* 태블릿 */
@media only screen and (max-width: 1199px) {
  /* Visual */
  .sub_visual_wrap2 {
    width: auto;
  }
  .sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs5 {
    font-size: 37px;
  }
  .sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs4 {
    font-size: 30px;
  }
  .sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs3 {
    font-size: 23px;
  }
  .sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs2 {
    font-size: 20px;
  }
  .sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs1 {
    font-size: 14px;
  }
  /* 비쥬얼이미지 16:3, Fade */
  .sub_visual_typeB_D_A .spot {
    height: 0;
    padding-bottom: 18.8%;
  }
  .sub_visual_typeB_D_A .spot .slick-list,
  .sub_visual_typeB_D_A .spot .slick-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .sub_visual_typeB_D_A .spot li .img {
    left: 0;
    width: 160% !important;
    margin-left: -30%;
  }
  /* 비쥬얼이미지 16:6, Fade */
  .sub_visual_typeB_E_A .spot {
    height: 0;
    padding-bottom: 37.5%;
  }
  .sub_visual_typeB_E_A .spot .slick-list,
  .sub_visual_typeB_E_A .spot .slick-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .sub_visual_typeB_E_A .spot li .img {
    left: 0;
    width: 160.3% !important;
    margin-left: -30.2%;
  }
  /* 비쥬얼이미지 16:9, Fade */
  .sub_visual_typeB_F_A .spot {
    height: 0;
    padding-bottom: 56.3%;
  }
  .sub_visual_typeB_F_A .spot .slick-list,
  .sub_visual_typeB_F_A .spot .slick-track {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
  }
  .sub_visual_typeB_F_A .spot li .img {
    left: 0;
    width: 160.3% !important;
    margin-left: -30.2%;
  }
}
@media only screen and (max-width: 1021px) {
  .sub_visual_typeB_D_A.ratio_no_fix .spot {
    height: 192px;
    padding-bottom: 0;
  }
  .sub_visual_typeB_D_A.ratio_no_fix .spot .slick-list,
  .sub_visual_typeB_D_A.ratio_no_fix .spot .slick-track {
    height: 100%;
  }
  .sub_visual_typeB_D_A.ratio_no_fix .spot li .img {
    left: 50%;
    max-width: none;
    width: 1640px !important;
    margin-left: -820px;
  }
  .sub_visual_typeB_D_A.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: -310px;
  }
  .sub_visual_typeB_D_A.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -310px;
  }
}
/* 모바일가로 */
@media only screen and (max-width: 759px) {
  /* Visual */
  .sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt {
    padding: 10px;
  }
  .sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p {
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em !important;
  }
  .sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs5 {
    font-size: 26px;
  }
  .sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs4 {
    font-size: 23px;
  }
  .sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs3 {
    font-size: 20px;
  }
  .sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs2 {
    font-size: 16px;
  }
  .sub_visual .spot li .txt_wrap1 .txt_wrap2 .txt p.fs1 {
    font-size: 12px;
  }
  .sub_visual .arr_wrap1, .sub_visual .dot_wrap {
    display: none;
  }
}
/* 모바일세로 */
@media only screen and (max-width: 512px) {
  .sub_visual_typeA_B_A.ratio_no_fix .spot, .sub_visual_typeD_K_A.ratio_no_fix .spot {
    height: 192px;
    padding-bottom: 0;
  }
  .sub_visual_typeA_B_A.ratio_no_fix .spot .slick-list,
  .sub_visual_typeA_B_A.ratio_no_fix .spot .slick-track, .sub_visual_typeD_K_A.ratio_no_fix .spot .slick-list,
  .sub_visual_typeD_K_A.ratio_no_fix .spot .slick-track {
    height: 100%;
  }
  .sub_visual_typeA_B_A.ratio_no_fix .spot li .img, .sub_visual_typeD_K_A.ratio_no_fix .spot li .img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    width: 512px !important;
    margin-left: -256px;
  }
  .sub_visual_typeA_B_A.ratio_no_fix .spot li .img.left, .sub_visual_typeD_K_A.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: 0;
  }
  .sub_visual_typeA_B_A.ratio_no_fix .spot li .img.right, .sub_visual_typeD_K_A.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .sub_visual_typeA_B_B.ratio_no_fix .spot li, .sub_visual_typeD_K_B.ratio_no_fix .spot li {
    height: 192px;
  }
  .sub_visual_typeA_B_B.ratio_no_fix .spot li .img, .sub_visual_typeD_K_B.ratio_no_fix .spot li .img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    width: 512px !important;
    margin-left: -256px;
  }
  .sub_visual_typeA_B_B.ratio_no_fix .spot li .img.left, .sub_visual_typeD_K_B.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: 0;
  }
  .sub_visual_typeA_B_B.ratio_no_fix .spot li .img.right, .sub_visual_typeD_K_B.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .sub_visual_typeB_E_A.ratio_no_fix .spot {
    height: 192px;
    padding-bottom: 0;
  }
  .sub_visual_typeB_E_A.ratio_no_fix .spot .slick-list,
  .sub_visual_typeB_E_A.ratio_no_fix .spot .slick-track {
    height: 100%;
  }
  .sub_visual_typeB_E_A.ratio_no_fix .spot li .img {
    left: 50%;
    max-width: none;
    width: 822px !important;
    margin-left: -411px;
  }
  .sub_visual_typeB_E_A.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: -155px;
  }
  .sub_visual_typeB_E_A.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -155px;
  }
  .sub_visual_typeC_H_A.ratio_no_fix .spot {
    height: 152px;
    padding-bottom: 0;
  }
  .sub_visual_typeC_H_A.ratio_no_fix .spot .slick-list,
  .sub_visual_typeC_H_A.ratio_no_fix .spot .slick-track {
    height: 100%;
  }
  .sub_visual_typeC_H_A.ratio_no_fix .spot li .img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    width: 472px !important;
    margin-left: -236px;
  }
  .sub_visual_typeC_H_A.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: 0;
  }
  .sub_visual_typeC_H_A.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .sub_visual_typeC_H_B.ratio_no_fix .spot li {
    height: 152px;
  }
  .sub_visual_typeC_H_B.ratio_no_fix .spot li .img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    width: 472px !important;
    margin-left: -236px;
  }
  .sub_visual_typeC_H_B.ratio_no_fix .spot li .img.left {
    left: 0;
    margin-left: 0;
  }
  .sub_visual_typeC_H_B.ratio_no_fix .spot li .img.right {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.cls_banner_inner {
  position: relative;
}

.banner {
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.banner li {
  overflow: hidden;
  position: relative;
  -webkit-transform: translateZ(0);
}
.banner li img {
  display: block;
  transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  image-rendering: -webkit-optimize-contrast;
}
.banner li:hover img {
  transition-duration: 0.3s;
  transform: scale(1.05);
}
.banner li .txt_wrap { /* 이미지 텍스트 상단 */
  width: 100%;
  padding: 10px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.banner li .txt_wrap .p1 {
  font-size: 28px;
  line-height: 150%;
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.banner li .txt_wrap .p2 {
  font-size: 16px;
  line-height: 150%;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.banner li .txt_wrap.top {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.banner li .txt_wrap.btm {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.banner li .txt_wrap.mid {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100%;
}
.banner li .txt_wrap.mid .txt_wrap2 {
  display: table;
  width: 100%;
  height: 100%;
}
.banner li .txt_wrap.mid .txt_wrap2 .txt {
  display: table-cell;
  vertical-align: middle;
}
.banner.banner_type3 li .txt_wrap {
  padding: 5px;
}
.banner.banner_type3 li .txt_wrap .p1 {
  font-size: 24px;
  line-height: 130%;
}
.banner.banner_type3 li .txt_wrap .p2 {
  line-height: 130%;
}
.banner.banner_type4 li .txt_wrap {
  padding: 7px;
}
.banner.banner_type4 li .txt_wrap .p1 {
  font-size: 20px;
  line-height: 120%;
}
.banner.banner_type4 li .txt_wrap .p2 {
  font-size: 14px;
  line-height: 120%;
}

.banner_arrw_l, .banner_arrw_r {
  display: none;
}

/* 배너 그라데이션 */
.banner .btm_b { /* 하단black */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 );
  /* IE6-9 */
}
.banner .btm_b .p1, .banner .btm_b .p2 {
  color: #fff !important;
}
.banner .btm_w { /* 하단 white */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
  /* IE6-9 */
}
.banner .btm_w .p1, .banner .btm_w .p2 {
  color: #000 !important;
}
.banner .top_b { /* 상단block */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#66000000", endColorstr="#00000000",GradientType=0 ); /* IE6-9 */
}
.banner .top_b .p1, .banner .top_b .p2 {
  color: #fff !important;
}
.banner .top_w { /* 상단 white */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#66ffffff", endColorstr="#00ffffff",GradientType=0 ); /* IE6-9 */
}
.banner .top_w .p1, .banner .top_w .p2 {
  color: #000 !important;
}
.banner .mid_b { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0.4) 55%, rgba(0, 0, 0, 0) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#00000000",GradientType=0 ); /* IE6-9 */
}
.banner .mid_b .p1, .banner .mid_b .p2 {
  color: #fff !important;
}
.banner .mid_w { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 45%, rgba(255, 255, 255, 0.4) 55%, rgba(255, 255, 255, 0) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#00ffffff",GradientType=0 ); /* IE6-9 */
}
.banner .mid_w .p1, .banner .mid_w .p2 {
  color: #000 !important;
}

/* 모바일타입 2,3번의 2,3단 */
ul[class*=banner_type2] li {
  float: left;
}
ul[class*=banner_type2] li:nth-child(2n+1) {
  margin-left: 0;
}
ul[class*=banner_type2] li:nth-child(n+3) {
  margin-bottom: 0;
}

ul[class*=banner_type3] li {
  float: left;
}
ul[class*=banner_type3] li:nth-child(3n+1) {
  margin-left: 0;
}
ul[class*=banner_type3] li:nth-child(n+4) {
  margin-bottom: 0;
}

ul[class*=banner_type4] li {
  float: left;
}
ul[class*=banner_type4] li:nth-child(4n+1) {
  margin-left: 0;
}
ul[class*=banner_type4] li:nth-child(n+5) {
  margin-bottom: 0;
}

/* 태블릿 */
@media only screen and (max-width: 1023px) {
  .banner_wrap2 {
    width: auto;
  }
  .banner li .txt_wrap .p1 {
    font-size: 21px;
  }
  .banner li .txt_wrap .p2 {
    font-size: 12px;
  }
  .banner.banner_type4 li .txt_wrap .p1 {
    font-size: 16px;
  }
  .banner.banner_type4 li .txt_wrap .p2 {
    font-size: 12px;
  }
}
/* 모바일가로 */
@media only screen and (max-width: 759px) {
  .banner {
    margin: 30px 0;
  }
  .banner li .txt_wrap .p1 {
    font-size: 24px;
  }
  .banner li .txt_wrap .p2 {
    font-size: 14px;
  }
  .banner li:hover img {
    transform: none;
  }
  .banner.banner_type4 li .txt_wrap .p1 {
    font-size: 24px;
  }
  .banner.banner_type4 li .txt_wrap .p2 {
    font-size: 14px;
  }
  .banner_mobiA {
    width: auto !important;
    margin-left: 30px;
    margin-right: 30px;
  }
  .banner_mobiC li .txt_wrap {
    padding: 0;
    text-align: left !important;
  }
  .banner_arrw_l {
    display: block;
    position: absolute;
    top: 0;
    left: 22px;
    bottom: 0;
    width: 26px;
  }
  .banner_arrw_l img {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
  }
  .banner_arrw_r {
    display: block;
    position: absolute;
    top: 0;
    right: 22px;
    bottom: 0;
    width: 26px;
  }
  .banner_arrw_r img {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
  }
  /* 모바일타입 2,3번의 2,3단 */
  ul[class*=banner_type2].banner_mobiB, ul[class*=banner_type3].banner_mobiB {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
  ul[class*=banner_type2].banner_mobiB li, ul[class*=banner_type3].banner_mobiB li {
    float: none;
    width: auto !important;
    margin: 10px 0 0 0 !important;
  }
  ul[class*=banner_type2].banner_mobiB li img, ul[class*=banner_type3].banner_mobiB li img {
    margin: 0 auto;
  }
  ul[class*=banner_type4].banner_mobiB li {
    width: calc(50% - 5px) !important;
    margin: 0 !important;
  }
  ul[class*=banner_type4].banner_mobiB li:nth-child(2n) {
    margin-left: 10px;
  }
  ul[class*=banner_type4].banner_mobiB li:nth-child(3), ul[class*=banner_type4].banner_mobiB li:nth-child(4) {
    margin-top: 10px;
  }
  ul[class*=banner_type2].banner_mobiC li, ul[class*=banner_type3].banner_mobiC li, ul[class*=banner_type4].banner_mobiC li {
    float: none;
    width: auto !important;
    padding-top: 10px;
    margin: 10px 0 0 0 !important;
    border-top: 1px dashed #ddd;
    background: none !important;
  }
  ul[class*=banner_type2].banner_mobiC li:first-child, ul[class*=banner_type3].banner_mobiC li:first-child, ul[class*=banner_type4].banner_mobiC li:first-child {
    border-top: none;
    padding: 0;
  }
  ul[class*=banner_type2].banner_mobiC li:first-child .txt_wrap, ul[class*=banner_type3].banner_mobiC li:first-child .txt_wrap, ul[class*=banner_type4].banner_mobiC li:first-child .txt_wrap {
    top: 0;
  }
  ul[class*=banner_type2].banner_mobiC li img, ul[class*=banner_type3].banner_mobiC li img, ul[class*=banner_type4].banner_mobiC li img {
    width: 150px;
  }
  ul[class*=banner_type2].banner_mobiC li img + .txt_wrap, ul[class*=banner_type3].banner_mobiC li img + .txt_wrap, ul[class*=banner_type4].banner_mobiC li img + .txt_wrap {
    left: 160px;
  }
  ul[class*=banner_type2].banner_mobiC li .txt_wrap, ul[class*=banner_type3].banner_mobiC li .txt_wrap, ul[class*=banner_type4].banner_mobiC li .txt_wrap {
    width: auto;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    background: none !important;
  }
  ul[class*=banner_type2].banner_mobiC li .txt_wrap.mid, ul[class*=banner_type3].banner_mobiC li .txt_wrap.mid, ul[class*=banner_type4].banner_mobiC li .txt_wrap.mid {
    height: auto;
  }
  ul[class*=banner_type2].banner_mobiC li .txt_wrap.mid .txt_wrap2, ul[class*=banner_type3].banner_mobiC li .txt_wrap.mid .txt_wrap2, ul[class*=banner_type4].banner_mobiC li .txt_wrap.mid .txt_wrap2 {
    display: block;
  }
  ul[class*=banner_type2].banner_mobiC li .txt_wrap.mid .txt_wrap2 .txt, ul[class*=banner_type3].banner_mobiC li .txt_wrap.mid .txt_wrap2 .txt, ul[class*=banner_type4].banner_mobiC li .txt_wrap.mid .txt_wrap2 .txt {
    display: block;
  }
  ul[class*=banner_type2].banner_mobiC li .txt_wrap:nth-last-child(2), ul[class*=banner_type3].banner_mobiC li .txt_wrap:nth-last-child(2), ul[class*=banner_type4].banner_mobiC li .txt_wrap:nth-last-child(2) {
    left: 160px;
  }
}
/* 모바일세로 */
@media only screen and (max-width: 519px) {
  .banner li .txt_wrap .p1 {
    margin-bottom: 3px;
    font-size: 18px;
    line-height: 120%;
  }
  .banner li .txt_wrap .p2 {
    line-height: 120%;
  }
  .banner.banner_type4 li .txt_wrap .p1 {
    font-size: 18px;
  }
  .banner_arrw_l {
    left: 10px;
  }
  .banner_arrw_r {
    right: 10px;
  }
  /* 모바일타입 3번의 2,3단 */
  ul[class*=banner_type4].banner_mobiB {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
  ul[class*=banner_type4].banner_mobiB li {
    float: none;
    width: auto !important;
    margin: 10px 0 0 0 !important;
  }
  ul[class*=banner_type4].banner_mobiB li img {
    margin: 0 auto;
  }
  ul[class*=banner_type4].banner_mobiB li:nth-child(2n) {
    margin-left: 0;
  }
  /* 모바일타입 3번의 2,3단 */
  ul[class*=banner_type2].banner_mobiC li img, ul[class*=banner_type3].banner_mobiC li img, ul[class*=banner_type4].banner_mobiC li img {
    width: 100px;
  }
  ul[class*=banner_type2].banner_mobiC li img + .txt_wrap, ul[class*=banner_type3].banner_mobiC li img + .txt_wrap, ul[class*=banner_type4].banner_mobiC li img + .txt_wrap {
    left: 110px;
  }
  ul[class*=banner_type2].banner_mobiC li .txt_wrap:nth-last-child(2), ul[class*=banner_type3].banner_mobiC li .txt_wrap:nth-last-child(2), ul[class*=banner_type4].banner_mobiC li .txt_wrap:nth-last-child(2) {
    left: 110px;
  }
}
/* Main BBS */
.nxc-bbs {
  overflow: hidden;
}
.nxc-bbs.col2 li {
  float: left;
  width: calc(50% - 30px);
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nxc-bbs.col2 li:nth-child(odd) {
  margin-right: 30px;
}
.nxc-bbs.col2 li:nth-child(even) {
  margin-left: 30px;
}
.nxc-bbs.col2 li:nth-child(2) {
  margin-top: 0;
}
.nxc-bbs.col2 li .ct {
  height: 3em !important;
}
.nxc-bbs li {
  position: relative;
  padding-bottom: 12px;
  margin-top: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.nxc-bbs li.nodata {
  font-size: 14px;
  color: #000;
  text-align: center;
  border: none !important;
}
.nxc-bbs li:first-child {
  margin-top: 0;
}
.nxc-bbs li .tit {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.nxc-bbs li .tit a {
  font-size: 16px;
  color: #333;
  line-height: 150%;
  font-weight: 700;
}
.nxc-bbs li .ct {
  max-height: 3em;
  height: auto !important;
  text-align: center;
}
.nxc-bbs li .ct a {
  font-size: 14px;
  color: #666;
  line-height: 150%;
}
.nxc-bbs li .date {
  position: absolute;
  right: 0;
  bottom: 12px;
  line-height: 150%;
  color: #666;
  font-size: 14px;
}
.nxc-bbs li .menu {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.nxc-bbs li .menu a {
  font-size: 14px;
  line-height: 150%;
  color: #666;
}
.nxc-bbs li .img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 12px;
  width: 56px;
}
.nxc-bbs li .img + .txt {
  margin-left: 70px;
}
.nxc-bbs li .date ~ .tit:last-child {
  margin-right: 90px;
  text-align: left;
}
.nxc-bbs li .date ~ .tit:nth-last-child(2) {
  text-align: left;
}
.nxc-bbs li .date ~ .ct {
  margin-bottom: 23px;
  text-align: left;
}
.nxc-bbs li .date ~ .menu {
  text-align: left;
}
.nxc-bbs li .img + .txt .date:nth-last-child(2), .nxc-bbs li .img + .txt .tit:only-child, .nxc-bbs li .img + .txt .date + .tit:last-child {
  line-height: 42px;
}
.nxc-bbs li .img + .txt .tit, .nxc-bbs li .img + .txt .ct, .nxc-bbs li .img + .txt .menu {
  text-align: left;
}
.nxc-bbs li .lh42 * {
  line-height: 42px;
}

/* Sub BBS */
.nxc-sub-bbs {
  overflow: hidden;
  border-top: 1px solid #696969;
}
.nxc-sub-bbs li {
  padding: 24px 0;
  border-bottom: 1px solid #e8e8e8;
}
.nxc-sub-bbs li.nodata {
  margin-bottom: 300px;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.nxc-sub-bbs li a {
  overflow: hidden;
  display: block;
  position: relative;
}
.nxc-sub-bbs li a .num {
  position: absolute;
  top: 0;
  left: 10px;
  color: #aaa;
  font-size: 14px;
  line-height: 24px;
}
.nxc-sub-bbs li a .ct_wrap {
  position: relative;
  overflow: hidden;
  padding-right: 10px;
}
.nxc-sub-bbs li a .ct_wrap .tit {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.nxc-sub-bbs li a .ct_wrap .ct {
  height: auto !important;
  max-height: 4.5em !important;
  margin-top: 15px;
  color: #666;
  font-size: 14px;
}
.nxc-sub-bbs li a .ct_wrap .ct .li {
  position: relative;
  padding-left: 10px;
}
.nxc-sub-bbs li a .ct_wrap .ct .li:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.nxc-sub-bbs li a .date {
  position: absolute;
  top: 0;
  right: 15px;
  width: 100px;
  text-align: right;
  color: #aaa;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nxc-sub-bbs li a .writer {
  position: absolute;
  top: 0;
  right: 15px;
  width: 150px;
  text-align: right;
  color: #aaa;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nxc-sub-bbs li a .file_list {
  padding: 3px 10px;
  background: #e8f3ff;
  color: #5fa0e6;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nxc-sub-bbs li a .state {
  position: absolute;
  top: 0;
  right: 15px;
  width: 100px;
  text-align: right;
  color: #f00;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nxc-sub-bbs li a .form_info {
  position: absolute;
  bottom: 0;
  right: 15px;
  text-align: right;
  color: #666;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nxc-sub-bbs li a .form_info span {
  display: inline-block;
}
.nxc-sub-bbs li a .form_info span:last-child:not(:first-child) {
  margin-left: 10px;
}
.nxc-sub-bbs li a .num ~ .ct_wrap {
  margin-left: 50px;
}
.nxc-sub-bbs li a .state ~ .ct_wrap .tit, .nxc-sub-bbs li a .date ~ .ct_wrap .tit {
  margin-right: 120px;
}
.nxc-sub-bbs li a .writer ~ .ct_wrap .tit {
  margin-right: 170px;
}
.nxc-sub-bbs li a .date + .writer, .nxc-sub-bbs li a .date + .state {
  right: 120px;
}
.nxc-sub-bbs li a .date + .writer + .state {
  right: 280px;
}
.nxc-sub-bbs li a .date + .writer ~ .ct_wrap .tit {
  margin-right: 270px;
}
.nxc-sub-bbs li a .date + .state ~ .ct_wrap .tit {
  margin-right: 220px;
}
.nxc-sub-bbs li a .date + .writer + .state ~ .ct_wrap .tit {
  margin-right: 380px;
}
.nxc-sub-bbs li a .form_info + .ct_wrap {
  margin-bottom: 34px;
}
.nxc-sub-bbs li a .form_info:first-child + .ct_wrap {
  margin-left: 20px;
}
.nxc-sub-bbs li a .ct_wrap:first-child {
  margin: 0 20px;
}
.nxc-sub-bbs li a .ct_wrap .img {
  float: left;
}
.nxc-sub-bbs li a .ct_wrap .img:nth-last-child(3) {
  margin-top: 34px;
}
.nxc-sub-bbs li a .ct_wrap .img:nth-last-child(3) ~ .tit {
  position: absolute;
  top: 0;
  left: 0;
  right: 15px;
}
.nxc-sub-bbs li a .ct_wrap .img:nth-last-child(3) ~ .ct {
  margin-top: 34px;
}
.nxc-sub-bbs li a .ct_wrap .img ~ .ct {
  height: 4.5em !important;
  margin-left: 106px;
}
.nxc-sub-bbs li a .ct_wrap .tit:last-child {
  margin-left: 106px;
}
.nxc-sub-bbs li a .ct_wrap .tit:first-child {
  margin-left: 0;
  line-height: 24px;
}
.nxc-sub-bbs li a.imgY_ctN.r4x3 .num, .nxc-sub-bbs li a.imgY_ctN.r4x3 .date, .nxc-sub-bbs li a.imgY_ctN.r4x3 .state, .nxc-sub-bbs li a.imgY_ctN.r4x3 .writer, .nxc-sub-bbs li a.imgY_ctN.r4x3 .tit {
  line-height: 72px;
}
.nxc-sub-bbs li a.imgY_ctN.r1x1 .num, .nxc-sub-bbs li a.imgY_ctN.r1x1 .date, .nxc-sub-bbs li a.imgY_ctN.r1x1 .state, .nxc-sub-bbs li a.imgY_ctN.r1x1 .writer, .nxc-sub-bbs li a.imgY_ctN.r1x1 .tit {
  line-height: 96px;
}
.nxc-sub-bbs li a.imgY_ctN .img {
  float: left;
}
.nxc-sub-bbs li.open a .ct_wrap .ct {
  max-height: 100% !important;
}

.faq-list {
  border-top: 1px solid #212121;
  /** FAQ에서 답변목록 */
}
.faq-list td {
  position: relative;
}
.faq-list .ico_arr1_d {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
  transition: all 0.2s ease-in-out;
}
.faq-list .faq-Q {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.faq-list .faq-Q td:nth-child(1) {
  color: #222;
  font-size: 18px;
  font-weight: normal;
}
.faq-list .faq-Q td:nth-child(2) {
  text-align: left;
}
.faq-list .faq-Q.active th, .faq-list .faq-Q.active td {
  border-bottom: 1px dashed #EFEFEF;
}
.faq-list .faq-Q.active .ico_arr1_d {
  transform: rotate(180deg);
}
.faq-list .faq-A {
  background: #F5F5F5;
}
.faq-list .faq-A td:nth-child(1) {
  padding-right: 0;
  text-align: right;
  background-image: url(../imgs/goods/ico_a.png);
  background-repeat: no-repeat;
  background-position: 50px 20px;
  vertical-align: top;
}
.faq-list .faq-A td:nth-child(1) .ico_a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #3B498B;
  color: #FFF;
  text-align: center;
  border-radius: 15em;
  box-sizing: border-box;
}
.faq-list .faq-A td:nth-child(2) {
  text-align: left;
}

/** Shop Product (PC) */
.shop-product-list {
  width: 100%;
  table-layout: fixed;
}
.shop-product-list .pc-hidden {
  display: none;
}
.shop-product-list th, .shop-product-list td {
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
}
.shop-product-list thead th, .shop-product-list thead td {
  height: 60px;
  position: relative;
  border-top: 1px solid #212121;
  border-bottom: 1px solid #212121;
  color: #000;
  font-size: 16px;
}
.shop-product-list thead th:after, .shop-product-list thead td:after {
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  background: #212121;
  position: absolute;
  bottom: 0;
  left: 0;
}
.shop-product-list thead th:nth-child(1):after, .shop-product-list thead td:nth-child(1):after {
  content: none;
}
.shop-product-list thead.thead-gray {
  background: #F3F3F3;
}
.shop-product-list thead.thead-gray th, .shop-product-list thead.thead-gray td {
  border-top: 0;
  border-bottom: 0;
}
.shop-product-list thead.thead-gray th:after, .shop-product-list thead.thead-gray td:after {
  content: none;
}
.shop-product-list tbody td {
  padding: 20px 15px;
  min-height: 60px;
  border-bottom: 1px solid #DDDDDD;
  color: #666666;
}
.shop-product-list tbody td.no-list {
  border-top: 1px solid #DDDDDD;
}
.shop-product-list .shop-product-download {
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid #DDDDDD;
  background: #FFF;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
.shop-product-list .shop-product-download img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 14px;
}
.shop-product-list .shop-product-download span {
  display: inline-block;
  vertical-align: middle;
}
.shop-product-list .shop-product-download:hover {
  /** 이미지가 jpg임.. */
  box-shadow: 0px 0px 5px 2px #5FA0E6;
}

.td-download .shop-product-download:nth-last-child(2) {
  display: block;
  max-width: 90px;
  margin: 0 auto 5px;
}
.td-download .shop-product-download:nth-last-child(2) + .shop-product-download {
  display: block;
  max-width: 90px;
  margin: 0 auto 5px;
}

.btn-shop-product {
  display: inline-block;
  position: relative;
  margin: 5px;
  padding: 7px;
  padding-left: 35px;
  color: #333;
  line-height: 1.2;
  font-size: 14px;
  background: #FFF;
  transition: all 0.2s ease-in-out;
  border-radius: 2px;
  border: 1px solid #333333;
  box-sizing: border-box;
}
.btn-shop-product:hover, .btn-shop-product.active {
  box-shadow: 0px 0px 5px 2px #5FA0E6;
}
.btn-shop-product .ico {
  position: absolute;
  top: 50%;
}
.btn-shop-product.download .ico {
  width: 16px;
  left: 12px;
  margin-top: -8px;
}
.btn-shop-product.viewer .ico {
  width: 18px;
  left: 10px;
  margin-top: -10px;
}

.shop-product-video-list .video-wrap {
  padding-bottom: 75%;
  position: relative;
  overflow: hidden;
}
.shop-product-video-list .video-wrap .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.shop-product-video-list .tit_wrap {
  border-width: 0 !important;
}

/* 제품상세페이지 부가항목 */
.nx-goods-product-form {
  display: flex;
  flex-wrap: wrap;
  border-top: 2px solid #666666;
  border-bottom: 2px solid #666666;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nx-goods-product-form .nx-goods-product-tit {
  width: 15%;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  background: #f3f3f3;
  padding: 16px;
  border-bottom: 1px solid #dedede;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nx-goods-product-form .nx-goods-product-value {
  width: 35%;
  color: #666666;
  font-size: 14px;
  font-weight: 500;
  padding: 16px 20px;
  border-bottom: 1px solid #dedede;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nx-goods-product-form .nx-goods-product-value.nx-last {
  width: 85%;
}
.nx-goods-product-form .nx-goods-product-value.nx-last .nx-goods-product-wrap .nx-goods-product-wrap2 {
  width: calc(12.5% - 7px);
}
.nx-goods-product-form .nx-goods-product-value .nx-goods-product-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.nx-goods-product-form .nx-goods-product-value .nx-goods-product-wrap .nx-goods-product-wrap2 {
  width: calc(25% - 6px);
  word-break: break-all;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.nx-goods-product-form .nx-goods-product-value .nx-goods-product-wrap .nx-goods-product-wrap2 .nx-img {
  width: 48px;
  height: 48px;
  position: relative;
  border-radius: 6px;
}
.nx-goods-product-form .nx-goods-product-value .nx-goods-product-wrap .nx-goods-product-wrap2 .nx-img > img {
  border-radius: 6px;
}
.nx-goods-product-form .nx-goods-product-value .nx-goods-product-wrap .nx-goods-product-wrap2 .nx-img:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 6px;
  -ms-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset;
  -o-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset;
}

#pswp-video-item {
  position: absolute;
  top: 50px;
  right: 50px;
  bottom: 50px;
  left: 50px;
  margin: auto;
  max-width: 800px;
  max-height: 500px;
}
#pswp-video-item div {
  width: 100%;
  height: 100%;
}
#pswp-video-item iframe {
  width: 100%;
  height: 100%;
}

/* 1:1 상담 */
.nxc-interaction-bbs {
  overflow: hidden;
  border-top: 1px solid #696969;
}
.nxc-interaction-bbs li {
  padding: 24px 0;
  border-bottom: 1px solid #e8e8e8;
}
.nxc-interaction-bbs li.nodata {
  margin-bottom: 300px;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.nxc-interaction-bbs li a {
  overflow: hidden;
  display: block;
  position: relative;
}
.nxc-interaction-bbs li a .num {
  position: absolute;
  top: 0;
  left: 10px;
  color: #aaa;
  font-size: 14px;
  line-height: 24px;
}
.nxc-interaction-bbs li a .tit {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 430px 0 50px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.nxc-interaction-bbs li a .cate {
  position: absolute;
  top: 0;
  right: 205px;
  width: 100px;
  color: #666;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nxc-interaction-bbs li a .name {
  position: absolute;
  top: 0;
  right: 95px;
  width: 100px;
  text-align: center;
  color: #666;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nxc-interaction-bbs li a .date {
  position: absolute;
  top: 0;
  right: 10px;
  width: 85px;
  text-align: right;
  color: #666;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nxc-interaction-bbs li a .state {
  position: absolute;
  top: 0;
  right: 315px;
  width: 100px;
  color: #f00;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nxc-interaction-bbs li a .state .box {
  display: inline-block;
  padding: 0px 8px;
  color: #fff;
  line-height: 24px;
  border-radius: 12px;
}

.nxc-interaction-bbs2 {
  overflow: hidden;
  border-top: 1px solid #696969;
}
.nxc-interaction-bbs2 li {
  position: relative;
  border-bottom: 1px solid #DEDEDE;
}
.nxc-interaction-bbs2 li.size-0 .bbs-etc {
  width: 30%;
}
.nxc-interaction-bbs2 li.size-1 .bbs-etc {
  width: 40%;
}
.nxc-interaction-bbs2 li.size-2 .bbs-etc {
  width: 50%;
}
.nxc-interaction-bbs2 li.size-3 .bbs-etc {
  width: 60%;
}
.nxc-interaction-bbs2 li.nodata {
  margin-bottom: 300px;
  padding: 10px;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.nxc-interaction-bbs2 a {
  display: block;
  width: 100%;
}
.nxc-interaction-bbs2 a:after {
  content: "";
  clear: both;
  display: block;
}
.nxc-interaction-bbs2 .bbs-etc {
  display: table;
  float: right;
  table-layout: fixed;
}
.nxc-interaction-bbs2 .bbs-etc .items {
  display: table-cell;
  padding: 15px 10px;
  vertical-align: middle;
  box-sizing: border-box;
}
.nxc-interaction-bbs2 .num {
  position: absolute;
  top: 50%;
  width: 45px;
  text-align: center;
  margin-top: -8px;
}
.nxc-interaction-bbs2 .title {
  position: absolute;
  top: 50%;
  left: 50px;
  width: calc(40% - 50px);
  text-align: left;
  margin-top: -8px;
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.nxc-interaction-bbs2 .title p {
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.nxc-interaction-bbs2 .space {
  width: 2.5%;
}
.nxc-interaction-bbs2 .cate {
  width: 100px;
  text-align: center;
}
.nxc-interaction-bbs2 .status {
  text-align: center;
  width: 100px;
  color: #f00;
  font-size: 14px;
}
.nxc-interaction-bbs2 .status .box {
  display: inline-block;
  padding: 0px 8px;
  color: #fff;
  line-height: 24px;
  border-radius: 12px;
}
.nxc-interaction-bbs2 .list-item {
  text-align: center;
}
.nxc-interaction-bbs2 .list-item p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 2;
}
.nxc-interaction-bbs2 .date {
  width: 90px;
  text-align: right;
}

/* 게시판 상세 */
.nxc-b-prod-read-wrap {
  clear: both;
  overflow: hidden;
}
.nxc-b-prod-read-wrap .cate {
  color: #aaa;
  margin-right: 10px;
}
.nxc-b-prod-read-wrap .date {
  color: #aaa;
}
.nxc-b-prod-read-wrap .date + .tit {
  margin-top: 10px;
}
.nxc-b-prod-read-wrap .tit {
  clear: both;
  font-size: 20px;
  color: #000;
  font-weight: 700;
}
.nxc-b-prod-read-wrap .expl {
  margin-top: 20px;
  color: #666;
  line-height: 150%;
}
.nxc-b-prod-read-wrap .expl.big {
  font-size: 17px;
}
.nxc-b-prod-read-wrap .expl.mid {
  font-size: 14px;
}
.nxc-b-prod-read-wrap .expl.sm {
  font-size: 12px;
}
.nxc-b-prod-read-wrap .btn {
  margin-top: 50px;
}
.nxc-b-prod-read-wrap .btn .p1 {
  margin-bottom: 5px;
  font-size: 14px;
  color: #000;
}
.nxc-b-prod-read-wrap .btn a {
  display: inline-block;
  width: 25px;
  margin-right: 6px;
}
.nxc-b-prod-read-wrap .if_top {
  padding: 16px;
  background: #f9f9f9;
  border-radius: 8px;
}
.nxc-b-prod-read-wrap .if_top .date {
  font-size: 16px;
  color: #878787;
}
.nxc-b-prod-read-wrap .if_top .tit {
  font-size: 22px;
  color: #212121;
  font-weight: 500;
}

.b_prod_R {
  float: right;
}

.b_prod_L {
  float: left;
}

.b_prod_read {
  overflow: hidden;
}
.b_prod_read li a {
  display: block;
}
.b_prod_read li a img {
  display: block;
}
.b_prod_read.r1x1 li .img_wrap1 {
  position: relative;
  height: 0;
  padding-bottom: 100%;
}
.b_prod_read.r1x1 li .img_wrap1 .img_wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.b_prod_read.r1x1 li .img_wrap1 .img_wrap2 img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  margin: auto;
}
.b_prod_read.r4x3 li .img_wrap1 {
  position: relative;
  height: 0;
  padding-bottom: 75%;
}
.b_prod_read.r4x3 li .img_wrap1 .img_wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.b_prod_read.r4x3 li .img_wrap1 .img_wrap2 img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  margin: auto;
}
.b_prod_read.r3x4 li .img_wrap1 {
  position: relative;
  height: 0;
  padding-bottom: 125%;
}
.b_prod_read.r3x4 li .img_wrap1 .img_wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.b_prod_read.r3x4 li .img_wrap1 .img_wrap2 img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  margin: auto;
}

.nxc-b-read-typeC .b_prod_L, .nxc-b-read-typeE .b_prod_L {
  width: 66%;
}
.nxc-b-read-typeC .b_prod_L .cate, .nxc-b-read-typeC .b_prod_L .date, .nxc-b-read-typeC .b_prod_L .tit, .nxc-b-read-typeE .b_prod_L .cate, .nxc-b-read-typeE .b_prod_L .date, .nxc-b-read-typeE .b_prod_L .tit {
  display: none;
}
.nxc-b-read-typeC .b_prod_R, .nxc-b-read-typeE .b_prod_R {
  width: 32%;
}

.nxc-b-read-typeD .b_prod_L, .nxc-b-read-typeF .b_prod_L {
  width: 32%;
}
.nxc-b-read-typeD .b_prod_R, .nxc-b-read-typeF .b_prod_R {
  width: 66%;
}
.nxc-b-read-typeD .b_prod_R .expl, .nxc-b-read-typeD .b_prod_R .file, .nxc-b-read-typeD .b_prod_R .btn, .nxc-b-read-typeF .b_prod_R .expl, .nxc-b-read-typeF .b_prod_R .file, .nxc-b-read-typeF .b_prod_R .btn {
  display: none;
}

.nxc-b-read-typeG .b_prod_L {
  width: 32%;
}
.nxc-b-read-typeG .b_prod_L .cate, .nxc-b-read-typeG .b_prod_L .date, .nxc-b-read-typeG .b_prod_L .tit {
  display: none;
}
.nxc-b-read-typeG .b_prod_R {
  width: 66%;
}

.nxc-b-read-typeH .b_prod_L {
  width: 66%;
}
.nxc-b-read-typeH .b_prod_R {
  width: 32%;
}
.nxc-b-read-typeH .b_prod_R .expl, .nxc-b-read-typeH .b_prod_R .file, .nxc-b-read-typeH .b_prod_R .btn {
  display: none;
}

.nxc-b-read-typeA .b_prod_read li, .nxc-b-read-typeB .b_prod_read li {
  margin-top: 20px;
}

.nxc-b-read-typeC .b_prod_read li, .nxc-b-read-typeD .b_prod_read li, .nxc-b-read-typeG .b_prod_read li, .nxc-b-read-typeH .b_prod_read li {
  margin-top: 20px;
}
.nxc-b-read-typeC .b_prod_read li:first-child, .nxc-b-read-typeD .b_prod_read li:first-child, .nxc-b-read-typeG .b_prod_read li:first-child, .nxc-b-read-typeH .b_prod_read li:first-child {
  margin-top: 0;
}

.nxc-b-read-typeE .b_prod_read li, .nxc-b-read-typeF .b_prod_read li {
  float: left;
  width: calc(50% - 10px);
  margin: 20px 20px 0 0;
}
.nxc-b-read-typeE .b_prod_read li:nth-child(2n), .nxc-b-read-typeF .b_prod_read li:nth-child(2n) {
  margin-right: 0;
}
.nxc-b-read-typeE .b_prod_read li:nth-child(1), .nxc-b-read-typeE .b_prod_read li:nth-child(2), .nxc-b-read-typeF .b_prod_read li:nth-child(1), .nxc-b-read-typeF .b_prod_read li:nth-child(2) {
  margin-top: 0;
}

.nxc-b-read-typeI .b_prod_read li, .nxc-b-read-typeJ .b_prod_read li {
  float: left;
  width: calc(33.3% - 14px);
  margin: 20px 20px 0 0;
}
.nxc-b-read-typeI .b_prod_read li:nth-child(3n), .nxc-b-read-typeJ .b_prod_read li:nth-child(3n) {
  margin-right: 0;
}

.nxc-reply-wrap {
  clear: both;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #dee0e2;
}
.nxc-reply-wrap .reply_tit {
  margin-bottom: 15px;
  font-size: 18px;
  color: #333;
  font-weight: 700;
}
.nxc-reply-wrap .reply_ct {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
.nxc-reply-wrap .file {
  width: 270px;
  min-height: 40px;
  margin-top: 20px;
  padding: 10px 12px;
  background: url(../imgs/ico/ico_file.png) no-repeat 12px center;
  border: 1px solid #cfcfcf;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nxc-reply-wrap .file li {
  margin-left: 46px;
}
.nxc-reply-wrap .file li a {
  display: block;
  color: #5fa0e6;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 게시판 상세 파일목록 */
.nxc-b-prod-read-wrap .file {
  max-width: 400px;
  min-height: 40px;
  margin-top: 20px;
  padding-left: 56px;
  background: url(../imgs/ico/ico_file.png) no-repeat 12px center;
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nxc-b-prod-read-wrap .file li {
  padding: 5px 10px;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
.nxc-b-prod-read-wrap .file li:first-child {
  border-top: none;
}
.nxc-b-prod-read-wrap .file li .name {
  display: block;
  color: #5fa0e6;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nxc-b-prod-read-wrap .file li .name.pdf {
  float: left;
  max-width: calc(100% - 80px);
}
.nxc-b-prod-read-wrap .file li .pdf_btn {
  display: inline-block;
  padding: 0 5px;
  margin-left: 10px;
  font-size: 14px;
  color: #333;
  line-height: 28px;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 4px;
}
.nxc-b-prod-read-wrap .file li .pdf_btn img {
  margin-right: 5px;
  vertical-align: middle;
}

/* Search */
.nxc-b-sch-bx {
  overflow: hidden;
  margin-bottom: 20px;
}
.nxc-b-sch-bx .view_all {
  display: inline-block;
  width: 84px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background: #acacac;
  vertical-align: middle;
}

.b_search {
  position: relative;
  display: inline-block;
}
.b_search input[type=text] {
  width: 200px;
  height: 30px;
  padding: 3px 40px 3px 3px;
  color: #000;
  font-size: 13px;
  background: #fff;
  border: 1px solid #b6b6b6;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px !important;
}

.b_ico_sch {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
}

.nxc-b-sch-bx2 {
  overflow: hidden;
  padding: 15px 15px 10px 15px;
  margin-bottom: 20px;
  background: #eee;
  border: 1px solid #cbcbcb;
}
.nxc-b-sch-bx2 .sort_month {
  padding-bottom: 5px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.nxc-b-sch-bx2 .sort_month li {
  float: left;
  margin-left: -1px;
  border: 1px solid #e3e3e3;
}
.nxc-b-sch-bx2 .sort_month li:first-child {
  margin-left: 0;
}
.nxc-b-sch-bx2 .sort_month li label {
  display: block;
  padding: 0;
  margin: 0;
  width: 48px;
  line-height: 28px;
  font-size: 14px;
  color: #666;
  text-align: center;
  background: #fff;
}
.nxc-b-sch-bx2 .sort_month li input:checked + label {
  color: #fff;
  background: #AFB7C2;
}
.nxc-b-sch-bx2 .sort_calendar,
.nxc-b-sch-bx2 .search_word {
  padding-bottom: 5px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.nxc-b-sch-bx2 .date_ipt {
  overflow: hidden;
  display: inline-block;
  width: 120px;
  vertical-align: middle;
}
.nxc-b-sch-bx2 .date_ipt .ipt {
  float: left;
  width: 90px;
  height: 30px;
  padding: 3px;
  font-size: 14px;
  color: #666;
  background: #fff;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
}
.nxc-b-sch-bx2 .date_ipt .cal {
  float: left;
  padding: 2px;
  background: #fff;
  border-top: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.nxc-b-sch-bx2 .date_ipt .cal img {
  display: block;
}
.nxc-b-sch-bx2 .slt1 {
  vertical-align: middle;
}
.nxc-b-sch-bx2 .slt1 select {
  border: 1px solid #e3e3e3;
  border-radius: none;
}
.nxc-b-sch-bx2 .sch_ipt {
  width: 120px;
  height: 30px;
  padding: 3px;
  font-size: 14px;
  color: #666;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
}
.nxc-b-sch-bx2 .sch_btn {
  display: inline-block;
  padding: 0 15px;
  height: 30px;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  vertical-align: middle;
  background: #61779D;
}

/* 페이징 */
.pagenate_wrap {
  position: relative;
  width: 100%;
}
.pagenate_wrap .pagenate {
  padding-top: 24px;
  font-family: verdana;
  font-size: 13px;
  text-align: center;
}
.pagenate_wrap .pagenate a, .pagenate_wrap .pagenate strong {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  min-width: 11px;
  height: 20px;
  margin: 0;
  padding: 0 5px 3px;
  background: #fff;
  border: 1px solid #DEDEDE;
  color: #666;
  text-align: center;
  text-decoration: none !important;
  vertical-align: middle;
  line-height: 21px;
}
.pagenate_wrap .pagenate .num_wrap {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.pagenate_wrap .pagenate .num_wrap a:hover, .pagenate_wrap .pagenate .num_wrap .aon {
  background: #5fa0e6;
  border: 1px solid #5fa0e6;
  color: #fff;
}
.pagenate_wrap .pagenate .pn_btn {
  width: 11px;
}
.pagenate_wrap .pagenate img {
  display: inline;
  vertical-align: middle;
}
.pagenate_wrap .pagenate [class*=ico_]:before {
  font-size: 10px;
}

/* 게시판 리스트 */
.b_comm {
  width: 100%;
  border-top: 1px solid #696969;
}
.b_comm th, .b_comm td {
  padding: 10px 5px;
  font-size: 14px;
}
.b_comm th {
  color: #333;
  background: #fff;
  border-bottom: 1px solid #696969;
}
.b_comm td {
  border-bottom: 1px solid #cfcfcf;
  text-align: center;
  color: #666;
  line-height: 150%;
}
.b_comm td .tit {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  height: 17px;
  color: #000;
  text-align: left;
}
.b_comm td .link {
  color: #5fa0e6;
}
.b_comm .mb {
  display: none;
}

.b_comm2 {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #696969;
}
.b_comm2 th, .b_comm2 td {
  padding: 10px 0;
  font-size: 14px;
}
.b_comm2 th {
  color: #333;
  background: #fff;
  border-bottom: 1px solid #696969;
}
.b_comm2 td {
  border-bottom: 1px solid #cfcfcf;
  text-align: center;
  color: #666;
  line-height: 150%;
}
.b_comm2 td .tit {
  word-break: break-all;
  display: block;
  color: #000;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.b_comm2 td .link {
  color: #5fa0e6;
}
.b_comm2 .mb {
  display: none;
}

/* List */
.lst1 li { /* 도메인관리 - ▶ 리스트 */
  position: relative;
  padding-left: 15px;
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  line-height: 150%;
}
.lst1 li:before {
  content: "▶";
  position: absolute;
  top: 0;
  left: 0;
}

.lst2 li { /* 도메인관리 - * 리스트 */
  color: #666;
  line-height: 150%;
}

/* 상담 */
.b_ts1 { /* 일반게시판 상세 */
  width: 100%;
  border-top: 1px solid #e1e1e1;
}
.b_ts1 > tbody > tr > th, .b_ts1 > tbody > tr > td {
  padding: 18px 8px 8px 0;
  line-height: 150%;
  border-bottom: 1px solid #e1e1e1;
}
.b_ts1 > tbody > tr.fir > th, .b_ts1 > tbody > tr.fir > td {
  /* 첫번째줄이나 첫번째줄이 숨겨진 경우 두번째줄의 th, td에 상단 여백 제거 */
  padding-top: 0;
}
.b_ts1 > tbody > tr.btm > th, .b_ts1 > tbody > tr.btm > td {
  border-bottom: none;
}
.b_ts1 > tbody > .tr > th {
  padding-top: 40px;
  font-size: 16px;
  color: #3462b4;
}
.b_ts1 > tbody > tr > th {
  text-align: left;
  font-weight: normal;
  color: #000;
}
.b_ts1 > tbody > tr > th.rfv {
  color: #c00;
}
.b_ts1 > tbody > tr > td {
  max-width: 1px;
  color: #666;
}
.b_ts1 > tbody > tr > td .expl {
  padding: 8px 5px;
}

.b_ts2 { /* 일반게시판 상세 */
  width: 100%;
  background: #fff;
  border-top: 1px solid #696969;
}
.b_ts2 > tbody > tr > th, .b_ts2 > tbody > tr > td {
  padding: 8px 18px;
  line-height: 150%;
  border-bottom: 1px solid #cfcfcf;
}
.b_ts2 > tbody > .tr > th {
  padding-top: 40px;
  font-size: 16px;
  color: #3462b4;
}
.b_ts2 > tbody > tr > th {
  text-align: left;
  color: #000;
  font-weight: normal;
}
.b_ts2 > tbody > tr > td {
  max-width: 1px;
  color: #666;
}

.b_ts3 { /* 폼빌더 - 앙케이트 */
  width: 100%;
}
.b_ts3 > tbody > tr > th {
  padding: 18px 0 8px;
  text-align: left;
  font-weight: normal;
  color: #000;
}
.b_ts3 > tbody > tr > th.rfv {
  color: #c00;
}
.b_ts3 > tbody > tr > td {
  max-width: 1px;
  padding: 0 0 8px 10px;
  color: #666;
  border-bottom: 1px solid #e1e1e1;
}
.b_ts3 > tbody > tr > td .expl {
  padding: 8px 5px;
}

/* 게시판 이미지뷰어 */
.photo_view {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: rgba(48, 48, 48, 0.8);
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.photo_view .p_tit {
  padding: 10px 50px 10px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  background: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.photo_view .cls {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}
.photo_view .img_wrap {
  width: calc(100% - 100px);
  height: 90%;
  margin: 20px auto 0;
}
.photo_view .img_wrap li {
  position: relative;
  height: 100%;
}
.photo_view .img_wrap li img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  margin: auto;
}
.photo_view .arr_l {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -19px;
}
.photo_view .arr_r {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -19px;
}

.user-tag-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 0px;
}
.user-tag-wrap .item {
  background: rgb(243, 243, 243);
  color: rgb(136, 136, 136);
  border-radius: 10px;
  display: inline-block;
  margin-right: 10px;
  padding: 5px 10px;
  box-sizing: border-box;
}
.user-tag-wrap .item:before {
  content: "# ";
}

/* 태블릿 */
@media only screen and (max-width: 1023px) {
  /* 게시판 상세*/
  .nxc-b-read-typeC .b_prod_L, .nxc-b-read-typeD .b_prod_R, .nxc-b-read-typeE .b_prod_L, .nxc-b-read-typeF .b_prod_R, .nxc-b-read-typeG .b_prod_R, .nxc-b-read-typeH .b_prod_L {
    width: 56%;
  }
  .nxc-b-read-typeC .b_prod_R, .nxc-b-read-typeD .b_prod_L, .nxc-b-read-typeE .b_prod_R, .nxc-b-read-typeF .b_prod_L, .nxc-b-read-typeG .b_prod_L, .nxc-b-read-typeH .b_prod_R {
    width: 40%;
  }
  .nxc-b-read-typeE .b_prod_read li, .nxc-b-read-typeF .b_prod_read li {
    float: none;
    width: auto;
    margin: 20px 0 0 0;
  }
  .nxc-b-read-typeE .b_prod_read li:nth-child(2), .nxc-b-read-typeF .b_prod_read li:nth-child(2) {
    margin-top: 20px;
  }
  .nxc-b-read-typeI .b_prod_read li, .nxc-b-read-typeJ .b_prod_read li {
    float: left;
    width: calc(50% - 10px);
  }
  .nxc-b-read-typeI .b_prod_read li:nth-child(3n), .nxc-b-read-typeJ .b_prod_read li:nth-child(3n) {
    margin-right: 20px;
  }
  .nxc-b-read-typeI .b_prod_read li:nth-child(2n), .nxc-b-read-typeJ .b_prod_read li:nth-child(2n) {
    margin-right: 0;
  }
  /** 
   * 제품 모바일 사이즈를 지칭.
   */
  .product-category-wrap {
    position: relative;
    background: #FFF;
    box-sizing: border-box;
  }
  .product-category-wrap .cate-type1 {
    padding-top: 25px;
    margin-bottom: 0px;
    box-sizing: border-box;
  }
  .product-category-wrap .btn-wrap {
    padding: 15px;
    text-align: center;
    background: #FFF;
    box-sizing: border-box;
  }
  .product-category-wrap.active .ico_arr1_d {
    transform: rotate(180deg);
  }
  .product-cate-title {
    display: block;
    position: relative;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    box-sizing: border-box;
  }
  .product-cate-title:after {
    content: "";
    clear: both;
    display: block;
  }
  .product-cate-title .title,
  .product-cate-title .text {
    float: left;
    padding: 15px 20px;
    box-sizing: border-box;
  }
  .product-cate-title .title {
    width: 120px;
    font-size: 16px;
    color: #222;
  }
  .product-cate-title .ico_arr1_d,
  .product-cate-title .ico_x {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    transition: all 0.2s ease-in-out;
  }
  .product-category {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    width: 100%;
    display: none;
    box-sizing: border-box;
    border: 1px solid #CBCBCB;
    border-top: 0;
    background: #F7F7F7;
  }
  .product-category .ico_arr1_d {
    display: none;
  }
}
/* 1:1 상담 게시판 리스트 관련 */
@media screen and (max-width: 1000px) {
  .nxc-interaction-bbs2 {
    /* 항목이 1개 내지는 0개일 때 */
  }
  .nxc-interaction-bbs2 li.size-0 .bbs-etc {
    width: 50%;
  }
  .nxc-interaction-bbs2 li.size-1 .bbs-etc {
    width: 60%;
  }
  .nxc-interaction-bbs2 li.size-2 .bbs-etc {
    width: 100%;
  }
  .nxc-interaction-bbs2 li.size-3 .bbs-etc {
    width: 100%;
  }
  .nxc-interaction-bbs2 .size-2 .num,
  .nxc-interaction-bbs2 .size-3 .num {
    float: left;
    position: static;
    margin-top: 15px;
  }
  .nxc-interaction-bbs2 .size-2 .title,
  .nxc-interaction-bbs2 .size-3 .title {
    float: left;
    width: calc(100% - 50px);
    margin-top: 15px;
    position: static;
  }
  .nxc-interaction-bbs2 .size-2 .bbs-etc,
  .nxc-interaction-bbs2 .size-3 .bbs-etc {
    padding-left: 45px;
    box-sizing: border-box;
  }
  .nxc-interaction-bbs2 .size-2 .bbs-etc .space,
  .nxc-interaction-bbs2 .size-3 .bbs-etc .space {
    display: none;
  }
  .nxc-interaction-bbs2 .size-2 .bbs-etc .status,
  .nxc-interaction-bbs2 .size-3 .bbs-etc .status {
    padding-left: 0;
    text-align: left;
  }
  .nxc-interaction-bbs2 .size-2 .bbs-etc .cate,
  .nxc-interaction-bbs2 .size-3 .bbs-etc .cate {
    width: 100px;
  }
}
/* 모바일가로 */
@media only screen and (max-width: 759px) {
  /* Main BBS */
  .bbs.col2 li {
    float: none;
    width: 100%;
  }
  .bbs.col2 li:nth-child(odd) {
    margin-right: 0;
  }
  .bbs.col2 li:nth-child(even) {
    margin-left: 0;
  }
  .bbs.col2 li:nth-child(2) {
    margin-top: 20px;
  }
  /* 게시판 리스트 */
  .nxc-sub-bbs li {
    padding: 10px 0;
  }
  .nxc-sub-bbs li a .ct_wrap {
    margin-right: 0 !important;
    padding-right: 10px;
  }
  .nxc-sub-bbs li a .date {
    top: auto;
    bottom: 0;
    line-height: 24px !important;
  }
  .nxc-sub-bbs li a .writer {
    top: auto;
    right: auto !important;
    left: 0px;
    bottom: 0;
    line-height: 24px !important;
    text-align: left;
  }
  .nxc-sub-bbs li a .state {
    right: 10px !important;
    width: 70px;
  }
  .nxc-sub-bbs li a .ct_wrap .tit {
    margin-right: 0 !important;
  }
  .nxc-sub-bbs li a .num ~ .writer {
    left: 50px;
  }
  .nxc-sub-bbs li a .state ~ .ct_wrap .tit {
    margin-right: 80px !important;
  }
  .nxc-sub-bbs li a .date ~ .ct_wrap, .nxc-sub-bbs li a .writer ~ .ct_wrap {
    margin-bottom: 34px;
  }
  .nxc-sub-bbs li a .date ~ .form_info + .ct_wrap, .nxc-sub-bbs li a .writer ~ .form_info + .ct_wrap {
    margin-bottom: 63px;
  }
  .nxc-sub-bbs li.writer a .date:nth-last-child(3) {
    bottom: 0;
  }
  /* 게시판 리스트 */
  .b_comm {
    overflow: hidden;
    display: block;
    border: none;
  }
  .b_comm thead {
    display: none;
  }
  .b_comm tbody, .b_comm tr, .b_comm td {
    overflow: hidden;
    float: left;
    display: block;
    width: 100%;
  }
  .b_comm tr {
    padding: 10px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .b_comm tr:last-child {
    margin-bottom: 0;
  }
  .b_comm td {
    width: 50%;
    padding: 10px 10px 0 0;
    text-align: left;
    border: none;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .b_comm td:first-child, .b_comm td:nth-child(2) {
    padding-top: 0;
  }
  .b_comm td span {
    font-weight: 700;
    vertical-align: middle;
  }
  .b_comm .mb {
    display: inline;
    vertical-align: top;
  }
  .b_comm.small tr {
    margin-bottom: 0;
    border-top: none;
  }
  .b_comm.small tr:first-child {
    border-top: 1px solid #e1e1e1;
  }
  .b_comm.small tr .hide {
    display: none;
  }
  /* 1:1 상담 */
  .nxc-interaction-bbs li a .cate {
    top: 53px;
    left: 50px;
    right: auto !important;
  }
  .nxc-interaction-bbs li a .name {
    top: 29px;
    left: 50px;
    right: auto;
    text-align: left;
  }
  .nxc-interaction-bbs li a .date {
    top: 29px;
  }
  .nxc-interaction-bbs li a .state {
    top: 53px;
    left: auto;
    right: 0;
    text-align: right;
  }
  .nxc-interaction-bbs li a .tit {
    margin: 0 0 53px 50px;
  }
  /* 상담 */
  .b_ts1 {
    display: block;
    overflow: hidden;
  }
  .b_ts1 > thead, .b_ts1 > tbody, .b_ts1 > tbody > tr, .b_ts1 > tbody > tr > th, .b_ts1 > tbody > tr > td {
    display: block;
    float: left;
    width: 100%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .b_ts1 > tbody > tr > th {
    padding-top: 8px;
    padding-bottom: 0;
    border-bottom: none !important;
  }
  .b_ts1 > tbody > tr > td {
    max-width: 100%;
    padding: 8px 0 8px 10px;
    border-top: none !important;
  }
  .b_ts1 > tbody > tr:first-child > th:not(:first-child), .b_ts1 > tbody > tr:first-child > td:not(:first-child), .b_ts1 > tbody > tr.fir > th:not(:first-child), .b_ts1 > tbody > tr.fir > td:not(:first-child) {
    padding-top: 8px;
  }
  .b_ts1 .wdt {
    display: none;
  }
  .b_ts2 {
    display: block;
    overflow: hidden;
  }
  .b_ts2 > thead, .b_ts2 > tbody, .b_ts2 > tbody > tr, .b_ts2 > tbody > tr > th, .b_ts2 > tbody > tr > td {
    display: block;
    float: left;
    width: 100%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .b_ts2 > tbody > tr > th {
    border-bottom: none;
    padding-right: 18px;
    padding-bottom: 0;
  }
  .b_ts2 > tbody > tr > td {
    max-width: 100%;
    padding-right: 18px;
  }
  /* 게시판 상세 */
  .nxc-b-read-typeC .b_prod_L, .nxc-b-read-typeE .b_prod_L, .nxc-b-read-typeG .b_prod_L {
    float: none;
    width: auto;
  }
  .nxc-b-read-typeC .b_prod_L .cate, .nxc-b-read-typeC .b_prod_L .date, .nxc-b-read-typeE .b_prod_L .cate, .nxc-b-read-typeE .b_prod_L .date, .nxc-b-read-typeG .b_prod_L .cate, .nxc-b-read-typeG .b_prod_L .date {
    display: inline;
  }
  .nxc-b-read-typeC .b_prod_L .tit, .nxc-b-read-typeE .b_prod_L .tit, .nxc-b-read-typeG .b_prod_L .tit {
    display: block;
  }
  .nxc-b-read-typeC .b_prod_R, .nxc-b-read-typeE .b_prod_R, .nxc-b-read-typeG .b_prod_R {
    float: none;
    width: auto;
  }
  .nxc-b-read-typeC .b_prod_R .cate, .nxc-b-read-typeC .b_prod_R .date, .nxc-b-read-typeC .b_prod_R .tit, .nxc-b-read-typeE .b_prod_R .cate, .nxc-b-read-typeE .b_prod_R .date, .nxc-b-read-typeE .b_prod_R .tit, .nxc-b-read-typeG .b_prod_R .cate, .nxc-b-read-typeG .b_prod_R .date, .nxc-b-read-typeG .b_prod_R .tit {
    display: none;
  }
  .nxc-b-read-typeD .b_prod_L, .nxc-b-read-typeF .b_prod_L, .nxc-b-read-typeH .b_prod_L {
    float: none;
    width: auto;
  }
  .nxc-b-read-typeD .b_prod_L .expl, .nxc-b-read-typeD .b_prod_L .file, .nxc-b-read-typeD .b_prod_L .btn, .nxc-b-read-typeF .b_prod_L .expl, .nxc-b-read-typeF .b_prod_L .file, .nxc-b-read-typeF .b_prod_L .btn, .nxc-b-read-typeH .b_prod_L .expl, .nxc-b-read-typeH .b_prod_L .file, .nxc-b-read-typeH .b_prod_L .btn {
    display: none;
  }
  .nxc-b-read-typeD .b_prod_R, .nxc-b-read-typeF .b_prod_R, .nxc-b-read-typeH .b_prod_R {
    float: none;
    width: auto;
  }
  .nxc-b-read-typeD .b_prod_R .expl, .nxc-b-read-typeD .b_prod_R .file, .nxc-b-read-typeD .b_prod_R .btn, .nxc-b-read-typeF .b_prod_R .expl, .nxc-b-read-typeF .b_prod_R .file, .nxc-b-read-typeF .b_prod_R .btn, .nxc-b-read-typeH .b_prod_R .expl, .nxc-b-read-typeH .b_prod_R .file, .nxc-b-read-typeH .b_prod_R .btn {
    display: block;
  }
  .nxc-b-read-typeC .b_prod_read li:first-child, .nxc-b-read-typeD .b_prod_read li:first-child, .nxc-b-read-typeE .b_prod_read li:first-child, .nxc-b-read-typeF .b_prod_read li:first-child, .nxc-b-read-typeG .b_prod_read li:first-child, .nxc-b-read-typeH .b_prod_read li:first-child {
    margin-top: 20px;
  }
  .nxc-b-read-typeE .b_prod_read li, .nxc-b-read-typeF .b_prod_read li, .nxc-b-read-typeG .b_prod_read li {
    float: left;
    width: calc(50% - 10px);
  }
  .nxc-b-read-typeE .b_prod_read li:nth-child(even), .nxc-b-read-typeF .b_prod_read li:nth-child(even), .nxc-b-read-typeG .b_prod_read li:nth-child(even) {
    margin-left: 20px;
  }
  /** Shop Product (Mobile) */
  .shop-product-list:not(.faq-list) {
    display: block;
    width: 100%;
  }
  .shop-product-list:not(.faq-list) .mobile-hidden {
    display: none;
  }
  .shop-product-list:not(.faq-list) .mobile-visible {
    display: table-cell;
  }
  .shop-product-list:not(.faq-list) thead, .shop-product-list:not(.faq-list) tbody, .shop-product-list:not(.faq-list) tr, .shop-product-list:not(.faq-list) th, .shop-product-list:not(.faq-list) td {
    display: block;
  }
  .shop-product-list:not(.faq-list) thead {
    display: none;
  }
  .shop-product-list:not(.faq-list) thead th, .shop-product-list:not(.faq-list) thead td {
    padding: 20px 15px;
    height: auto;
  }
  .shop-product-list:not(.faq-list) thead th:after, .shop-product-list:not(.faq-list) thead td:after {
    content: none;
  }
  .shop-product-list:not(.faq-list) tbody {
    border-top: 1px solid #DDDDDD;
    position: relative;
  }
  .shop-product-list:not(.faq-list) tbody tr {
    position: relative;
  }
  .shop-product-list:not(.faq-list) tbody td:not(.td-download) {
    padding-right: 180px;
  }
  .shop-product-list:not(.faq-list) .td-download {
    padding: 0;
    max-height: auto;
    position: absolute;
    top: 0%;
    height: 100%;
    right: 15px;
    border-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .shop-product-list:not(.faq-list) .td-download .shop-product-download {
    display: block;
  }
  .shop-product-list:not(.faq-list) .td-download .shop-product-download:nth-last-child(2), .shop-product-list:not(.faq-list) .td-download .shop-product-download:nth-last-child(2) ~ .shop-product-download {
    position: relative;
    top: -17px;
  }
  .shop-product-list:not(.faq-list) .img-wrap {
    max-width: 100px;
    float: left;
    margin-right: 10px;
  }
  .shop-product-list:not(.faq-list) .res_m.goods-bookmark {
    position: absolute;
    right: 10px;
    top: 20px;
  }
  /* 제품상세페이지 부가항목 */
  .nx-goods-product-form .nx-goods-product-tit {
    width: 30%;
  }
  .nx-goods-product-form .nx-goods-product-value {
    width: 70%;
  }
  .nx-goods-product-form .nx-goods-product-value.nx-last {
    width: 70%;
  }
  .nx-goods-product-form .nx-goods-product-value.nx-last .nx-goods-product-wrap .nx-goods-product-wrap2 {
    width: calc(33.3333333333% - 5.3333333333px);
  }
  .nx-goods-product-form .nx-goods-product-value .nx-goods-product-wrap .nx-goods-product-wrap2 {
    width: calc(33.3333333333% - 5.3333333333px);
  }
  .faq-list .faq-Q td:nth-child(2) {
    text-align: left;
  }
  .faq-list .faq-Q.active + tr th:nth-child(n+2),
  .faq-list .faq-Q.active + tr td:nth-child(n+2) {
    text-align: left;
  }
  .product-category-wrap .ico_arr1_d,
  .product-category-wrap .ico_x {
    background: transparent;
  }
  .product-category.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 1000;
  }
  .product-category .product-cate-title {
    position: relative;
  }
  .product-category .cate1 {
    position: relative;
  }
  .product-category .cate2 {
    display: none;
  }
  .product-category .ico_arr1_d {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -7px;
    z-index: 100;
  }
  @keyframes product-category-active {
    from {
      height: 0%;
    }
    to {
      height: 100%;
    }
  }
}
@media screen and (max-width: 768px) {
  /** 마이페이지 검색 버튼 */
  .nxc-b-sch-bx2 {
    position: relative;
  }
  .nxc-b-sch-bx2 .sch_btn {
    font-size: 0px;
    color: transparent;
    position: absolute;
    bottom: 15px;
    right: 15px;
  }
  .nxc-b-sch-bx2 .sch_btn .ico_search {
    font-size: 16px;
    color: #FFF;
  }
}
/* 1:1 상담 리스트 모바일 */
@media screen and (max-width: 667px) {
  .nxc-interaction-bbs2 li.size-0 .bbs-etc {
    width: 100%;
  }
  .nxc-interaction-bbs2 li.size-1 .bbs-etc {
    width: 100%;
  }
  .nxc-interaction-bbs2 a {
    padding-bottom: 10px;
  }
  .nxc-interaction-bbs2 .num {
    float: left;
    position: static;
    margin-top: 18px;
  }
  .nxc-interaction-bbs2 .title {
    float: left;
    position: static;
    margin-top: 15px;
    margin-bottom: 5px;
    width: calc(70% - 50px);
    font-size: 16px;
    color: #000;
  }
  .nxc-interaction-bbs2 .size-0 .bbs-etc,
  .nxc-interaction-bbs2 .size-1 .bbs-etc,
  .nxc-interaction-bbs2 .size-2 .bbs-etc,
  .nxc-interaction-bbs2 .size-3 .bbs-etc {
    display: block;
    padding-left: 0;
  }
  .nxc-interaction-bbs2 .size-0 .bbs-etc > .items,
  .nxc-interaction-bbs2 .size-1 .bbs-etc > .items,
  .nxc-interaction-bbs2 .size-2 .bbs-etc > .items,
  .nxc-interaction-bbs2 .size-3 .bbs-etc > .items {
    display: block;
    text-align: left;
    padding: 0;
    padding-left: 45px;
  }
  .nxc-interaction-bbs2 .size-0 .bbs-etc > .items p,
  .nxc-interaction-bbs2 .size-1 .bbs-etc > .items p,
  .nxc-interaction-bbs2 .size-2 .bbs-etc > .items p,
  .nxc-interaction-bbs2 .size-3 .bbs-etc > .items p {
    display: inline-block;
    line-height: 1.5;
  }
  .nxc-interaction-bbs2 .size-0 .bbs-etc > .items p:nth-child(1),
  .nxc-interaction-bbs2 .size-1 .bbs-etc > .items p:nth-child(1),
  .nxc-interaction-bbs2 .size-2 .bbs-etc > .items p:nth-child(1),
  .nxc-interaction-bbs2 .size-3 .bbs-etc > .items p:nth-child(1) {
    margin-right: 5px;
  }
  .nxc-interaction-bbs2 .size-0 .bbs-etc .cate,
  .nxc-interaction-bbs2 .size-1 .bbs-etc .cate,
  .nxc-interaction-bbs2 .size-2 .bbs-etc .cate,
  .nxc-interaction-bbs2 .size-3 .bbs-etc .cate {
    width: 100px;
    padding-bottom: 5px;
    line-height: 1.5;
    color: #000;
  }
  .nxc-interaction-bbs2 .size-0 .bbs-etc .status,
  .nxc-interaction-bbs2 .size-1 .bbs-etc .status,
  .nxc-interaction-bbs2 .size-2 .bbs-etc .status,
  .nxc-interaction-bbs2 .size-3 .bbs-etc .status {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 26px;
    padding-left: 0;
    text-align: right;
  }
  .nxc-interaction-bbs2 .size-0 .bbs-etc .date,
  .nxc-interaction-bbs2 .size-1 .bbs-etc .date,
  .nxc-interaction-bbs2 .size-2 .bbs-etc .date,
  .nxc-interaction-bbs2 .size-3 .bbs-etc .date {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 8px;
    padding-left: 0;
    text-align: right;
  }
  .nxc-interaction-bbs2 .list-item {
    padding-right: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
/* 모바일세로 */
@media only screen and (max-width: 519px) {
  /* Sub_BBS */
  .nxc-sub-bbs li a .form_info {
    left: 0;
  }
  .nxc-sub-bbs li a .form_info span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .nxc-sub-bbs li.writer a .date:nth-last-child(3), .nxc-sub-bbs li.writer a .writer:nth-last-child(2) {
    bottom: 0;
  }
  .nxc-sub-bbs li.writer a .date:nth-last-child(3) + .writer, .nxc-sub-bbs li.writer a .writer:nth-last-child(2) + .writer {
    bottom: 0;
  }
  .nxc-sub-bbs li:not(.writer) a .date:nth-last-child(3) {
    bottom: 29px;
  }
  .nxc-sub-bbs li:not(.writer) a .date:nth-last-child(3) + .writer {
    bottom: 29px;
  }
  .nxc-sub-bbs li:not(.writer) a .date:nth-last-child(2) {
    bottom: 0;
  }
  .nxc-sub-bbs li:not(.writer) a .date:nth-last-child(2) + .writer {
    bottom: 0;
  }
  .nxc-sub-bbs li.form2 a .form_info + .ct_wrap {
    margin-bottom: 63px;
  }
  .nxc-sub-bbs li.form2 a .date ~ .form_info + .ct_wrap, .nxc-sub-bbs li.form2 a .writer ~ .form_info + .ct_wrap {
    margin-bottom: 87px;
  }
  .nxc-sub-bbs li.form2 .date,
  .nxc-sub-bbs li.form2 .writer {
    bottom: 58px !important;
  }
  /* 게시판 상세 */
  .nxc-b-read-typeE .b_prod_read li, .nxc-b-read-typeF .b_prod_read li {
    float: none;
    width: 100%;
  }
  .nxc-b-read-typeE .b_prod_read li:nth-child(even), .nxc-b-read-typeF .b_prod_read li:nth-child(even) {
    margin-left: 0;
  }
  .nxc-b-read-typeI .b_prod_read li, .nxc-b-read-typeJ .b_prod_read li {
    float: none;
    width: auto;
    margin: 20px 0 0 0;
  }
  .nxc-b-read-typeI .b_prod_read li:nth-child(3n), .nxc-b-read-typeJ .b_prod_read li:nth-child(3n) {
    margin-right: 0;
  }
  /* Search */
  .nxc-b-sch-bx .fL {
    float: none;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #d0d0d0;
  }
  .nxc-b-sch-bx .fR {
    position: relative;
    float: none;
  }
  .nxc-b-sch-bx .fR .view_all {
    position: absolute;
    top: 0;
    left: 0;
  }
  .nxc-b-sch-bx .fR .view_all + .b_select, .nxc-b-sch-bx .fR .view_all + .b_search {
    margin-left: 89px;
  }
  .nxc-b-sch-bx .b_select + .b_select, .nxc-b-sch-bx .b_select + .b_search {
    margin-top: 5px;
  }
  .b_select {
    display: block;
  }
  .b_search {
    display: block;
  }
  .b_search input[type=text] {
    width: 100%;
    height: 30px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* 제품상세페이지 부가항목 */
  .nx-goods-product-form .nx-goods-product-tit {
    width: 30%;
  }
  .nx-goods-product-form .nx-goods-product-value {
    width: 70%;
  }
  .nx-goods-product-form .nx-goods-product-value.nx-last {
    width: 70%;
  }
  .nx-goods-product-form .nx-goods-product-value.nx-last .nx-goods-product-wrap .nx-goods-product-wrap2 {
    width: calc(50% - 4px);
  }
  .nx-goods-product-form .nx-goods-product-value .nx-goods-product-wrap .nx-goods-product-wrap2 {
    width: calc(50% - 4px);
  }
}
/* 1:1 상담 최소사이즈 관련 */
@media screen and (max-width: 500px) {
  .nxc-interaction-bbs2 .size-0 .bbs-etc > .items p,
  .nxc-interaction-bbs2 .size-1 .bbs-etc > .items p,
  .nxc-interaction-bbs2 .size-2 .bbs-etc > .items p,
  .nxc-interaction-bbs2 .size-3 .bbs-etc > .items p {
    display: block;
  }
}
/* 갤러리 */
.gall {
  overflow: hidden;
}
.gall li {
  float: left;
}
.gall li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  margin: 0 0 300px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.gall li a {
  display: block;
  position: relative;
}
.gall li a .img_wrap {
  position: relative;
}
.gall li a .img_wrap img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.gall li a .tit_wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
.gall li a .tit_wrap .tit {
  position: relative;
  width: 100%;
  padding: 10px 0;
  color: #333;
  font-size: 16px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-all;
}
.gall li a .tit_wrap .tit .name {
  display: block;
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.gall li a .tit_wrap .tit .menu {
  display: block;
  max-width: 50%;
  margin-bottom: 5px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.gall li a .tit_wrap .tit .date {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
}
.gall li a .tit_wrap .tit .writer {
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.gall li a .tit_wrap .tit .menu + .date {
  position: absolute;
  top: 10px;
  right: 0;
}
.gall li a .tit_wrap .tit .people {
  display: inline-block;
  margin: 5px 10px 0 0;
  font-size: 12px;
}
.gall li a .tit_wrap .tit .term {
  display: inline-block;
  margin-top: 5px;
  font-size: 12px;
}
.gall li a .overview {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: all 0.5s ease;
  text-align: center;
}
.gall li a .overview .expl_wrap {
  display: table;
  width: 100%;
  height: 100%;
}
.gall li a .overview .expl {
  display: table-cell;
  height: auto !important;
  max-height: 4.5em;
  padding: 0 10px;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
}
.gall li a .overview .expl p {
  height: auto !important;
  max-height: 4.5em;
}
.gall li a .overview .more {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 74px;
  height: 33px;
  color: #fff;
  background: #000;
  font-size: 12px;
  line-height: 33px;
  text-align: center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: all 0.5s ease;
}
.gall li a:hover .overview {
  opacity: 1;
}
.gall li a:hover .overview .more {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.gall.col-4-1 li, .gall.col-4-2 li, .gall.col-4-3 li, .gall.col-4-4 li {
  width: calc((100% - 60px - 1px) / 4);
  margin-left: 20px;
  float: left;
}
.gall.col-4-1 li:nth-child(-n+4), .gall.col-4-2 li:nth-child(-n+4), .gall.col-4-3 li:nth-child(-n+4), .gall.col-4-4 li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.gall.col-4-1 li:nth-child(n+5), .gall.col-4-2 li:nth-child(n+5), .gall.col-4-3 li:nth-child(n+5), .gall.col-4-4 li:nth-child(n+5) {
  margin-top: 20px;
  clear: none;
}
.gall.col-4-1 li:nth-child(4n+1), .gall.col-4-2 li:nth-child(4n+1), .gall.col-4-3 li:nth-child(4n+1), .gall.col-4-4 li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}

.gall.col-4-5 li, .gall.col-4-6 li {
  width: 25%;
}
.gall.col-4-5 li:nth-child(n+5) a img, .gall.col-4-6 li:nth-child(n+5) a img {
  border-top: none;
}
.gall.col-4-5 li:nth-child(4n+2), .gall.col-4-6 li:nth-child(4n+2) {
  margin-left: -1px;
}
.gall.col-4-5 li:nth-child(4n+3), .gall.col-4-6 li:nth-child(4n+3) {
  margin-left: -2px;
}
.gall.col-4-5 li:nth-child(4n+4), .gall.col-4-6 li:nth-child(4n+4) {
  margin-left: -3px;
}

.gall.col-3-1 li, .gall.col-3-2 li, .gall.col-3-3 li, .gall.col-3-4 li {
  width: calc((100% - 40px - 1px) / 3);
  margin-left: 20px;
  float: left;
}
.gall.col-3-1 li:nth-child(-n+3), .gall.col-3-2 li:nth-child(-n+3), .gall.col-3-3 li:nth-child(-n+3), .gall.col-3-4 li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.gall.col-3-1 li:nth-child(n+4), .gall.col-3-2 li:nth-child(n+4), .gall.col-3-3 li:nth-child(n+4), .gall.col-3-4 li:nth-child(n+4) {
  margin-top: 20px;
  clear: none;
}
.gall.col-3-1 li:nth-child(3n+1), .gall.col-3-2 li:nth-child(3n+1), .gall.col-3-3 li:nth-child(3n+1), .gall.col-3-4 li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}

.gall.col-3-5 li, .gall.col-3-6 li {
  width: 33.3333333333%;
}
.gall.col-3-5 li:nth-child(n+4) a img, .gall.col-3-6 li:nth-child(n+4) a img {
  border-top: none;
}
.gall.col-3-5 li:nth-child(3n+2), .gall.col-3-6 li:nth-child(3n+2) {
  margin-left: -1px;
}
.gall.col-3-5 li:nth-child(3n+3), .gall.col-3-6 li:nth-child(3n+3) {
  margin-left: -2px;
}

.gall.col-2-1 li, .gall.col-2-2 li, .gall.col-2-3 li, .gall.col-2-4 li {
  width: calc((100% - 20px - 1px) / 2);
  margin-left: 20px;
  float: left;
}
.gall.col-2-1 li:nth-child(-n+2), .gall.col-2-2 li:nth-child(-n+2), .gall.col-2-3 li:nth-child(-n+2), .gall.col-2-4 li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.gall.col-2-1 li:nth-child(n+3), .gall.col-2-2 li:nth-child(n+3), .gall.col-2-3 li:nth-child(n+3), .gall.col-2-4 li:nth-child(n+3) {
  margin-top: 20px;
  clear: none;
}
.gall.col-2-1 li:nth-child(2n+1), .gall.col-2-2 li:nth-child(2n+1), .gall.col-2-3 li:nth-child(2n+1), .gall.col-2-4 li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}

.gall.col-2-5 li, .gall.col-2-6 li {
  width: 50%;
}
.gall.col-2-5 li:nth-child(n+3) a img, .gall.col-2-6 li:nth-child(n+3) a img {
  border-top: none;
}
.gall.col-2-5 li:nth-child(2n), .gall.col-2-6 li:nth-child(2n) {
  margin-left: -1px;
}

.gall.col-2-101 li {
  width: calc((100% - 20px - 1px) / 2);
  margin-left: 20px;
  float: left;
}
.gall.col-2-101 li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.gall.col-2-101 li:nth-child(n+3) {
  margin-top: 20px;
  clear: none;
}
.gall.col-2-101 li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.gall.col-2-101 li a {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.gall.col-2-101 li a .img_wrap {
  display: table-cell;
  width: 50%;
  height: 100%;
}
.gall.col-2-101 li a .overview {
  display: none;
}
.gall.col-2-101 li a .tit_wrap {
  display: table-cell;
  position: static;
  width: 50%;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
.gall.col-2-101 li a .tit_wrap .tit .ct {
  display: block;
  color: #444;
}
.gall.col-2-101 li a .tit_wrap .tit .name + .ct {
  margin-top: 5px;
}
.gall.col-2-101 li a .tit_wrap .tit .date {
  position: absolute;
  bottom: 10px;
  right: 0;
  margin-bottom: 0;
}
.gall.col-2-101 li a .tit_wrap .tit .date ~ .name:last-child, .gall.col-2-101 li a .tit_wrap .tit .date ~ .ct:last-child {
  margin-bottom: 19px;
}
.gall.col-2-101.alignL li a .tit_wrap {
  text-align: left;
}
.gall.col-2-101.alignC li a .tit_wrap {
  text-align: center;
}
.gall.col-2-101.alignR li a .tit_wrap {
  text-align: right;
}
.gall.col-2-101.valignT li a .tit_wrap {
  vertical-align: top;
}
.gall.col-2-101.valignM li a .tit_wrap {
  vertical-align: middle;
}
.gall.col-2-101.valignB li a .tit_wrap {
  vertical-align: bottom;
}

.gall.col-1-101 li {
  width: 100%;
  margin-top: 20px;
}
.gall.col-1-101 li a .overview {
  display: none;
}
.gall.col-1-101 li a .tit_wrap .tit .ct {
  display: block;
  color: #444;
}
.gall.col-1-101 li a .tit_wrap .tit .name + .ct {
  margin-top: 5px;
}
.gall.col-1-101 li a .tit_wrap .tit .date {
  position: absolute;
  bottom: 10px;
  right: 0;
  margin-bottom: 0;
}
.gall.col-1-101 li a .tit_wrap .tit .date ~ .name:last-child, .gall.col-1-101 li a .tit_wrap .tit .date ~ .ct:last-child {
  margin-bottom: 19px;
}
.gall.col-1-101.alignL li a .tit_wrap {
  text-align: left;
}
.gall.col-1-101.alignC li a .tit_wrap {
  text-align: center;
}
.gall.col-1-101.alignR li a .tit_wrap {
  text-align: right;
}

.gall.col-4-1 li a .tit_wrap, .gall.col-4-5 li a .tit_wrap, .gall.col-3-1 li a .tit_wrap, .gall.col-3-5 li a .tit_wrap, .gall.col-2-1 li a .tit_wrap, .gall.col-2-5 li a .tit_wrap {
  display: none;
}

.gall.col-4-2 li a .tit_wrap, .gall.col-3-2 li a .tit_wrap, .gall.col-2-2 li a .tit_wrap, .gall.col-1-101 li a .tit_wrap {
  position: static;
}

.gall.col-4-3 li a .tit_wrap, .gall.col-4-6 li a .tit_wrap, .gall.col-3-3 li a .tit_wrap, .gall.col-3-6 li a .tit_wrap, .gall.col-2-3 li a .tit_wrap, .gall.col-2-6 li a .tit_wrap {
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
}
.gall.col-4-3 li a .tit_wrap .tit, .gall.col-4-6 li a .tit_wrap .tit, .gall.col-3-3 li a .tit_wrap .tit, .gall.col-3-6 li a .tit_wrap .tit, .gall.col-2-3 li a .tit_wrap .tit, .gall.col-2-6 li a .tit_wrap .tit {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
}
.gall.col-4-3 li a .tit_wrap .tit .menu + .date, .gall.col-4-6 li a .tit_wrap .tit .menu + .date, .gall.col-3-3 li a .tit_wrap .tit .menu + .date, .gall.col-3-6 li a .tit_wrap .tit .menu + .date, .gall.col-2-3 li a .tit_wrap .tit .menu + .date, .gall.col-2-6 li a .tit_wrap .tit .menu + .date {
  right: 10px;
}

.gall.col-4-3 li a .grd_b, .gall.col-4-6 li a .grd_b, .gall.col-3-3 li a .grd_b, .gall.col-3-6 li a .grd_b, .gall.col-2-3 li a .grd_b, .gall.col-2-6 li a .grd_b { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 90%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#cc000000",GradientType=0 ); /* IE6-9 */
}
.gall.col-4-3 li a .grd_b .tit, .gall.col-4-6 li a .grd_b .tit, .gall.col-3-3 li a .grd_b .tit, .gall.col-3-6 li a .grd_b .tit, .gall.col-2-3 li a .grd_b .tit, .gall.col-2-6 li a .grd_b .tit {
  color: #fff !important;
}

.gall.col-4-3 li a .grd_w, .gall.col-4-6 li a .grd_w, .gall.col-3-3 li a .grd_w, .gall.col-3-6 li a .grd_w, .gall.col-2-3 li a .grd_w, .gall.col-2-6 li a .grd_w { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.8) 90%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff00", endColorstr="#ffffff00",GradientType=0 ); /* IE6-9 */
}
.gall.col-4-3 li a .grd_w .tit, .gall.col-4-6 li a .grd_w .tit, .gall.col-3-3 li a .grd_w .tit, .gall.col-3-6 li a .grd_w .tit, .gall.col-2-3 li a .grd_w .tit, .gall.col-2-6 li a .grd_w .tit {
  color: #000 !important;
}

.gall.col-4-4 li a .tit_wrap, .gall.col-3-4 li a .tit_wrap, .gall.col-2-4 li a .tit_wrap {
  position: static;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dfdfdf;
}
.gall.col-4-4 li a .tit_wrap .tit, .gall.col-3-4 li a .tit_wrap .tit, .gall.col-2-4 li a .tit_wrap .tit {
  padding: 10px;
}
.gall.col-4-4 li a .tit_wrap .tit .menu + .date, .gall.col-3-4 li a .tit_wrap .tit .menu + .date, .gall.col-2-4 li a .tit_wrap .tit .menu + .date {
  right: 10px;
}

/* 삭제 예정
.gall.col-3-2 li a .overview, .gall.col-3-4 li a .overview, .gall.col-2-2 li a .overview, .gall.col-2-4 li a .overview {
  bottom: 40px;
  &.date {
    bottom: 59px;
  }
  &.dday {
    bottom: 65px;
  }
  &.price {
    bottom: 67px;
  }
  &.dday.price {
    bottom: 90px;
  }
}
*/
/* PC */
@media only screen and (max-width: 1023px) {
  .gall.col-4-1 li, .gall.col-4-2 li, .gall.col-4-3 li, .gall.col-4-4 li {
    width: calc((100% - 40px - 1px) / 3);
    margin-left: 20px;
  }
  .gall.col-4-1 li:nth-child(-n+3), .gall.col-4-2 li:nth-child(-n+3), .gall.col-4-3 li:nth-child(-n+3), .gall.col-4-4 li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .gall.col-4-1 li:nth-child(n+4), .gall.col-4-2 li:nth-child(n+4), .gall.col-4-3 li:nth-child(n+4), .gall.col-4-4 li:nth-child(n+4) {
    margin-top: 20px;
    clear: none;
  }
  .gall.col-4-1 li:nth-child(4n+1), .gall.col-4-2 li:nth-child(4n+1), .gall.col-4-3 li:nth-child(4n+1), .gall.col-4-4 li:nth-child(4n+1) {
    clear: none;
    margin-left: 20px;
  }
  .gall.col-4-1 li:nth-child(3n+1), .gall.col-4-2 li:nth-child(3n+1), .gall.col-4-3 li:nth-child(3n+1), .gall.col-4-4 li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .gall.col-4-5 li, .gall.col-4-6 li {
    width: 33.3333333333%;
  }
  .gall.col-4-5 li:nth-child(4) a img, .gall.col-4-6 li:nth-child(4) a img {
    border-top: 0;
  }
  .gall.col-4-5 li:nth-child(3n+2), .gall.col-4-6 li:nth-child(3n+2) {
    margin-left: -1px;
  }
  .gall.col-4-5 li:nth-child(3n+3), .gall.col-4-6 li:nth-child(3n+3) {
    margin-left: -2px;
  }
  .gall.col-4-5 li:nth-child(3n+1), .gall.col-4-6 li:nth-child(3n+1) {
    margin-left: 0;
  }
}
/* 모바일가로 */
@media only screen and (max-width: 759px) {
  .gall.col-4-1 li, .gall.col-4-2 li, .gall.col-4-3 li, .gall.col-4-4 li, .gall.col-3-1 li, .gall.col-3-2 li, .gall.col-3-3 li, .gall.col-3-4 li {
    width: calc((100% - 20px - 1px) / 2);
    margin-left: 20px;
  }
  .gall.col-4-1 li:nth-child(-n+2), .gall.col-4-2 li:nth-child(-n+2), .gall.col-4-3 li:nth-child(-n+2), .gall.col-4-4 li:nth-child(-n+2), .gall.col-3-1 li:nth-child(-n+2), .gall.col-3-2 li:nth-child(-n+2), .gall.col-3-3 li:nth-child(-n+2), .gall.col-3-4 li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .gall.col-4-1 li:nth-child(n+3), .gall.col-4-2 li:nth-child(n+3), .gall.col-4-3 li:nth-child(n+3), .gall.col-4-4 li:nth-child(n+3), .gall.col-3-1 li:nth-child(n+3), .gall.col-3-2 li:nth-child(n+3), .gall.col-3-3 li:nth-child(n+3), .gall.col-3-4 li:nth-child(n+3) {
    margin-top: 20px;
    clear: none;
  }
  .gall.col-4-1 li:nth-child(3n+1), .gall.col-4-2 li:nth-child(3n+1), .gall.col-4-3 li:nth-child(3n+1), .gall.col-4-4 li:nth-child(3n+1), .gall.col-3-1 li:nth-child(3n+1), .gall.col-3-2 li:nth-child(3n+1), .gall.col-3-3 li:nth-child(3n+1), .gall.col-3-4 li:nth-child(3n+1) {
    clear: none;
    margin-left: 20px;
  }
  .gall.col-4-1 li:nth-child(2n+1), .gall.col-4-2 li:nth-child(2n+1), .gall.col-4-3 li:nth-child(2n+1), .gall.col-4-4 li:nth-child(2n+1), .gall.col-3-1 li:nth-child(2n+1), .gall.col-3-2 li:nth-child(2n+1), .gall.col-3-3 li:nth-child(2n+1), .gall.col-3-4 li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .gall.col-4-5 li, .gall.col-4-6 li, .gall.col-3-5 li, .gall.col-3-6 li {
    width: 50%;
  }
  .gall.col-4-5 li:nth-child(3) a img, .gall.col-4-6 li:nth-child(3) a img, .gall.col-3-5 li:nth-child(3) a img, .gall.col-3-6 li:nth-child(3) a img {
    border-top: 0;
  }
  .gall.col-4-5 li:nth-child(2n+2), .gall.col-4-6 li:nth-child(2n+2), .gall.col-3-5 li:nth-child(2n+2), .gall.col-3-6 li:nth-child(2n+2) {
    margin-left: -1px;
  }
  .gall.col-4-5 li:nth-child(2n+1), .gall.col-4-6 li:nth-child(2n+1), .gall.col-3-5 li:nth-child(2n+1), .gall.col-3-6 li:nth-child(2n+1) {
    margin-left: 0;
  }
  .gall.col-2-101 li {
    width: 100%;
    margin: 20px 0 0;
  }
}
/* 모바일세로 */
@media only screen and (max-width: 519px) {
  .gall.col-4-1 li, .gall.col-4-2 li, .gall.col-4-3 li, .gall.col-4-4 li, .gall.col-4-5 li, .gall.col-4-6 li, .gall.col-3-1 li, .gall.col-3-2 li, .gall.col-3-3 li, .gall.col-3-4 li, .gall.col-3-5 li, .gall.col-3-6 li, .gall.col-2-1 li, .gall.col-2-2 li, .gall.col-2-3 li, .gall.col-2-4 li, .gall.col-2-5 li, .gall.col-2-6 li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .gall.col-4-1 li:nth-child(-n+1), .gall.col-4-2 li:nth-child(-n+1), .gall.col-4-3 li:nth-child(-n+1), .gall.col-4-4 li:nth-child(-n+1), .gall.col-4-5 li:nth-child(-n+1), .gall.col-4-6 li:nth-child(-n+1), .gall.col-3-1 li:nth-child(-n+1), .gall.col-3-2 li:nth-child(-n+1), .gall.col-3-3 li:nth-child(-n+1), .gall.col-3-4 li:nth-child(-n+1), .gall.col-3-5 li:nth-child(-n+1), .gall.col-3-6 li:nth-child(-n+1), .gall.col-2-1 li:nth-child(-n+1), .gall.col-2-2 li:nth-child(-n+1), .gall.col-2-3 li:nth-child(-n+1), .gall.col-2-4 li:nth-child(-n+1), .gall.col-2-5 li:nth-child(-n+1), .gall.col-2-6 li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .gall.col-4-1 li:nth-child(n+2), .gall.col-4-2 li:nth-child(n+2), .gall.col-4-3 li:nth-child(n+2), .gall.col-4-4 li:nth-child(n+2), .gall.col-4-5 li:nth-child(n+2), .gall.col-4-6 li:nth-child(n+2), .gall.col-3-1 li:nth-child(n+2), .gall.col-3-2 li:nth-child(n+2), .gall.col-3-3 li:nth-child(n+2), .gall.col-3-4 li:nth-child(n+2), .gall.col-3-5 li:nth-child(n+2), .gall.col-3-6 li:nth-child(n+2), .gall.col-2-1 li:nth-child(n+2), .gall.col-2-2 li:nth-child(n+2), .gall.col-2-3 li:nth-child(n+2), .gall.col-2-4 li:nth-child(n+2), .gall.col-2-5 li:nth-child(n+2), .gall.col-2-6 li:nth-child(n+2) {
    margin-top: 20px;
    clear: none;
  }
  .gall.col-4-1 li:nth-child(2n+1), .gall.col-4-2 li:nth-child(2n+1), .gall.col-4-3 li:nth-child(2n+1), .gall.col-4-4 li:nth-child(2n+1), .gall.col-4-5 li:nth-child(2n+1), .gall.col-4-6 li:nth-child(2n+1), .gall.col-3-1 li:nth-child(2n+1), .gall.col-3-2 li:nth-child(2n+1), .gall.col-3-3 li:nth-child(2n+1), .gall.col-3-4 li:nth-child(2n+1), .gall.col-3-5 li:nth-child(2n+1), .gall.col-3-6 li:nth-child(2n+1), .gall.col-2-1 li:nth-child(2n+1), .gall.col-2-2 li:nth-child(2n+1), .gall.col-2-3 li:nth-child(2n+1), .gall.col-2-4 li:nth-child(2n+1), .gall.col-2-5 li:nth-child(2n+1), .gall.col-2-6 li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .gall.col-4-1 li:nth-child(1n+1), .gall.col-4-2 li:nth-child(1n+1), .gall.col-4-3 li:nth-child(1n+1), .gall.col-4-4 li:nth-child(1n+1), .gall.col-4-5 li:nth-child(1n+1), .gall.col-4-6 li:nth-child(1n+1), .gall.col-3-1 li:nth-child(1n+1), .gall.col-3-2 li:nth-child(1n+1), .gall.col-3-3 li:nth-child(1n+1), .gall.col-3-4 li:nth-child(1n+1), .gall.col-3-5 li:nth-child(1n+1), .gall.col-3-6 li:nth-child(1n+1), .gall.col-2-1 li:nth-child(1n+1), .gall.col-2-2 li:nth-child(1n+1), .gall.col-2-3 li:nth-child(1n+1), .gall.col-2-4 li:nth-child(1n+1), .gall.col-2-5 li:nth-child(1n+1), .gall.col-2-6 li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .gall.col-4-5 li:nth-child(n), .gall.col-4-6 li:nth-child(n), .gall.col-3-5 li:nth-child(n), .gall.col-3-6 li:nth-child(n), .gall.col-2-5 li:nth-child(n), .gall.col-2-6 li:nth-child(n) {
    margin-left: 0;
  }
  .gall.col-2-101 li a {
    display: block;
  }
  .gall.col-2-101 li a .img_wrap, .gall.col-2-101 li a .tit_wrap {
    display: block;
    width: auto;
    height: auto;
    padding: 0;
  }
  .gall.col-4-1.col-fix-2, .gall.col-4-2.col-fix-2, .gall.col-4-3.col-fix-2, .gall.col-4-4.col-fix-2, .gall.col-3-1.col-fix-2, .gall.col-3-2.col-fix-2, .gall.col-3-3.col-fix-2, .gall.col-3-4.col-fix-2, .gall.col-2-1.col-fix-2, .gall.col-2-2.col-fix-2, .gall.col-2-3.col-fix-2, .gall.col-2-4.col-fix-2 {
    margin-top: -10px !important;
  }
  .gall.col-4-1.col-fix-2 li, .gall.col-4-2.col-fix-2 li, .gall.col-4-3.col-fix-2 li, .gall.col-4-4.col-fix-2 li, .gall.col-3-1.col-fix-2 li, .gall.col-3-2.col-fix-2 li, .gall.col-3-3.col-fix-2 li, .gall.col-3-4.col-fix-2 li {
    width: calc(50% - 5px);
    margin: 10px 0 0 10px;
    clear: none;
  }
  .gall.col-4-1.col-fix-2 li:nth-child(3n+1), .gall.col-4-2.col-fix-2 li:nth-child(3n+1), .gall.col-4-3.col-fix-2 li:nth-child(3n+1), .gall.col-4-4.col-fix-2 li:nth-child(3n+1), .gall.col-3-1.col-fix-2 li:nth-child(3n+1), .gall.col-3-2.col-fix-2 li:nth-child(3n+1), .gall.col-3-3.col-fix-2 li:nth-child(3n+1), .gall.col-3-4.col-fix-2 li:nth-child(3n+1) {
    margin-left: 10px;
  }
  .gall.col-4-1.col-fix-2 li:nth-child(2n+1), .gall.col-4-2.col-fix-2 li:nth-child(2n+1), .gall.col-4-3.col-fix-2 li:nth-child(2n+1), .gall.col-4-4.col-fix-2 li:nth-child(2n+1), .gall.col-3-1.col-fix-2 li:nth-child(2n+1), .gall.col-3-2.col-fix-2 li:nth-child(2n+1), .gall.col-3-3.col-fix-2 li:nth-child(2n+1), .gall.col-3-4.col-fix-2 li:nth-child(2n+1) {
    margin-left: 0;
  }
  .gall.col-4-5.col-fix-2 li, .gall.col-4-6.col-fix-2 li, .gall.col-3-5.col-fix-2 li, .gall.col-3-6.col-fix-2 li, .gall.col-2-5.col-fix-2 li, .gall.col-2-6.col-fix-2 li {
    width: 50%;
    margin: 0;
    clear: none;
  }
  .gall.col-4-5.col-fix-2 li:nth-child(n+3) a img, .gall.col-4-6.col-fix-2 li:nth-child(n+3) a img, .gall.col-3-5.col-fix-2 li:nth-child(n+3) a img, .gall.col-3-6.col-fix-2 li:nth-child(n+3) a img, .gall.col-2-5.col-fix-2 li:nth-child(n+3) a img, .gall.col-2-6.col-fix-2 li:nth-child(n+3) a img {
    border-top: none;
  }
  .gall.col-4-5.col-fix-2 li:nth-child(2n), .gall.col-4-6.col-fix-2 li:nth-child(2n), .gall.col-3-5.col-fix-2 li:nth-child(2n), .gall.col-3-6.col-fix-2 li:nth-child(2n), .gall.col-2-5.col-fix-2 li:nth-child(2n), .gall.col-2-6.col-fix-2 li:nth-child(2n) {
    margin-left: -1px;
  }
  .gall.col-2-1.col-fix-2 li, .gall.col-2-2.col-fix-2 li, .gall.col-2-3.col-fix-2 li, .gall.col-2-4.col-fix-2 li {
    width: calc(50% - 5px);
    margin: 10px 0 0 10px;
    clear: none;
  }
  .gall.col-2-1.col-fix-2 li:nth-child(2n+1), .gall.col-2-2.col-fix-2 li:nth-child(2n+1), .gall.col-2-3.col-fix-2 li:nth-child(2n+1), .gall.col-2-4.col-fix-2 li:nth-child(2n+1) {
    margin-left: 0;
  }
}
/* 메인 게시판 */
.ollysite-sns-wrap {
  padding: 0 4px;
}
.ollysite-sns-wrap .item {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  background: transparent;
  outline: none;
  border: 0;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.ollysite-sns-wrap .item:hover {
  transform: translateY(-5px);
}

.mboard-bbs {
  overflow: hidden;
  border-top: 1px solid #696969;
}
.mboard-bbs.col2 li {
  float: left;
  width: calc(50% - 30px);
}
.mboard-bbs.col2 li:nth-child(odd) {
  margin-right: 30px;
}
.mboard-bbs.col2 li:nth-child(even) {
  margin-left: 30px;
}
.mboard-bbs li {
  border-bottom: 1px solid #e8e8e8;
}
.mboard-bbs li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  margin: 0 0 300px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.mboard-bbs li a {
  position: relative;
  display: block;
  padding: 24px 0;
}
.mboard-bbs li .top {
  overflow: hidden;
  margin-bottom: 10px;
}
.mboard-bbs li .top .s1 {
  float: left;
  width: 40%;
  font-size: 14px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 1.5em !important;
}
.mboard-bbs li .top .s2 {
  float: right;
  width: 40%;
  font-size: 14px;
  color: #999;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 1.5em !important;
}
.mboard-bbs li .top span:only-child {
  width: 100%;
}
.mboard-bbs li .ct {
  max-width: 80%;
  overflow: hidden;
}
.mboard-bbs li .ct .tit {
  word-break: break-all;
  font-size: 18px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 1.5em !important;
}
.mboard-bbs li .ct .tit.cnt {
  padding-right: 25px;
}
.mboard-bbs li .ct .tit.cnt span {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding-right: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mboard-bbs li .ct .tit.cnt span:after {
  content: attr(data-cnt);
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 14px;
  font-weight: 400;
}
.mboard-bbs li .ct .wrap {
  overflow: hidden;
  margin-top: 5px;
}
.mboard-bbs li .ct .wrap .img {
  float: left;
}
.mboard-bbs li .ct .wrap .ctx {
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 4.5em !important;
}
.mboard-bbs li .btm {
  overflow: hidden;
  margin-top: 10px;
}
.mboard-bbs li .btm .s1 {
  float: left;
  width: 40%;
  font-size: 14px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 1.5em !important;
}
.mboard-bbs li .btm .s2 {
  float: right;
  width: 40%;
  font-size: 14px;
  color: #999;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 1.5em !important;
}
.mboard-bbs li .btm span:only-child {
  width: 100%;
}
.mboard-bbs li .btm .ico-like {
  padding-left: 20px;
  background: url(../imgs/ico/ico_like3.png) no-repeat 0 center/16px auto;
}
.mboard-bbs li .ico_attach {
  position: absolute;
  top: 50%;
  left: 81%;
  margin-top: -31px;
  display: block;
  background-image: url(../imgs/ico/ico_attach@2x.png);
  background-position: 50% 50%;
  background-size: 100%;
  width: 24px;
  height: 24px;
}
.mboard-bbs.img-1x1 li .ct .wrap .img + .ctx {
  margin-left: 82px;
}
.mboard-bbs.img-4x3 li .ct .wrap .img + .ctx {
  margin-left: 106px;
}
.mboard-bbs.img-rd1 .img {
  border-radius: 4px;
}
.mboard-bbs.img-rd2 .img {
  border-radius: 8px;
}
.mboard-bbs.img-rd3 .img {
  border-radius: 16px;
}
.mboard-bbs.img-1x1.img-rd4 .img {
  border-radius: 50%;
}

.column-col .mboard-bbs {
  border-top: none;
}

.column-col.pd1 .mboard-bbs li:last-child,
.column-col.pd2 .mboard-bbs li:last-child,
.column-col.pd3 .mboard-bbs li:last-child {
  border-bottom: none;
}
.column-col.pd1 .mboard-bbs.col2 li:last-child, .column-col.pd1 .mboard-bbs.col2 li:nth-last-child(2),
.column-col.pd2 .mboard-bbs.col2 li:last-child,
.column-col.pd2 .mboard-bbs.col2 li:nth-last-child(2),
.column-col.pd3 .mboard-bbs.col2 li:last-child,
.column-col.pd3 .mboard-bbs.col2 li:nth-last-child(2) {
  border-bottom: none;
}

/* 갤러리 */
.mboard-gall {
  overflow: hidden;
  /* 여백 */
  /* 이미지비율 */
  /* 라운드 */
}
.mboard-gall li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  margin: 0 0 300px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #666;
}
.mboard-gall li a {
  position: relative;
  overflow: hidden;
  display: block;
}
.mboard-gall li a .overview {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(91, 167, 231, 0.8);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: all 0.3s ease;
  text-align: center;
}
.mboard-gall li a .overview .expl_wrap {
  display: table;
  width: 100%;
  height: 100%;
}
.mboard-gall li a .overview .expl {
  display: table-cell;
  height: auto !important;
  max-height: 4.5em;
  padding: 0 10px;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
}
.mboard-gall li a .overview .expl p {
  height: auto !important;
  max-height: 4.5em;
}
.mboard-gall li a .overview.noimg {
  opacity: 1;
  background: #fff;
}
.mboard-gall li a .overview.noimg .expl {
  color: #666;
}
.mboard-gall .img-wrap2 {
  overflow: hidden;
  position: relative;
  height: 0;
}
.mboard-gall .img-wrap2 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.mboard-gall.txt-in .txt-wrap1 {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  transition: all 0.3s ease;
}
.mboard-gall.txt-in .txt-wrap2 {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
.mboard-gall.txt-in .txt-wrap3 {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 10px;
}
.mboard-gall.txt-in li a:hover .txt-wrap1 {
  opacity: 0;
}
.mboard-gall.txt-out .img-wrap1 + .txt-wrap1 {
  margin-top: 10px;
}
.mboard-gall.txt-out .txt-wrap1:first-of-type {
  margin-bottom: 10px;
}
.mboard-gall .txt-wrap3 p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 1.5em !important;
}
.mboard-gall .txt-wrap3 p + p {
  margin-top: 5px;
}
.mboard-gall li a:hover .overview {
  opacity: 1;
}
.mboard-gall.col1.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 1);
  margin-left: 0px;
  float: left;
}
.mboard-gall.col1.col-mg0 > li:nth-child(-n+1) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col1.col-mg0 > li:nth-child(n+2) {
  margin-top: 0px;
  clear: none;
}
.mboard-gall.col1.col-mg0 > li:nth-child(1n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col1.col-mg1 > li {
  width: calc((100% - 0px - 1px) / 1);
  margin-left: 0px;
  float: left;
}
.mboard-gall.col1.col-mg1 > li:nth-child(-n+1) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col1.col-mg1 > li:nth-child(n+2) {
  margin-top: 10px;
  clear: none;
}
.mboard-gall.col1.col-mg1 > li:nth-child(1n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col1.col-mg2 > li {
  width: calc((100% - 0px - 1px) / 1);
  margin-left: 0px;
  float: left;
}
.mboard-gall.col1.col-mg2 > li:nth-child(-n+1) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col1.col-mg2 > li:nth-child(n+2) {
  margin-top: 20px;
  clear: none;
}
.mboard-gall.col1.col-mg2 > li:nth-child(1n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col1.col-mg3 > li {
  width: calc((100% - 0px - 1px) / 1);
  margin-left: 0px;
  float: left;
}
.mboard-gall.col1.col-mg3 > li:nth-child(-n+1) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col1.col-mg3 > li:nth-child(n+2) {
  margin-top: 30px;
  clear: none;
}
.mboard-gall.col1.col-mg3 > li:nth-child(1n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col1.col-mg4 > li {
  width: calc((100% - 0px - 1px) / 1);
  margin-left: 0px;
  float: left;
}
.mboard-gall.col1.col-mg4 > li:nth-child(-n+1) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col1.col-mg4 > li:nth-child(n+2) {
  margin-top: 40px;
  clear: none;
}
.mboard-gall.col1.col-mg4 > li:nth-child(1n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.mboard-gall.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.mboard-gall.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.mboard-gall.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: 3%;
  clear: none;
}
.mboard-gall.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.mboard-gall.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.mboard-gall.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.mboard-gall.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.mboard-gall.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.mboard-gall.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.mboard-gall.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col3.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 3);
  margin-left: 0px;
  float: left;
}
.mboard-gall.col3.col-mg0 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col3.col-mg0 > li:nth-child(n+4) {
  margin-top: 0px;
  clear: none;
}
.mboard-gall.col3.col-mg0 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col3.col-mg1 > li {
  width: calc((100% - 2% - 1px) / 3);
  margin-left: 1%;
  float: left;
}
.mboard-gall.col3.col-mg1 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col3.col-mg1 > li:nth-child(n+4) {
  margin-top: 3%;
  clear: none;
}
.mboard-gall.col3.col-mg1 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col3.col-mg2 > li {
  width: calc((100% - 4% - 1px) / 3);
  margin-left: 2%;
  float: left;
}
.mboard-gall.col3.col-mg2 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col3.col-mg2 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.mboard-gall.col3.col-mg2 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col3.col-mg3 > li {
  width: calc((100% - 8% - 1px) / 3);
  margin-left: 4%;
  float: left;
}
.mboard-gall.col3.col-mg3 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col3.col-mg3 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.mboard-gall.col3.col-mg3 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col3.col-mg4 > li {
  width: calc((100% - 12% - 1px) / 3);
  margin-left: 6%;
  float: left;
}
.mboard-gall.col3.col-mg4 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col3.col-mg4 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.mboard-gall.col3.col-mg4 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col4.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 4);
  margin-left: 0px;
  float: left;
}
.mboard-gall.col4.col-mg0 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col4.col-mg0 > li:nth-child(n+5) {
  margin-top: 0px;
  clear: none;
}
.mboard-gall.col4.col-mg0 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col4.col-mg1 > li {
  width: calc((100% - 3% - 1px) / 4);
  margin-left: 1%;
  float: left;
}
.mboard-gall.col4.col-mg1 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col4.col-mg1 > li:nth-child(n+5) {
  margin-top: 3%;
  clear: none;
}
.mboard-gall.col4.col-mg1 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col4.col-mg2 > li {
  width: calc((100% - 6% - 1px) / 4);
  margin-left: 2%;
  float: left;
}
.mboard-gall.col4.col-mg2 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col4.col-mg2 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.mboard-gall.col4.col-mg2 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col4.col-mg3 > li {
  width: calc((100% - 12% - 1px) / 4);
  margin-left: 4%;
  float: left;
}
.mboard-gall.col4.col-mg3 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col4.col-mg3 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.mboard-gall.col4.col-mg3 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col4.col-mg4 > li {
  width: calc((100% - 18% - 1px) / 4);
  margin-left: 6%;
  float: left;
}
.mboard-gall.col4.col-mg4 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col4.col-mg4 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.mboard-gall.col4.col-mg4 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col2.col-mg0 > li, .mboard-gall.col-bd.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.mboard-gall.col_bd.col2.col-mg0 > li:nth-child(-n+2), .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col2.col-mg0 > li:nth-child(n+3), .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.mboard-gall.col_bd.col2.col-mg0 > li:nth-child(2n+1), .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col2.col-mg1 > li, .mboard-gall.col-bd.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.mboard-gall.col_bd.col2.col-mg1 > li:nth-child(-n+2), .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col2.col-mg1 > li:nth-child(n+3), .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: 1%;
  clear: none;
}
.mboard-gall.col_bd.col2.col-mg1 > li:nth-child(2n+1), .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col2.col-mg2 > li, .mboard-gall.col-bd.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.mboard-gall.col_bd.col2.col-mg2 > li:nth-child(-n+2), .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col2.col-mg2 > li:nth-child(n+3), .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: 2%;
  clear: none;
}
.mboard-gall.col_bd.col2.col-mg2 > li:nth-child(2n+1), .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col2.col-mg3 > li, .mboard-gall.col-bd.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.mboard-gall.col_bd.col2.col-mg3 > li:nth-child(-n+2), .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col2.col-mg3 > li:nth-child(n+3), .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: 4%;
  clear: none;
}
.mboard-gall.col_bd.col2.col-mg3 > li:nth-child(2n+1), .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col2.col-mg4 > li, .mboard-gall.col-bd.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.mboard-gall.col_bd.col2.col-mg4 > li:nth-child(-n+2), .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col2.col-mg4 > li:nth-child(n+3), .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.mboard-gall.col_bd.col2.col-mg4 > li:nth-child(2n+1), .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col3.col-mg0 > li, .mboard-gall.col-bd.col3.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 3);
  margin-left: 0px;
  float: left;
}
.mboard-gall.col_bd.col3.col-mg0 > li:nth-child(-n+3), .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col3.col-mg0 > li:nth-child(n+4), .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(n+4) {
  margin-top: 0px;
  clear: none;
}
.mboard-gall.col_bd.col3.col-mg0 > li:nth-child(3n+1), .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col3.col-mg1 > li, .mboard-gall.col-bd.col3.col-mg1 > li {
  width: calc((100% - 2% - 1px) / 3);
  margin-left: 1%;
  float: left;
}
.mboard-gall.col_bd.col3.col-mg1 > li:nth-child(-n+3), .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col3.col-mg1 > li:nth-child(n+4), .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(n+4) {
  margin-top: 1%;
  clear: none;
}
.mboard-gall.col_bd.col3.col-mg1 > li:nth-child(3n+1), .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col3.col-mg2 > li, .mboard-gall.col-bd.col3.col-mg2 > li {
  width: calc((100% - 4% - 1px) / 3);
  margin-left: 2%;
  float: left;
}
.mboard-gall.col_bd.col3.col-mg2 > li:nth-child(-n+3), .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col3.col-mg2 > li:nth-child(n+4), .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(n+4) {
  margin-top: 2%;
  clear: none;
}
.mboard-gall.col_bd.col3.col-mg2 > li:nth-child(3n+1), .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col3.col-mg3 > li, .mboard-gall.col-bd.col3.col-mg3 > li {
  width: calc((100% - 8% - 1px) / 3);
  margin-left: 4%;
  float: left;
}
.mboard-gall.col_bd.col3.col-mg3 > li:nth-child(-n+3), .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col3.col-mg3 > li:nth-child(n+4), .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(n+4) {
  margin-top: 4%;
  clear: none;
}
.mboard-gall.col_bd.col3.col-mg3 > li:nth-child(3n+1), .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col3.col-mg4 > li, .mboard-gall.col-bd.col3.col-mg4 > li {
  width: calc((100% - 12% - 1px) / 3);
  margin-left: 6%;
  float: left;
}
.mboard-gall.col_bd.col3.col-mg4 > li:nth-child(-n+3), .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col3.col-mg4 > li:nth-child(n+4), .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.mboard-gall.col_bd.col3.col-mg4 > li:nth-child(3n+1), .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col4.col-mg0 > li, .mboard-gall.col-bd.col4.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 4);
  margin-left: 0px;
  float: left;
}
.mboard-gall.col_bd.col4.col-mg0 > li:nth-child(-n+4), .mboard-gall.col-bd.col4.col-mg0 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col4.col-mg0 > li:nth-child(n+5), .mboard-gall.col-bd.col4.col-mg0 > li:nth-child(n+5) {
  margin-top: 0px;
  clear: none;
}
.mboard-gall.col_bd.col4.col-mg0 > li:nth-child(4n+1), .mboard-gall.col-bd.col4.col-mg0 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col4.col-mg1 > li, .mboard-gall.col-bd.col4.col-mg1 > li {
  width: calc((100% - 3% - 1px) / 4);
  margin-left: 1%;
  float: left;
}
.mboard-gall.col_bd.col4.col-mg1 > li:nth-child(-n+4), .mboard-gall.col-bd.col4.col-mg1 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col4.col-mg1 > li:nth-child(n+5), .mboard-gall.col-bd.col4.col-mg1 > li:nth-child(n+5) {
  margin-top: 1%;
  clear: none;
}
.mboard-gall.col_bd.col4.col-mg1 > li:nth-child(4n+1), .mboard-gall.col-bd.col4.col-mg1 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col4.col-mg2 > li, .mboard-gall.col-bd.col4.col-mg2 > li {
  width: calc((100% - 6% - 1px) / 4);
  margin-left: 2%;
  float: left;
}
.mboard-gall.col_bd.col4.col-mg2 > li:nth-child(-n+4), .mboard-gall.col-bd.col4.col-mg2 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col4.col-mg2 > li:nth-child(n+5), .mboard-gall.col-bd.col4.col-mg2 > li:nth-child(n+5) {
  margin-top: 2%;
  clear: none;
}
.mboard-gall.col_bd.col4.col-mg2 > li:nth-child(4n+1), .mboard-gall.col-bd.col4.col-mg2 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col4.col-mg3 > li, .mboard-gall.col-bd.col4.col-mg3 > li {
  width: calc((100% - 12% - 1px) / 4);
  margin-left: 4%;
  float: left;
}
.mboard-gall.col_bd.col4.col-mg3 > li:nth-child(-n+4), .mboard-gall.col-bd.col4.col-mg3 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col4.col-mg3 > li:nth-child(n+5), .mboard-gall.col-bd.col4.col-mg3 > li:nth-child(n+5) {
  margin-top: 4%;
  clear: none;
}
.mboard-gall.col_bd.col4.col-mg3 > li:nth-child(4n+1), .mboard-gall.col-bd.col4.col-mg3 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col_bd.col4.col-mg4 > li, .mboard-gall.col-bd.col4.col-mg4 > li {
  width: calc((100% - 18% - 1px) / 4);
  margin-left: 6%;
  float: left;
}
.mboard-gall.col_bd.col4.col-mg4 > li:nth-child(-n+4), .mboard-gall.col-bd.col4.col-mg4 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.mboard-gall.col_bd.col4.col-mg4 > li:nth-child(n+5), .mboard-gall.col-bd.col4.col-mg4 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.mboard-gall.col_bd.col4.col-mg4 > li:nth-child(4n+1), .mboard-gall.col-bd.col4.col-mg4 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.mboard-gall.col-bg li a {
  background: #f5f5f5;
}
.mboard-gall.col-bg.txt-out .img-wrap1 + .txt-wrap1 {
  padding: 10px;
  margin-top: 0;
}
.mboard-gall.col-bg.txt-out .txt-wrap1:first-of-type {
  padding: 10px;
  margin-bottom: 0;
}
.mboard-gall.col-pd5.col-bg.txt-out .img-wrap1 + .txt-wrap1, .mboard-gall.col-pd10.col-bg.txt-out .img-wrap1 + .txt-wrap1, .mboard-gall.col-pd15.col-bg.txt-out .img-wrap1 + .txt-wrap1, .mboard-gall.col-pd20.col-bg.txt-out .img-wrap1 + .txt-wrap1 {
  padding: 0;
  margin-top: 10px;
}
.mboard-gall.col-pd5.col-bg.txt-out .txt-wrap1:first-of-type, .mboard-gall.col-pd10.col-bg.txt-out .txt-wrap1:first-of-type, .mboard-gall.col-pd15.col-bg.txt-out .txt-wrap1:first-of-type, .mboard-gall.col-pd20.col-bg.txt-out .txt-wrap1:first-of-type {
  padding: 0;
  margin-bottom: 10px;
}
.mboard-gall.col-bd li a {
  border: 1px solid #e1e1e1;
}
.mboard-gall.col-bd.txt-out .img-wrap1 + .txt-wrap1 {
  padding: 10px;
  margin-top: 0;
  border-top: 1px solid #e1e1e1;
}
.mboard-gall.col-bd.txt-out .txt-wrap1:first-of-type {
  padding: 10px;
  margin-bottom: 0;
  border-bottom: 1px solid #e1e1e1;
}
.mboard-gall.col-pd5.col-bd.txt-out .img-wrap1 + .txt-wrap1, .mboard-gall.col-pd10.col-bd.txt-out .img-wrap1 + .txt-wrap1, .mboard-gall.col-pd15.col-bd.txt-out .img-wrap1 + .txt-wrap1, .mboard-gall.col-pd20.col-bd.txt-out .img-wrap1 + .txt-wrap1 {
  padding: 0;
  margin-top: 10px;
  border-top: none;
}
.mboard-gall.col-pd5.col-bd.txt-out .txt-wrap1:first-of-type, .mboard-gall.col-pd10.col-bd.txt-out .txt-wrap1:first-of-type, .mboard-gall.col-pd15.col-bd.txt-out .txt-wrap1:first-of-type, .mboard-gall.col-pd20.col-bd.txt-out .txt-wrap1:first-of-type {
  padding: 0;
  margin-bottom: 10px;
  border-bottom: none;
}
.mboard-gall.col-pd5 li a {
  padding: 5px;
}
.mboard-gall.col-pd10 li a {
  padding: 10px;
}
.mboard-gall.col-pd15 li a {
  padding: 15px;
}
.mboard-gall.col-pd20 li a {
  padding: 20px;
}
.mboard-gall.img-pd5 .img-wrap1 {
  padding: 5px;
}
.mboard-gall.img-pd10 .img-wrap1 {
  padding: 10px;
}
.mboard-gall.img-pd15 .img-wrap1 {
  padding: 15px;
}
.mboard-gall.img-pd20 .img-wrap1 {
  padding: 20px;
}
.mboard-gall.img-1x1 .img-wrap2 {
  padding-bottom: 100%;
}
.mboard-gall.img-4x3 .img-wrap2 {
  padding-bottom: 75%;
}
.mboard-gall.img-3x4 .img-wrap2 {
  padding-bottom: 133%;
}
.mboard-gall.img-16x9 .img-wrap2 {
  padding-bottom: 56.25%;
}
.mboard-gall.img-9x16 .img-wrap2 {
  padding-bottom: 177%;
}
.mboard-gall.img-5x2 .img-wrap2 {
  padding-bottom: 40%;
}
.mboard-gall.img-10x3 .img-wrap2 {
  padding-bottom: 30%;
}
.mboard-gall.col-rd1 li a {
  border-radius: 4px;
}
.mboard-gall.col-rd2 li a {
  border-radius: 8px;
}
.mboard-gall.col-rd3 li a {
  border-radius: 16px;
}
.mboard-gall.img-rd1 .img-wrap1, .mboard-gall.img-rd1 .img-wrap2, .mboard-gall.txt-in.img-rd1 .txt-wrap1 {
  border-radius: 4px;
}
.mboard-gall.img-rd2 .img-wrap1, .mboard-gall.img-rd2 .img-wrap2, .mboard-gall.txt-in.img-rd2 .txt-wrap1 {
  border-radius: 8px;
}
.mboard-gall.img-rd3 .img-wrap1, .mboard-gall.img-rd3 .img-wrap2, .mboard-gall.txt-in.img-rd3 .txt-wrap1 {
  border-radius: 16px;
}
.mboard-gall.img-1x1.img-rd4 .img-wrap1, .mboard-gall.img-1x1.img-rd4 .img-wrap2, .mboard-gall.txt-in.img-1x1.img-rd4 .txt-wrap1 {
  border-radius: 50%;
}
.mboard-gall[class*=grd-b] .txt-wrap3 {
  color: #fff;
}
.mboard-gall[class*=grd-w] .txt-wrap3 {
  color: #000;
}
.mboard-gall.grd-b-top .txt-wrap1 { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 90%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#cc000000",GradientType=0 ); /* IE6-9 */
}
.mboard-gall.grd-b-mid .txt-wrap1 { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0.4) 55%, rgba(0, 0, 0, 0) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#00000000",GradientType=0 ); /* IE6-9 */
}
.mboard-gall.grd-b-btm .txt-wrap1 { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 90%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#cc000000",GradientType=0 ); /* IE6-9 */
}
.mboard-gall.grd-w-top .txt-wrap1 { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.8) 90%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff00", endColorstr="#ffffff00",GradientType=0 ); /* IE6-9 */
}
.mboard-gall.grd-w-mid .txt-wrap1 { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 45%, rgba(255, 255, 255, 0.4) 55%, rgba(255, 255, 255, 0) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#00ffffff",GradientType=0 ); /* IE6-9 */
}
.mboard-gall.grd-w-btm .txt-wrap1 { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.8) 90%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff00", endColorstr="#ffffff00",GradientType=0 ); /* IE6-9 */
}

.column-row.col2 .mboard-gall.col3.txt-out .img-wrap1 + .txt-wrap1,
.column-row.col3 .mboard-gall.col2.txt-out .img-wrap1 + .txt-wrap1 {
  margin-top: 5px;
}
.column-row.col2 .mboard-gall.col3.txt-out .txt-wrap1:first-of-type,
.column-row.col3 .mboard-gall.col2.txt-out .txt-wrap1:first-of-type {
  margin-bottom: 5px;
}
.column-row.col2 .mboard-gall.col3 .tit,
.column-row.col3 .mboard-gall.col2 .tit {
  font-size: 14px;
}

/* FAQ 타입 */
.nx-mboard-faq:after {
  content: "";
  clear: both;
  display: block;
}
.nx-mboard-faq .category-m {
  display: none;
}
.nx-mboard-faq .category-wrap {
  float: left;
  width: 250px;
  margin-top: 90px;
}
.nx-mboard-faq .category-wrap .category li {
  margin-bottom: 20px;
}
.nx-mboard-faq .category-wrap .category li a {
  display: block;
  color: #999;
  font-size: 16px;
}
.nx-mboard-faq .category-wrap .category li a.aon, .nx-mboard-faq .category-wrap .category li a:hover {
  color: #333;
}
.nx-mboard-faq .lst-wrap {
  float: right;
  width: calc(100% - 280px);
}
.nx-mboard-faq .lst-wrap .search {
  float: right;
  width: 300px;
  margin-bottom: 50px;
  border-bottom: 1px solid #eee;
}
.nx-mboard-faq .lst-wrap .search .ipt {
  float: left;
  width: 270px;
  height: 40px;
  box-sizing: border-box;
}
.nx-mboard-faq .lst-wrap .search .ico {
  float: left;
  width: 30px;
  height: 40px;
  line-height: 40px;
  color: #000;
  font-size: 20px;
}
.nx-mboard-faq .lst-wrap .lst {
  clear: both;
  border-bottom: 1px solid #efefef;
}
.nx-mboard-faq .lst-wrap .lst li {
  border-top: 1px solid #efefef;
}
.nx-mboard-faq .lst-wrap .lst li .question {
  overflow: hidden;
  cursor: pointer;
}
.nx-mboard-faq .lst-wrap .lst li .question > div {
  float: left;
  padding: 30px 20px;
  line-height: 1.5;
  font-size: 16px;
  box-sizing: border-box;
}
.nx-mboard-faq .lst-wrap .lst li .question .type {
  width: 60px;
  color: #000;
  text-align: center;
  font-weight: 700;
}
.nx-mboard-faq .lst-wrap .lst li .question .cate {
  width: 200px;
  color: #000;
}
.nx-mboard-faq .lst-wrap .lst li .question .txt {
  width: calc(100% - 320px);
  color: #666;
}
.nx-mboard-faq .lst-wrap .lst li .question .fold {
  width: 60px;
  font-size: 20px;
  color: #999;
}
.nx-mboard-faq .lst-wrap .lst li .answer {
  overflow: hidden;
  display: none;
  border-top: 1px solid #000;
  background: #fcfaf9;
}
.nx-mboard-faq .lst-wrap .lst li .answer > div {
  float: left;
  padding: 30px 20px;
  line-height: 1.5;
  font-size: 16px;
  color: #000;
  box-sizing: border-box;
}
.nx-mboard-faq .lst-wrap .lst li .answer .type {
  width: 60px;
  text-align: center;
  color: #000;
  font-weight: 700;
}
.nx-mboard-faq .lst-wrap .lst li .answer .txt {
  width: calc(100% - 60px);
  color: #666;
}

/* 상세 모달창 */
.nx-board-popup-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999998;
  background: rgba(0, 0, 0, 0.5);
}

.nx-board-popup {
  display: none;
  position: fixed;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  z-index: 9999999;
  padding: 12px;
  margin: auto;
  background: #fafafa;
  border-radius: 16px;
  box-sizing: border-box;
}
.nx-board-popup.size_A {
  max-width: 1400px;
}
.nx-board-popup.size_B {
  max-width: 1200px;
}
.nx-board-popup.size_C {
  max-width: 800px;
}
.nx-board-popup .top {
  height: 36px;
  padding: 0 8px;
  margin-bottom: 12px;
}
.nx-board-popup .top .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  width: calc(100% - 50px);
  font-size: 18px;
  font-weight: 700;
  color: #212121;
  line-height: 36px;
}
.nx-board-popup .top .cls {
  float: right;
  width: 36px;
  height: 36px;
  color: #5d6072;
  line-height: 36px;
  text-align: center;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  transition: 0.3s ease all;
}
.nx-board-popup .top .cls:hover {
  background: rgba(0, 0, 0, 0.08);
}
.nx-board-popup .ct {
  width: 100%;
  height: calc(100% - 48px);
  padding: 0 20px;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  box-sizing: border-box;
}
.nx-board-popup .ct #if_board {
  display: block;
  width: 100%;
  height: 100%;
}

/* 2024-04-02 추가 */
.nx-bbs-like {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
}
.nx-bbs-like .nx-ico-like {
  font-size: 0;
  text-indent: -9999px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(../imgs/ico/ico_like3.png) no-repeat center center/16px auto;
}
.nx-bbs-like .nx-cnt {
  margin-left: 3px;
  color: #7A7A7A;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.mboard-bbs-review {
  border-top: 1px solid #E1E1E1;
}
.mboard-bbs-review > li {
  border-bottom: 1px solid #E1E1E1;
}
.mboard-bbs-review > li a {
  position: relative;
  display: block;
  padding: 24px 16px;
}
.mboard-bbs-review > li a .nx-top {
  color: #3A3A3A;
  font-size: 17px;
  line-height: 1.4;
}
.mboard-bbs-review > li a .nx-top .nx-category + .nx-tit {
  margin-left: 4px;
}
.mboard-bbs-review > li a .nx-top .nx-category, .mboard-bbs-review > li a .nx-top .nx-tit {
  font-weight: 500;
}
.mboard-bbs-review > li a .nx-top + .nx-ct {
  margin-top: 4px;
}
.mboard-bbs-review > li a .nx-ct {
  color: #878787;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.mboard-bbs-review > li a .nx-btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
.mboard-bbs-review > li a .nx-btm .nx-info {
  display: flex;
  align-items: center;
  color: #878787;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.mboard-bbs-review > li a .nx-btm .nx-info .nx-item {
  position: relative;
  margin-right: 8px;
  padding-right: 9px;
}
.mboard-bbs-review > li a .nx-btm .nx-info .nx-item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  margin-top: -6px;
  width: 1px;
  height: 12px;
  background: #E1E1E1;
}
.mboard-bbs-review > li a .nx-btm .nx-info .nx-item:last-child {
  margin-right: 0;
  padding-right: 0;
}
.mboard-bbs-review > li a .nx-btm .nx-info .nx-item:last-child::after {
  display: none;
}

.nx-bbs-review-read .nx-top {
  padding-bottom: 24px;
  border-bottom: 1px solid #E1E1E1;
}
.nx-bbs-review-read .nx-top .nx-category {
  color: #3A3A3A;
  font-size: 16px;
  line-height: 1.4;
}
.nx-bbs-review-read .nx-top .nx-tit {
  color: #3A3A3A;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
}
.nx-bbs-review-read .nx-top .nx-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
.nx-bbs-review-read .nx-top .nx-info .nx-user {
  color: #878787;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.nx-bbs-review-read .nx-top .nx-info .nx-date {
  color: #878787;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.nx-bbs-review-read .nx-ct {
  margin-top: 40px;
  color: #5A5A5A;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}

.nx-bbs-btn-area {
  clear: both;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  margin-top: 40px;
  border-top: 1px solid #e1e1e1;
}
.nx-bbs-btn-area .nx-col1 {
  display: flex;
}
.nx-bbs-btn-area .nx-col1 .nx-item {
  position: relative;
  margin-right: 8px;
  padding-right: 9px;
}
.nx-bbs-btn-area .nx-col1 .nx-item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  margin-top: -8px;
  width: 1px;
  height: 16px;
  background: #E1E1E1;
}
.nx-bbs-btn-area .nx-col1 .nx-item:last-child {
  margin-right: 0;
  padding-right: 0;
}
.nx-bbs-btn-area .nx-col1 .nx-item:last-child::after {
  display: none;
}
.nx-bbs-btn-area .nx-col2 a + a {
  margin-left: 12px;
}

@media only screen and (max-width: 1023px) {
  .nx-mboard-faq .category-m {
    display: block;
    border: 1px solid #aaa;
  }
  .nx-mboard-faq .category-m a {
    display: block;
    padding: 10px 30px 10px 10px;
    line-height: 20px;
    text-align: left;
    background-image: url(../imgs/ico/bg_select4.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
  }
}
@media only screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 2) {
  .nx-mboard-faq .category-m a {
    background-image: url("../imgs/ico/bg_select4.png");
    background-image: url("../imgs/ico/bg_select4.png");
    background-size: 19px;
  }
}
@media only screen and (max-width: 1023px) {
  .nx-mboard-faq .category-wrap {
    display: none;
    float: none;
    width: auto;
    margin: 0;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
  }
  .nx-mboard-faq .category-wrap .category li {
    margin: 0;
  }
  .nx-mboard-faq .category-wrap .category li a {
    padding: 10px;
    font-size: 14px;
    color: #666;
  }
  .nx-mboard-faq .lst-wrap {
    float: none;
    width: auto;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 959px) {
  .column-row.col2 .mboard-gall.col3.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .column-row.col2 .mboard-gall.col3.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col2 .mboard-gall.col3.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col3.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg1 > li:nth-child(n+3) {
    margin-top: 3%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col3.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg2 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col3.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg3 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col3.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(n+3) {
    margin-top: 1%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(n+3) {
    margin-top: 2%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(n+3) {
    margin-top: 4%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col2.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col3 .mboard-gall.col2.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg0 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col3 .mboard-gall.col2.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col2.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg1 > li:nth-child(n+2) {
    margin-top: 3%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg1 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 1%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col2.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg2 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg2 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 2%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col2.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg3 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg3 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 4%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col2.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg4 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 6%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(n+2) {
    margin-top: 1%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 1%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(n+2) {
    margin-top: 2%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 2%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(n+2) {
    margin-top: 4%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 4%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 6%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media only screen and (max-width: 759px) {
  /* 메인 게시판 */
  .mboard-bbs li .ct {
    max-width: 100%;
  }
  .mboard-bbs li .ico_attach {
    margin-top: 10px;
    position: static;
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 24px;
    text-align: right;
  }
  .mboard-bbs.col2 li {
    float: none;
    width: 100%;
    padding: 10px 0;
  }
  .mboard-bbs.col2 li:nth-child(odd) {
    margin-right: 0;
  }
  .mboard-bbs.col2 li:nth-child(even) {
    margin-left: 0;
  }
  .mboard-bbs.col2 li:nth-child(2) {
    margin-top: 20px;
  }
  /* 갤러리 */
  .column-row.col2 .mboard-gall.col3.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 3);
    margin-left: 0px;
  }
  .column-row.col2 .mboard-gall.col3.col-mg0 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg0 > li:nth-child(n+4) {
    margin-top: 0px;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg0 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col2 .mboard-gall.col3.col-mg0 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col3.col-mg1 > li {
    width: calc((100% - 2% - 1px) / 3);
    margin-left: 1%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg1 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg1 > li:nth-child(n+4) {
    margin-top: 3%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg1 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 1%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg1 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col3.col-mg2 > li {
    width: calc((100% - 4% - 1px) / 3);
    margin-left: 2%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg2 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg2 > li:nth-child(n+4) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg2 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 2%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg2 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col3.col-mg3 > li {
    width: calc((100% - 8% - 1px) / 3);
    margin-left: 4%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg3 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg3 > li:nth-child(n+4) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg3 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 4%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg3 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col3.col-mg4 > li {
    width: calc((100% - 12% - 1px) / 3);
    margin-left: 6%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg4 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg4 > li:nth-child(n+4) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col3.col-mg4 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 6%;
  }
  .column-row.col2 .mboard-gall.col3.col-mg4 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 3);
    margin-left: 0px;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(n+4) {
    margin-top: 0px;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg1 > li {
    width: calc((100% - 2% - 1px) / 3);
    margin-left: 1%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(n+4) {
    margin-top: 1%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 1%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg2 > li {
    width: calc((100% - 4% - 1px) / 3);
    margin-left: 2%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(n+4) {
    margin-top: 2%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 2%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg3 > li {
    width: calc((100% - 8% - 1px) / 3);
    margin-left: 4%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(n+4) {
    margin-top: 4%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 4%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg4 > li {
    width: calc((100% - 12% - 1px) / 3);
    margin-left: 6%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(n+4) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 6%;
  }
  .column-row.col2 .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  /* FAQ */
  .nx-mboard-faq .lst-wrap .lst li .question {
    position: relative;
  }
  .nx-mboard-faq .lst-wrap .lst li .question .cate {
    float: none;
    width: auto;
    margin: 0 60px;
    padding: 30px 20px 10px;
  }
  .nx-mboard-faq .lst-wrap .lst li .question .txt {
    float: none;
    width: auto;
    margin: 0 60px;
    padding: 0 20px 30px;
  }
  .nx-mboard-faq .lst-wrap .lst li .question .fold {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media only screen and (max-width: 639px) {
  .column-row.col1 .mboard-gall.col4.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .column-row.col1 .mboard-gall.col4.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col4.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col4.col-mg0 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col1 .mboard-gall.col4.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col4.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .column-row.col1 .mboard-gall.col4.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col4.col-mg1 > li:nth-child(n+3) {
    margin-top: 1%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col4.col-mg1 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 1%;
  }
  .column-row.col1 .mboard-gall.col4.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col4.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .column-row.col1 .mboard-gall.col4.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col4.col-mg2 > li:nth-child(n+3) {
    margin-top: 2%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col4.col-mg2 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 2%;
  }
  .column-row.col1 .mboard-gall.col4.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col4.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .column-row.col1 .mboard-gall.col4.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col4.col-mg3 > li:nth-child(n+3) {
    margin-top: 4%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col4.col-mg3 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 4%;
  }
  .column-row.col1 .mboard-gall.col4.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col4.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .column-row.col1 .mboard-gall.col4.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col4.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col4.col-mg4 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 6%;
  }
  .column-row.col1 .mboard-gall.col4.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg0 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg1 > li:nth-child(n+3) {
    margin-top: 1%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg1 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 1%;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg2 > li:nth-child(n+3) {
    margin-top: 2%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg2 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 2%;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg3 > li:nth-child(n+3) {
    margin-top: 4%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg3 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 4%;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg4 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 6%;
  }
  .column-row.col1 .mboard-gall.col-bd.col4.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col2.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .column-row.col3 .mboard-gall.col2.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg0 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col3 .mboard-gall.col2.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col2.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg1 > li:nth-child(n+3) {
    margin-top: 3%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg1 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 1%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col2.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg2 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg2 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 2%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col2.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg3 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg3 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 4%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col2.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col2.col-mg4 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 6%;
  }
  .column-row.col3 .mboard-gall.col2.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(n+3) {
    margin-top: 1%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 1%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(n+3) {
    margin-top: 2%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 2%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(n+3) {
    margin-top: 4%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 4%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(1n+1) {
    clear: none;
    margin-left: 6%;
  }
  .column-row.col3 .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media only screen and (max-width: 459px) {
  .column-row.col1 .mboard-gall.col2.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col1 .mboard-gall.col2.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col2.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col2.col-mg0 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col1 .mboard-gall.col2.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col2.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .column-row.col1 .mboard-gall.col2.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col2.col-mg1 > li:nth-child(n+2) {
    margin-top: 3%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col2.col-mg1 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 1%;
  }
  .column-row.col1 .mboard-gall.col2.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col2.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .column-row.col1 .mboard-gall.col2.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col2.col-mg2 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col2.col-mg2 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 2%;
  }
  .column-row.col1 .mboard-gall.col2.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col2.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .column-row.col1 .mboard-gall.col2.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col2.col-mg3 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col2.col-mg3 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 4%;
  }
  .column-row.col1 .mboard-gall.col2.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col2.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .column-row.col1 .mboard-gall.col2.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col2.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col2.col-mg4 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 6%;
  }
  .column-row.col1 .mboard-gall.col2.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col3.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col1 .mboard-gall.col3.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col3.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col3.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col1 .mboard-gall.col3.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col3.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .column-row.col1 .mboard-gall.col3.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col3.col-mg1 > li:nth-child(n+2) {
    margin-top: 3%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col3.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .column-row.col1 .mboard-gall.col3.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col3.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .column-row.col1 .mboard-gall.col3.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col3.col-mg2 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col3.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .column-row.col1 .mboard-gall.col3.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col3.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .column-row.col1 .mboard-gall.col3.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col3.col-mg3 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col3.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .column-row.col1 .mboard-gall.col3.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col3.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .column-row.col1 .mboard-gall.col3.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col3.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col3.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .column-row.col1 .mboard-gall.col3.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(n+2) {
    margin-top: 1%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 1%;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(n+2) {
    margin-top: 2%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 2%;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(n+2) {
    margin-top: 4%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 4%;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 6%;
  }
  .column-row.col1 .mboard-gall.col-bd.col2.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(n+2) {
    margin-top: 1%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(n+2) {
    margin-top: 2%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(n+2) {
    margin-top: 4%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .column-row.col1 .mboard-gall.col-bd.col3.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
.meditor-img .item {
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.meditor-img .img-wrap1 {
  position: relative;
  z-index: 1;
  height: 0;
}
.meditor-img .img-wrap2 {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.meditor-img .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.meditor-img .img.on {
  display: none;
}
.meditor-img .txt-wrap1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.meditor-img .txt-wrap2 {
  display: table;
  max-width: 1200px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.meditor-img .txt-wrap3 {
  display: table-cell;
}
.meditor-img .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 라인수 */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 1.5em !important;
}
.meditor-img.slide, .meditor-img.fade {
  position: relative;
  width: 1px;
  min-width: 100%;
  padding: 0 45px;
  box-sizing: border-box;
}
.meditor-img.slide .nav-wrap, .meditor-img.fade .nav-wrap {
  position: absolute;
  top: calc(50% - 15px);
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
}
.meditor-img.slide .nav-wrap .nav-l,
.meditor-img.slide .nav-wrap .nav-r, .meditor-img.fade .nav-wrap .nav-l,
.meditor-img.fade .nav-wrap .nav-r {
  display: block;
  position: absolute;
  top: 0;
  font-size: 24px;
  color: #aaa;
}
.meditor-img.slide .nav-wrap .nav-l, .meditor-img.fade .nav-wrap .nav-l {
  left: 0;
}
.meditor-img.slide .nav-wrap .nav-r, .meditor-img.fade .nav-wrap .nav-r {
  right: 0;
}
.meditor-img.slide .img, .meditor-img.fade .img {
  width: auto;
}
.meditor-img .item.img-hover:hover .img.off {
  display: none;
}
.meditor-img .item.img-hover:hover .img.on {
  display: block;
}
.meditor-img .item.txt-hover .txt-wrap1 {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.meditor-img .item.txt-hover:hover .txt-wrap1 {
  opacity: 1;
}
.meditor-img .img-wrap1.r-1x1 {
  padding-bottom: 100%;
}
.meditor-img .img-wrap1.r-4x3 {
  padding-bottom: 75%;
}
.meditor-img .img-wrap1.r-16x9 {
  padding-bottom: 56.25%;
}
.meditor-img .img-wrap1.r-3x4 {
  padding-bottom: 133.3%;
}
.meditor-img .img-wrap2.rd1 {
  border-radius: 8px;
}
.meditor-img .img-wrap2.rd2 {
  border-radius: 16px;
}
.meditor-img .img-wrap2.rd3 {
  border-radius: 50%;
}
.meditor-img .txt-wrap1.rd1 {
  border-radius: 8px;
}
.meditor-img .txt-wrap1.rd2 {
  border-radius: 16px;
}
.meditor-img .txt-wrap1.rd3 {
  border-radius: 50%;
}
.meditor-img .txt-wrap1.grd-b-btm { /* 하단black */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 );
  /* IE6-9 */
}
.meditor-img .txt-wrap1.grd-w-btm { /* 하단 white */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
  /* IE6-9 */
}
.meditor-img .txt-wrap1.grd-b-top { /* 상단block */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 50%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#00000000",GradientType=0 );
  /* IE6-9 */
}
.meditor-img .txt-wrap1.grd-w-top { /* 상단 white */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 50%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 );
  /* IE6-9 */
}
.meditor-img .txt-wrap1.grd-b-mid { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0.4) 55%, rgba(0, 0, 0, 0) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#00000000",GradientType=0 ); /* IE6-9 */
}
.meditor-img .txt-wrap1.grd-w-mid { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 45%, rgba(255, 255, 255, 0.4) 55%, rgba(255, 255, 255, 0) 80%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#00ffffff",GradientType=0 ); /* IE6-9 */
}

.column-row.col1 .meditor-img .txt-wrap3 {
  padding: 48px 68px;
}
.column-row.col1 .meditor-img .txt.fs5 {
  font-size: 60px;
}
.column-row.col1 .meditor-img .txt.fs4 {
  font-size: 50px;
}
.column-row.col1 .meditor-img .txt.fs3 {
  font-size: 40px;
}
.column-row.col1 .meditor-img .txt.fs2 {
  font-size: 30px;
}
.column-row.col1 .meditor-img .txt.fs1 {
  font-size: 20px;
}

.column-row.col2 .meditor-img .txt-wrap3 {
  padding: 40px 30px;
}
.column-row.col2 .meditor-img .txt.fs5 {
  font-size: 48px;
}
.column-row.col2 .meditor-img .txt.fs4 {
  font-size: 40px;
}
.column-row.col2 .meditor-img .txt.fs3 {
  font-size: 32px;
}
.column-row.col2 .meditor-img .txt.fs2 {
  font-size: 24px;
}
.column-row.col2 .meditor-img .txt.fs1 {
  font-size: 18px;
}

.column-row.col3 .meditor-img .txt-wrap3 {
  padding: 30px 20px;
}
.column-row.col3 .meditor-img .txt.fs5 {
  font-size: 40px;
}
.column-row.col3 .meditor-img .txt.fs4 {
  font-size: 32px;
}
.column-row.col3 .meditor-img .txt.fs3 {
  font-size: 26px;
}
.column-row.col3 .meditor-img .txt.fs2 {
  font-size: 21px;
}
.column-row.col3 .meditor-img .txt.fs1 {
  font-size: 16px;
}

/* 페이드 옵션 */
.nxfade {
  display: table;
  width: 100%;
}
.nxfade .nxfade-stage-outer {
  display: table-cell;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.nxfade .nxfade-stage {
  position: relative;
}
.nxfade .nxfade-item {
  top: 0;
  left: 0;
  margin: auto;
}
.nxfade .nxfade-dummy {
  visibility: hidden;
  opacity: 0;
  height: 0;
}

@media only screen and (max-width: 1023px) {
  .column-row.col1 .meditor-img .txt.fs5 {
    font-size: 44px;
  }
  .column-row.col1 .meditor-img .txt.fs4 {
    font-size: 37px;
  }
  .column-row.col1 .meditor-img .txt.fs3 {
    font-size: 30px;
  }
  .column-row.col1 .meditor-img .txt.fs2 {
    font-size: 22px;
  }
  .column-row.col1 .meditor-img .txt.fs1 {
    font-size: 15px;
  }
  .column-row.col2 .meditor-img .txt.fs5 {
    font-size: 36px;
  }
  .column-row.col2 .meditor-img .txt.fs4 {
    font-size: 30px;
  }
  .column-row.col2 .meditor-img .txt.fs3 {
    font-size: 25px;
  }
  .column-row.col2 .meditor-img .txt.fs2 {
    font-size: 20px;
  }
  .column-row.col2 .meditor-img .txt.fs1 {
    font-size: 15px;
  }
  .column-row.col3 .meditor-img .txt-wrap3 {
    padding: 20px 15px;
  }
  .column-row.col3 .meditor-img .txt {
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em !important;
  }
  .column-row.col3 .meditor-img .txt.fs5 {
    font-size: 28px;
  }
  .column-row.col3 .meditor-img .txt.fs4 {
    font-size: 24px;
  }
  .column-row.col3 .meditor-img .txt.fs3 {
    font-size: 20px;
  }
  .column-row.col3 .meditor-img .txt.fs2 {
    font-size: 16px;
  }
  .column-row.col3 .meditor-img .txt.fs1 {
    font-size: 13px;
  }
}
@media only screen and (max-width: 759px) {
  .column-row.col1 .meditor-img .txt-wrap3,
  .column-row.col2 .meditor-img .txt-wrap3 {
    padding: 30px 20px;
  }
  .column-row.col1 .meditor-img .txt,
  .column-row.col2 .meditor-img .txt {
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em !important;
  }
  .column-row.col1 .meditor-img .txt.fs5,
  .column-row.col2 .meditor-img .txt.fs5 {
    font-size: 38px;
  }
  .column-row.col1 .meditor-img .txt.fs4,
  .column-row.col2 .meditor-img .txt.fs4 {
    font-size: 32px;
  }
  .column-row.col1 .meditor-img .txt.fs3,
  .column-row.col2 .meditor-img .txt.fs3 {
    font-size: 26px;
  }
  .column-row.col1 .meditor-img .txt.fs2,
  .column-row.col2 .meditor-img .txt.fs2 {
    font-size: 21px;
  }
  .column-row.col1 .meditor-img .txt.fs1,
  .column-row.col2 .meditor-img .txt.fs1 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 639px) {
  .column-row.col3 .meditor-img .txt-wrap3 {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 519px) {
  .column-row.col1 .meditor-img .txt.fs5,
  .column-row.col2 .meditor-img .txt.fs5 {
    font-size: 32px;
  }
  .column-row.col1 .meditor-img .txt.fs4,
  .column-row.col2 .meditor-img .txt.fs4 {
    font-size: 27px;
  }
  .column-row.col1 .meditor-img .txt.fs3,
  .column-row.col2 .meditor-img .txt.fs3 {
    font-size: 22px;
  }
  .column-row.col1 .meditor-img .txt.fs2,
  .column-row.col2 .meditor-img .txt.fs2 {
    font-size: 18px;
  }
  .column-row.col1 .meditor-img .txt.fs1,
  .column-row.col2 .meditor-img .txt.fs1 {
    font-size: 14px;
  }
}
/** Shop/read 의 태그 리스트  */
.shop-read-tag-wrap {
  padding-top: 15px;
}
.shop-read-tag-wrap .item {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #DDD;
  padding: 5px 10px;
  border-radius: 3px;
}
.shop-read-tag-wrap .item:before {
  content: "#";
}

/** 즐겨찾기 버튼 */
.shop-heart,
.goods-bookmark {
  width: 26px;
  height: 26px;
  color: #FFF;
  background: #C9C9C9;
  border-radius: 15em;
  font-size: 13px;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  /** for Theme */
}
.shop-heart.RE_theme:hover, .shop-heart.RE_theme.active,
.goods-bookmark.RE_theme:hover,
.goods-bookmark.RE_theme.active {
  background-color: #d40101;
}
.shop-heart.OR_theme:hover, .shop-heart.OR_theme.active,
.goods-bookmark.OR_theme:hover,
.goods-bookmark.OR_theme.active {
  background-color: #dd5d00;
}
.shop-heart.BR_theme:hover, .shop-heart.BR_theme.active,
.goods-bookmark.BR_theme:hover,
.goods-bookmark.BR_theme.active {
  background-color: #733a20;
}
.shop-heart.YE_theme:hover, .shop-heart.YE_theme.active,
.goods-bookmark.YE_theme:hover,
.goods-bookmark.YE_theme.active {
  background-color: #e4c017;
}
.shop-heart.GR_theme:hover, .shop-heart.GR_theme.active,
.goods-bookmark.GR_theme:hover,
.goods-bookmark.GR_theme.active {
  background-color: #64a31a;
}
.shop-heart.BL_theme:hover, .shop-heart.BL_theme.active,
.goods-bookmark.BL_theme:hover,
.goods-bookmark.BL_theme.active {
  background-color: #3462b4;
}
.shop-heart.PU_theme:hover, .shop-heart.PU_theme.active,
.goods-bookmark.PU_theme:hover,
.goods-bookmark.PU_theme.active {
  background-color: #939;
}
.shop-heart.PI_theme:hover, .shop-heart.PI_theme.active,
.goods-bookmark.PI_theme:hover,
.goods-bookmark.PI_theme.active {
  background-color: #da4760;
}
.shop-heart.BW_theme:hover, .shop-heart.BW_theme.active,
.goods-bookmark.BW_theme:hover,
.goods-bookmark.BW_theme.active {
  background-color: #444;
}

.goods-bookmark {
  padding-top: 0;
}

.item_wrap {
  overflow: hidden;
  padding: 15px;
  border: 3px solid #f6f6f6;
  background: rgba(255, 255, 255, 0.67);
}
.item_wrap .img_wrap {
  float: left;
  width: calc(50% - 15px);
}
.item_wrap .info_wrap1 {
  float: right;
  width: calc(50% - 15px);
}
.item_wrap .info_wrap2 {
  padding: 20px 0;
  border-bottom: 1px solid #e1e1e1;
}

.item_wrap.item_goods {
  position: relative;
}
.item_wrap.item_goods .img_wrap {
  width: 100px;
}
.item_wrap.item_goods .info_wrap1 {
  position: relative;
  width: calc(100% - 115px);
}
.item_wrap.item_goods .shop-heart {
  top: 50%;
  margin-top: -13px;
  right: 0px;
  display: inline-block;
  position: absolute;
}
.item_wrap.item_goods .shop-heart:before {
  content: "";
  background-color: #3462B3;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.001, 0.001);
}
.item_wrap.item_goods .shop-heart.active:before {
  animation: effect_dylan 0.8s ease-out;
}
.item_wrap.item_goods .btn-detail {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -13px;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  height: 26px;
  line-height: 26px;
  transition: all 0.2s ease-in-out;
}
.item_wrap.item_goods .btn-detail:hover {
  background: #EFEFEF;
}
.item_wrap.item_goods .item_name {
  padding-right: 250px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.item_cate {
  margin-bottom: 10px;
  color: #333;
}

.item_name {
  position: relative;
  margin-bottom: 10px;
  font-size: 22px;
  color: #333;
  font-weight: 700;
  line-height: 150%;
}
.item_name .shop-heart {
  display: inline-block;
  position: absolute;
  right: 0;
}
.item_name .shop-heart:before {
  content: "";
  background-color: #3462B3;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.001, 0.001);
}
.item_name .shop-heart.active:before {
  animation: effect_dylan 0.8s ease-out;
}
@keyframes effect_dylan {
  50% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
  99% {
    transform: scale(0.001, 0.001);
    opacity: 0;
  }
  100% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
}
.item_ct {
  font-size: 14px;
  color: #333;
  line-height: 150%;
}

.item_option {
  overflow: hidden;
  margin-top: 10px;
}
.item_option:first-child {
  margin-top: 0;
}
.item_option dt {
  float: left;
  margin-right: 15px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.item_option dd {
  float: left;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}

.item_option2 {
  margin-top: 10px;
}
.item_option2:first-child {
  margin-top: 0;
}
.item_option2 dt {
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.item_option2 dd {
  font-size: 14px;
  color: #666;
  line-height: 20px;
}

.option_open {
  display: block;
  min-width: 200px;
  padding: 5px 30px 5px 5px;
  border: 1px solid #5fa0e6;
  background: url(../imgs/ico/bg_select.png) no-repeat right center;
  background-color: #fff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .option_open {
    background-image: url("../imgs/ico/bg_select.png");
    background-image: url("../imgs/ico/bg_select.png");
    background-size: 19px right center;
  }
}

.option_lst {
  min-width: 200px;
  border-left: 1px solid #5fa0e6;
  border-right: 1px solid #5fa0e6;
  border-bottom: 1px solid #5fa0e6;
}
.option_lst li {
  border-top: 1px solid #5fa0e6;
}
.option_lst li:first-child {
  border-top: none;
}
.option_lst li a {
  display: block;
  padding: 5px;
  color: #5fa0e6;
  background: #fff;
}
.option_lst li a:hover, .option_lst li a.aon {
  color: #fff;
  background: #5fa0e6;
}

.cart-tab-wrap:after {
  content: "";
  clear: both;
  display: block;
}
.cart-tab-wrap .cart-tab {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #C7C7C7;
  text-align: center;
}
.cart-tab-wrap .cart-tab .cart-tab-item {
  display: inline-block;
  width: 130px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: #F5F5F5;
  font-size: 16px;
  border-top: 1px solid #C7C7C7;
  border-left: 1px solid #C7C7C7;
  box-sizing: border-box;
}
.cart-tab-wrap .cart-tab .cart-tab-item:last-child {
  border-right: 1px solid #C7C7C7;
}
.cart-tab-wrap .cart-tab .cart-tab-item:not(:nth-child(1)) {
  margin-left: -4px;
}
.cart-tab-wrap .cart-tab .cart-tab-item.active {
  background: #FFFFFF;
}

.cart_item {
  margin: 10px 0;
}
.cart_item li {
  position: relative;
  padding: 10px;
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #d4d4d4;
}
.cart_item li:after {
  content: "";
  clear: both;
  display: block;
}
.cart_item li:first-child {
  margin-top: 0;
}
.cart_item li.nodata {
  padding: 30px 10px;
  text-align: center;
}
.cart_item li .img-view {
  position: absolute;
  top: 10px;
  left: 10px;
}
.cart_item li .img-view ~ .name, .cart_item li .img-view ~ .ofH {
  margin-left: 70px;
}
.cart_item li .name {
  margin: 0 18px 12px 0;
  line-height: 1.3;
  font-size: 14px;
  color: #666;
}
.cart_item li .qty {
  display: inline-block;
  float: left;
  border: 1px solid #e1e1e1;
  font-size: 14px;
  border-radius: 2px;
}
.cart_item li .qty a {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  background: #f1f1f1;
  color: #333;
}
.cart_item li .qty input {
  display: block;
  float: left;
  width: 70px;
  height: 28px;
  padding: 3px;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  color: #666;
  font-size: 13px;
  text-align: center;
  background: #fff;
  box-sizing: border-box;
  border-radius: 0 !important;
}
.cart_item li .point {
  margin-left: 10px;
  float: right;
  line-height: 30px;
  font-size: 18px;
  color: #666;
}
.cart_item li .cls {
  position: absolute;
  top: 0;
  right: 0;
}

.choice_item {
  margin: 10px 0;
}
.choice_item li {
  position: relative;
  padding: 10px;
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #d4d4d4;
}
.choice_item li:first-child {
  margin-top: 0;
}
.choice_item li.nodata {
  padding: 30px 10px;
  text-align: center;
}
.choice_item li .img {
  position: absolute;
  top: 10px;
  left: 10px;
}
.choice_item li .img ~ .name, .choice_item li .img ~ .ofH {
  margin-left: 84px;
}
.choice_item li .name {
  min-height: 32px;
  margin: 0 18px 12px 0;
  font-size: 14px;
  color: #666;
}
.choice_item li .name a {
  color: #5fa0e6;
}
.choice_item li .fL {
  font-size: 14px;
  color: #666;
}
.choice_item li .fL input {
  width: 100%;
  height: 30px;
  padding: 3px;
  border: 1px solid #d9d9d9;
  color: #000;
  font-size: 13px;
  text-align: center;
  background: #fff;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0 !important;
}
.choice_item li .fR {
  font-size: 14px;
  color: #666;
}
.choice_item li .cls {
  position: absolute;
  top: 0;
  right: 0;
}
.choice_item li .lh30 {
  line-height: 30px;
}
.choice_item.pre-billing-price {
  border-top: 2px solid #D9D9D9;
}
.choice_item.pre-billing-price:after {
  content: "";
  clear: both;
  display: block;
}
.choice_item.pre-billing-price li {
  float: right;
  display: table;
  border: none;
  padding-right: 0;
}
.choice_item.pre-billing-price li .ofH {
  display: table-row;
}
.choice_item.pre-billing-price li .pre-billing-second div {
  padding-bottom: 15px;
}
.choice_item.pre-billing-price li .pre-total-price div {
  border-top: 2px solid #D9D9D9;
}
.choice_item.pre-billing-price li .pre-total-price .price-number {
  padding-right: 0;
  font-size: 20px;
}
.choice_item.pre-billing-price li .pre-total-price2 .price-number {
  padding-right: 0;
  font-size: 20px;
}
.choice_item.pre-billing-price li .price-title,
.choice_item.pre-billing-price li .price-number {
  display: table-cell;
  text-align: right;
}
.choice_item.pre-billing-price li .price-title {
  padding: 8px 30px;
}
.choice_item.pre-billing-price li .price-number {
  padding: 8px 10px;
  color: #000;
}

.clearfix, .edu-moa ul {
  clear: both;
}

.option-group {
  padding: 10px;
  margin-left: 70px;
  width: calc(100% - 70px);
  max-width: 540px;
  float: right;
  border: 1px solid #CCC;
  border-radius: 5px;
  background: #F5F5F5;
  box-sizing: border-box;
}
.option-group:after {
  content: "";
  clear: both;
  display: block;
}
.option-group .taR {
  position: relative;
}
.option-group .option-select {
  width: 70%;
  max-width: 300px;
}
.option-group .option-select select {
  width: 100%;
  border: 1px solid #5fa0e6;
  box-sizing: border-box;
}
.option-group .option-head {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.option-group .option-inner {
  float: right;
  width: 70%;
  max-width: 300px;
}
.option-group .option-count {
  position: relative;
  padding-right: 40px;
  box-sizing: border-box;
}
.option-group .option-item {
  position: relative;
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid #DDD;
}
.option-group .option-item:nth-child(1) {
  border-top: none;
}
.option-group .option-item:after {
  content: "";
  clear: both;
  display: block;
}
.option-group .option-item .title {
  padding-bottom: 5px;
  color: #666666;
}
.option-group .option-item .cls {
  background: #f57375;
}
.option-group .option-item .cls img {
  vertical-align: top;
}

.option-price {
  padding: 10px 5px;
  width: 100%;
  float: right;
  text-align: right;
  color: #000;
}
.option-price .price {
  font-size: 18px;
}

.vat-text {
  font-size: 14px;
}

.order_lst > li, .order_lst > a > li {
  overflow: hidden;
  padding: 10px;
  margin-left: 110px;
  border-top: 1px solid #c7c7c7;
}
.order_lst > li:first-child, .order_lst > a > li:first-child {
  margin-top: 0;
}
.order_lst > li.nodata, .order_lst > a > li.nodata {
  padding: 30px 10px;
  text-align: center;
}
.order_lst > li > .img_wrap1, .order_lst > li > a > .img_wrap1, .order_lst > a > li > .img_wrap1, .order_lst > a > li > a > .img_wrap1 {
  display: table;
  float: left;
  width: 74px;
  height: 74px;
}
.order_lst > li > .img_wrap1 .img_wrap2, .order_lst > li > a > .img_wrap1 .img_wrap2, .order_lst > a > li > .img_wrap1 .img_wrap2, .order_lst > a > li > a > .img_wrap1 .img_wrap2 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.order_lst > li > .img_wrap1 .img_wrap2 img, .order_lst > li > a > .img_wrap1 .img_wrap2 img, .order_lst > a > li > .img_wrap1 .img_wrap2 img, .order_lst > a > li > a > .img_wrap1 .img_wrap2 img {
  vertical-align: middle;
}
.order_lst > li > .txt_wrap, .order_lst > li > a > .txt_wrap, .order_lst > a > li > .txt_wrap, .order_lst > a > li > a > .txt_wrap {
  overflow: hidden;
  margin-left: 84px;
}
.order_lst > li > .txt_wrap .txt1:nth-last-child(1), .order_lst > li > a > .txt_wrap .txt1:nth-last-child(1), .order_lst > a > li > .txt_wrap .txt1:nth-last-child(1), .order_lst > a > li > a > .txt_wrap .txt1:nth-last-child(1) {
  float: left;
  max-width: 70%;
}
.order_lst > li > .txt_wrap .txt1 .name, .order_lst > li > a > .txt_wrap .txt1 .name, .order_lst > a > li > .txt_wrap .txt1 .name, .order_lst > a > li > a > .txt_wrap .txt1 .name {
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order_lst > li > .txt_wrap .txt1 .price, .order_lst > li > .txt_wrap .txt1 .opt, .order_lst > li > a > .txt_wrap .txt1 .price, .order_lst > li > a > .txt_wrap .txt1 .opt, .order_lst > a > li > .txt_wrap .txt1 .price, .order_lst > a > li > .txt_wrap .txt1 .opt, .order_lst > a > li > a > .txt_wrap .txt1 .price, .order_lst > a > li > a > .txt_wrap .txt1 .opt {
  margin-top: 5px;
  font-size: 14px;
  color: #333;
}
.order_lst > li > .txt_wrap .txt1 .state, .order_lst > li > .txt_wrap .txt1 .point, .order_lst > li > .txt_wrap .txt1 .invoice, .order_lst > li > a > .txt_wrap .txt1 .state, .order_lst > li > a > .txt_wrap .txt1 .point, .order_lst > li > a > .txt_wrap .txt1 .invoice, .order_lst > a > li > .txt_wrap .txt1 .state, .order_lst > a > li > .txt_wrap .txt1 .point, .order_lst > a > li > .txt_wrap .txt1 .invoice, .order_lst > a > li > a > .txt_wrap .txt1 .state, .order_lst > a > li > a > .txt_wrap .txt1 .point, .order_lst > a > li > a > .txt_wrap .txt1 .invoice {
  margin-top: 8px;
  font-size: 14px;
  color: #666;
}
.order_lst > li > .txt_wrap .txt2, .order_lst > li > a > .txt_wrap .txt2, .order_lst > a > li > .txt_wrap .txt2, .order_lst > a > li > a > .txt_wrap .txt2 {
  float: right;
  max-width: 30%;
  text-align: center;
}
.order_lst > li > .txt_wrap .txt2 .seller, .order_lst > li > a > .txt_wrap .txt2 .seller, .order_lst > a > li > .txt_wrap .txt2 .seller, .order_lst > a > li > a > .txt_wrap .txt2 .seller {
  font-size: 14px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order_lst > li > .txt_wrap .txt2 .tel, .order_lst > li > a > .txt_wrap .txt2 .tel, .order_lst > a > li > .txt_wrap .txt2 .tel, .order_lst > a > li > a > .txt_wrap .txt2 .tel {
  margin-top: 5px;
  font-size: 14px;
  color: #666;
}
.order_lst > li > .txt_wrap .txt2 .btn, .order_lst > li > a > .txt_wrap .txt2 .btn, .order_lst > a > li > .txt_wrap .txt2 .btn, .order_lst > a > li > a > .txt_wrap .txt2 .btn {
  display: inline-block;
  padding: 5px;
  margin-top: 5px;
  font-size: 14px;
  color: #666;
  text-align: center;
  background: #f0f0f0;
  border: 1px solid #cbcbcb;
  border-radius: 2px;
}
.order_lst > li.date, .order_lst > a > li.date {
  overflow: hidden;
  padding: 5px 10px;
  margin-left: 0;
  color: #666;
  border-top: 1px solid #c7c7c7;
}
.order_lst > li.date:not(:first-child), .order_lst > a > li.date:not(:first-child) {
  margin-top: 30px;
}
.order_lst > li.date .fL, .order_lst > a > li.date .fL {
  line-height: 30px;
}
.order_lst > li.date .fL .s1, .order_lst > a > li.date .fL .s1 {
  margin-right: 30px;
}
.order_lst > li.date .fL .s2, .order_lst > a > li.date .fL .s2 {
  margin-right: 30px;
}
.order_lst > li.date .fL .s3 em, .order_lst > a > li.date .fL .s3 em {
  color: #000;
}

.order_lst2 {
  border: 1px solid #d4d4d4;
}
.order_lst2 > li {
  overflow: hidden;
  border-top: 1px solid #d4d4d4;
}
.order_lst2 > li:first-child {
  border-top: none;
}
.order_lst2 > li .top {
  padding: 10px;
  color: #333;
  font-weight: 700;
  background: #f5f5f5;
  border-bottom: 1px solid #d4d4d4;
}
.order_lst2 > li .txt_wrap {
  padding: 10px;
}
.order_lst2 > li .txt_wrap .name {
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order_lst2 > li .txt_wrap p {
  font-size: 14px;
  color: #666;
}
.order_lst2 > li .txt_wrap .name, .order_lst2 > li .txt_wrap .fR p {
  font-weight: 700;
  color: #333;
}

.total_amount1 {
  font-size: 14px;
  color: #000;
  text-align: right;
}
.total_amount1 span {
  padding-left: 20px;
  font-size: 20px;
}

.total_amount2 {
  font-size: 14px;
  color: #666;
  text-align: right;
}
.total_amount2 span {
  padding-left: 20px;
  font-size: 26px;
  color: #000;
}
.total_amount2 .vat-text {
  font-size: 14px;
  font-weight: normal;
  padding-left: 0;
}

.my_point {
  max-width: 500px;
  padding: 15px;
  margin: 0 auto;
  font-size: 14px;
  color: #000;
  text-align: center;
  border: 1px solid #e1e1e1;
}
.my_point .big {
  font-size: 20px;
}

.tit_shop {
  clear: both;
  padding: 50px 0 10px;
  font-size: 14px;
  color: #010101;
}
.tit_shop:first-of-type {
  padding-top: 0;
}

.tit_shipping {
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #000;
}
.tit_shipping label {
  font-size: 12px;
}

.data_wrap {
  padding: 50px 0;
  border-bottom: 1px solid #dee0e2;
}
.data_wrap .tit {
  margin: 30px 0 10px;
  font-size: 14px;
  color: #000;
  font-weight: 700;
  line-height: 150%;
}
.data_wrap .tit:first-of-type {
  margin-top: 0;
}
.data_wrap .ct {
  font-size: 14px;
  color: #000;
  line-height: 150%;
}

.center_para {
  width: 100%;
  height: calc(100% - 66px);
}
.center_para td {
  text-align: center;
  line-height: 150%;
  color: #666;
}
.center_para td .p1 {
  font-size: 24px;
}
.center_para td .p2 {
  font-size: 14px;
}

.shop_footnote {
  margin-top: 50px;
  padding-top: 15px;
  border-top: 1px solid #e1e1e1;
  line-height: 150%;
  font-size: 14px;
  color: #666;
}

.shop_finish {
  display: table;
  width: 100%;
  height: 250px;
}
.shop_finish .txt {
  display: table-cell;
  line-height: 150%;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  color: #666;
}

.shop_ts1 {
  width: 100%;
}
.shop_ts1 > tbody > tr > th, .shop_ts1 > tbody > tr > td {
  padding: 18px 0 8px;
  line-height: 150%;
  border-bottom: 1px solid #e1e1e1;
}
.shop_ts1 > tbody > tr:first-child > th, .shop_ts1 > tbody > tr:first-child > td, .shop_ts1 > tbody > tr.fir > th, .shop_ts1 > tbody > tr.fir > td {
  /* 첫번째줄이나 첫번째줄이 숨겨진 경우 두번째줄의 th, td에 상단 여백 제거 */
  padding-top: 0;
}
.shop_ts1 > tbody > .tr > th {
  padding-top: 40px;
  font-size: 16px;
  color: #3462b4;
}
.shop_ts1 > tbody > tr > th {
  text-align: left;
  font-weight: normal;
  color: #000;
}
.shop_ts1 > tbody > tr > th.rfv {
  color: #c00;
}
.shop_ts1 > tbody > tr > td {
  max-width: 1px;
  color: #666;
}
.shop_ts1 > tbody > tr > td .expl {
  padding: 8px 5px;
}

.shop_ts2 {
  width: 100%;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.shop_ts2 > thead > tr > th {
  padding: 12px 0;
  text-align: center;
  background: #eee;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.shop_ts2 > tbody > tr > td {
  border-top: 1px solid #e1e1e1;
  padding: 12px 0;
  text-align: center;
  font-size: 14px;
  color: #666;
}
.shop_ts2.ex-padding > thead > tr > th,
.shop_ts2.ex-padding > tbody > tr > td {
  padding: 12px 10px;
}

.shop-category-wrap {
  padding: 15px 0;
}
.shop-category-wrap .img-area {
  margin-bottom: 14px;
}
.shop-category-wrap .img-area img {
  width: 100%;
  max-width: 100%;
  vertical-align: top;
}
.shop-category-wrap .img-mobile {
  display: none;
}
.shop-category-wrap .category-area {
  border: 4px solid #DFDFDF;
  padding: 15px;
  box-sizing: border-box;
}
.shop-category-wrap .category-area .category-left {
  float: left;
  width: 15%;
  color: #CA9751;
}
.shop-category-wrap .category-area .category-right {
  float: left;
  width: 85%;
}
.shop-category-wrap .category-area .category-right:after {
  content: "";
  clear: both;
  display: block;
}
.shop-category-wrap .category-area .category-right .category-item {
  display: inline-block;
  float: left;
  width: calc(20% - 5px);
  margin-right: 5px;
  margin-bottom: 5px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-category-wrap .category-area:after {
  content: "";
  clear: both;
  display: block;
}
.shop-category-wrap:after {
  content: "";
  clear: both;
  display: block;
}

/** 주문상세 테이블 : 
 * 
 * my/sett.read.php
 *
 */
.shop-custom-table-wrap {
  padding: 0 10px 10px;
  margin: 15px 0 10px;
  overflow: hidden;
  background: #f5f5f5;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
}

.shop-custom-table,
.shop-change-table {
  border-top: none;
  border-bottom: none;
}
.shop-custom-table tr:last-child td,
.shop-change-table tr:last-child td {
  border-bottom: none;
}
.shop-custom-table td,
.shop-change-table td {
  padding-left: 15px;
}
.shop-custom-table td:last-child,
.shop-change-table td:last-child {
  padding-right: 15px;
}

/** 카드지갑 관련 
 * /my/hosting.product.list.nx
 * /my/if.pay.01.nx ~ 03.nx
 * 그리고 image dots 관련
*/
.pay-wrap .card-table > tbody > tr > td {
  text-align: left;
}
.pay-wrap .pay-price {
  font-size: 24px;
  color: #000;
}

/** 카드지갑 - 카드 추가 / 수정 UI
 * /my/pay.list.nx
 * /my/hosting.sett.add.nx
 */
.card-wallet li {
  position: relative;
  padding: 15px;
  margin-top: 10px;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
}
.card-wallet li:after {
  content: "";
  clear: both;
  display: block;
}
.card-wallet li.deleted {
  background: #DDD;
}
.card-wallet li:not(.deleted):hover {
  background: #EFEFEF;
}
.card-wallet li.active {
  border: 1px solid #3361B3;
}
.card-wallet li.active .checkbox {
  opacity: 1;
}
.card-wallet li .card-item-wrap {
  display: table;
  width: 100%;
}
.card-wallet li .card-item-wrap .card-item {
  display: table-cell;
  vertical-align: middle;
}
.card-wallet li .card-item-wrap .card-item [class^=btn] {
  vertical-align: baseline;
  border: transparent;
  cursor: pointer;
}
.card-wallet li .card-view {
  padding: 0 10px;
  width: 70px;
}
.card-wallet li .card-view .img-wrap {
  display: inline-block;
  overflow: hidden;
  border-radius: 4px;
}
.card-wallet li .card-view img {
  max-width: 100%;
  vertical-align: middle;
}
.card-wallet li .cls {
  position: absolute;
  top: -1px;
  right: -1px;
}
.card-wallet .seq {
  width: 60px;
}
.card-wallet .action {
  width: 150px;
  text-align: left;
}
.card-wallet .name {
  width: 100px;
}
.card-wallet .history {
  width: 200px;
}
.card-wallet .wdate {
  width: 160px;
}
.card-wallet .status {
  width: 100px;
}
.card-wallet .checkbox {
  transition: all 0.2s ease-in-out;
  width: 45px;
  opacity: 0;
}

.checkout-header {
  position: relative;
  padding: 15px;
  background: #FFF;
  text-align: center;
  box-sizing: border-box;
}
.checkout-header .h_logo {
  display: inline-block;
}
.checkout-header .h_logo img {
  max-width: 320px;
  max-height: 62px;
}

.checkout-title {
  font-size: 20px;
  color: #000;
  margin-bottom: 35px;
  padding-left: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #000;
  box-sizing: border-box;
}

.checkout-close {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -12.5px;
  font-size: 20px;
}

.checkout-wrap {
  padding: 50px;
  background: #F1F1F1;
  box-sizing: border-box;
}

.checkout-inner {
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 15px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  background: #FFF;
  box-sizing: border-box;
}
.checkout-inner p {
  padding-left: 10px;
}
.checkout-inner .choice_item {
  margin: 10px 5px;
}

.info_wrap1 .select2-container--default .select2-selection--single, .option-group .select2-container--default .select2-selection--single {
  border: 1px solid #5fa0e6;
}
.info_wrap1 .select2-container--default .select2-selection--single .select2-selection__arrow b, .option-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #5fa0e6 transparent transparent transparent;
}
.info_wrap1 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .option-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #5fa0e6 transparent;
}

[data-tooltip-text]:after {
  transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 7px 12px;
  position: absolute;
  width: auto;
  min-width: 50px;
  max-width: 300px;
  word-wrap: break-word;
  z-index: 9999;
  opacity: 0;
  left: -9999px;
  top: 90%;
  content: attr(data-tooltip-text);
}

[data-tooltip-text]:hover:after {
  top: 130%;
  left: 0;
  opacity: 1;
}

.content_wrap3 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px;
  box-sizing: border-box;
}

.shop-product-search .tit2 {
  color: #000;
}
.shop-product-search .no-list {
  padding: 15px;
  width: 100% !important;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  text-align: center;
  box-sizing: border-box;
}
.shop-product-search .more-wrap {
  padding: 20px;
  text-align: center;
}
.shop-product-search .more-wrap a {
  border-radius: 20px;
  text-align: center;
  padding: 5px 25px;
  border: 1px solid #DDD;
}
.shop-product-search .more-wrap.active {
  display: none;
}
.shop-product-search .list-A:not(.active) li:nth-child(n+5),
.shop-product-search .list-B:not(.active) tbody tr:nth-child(n+5),
.shop-product-search .list-C:not(.active) li:nth-child(n+5),
.shop-product-search .list-D:not(.active) tbody tr:nth-child(n+5),
.shop-product-search .list-E:not(.active) tbody tr:nth-child(n+5),
.shop-product-search .list-F:not(.active) li:nth-child(n+5) {
  display: none;
}
.shop-product-search .shop-product-search-top {
  padding-bottom: 50px;
  background: #F3F3F3;
  text-align: center;
  box-sizing: border-box;
}
.shop-product-search .shop-product-search-top .search-area {
  position: relative;
  width: 100%;
  max-width: 500px;
  padding: 15px 15px;
  margin: 0 auto;
  box-sizing: border-box;
}
.shop-product-search .shop-product-search-top .search-area .ips1 {
  width: 100%;
  height: 30px;
  padding: 0 10px;
}
.shop-product-search .shop-product-search-top .search-area .ico_search {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -9px;
  font-size: 14px;
  cursor: pointer;
  background: transparent;
}

/* 장바구니 DHL 도착지 정보 */
.ship_fL {
  color: #000000;
  margin-top: 7px;
  float: left;
}

.ship_fR {
  float: right;
}
.ship_fR .ship_code {
  margin-right: 30px;
  display: inline-block;
}
.ship_fR .ship_code .txt {
  margin-right: 15px;
}
.ship_fR .ship_zipcode {
  margin-right: 30px;
  display: inline-block;
}
.ship_fR .ship_zipcode .txt {
  margin-right: 15px;
}
.ship_fR .ship_zipcode > input {
  height: 28px;
  padding: 0 3px;
  border: 1px solid #b5b5b5;
}
.ship_fR .ship_city {
  margin-right: 10px;
  display: inline-block;
}
.ship_fR .ship_city .txt {
  margin-right: 15px;
}
.ship_fR .ship_city > input {
  height: 28px;
  padding: 0 3px;
  border: 1px solid #b5b5b5;
}

.ship_btn {
  display: inline-block;
}

.dhl_ul {
  border-bottom: 1px solid #d4d4d4;
  overflow: hidden;
}

.dhl_ul_no {
  overflow: hidden;
}

.dhl_rate_price {
  width: 100%;
  text-align: right;
  color: #000000;
  padding: 10px 5px;
  float: right;
}

@media only screen and (max-width: 519px) {
  .cart_item li .qty {
    float: none;
  }
  .cart_item li .point {
    float: none;
    line-height: inherit;
  }
}
/* 정렬 */
.shop-lst-order {
  overflow: hidden;
  padding: 10px 20px;
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
}
.shop-lst-order .order {
  overflow: hidden;
  float: left;
  width: calc(100% - 240px);
}
.shop-lst-order .order li {
  float: left;
  margin-right: 30px;
}
.shop-lst-order .order li:last-child {
  margin-right: 0;
}
.shop-lst-order .order li a {
  display: block;
  height: 30px;
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.shop-lst-order .order li a .ico_check {
  display: none;
}
.shop-lst-order .order li a:hover {
  color: #db4444;
}
.shop-lst-order .order li a.aon {
  color: #db4444;
}
.shop-lst-order .order li a.aon .ico_check {
  display: inline-block;
}
.shop-lst-order .topa {
  float: right;
}

/* 슬라이드 */
.shop-lst-wrap {
  position: relative;
  padding: 0 60px;
}
.shop-lst-wrap .arrw_l {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -27px;
}
.shop-lst-wrap .arrw_l {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -27px;
}
.shop-lst-wrap .arrw_r {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -27px;
}

/* 일반리스트 */
.shop-lst-type1 {
  overflow: hidden;
  /* 간격 */
  /* 배경색 */
  /* 보더 */
  /* 여백 */
  /* 이미지비율 */
  /* 라운드 */
}
.shop-lst-type1 li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #666;
}
.shop-lst-type1 li a {
  overflow: hidden;
  display: block;
}
.shop-lst-type1 .img-wrap1 {
  margin-bottom: 15px;
}
.shop-lst-type1 .img-wrap2 {
  overflow: hidden;
  position: relative;
  height: 0;
}
.shop-lst-type1 .img-wrap2 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.shop-lst-type1 .txt-wrap {
  line-height: 1.5;
}
.shop-lst-type1 .txt-wrap p + p {
  margin-top: 5px;
}
.shop-lst-type1 .txt-wrap .cate {
  font-size: 12px;
  color: #aaa;
}
.shop-lst-type1 .txt-wrap .opt {
  font-size: 12px;
  color: #de4c4c;
}
.shop-lst-type1 .txt-wrap .tit {
  word-break: break-all;
  font-size: 16px;
  color: #333;
}
.shop-lst-type1 .txt-wrap .price1 {
  font-size: 14px;
  color: #666;
  text-decoration: line-through;
}
.shop-lst-type1 .txt-wrap .price2 {
  font-size: 14px;
  color: #666;
}
.shop-lst-type1 .txt-wrap .ct {
  font-size: 14px;
  color: #999;
}
.shop-lst-type1 .txt-wrap .soldout {
  display: inline-block;
  padding: 3px;
  font-size: 12px;
  color: #f00;
  border: 1px solid #f00;
  border-radius: 4px;
}
.shop-lst-type1.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.shop-lst-type1.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.shop-lst-type1.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.shop-lst-type1.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: 3%;
  clear: none;
}
.shop-lst-type1.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.shop-lst-type1.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.shop-lst-type1.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.shop-lst-type1.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.shop-lst-type1.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.shop-lst-type1.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.shop-lst-type1.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col3.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 3);
  margin-left: 0px;
  float: left;
}
.shop-lst-type1.col3.col-mg0 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col3.col-mg0 > li:nth-child(n+4) {
  margin-top: 0px;
  clear: none;
}
.shop-lst-type1.col3.col-mg0 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col3.col-mg1 > li {
  width: calc((100% - 2% - 1px) / 3);
  margin-left: 1%;
  float: left;
}
.shop-lst-type1.col3.col-mg1 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col3.col-mg1 > li:nth-child(n+4) {
  margin-top: 3%;
  clear: none;
}
.shop-lst-type1.col3.col-mg1 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col3.col-mg2 > li {
  width: calc((100% - 4% - 1px) / 3);
  margin-left: 2%;
  float: left;
}
.shop-lst-type1.col3.col-mg2 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col3.col-mg2 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.shop-lst-type1.col3.col-mg2 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col3.col-mg3 > li {
  width: calc((100% - 8% - 1px) / 3);
  margin-left: 4%;
  float: left;
}
.shop-lst-type1.col3.col-mg3 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col3.col-mg3 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.shop-lst-type1.col3.col-mg3 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col3.col-mg4 > li {
  width: calc((100% - 12% - 1px) / 3);
  margin-left: 6%;
  float: left;
}
.shop-lst-type1.col3.col-mg4 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col3.col-mg4 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.shop-lst-type1.col3.col-mg4 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col4.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 4);
  margin-left: 0px;
  float: left;
}
.shop-lst-type1.col4.col-mg0 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col4.col-mg0 > li:nth-child(n+5) {
  margin-top: 0px;
  clear: none;
}
.shop-lst-type1.col4.col-mg0 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col4.col-mg1 > li {
  width: calc((100% - 3% - 1px) / 4);
  margin-left: 1%;
  float: left;
}
.shop-lst-type1.col4.col-mg1 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col4.col-mg1 > li:nth-child(n+5) {
  margin-top: 3%;
  clear: none;
}
.shop-lst-type1.col4.col-mg1 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col4.col-mg2 > li {
  width: calc((100% - 6% - 1px) / 4);
  margin-left: 2%;
  float: left;
}
.shop-lst-type1.col4.col-mg2 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col4.col-mg2 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.shop-lst-type1.col4.col-mg2 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col4.col-mg3 > li {
  width: calc((100% - 12% - 1px) / 4);
  margin-left: 4%;
  float: left;
}
.shop-lst-type1.col4.col-mg3 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col4.col-mg3 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.shop-lst-type1.col4.col-mg3 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col4.col-mg4 > li {
  width: calc((100% - 18% - 1px) / 4);
  margin-left: 6%;
  float: left;
}
.shop-lst-type1.col4.col-mg4 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col4.col-mg4 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.shop-lst-type1.col4.col-mg4 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col2.col-mg0 > li, .shop-lst-type1.col-bd.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.shop-lst-type1.col-bg.col2.col-mg0 > li:nth-child(-n+2), .shop-lst-type1.col-bd.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col2.col-mg0 > li:nth-child(n+3), .shop-lst-type1.col-bd.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.shop-lst-type1.col-bg.col2.col-mg0 > li:nth-child(2n+1), .shop-lst-type1.col-bd.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col2.col-mg1 > li, .shop-lst-type1.col-bd.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.shop-lst-type1.col-bg.col2.col-mg1 > li:nth-child(-n+2), .shop-lst-type1.col-bd.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col2.col-mg1 > li:nth-child(n+3), .shop-lst-type1.col-bd.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: 1%;
  clear: none;
}
.shop-lst-type1.col-bg.col2.col-mg1 > li:nth-child(2n+1), .shop-lst-type1.col-bd.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col2.col-mg2 > li, .shop-lst-type1.col-bd.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.shop-lst-type1.col-bg.col2.col-mg2 > li:nth-child(-n+2), .shop-lst-type1.col-bd.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col2.col-mg2 > li:nth-child(n+3), .shop-lst-type1.col-bd.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: 2%;
  clear: none;
}
.shop-lst-type1.col-bg.col2.col-mg2 > li:nth-child(2n+1), .shop-lst-type1.col-bd.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col2.col-mg3 > li, .shop-lst-type1.col-bd.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.shop-lst-type1.col-bg.col2.col-mg3 > li:nth-child(-n+2), .shop-lst-type1.col-bd.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col2.col-mg3 > li:nth-child(n+3), .shop-lst-type1.col-bd.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: 4%;
  clear: none;
}
.shop-lst-type1.col-bg.col2.col-mg3 > li:nth-child(2n+1), .shop-lst-type1.col-bd.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col2.col-mg4 > li, .shop-lst-type1.col-bd.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.shop-lst-type1.col-bg.col2.col-mg4 > li:nth-child(-n+2), .shop-lst-type1.col-bd.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col2.col-mg4 > li:nth-child(n+3), .shop-lst-type1.col-bd.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.shop-lst-type1.col-bg.col2.col-mg4 > li:nth-child(2n+1), .shop-lst-type1.col-bd.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col3.col-mg0 > li, .shop-lst-type1.col-bd.col3.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 3);
  margin-left: 0px;
  float: left;
}
.shop-lst-type1.col-bg.col3.col-mg0 > li:nth-child(-n+3), .shop-lst-type1.col-bd.col3.col-mg0 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col3.col-mg0 > li:nth-child(n+4), .shop-lst-type1.col-bd.col3.col-mg0 > li:nth-child(n+4) {
  margin-top: 0px;
  clear: none;
}
.shop-lst-type1.col-bg.col3.col-mg0 > li:nth-child(3n+1), .shop-lst-type1.col-bd.col3.col-mg0 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col3.col-mg1 > li, .shop-lst-type1.col-bd.col3.col-mg1 > li {
  width: calc((100% - 2% - 1px) / 3);
  margin-left: 1%;
  float: left;
}
.shop-lst-type1.col-bg.col3.col-mg1 > li:nth-child(-n+3), .shop-lst-type1.col-bd.col3.col-mg1 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col3.col-mg1 > li:nth-child(n+4), .shop-lst-type1.col-bd.col3.col-mg1 > li:nth-child(n+4) {
  margin-top: 1%;
  clear: none;
}
.shop-lst-type1.col-bg.col3.col-mg1 > li:nth-child(3n+1), .shop-lst-type1.col-bd.col3.col-mg1 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col3.col-mg2 > li, .shop-lst-type1.col-bd.col3.col-mg2 > li {
  width: calc((100% - 4% - 1px) / 3);
  margin-left: 2%;
  float: left;
}
.shop-lst-type1.col-bg.col3.col-mg2 > li:nth-child(-n+3), .shop-lst-type1.col-bd.col3.col-mg2 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col3.col-mg2 > li:nth-child(n+4), .shop-lst-type1.col-bd.col3.col-mg2 > li:nth-child(n+4) {
  margin-top: 2%;
  clear: none;
}
.shop-lst-type1.col-bg.col3.col-mg2 > li:nth-child(3n+1), .shop-lst-type1.col-bd.col3.col-mg2 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col3.col-mg3 > li, .shop-lst-type1.col-bd.col3.col-mg3 > li {
  width: calc((100% - 8% - 1px) / 3);
  margin-left: 4%;
  float: left;
}
.shop-lst-type1.col-bg.col3.col-mg3 > li:nth-child(-n+3), .shop-lst-type1.col-bd.col3.col-mg3 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col3.col-mg3 > li:nth-child(n+4), .shop-lst-type1.col-bd.col3.col-mg3 > li:nth-child(n+4) {
  margin-top: 4%;
  clear: none;
}
.shop-lst-type1.col-bg.col3.col-mg3 > li:nth-child(3n+1), .shop-lst-type1.col-bd.col3.col-mg3 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col3.col-mg4 > li, .shop-lst-type1.col-bd.col3.col-mg4 > li {
  width: calc((100% - 12% - 1px) / 3);
  margin-left: 6%;
  float: left;
}
.shop-lst-type1.col-bg.col3.col-mg4 > li:nth-child(-n+3), .shop-lst-type1.col-bd.col3.col-mg4 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col3.col-mg4 > li:nth-child(n+4), .shop-lst-type1.col-bd.col3.col-mg4 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.shop-lst-type1.col-bg.col3.col-mg4 > li:nth-child(3n+1), .shop-lst-type1.col-bd.col3.col-mg4 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col4.col-mg0 > li, .shop-lst-type1.col-bd.col4.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 4);
  margin-left: 0px;
  float: left;
}
.shop-lst-type1.col-bg.col4.col-mg0 > li:nth-child(-n+4), .shop-lst-type1.col-bd.col4.col-mg0 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col4.col-mg0 > li:nth-child(n+5), .shop-lst-type1.col-bd.col4.col-mg0 > li:nth-child(n+5) {
  margin-top: 0px;
  clear: none;
}
.shop-lst-type1.col-bg.col4.col-mg0 > li:nth-child(4n+1), .shop-lst-type1.col-bd.col4.col-mg0 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col4.col-mg1 > li, .shop-lst-type1.col-bd.col4.col-mg1 > li {
  width: calc((100% - 3% - 1px) / 4);
  margin-left: 1%;
  float: left;
}
.shop-lst-type1.col-bg.col4.col-mg1 > li:nth-child(-n+4), .shop-lst-type1.col-bd.col4.col-mg1 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col4.col-mg1 > li:nth-child(n+5), .shop-lst-type1.col-bd.col4.col-mg1 > li:nth-child(n+5) {
  margin-top: 1%;
  clear: none;
}
.shop-lst-type1.col-bg.col4.col-mg1 > li:nth-child(4n+1), .shop-lst-type1.col-bd.col4.col-mg1 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col4.col-mg2 > li, .shop-lst-type1.col-bd.col4.col-mg2 > li {
  width: calc((100% - 6% - 1px) / 4);
  margin-left: 2%;
  float: left;
}
.shop-lst-type1.col-bg.col4.col-mg2 > li:nth-child(-n+4), .shop-lst-type1.col-bd.col4.col-mg2 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col4.col-mg2 > li:nth-child(n+5), .shop-lst-type1.col-bd.col4.col-mg2 > li:nth-child(n+5) {
  margin-top: 2%;
  clear: none;
}
.shop-lst-type1.col-bg.col4.col-mg2 > li:nth-child(4n+1), .shop-lst-type1.col-bd.col4.col-mg2 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col4.col-mg3 > li, .shop-lst-type1.col-bd.col4.col-mg3 > li {
  width: calc((100% - 12% - 1px) / 4);
  margin-left: 4%;
  float: left;
}
.shop-lst-type1.col-bg.col4.col-mg3 > li:nth-child(-n+4), .shop-lst-type1.col-bd.col4.col-mg3 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col4.col-mg3 > li:nth-child(n+5), .shop-lst-type1.col-bd.col4.col-mg3 > li:nth-child(n+5) {
  margin-top: 4%;
  clear: none;
}
.shop-lst-type1.col-bg.col4.col-mg3 > li:nth-child(4n+1), .shop-lst-type1.col-bd.col4.col-mg3 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg.col4.col-mg4 > li, .shop-lst-type1.col-bd.col4.col-mg4 > li {
  width: calc((100% - 18% - 1px) / 4);
  margin-left: 6%;
  float: left;
}
.shop-lst-type1.col-bg.col4.col-mg4 > li:nth-child(-n+4), .shop-lst-type1.col-bd.col4.col-mg4 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type1.col-bg.col4.col-mg4 > li:nth-child(n+5), .shop-lst-type1.col-bd.col4.col-mg4 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.shop-lst-type1.col-bg.col4.col-mg4 > li:nth-child(4n+1), .shop-lst-type1.col-bd.col4.col-mg4 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type1.col-bg li a {
  background: #f5f5f5;
}
.shop-lst-type1.col-bg li a .img-wrap1 {
  margin-bottom: 0;
}
.shop-lst-type1.col-bg li a .txt-wrap {
  padding: 15px;
}
.shop-lst-type1.col-pd5.col-bg li a .img-wrap1, .shop-lst-type1.col-pd10.col-bg li a .img-wrap1, .shop-lst-type1.col-pd15.col-bg li a .img-wrap1, .shop-lst-type1.col-pd20.col-bg li a .img-wrap1 {
  margin-bottom: 15px;
}
.shop-lst-type1.col-pd5.col-bg li a .txt-wrap, .shop-lst-type1.col-pd10.col-bg li a .txt-wrap, .shop-lst-type1.col-pd15.col-bg li a .txt-wrap, .shop-lst-type1.col-pd20.col-bg li a .txt-wrap {
  padding: 0;
}
.shop-lst-type1.col-bd li a {
  border: 1px solid #e1e1e1;
}
.shop-lst-type1.col-bd li a .img-wrap1 {
  margin-bottom: 0;
}
.shop-lst-type1.col-bd li a .txt-wrap {
  padding: 15px;
  border-top: 1px solid #e1e1e1;
}
.shop-lst-type1.col-pd5.col-bd li a .img-wrap1, .shop-lst-type1.col-pd10.col-bd li a .img-wrap1, .shop-lst-type1.col-pd15.col-bd li a .img-wrap1, .shop-lst-type1.col-pd20.col-bd li a .img-wrap1 {
  margin-bottom: 15px;
}
.shop-lst-type1.col-pd5.col-bd li a .txt-wrap, .shop-lst-type1.col-pd10.col-bd li a .txt-wrap, .shop-lst-type1.col-pd15.col-bd li a .txt-wrap, .shop-lst-type1.col-pd20.col-bd li a .txt-wrap {
  padding: 0;
  border-top: none;
}
.shop-lst-type1.col-pd5 li a {
  padding: 5px;
}
.shop-lst-type1.col-pd10 li a {
  padding: 10px;
}
.shop-lst-type1.col-pd15 li a {
  padding: 15px;
}
.shop-lst-type1.col-pd20 li a {
  padding: 20px;
}
.shop-lst-type1.img-pd5 .img-wrap1 {
  padding: 5px;
}
.shop-lst-type1.img-pd10 .img-wrap1 {
  padding: 10px;
}
.shop-lst-type1.img-pd15 .img-wrap1 {
  padding: 15px;
}
.shop-lst-type1.img-pd20 .img-wrap1 {
  padding: 20px;
}
.shop-lst-type1.img-1x1 .img-wrap2 {
  padding-bottom: 100%;
}
.shop-lst-type1.img-4x3 .img-wrap2 {
  padding-bottom: 75%;
}
.shop-lst-type1.img-3x4 .img-wrap2 {
  padding-bottom: 125%;
}
.shop-lst-type1.img-16x9 .img-wrap2 {
  padding-bottom: 56%;
}
.shop-lst-type1.img-9x16 .img-wrap2 {
  padding-bottom: 170%;
}
.shop-lst-type1.col-rd1 li a {
  border-radius: 4px;
}
.shop-lst-type1.col-rd2 li a {
  border-radius: 8px;
}
.shop-lst-type1.col-rd3 li a {
  border-radius: 16px;
}
.shop-lst-type1.img-rd1 .img-wrap1, .shop-lst-type1.img-rd1 .img-wrap2 {
  border-radius: 4px;
}
.shop-lst-type1.img-rd2 .img-wrap1, .shop-lst-type1.img-rd2 .img-wrap2 {
  border-radius: 8px;
}
.shop-lst-type1.img-rd3 .img-wrap1, .shop-lst-type1.img-rd3 .img-wrap2 {
  border-radius: 16px;
}
.shop-lst-type1.img-1x1.img-rd4 .img-wrap1, .shop-lst-type1.img-1x1.img-rd4 .img-wrap2 {
  border-radius: 50%;
}

/* 카드타입 */
.shop-lst-type2 {
  overflow: hidden;
  /* 간격 */
  /* 보더 */
  /* 여백 */
  /* 이미지비율 */
  /* 라운드 */
}
.shop-lst-type2 li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #666;
}
.shop-lst-type2 li a {
  overflow: hidden;
  display: block;
}
.shop-lst-type2 .img-wrap1 {
  float: left;
  width: 40%;
  box-sizing: border-box;
}
.shop-lst-type2 .img-wrap2 {
  overflow: hidden;
  position: relative;
  height: 0;
}
.shop-lst-type2 .img-wrap2 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.shop-lst-type2 .txt-wrap {
  float: left;
  width: 60%;
  padding: 15px;
  box-sizing: border-box;
}
.shop-lst-type2 .txt-wrap p + p {
  margin-top: 5px;
}
.shop-lst-type2 .txt-wrap .cate {
  font-size: 12px;
  color: #aaa;
  line-height: 1.5;
}
.shop-lst-type2 .txt-wrap .opt {
  font-size: 12px;
  color: #de4c4c;
  line-height: 1.5;
}
.shop-lst-type2 .txt-wrap .tit {
  word-break: break-all;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.shop-lst-type2 .txt-wrap .price1 {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
  text-decoration: line-through;
}
.shop-lst-type2 .txt-wrap .price2 {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
.shop-lst-type2 .txt-wrap .ct {
  font-size: 14px;
  color: #999;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 6em !important;
}
.shop-lst-type2 .txt-wrap .soldout {
  display: inline-block;
  padding: 3px;
  font-size: 12px;
  color: #f00;
  border: 1px solid #f00;
  border-radius: 4px;
}
.shop-lst-type2.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.shop-lst-type2.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type2.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.shop-lst-type2.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type2.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.shop-lst-type2.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type2.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: 1%;
  clear: none;
}
.shop-lst-type2.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type2.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.shop-lst-type2.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type2.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: 2%;
  clear: none;
}
.shop-lst-type2.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type2.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.shop-lst-type2.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type2.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: 4%;
  clear: none;
}
.shop-lst-type2.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type2.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.shop-lst-type2.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.shop-lst-type2.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.shop-lst-type2.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.shop-lst-type2.col-bd li a {
  border: 1px solid #e1e1e1;
}
.shop-lst-type2.col-pd5 li a {
  padding: 5px;
}
.shop-lst-type2.col-pd10 li a {
  padding: 10px;
}
.shop-lst-type2.col-pd15 li a {
  padding: 15px;
}
.shop-lst-type2.col-pd20 li a {
  padding: 20px;
}
.shop-lst-type2.img-pd5 .img-wrap1 {
  padding: 5px;
}
.shop-lst-type2.img-pd10 .img-wrap1 {
  padding: 10px;
}
.shop-lst-type2.img-pd15 .img-wrap1 {
  padding: 15px;
}
.shop-lst-type2.img-pd20 .img-wrap1 {
  padding: 20px;
}
.shop-lst-type2.img-1x1 .img-wrap2 {
  padding-bottom: 100%;
}
.shop-lst-type2.img-4x3 .img-wrap2 {
  padding-bottom: 75%;
}
.shop-lst-type2.img-3x4 .img-wrap2 {
  padding-bottom: 125%;
}
.shop-lst-type2.img-16x9 .img-wrap2 {
  padding-bottom: 56%;
}
.shop-lst-type2.img-9x16 .img-wrap2 {
  padding-bottom: 170%;
}
.shop-lst-type2.col-rd1 li a {
  border-radius: 4px;
}
.shop-lst-type2.col-rd2 li a {
  border-radius: 8px;
}
.shop-lst-type2.col-rd3 li a {
  border-radius: 16px;
}
.shop-lst-type2.img-rd1 .img-wrap1, .shop-lst-type2.img-rd1 .img-wrap2 {
  border-radius: 4px;
}
.shop-lst-type2.img-rd2 .img-wrap1, .shop-lst-type2.img-rd2 .img-wrap2 {
  border-radius: 8px;
}
.shop-lst-type2.img-rd3 .img-wrap1, .shop-lst-type2.img-rd3 .img-wrap2 {
  border-radius: 16px;
}
.shop-lst-type2.img-1x1 .img-wrap1.img-rd4, .shop-lst-type2.img-1x1 .img-wrap2.img-rd4 {
  border-radius: 50%;
}

/** 쇼핑몰 리스트 래핑 - aside(검색)영역 추가하면서 새로 생성 */
/** 1) 왼쪽 검색 영역 */
.shop-left-search {
  float: left;
  width: 230px;
  margin-right: 30px;
  box-sizing: border-box;
  background: #f6f6f6;
}
.shop-left-search .aside-shop-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  padding: 0 14px;
  background: #3f56cc;
  box-sizing: border-box;
}
.shop-left-search .aside-shop-title h3 {
  font-size: 20px;
  color: #fff;
}
.shop-left-search .aside-shop-title button {
  width: 16px;
  height: 16px;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.shop-left-search .aside-shop-title button:hover {
  transform: rotate(180deg);
}
.shop-left-search .aside-shop-list {
  padding: 0px 15px 30px;
  box-sizing: border-box;
}

.tree-ul {
  display: block;
  box-sizing: border-box;
}
.tree-ul li {
  padding: 5px 0;
  padding-left: 7px;
  box-sizing: border-box;
}
.tree-ul > li.active .ico_arr1_d {
  transform: rotate(180deg);
}
.tree-ul > li.active .tree-sub-ul {
  display: block;
}
.tree-ul .ico_arr1_d {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.tree-ul .tree-sub-ul {
  display: none;
  padding-top: 5px;
  padding-left: 25px;
  box-sizing: border-box;
}

.tree-ul .chk1_wrap, .product-category .chk1_wrap {
  position: relative;
  display: block;
  width: 100%;
}
.tree-ul .chk1_wrap .chk1 + label, .product-category .chk1_wrap .chk1 + label {
  position: relative;
  padding-left: 27px;
  word-break: keep-all;
  padding-bottom: 1px;
  padding-right: 30px;
}
.tree-ul .chk1_wrap .chk1 + label .chkbox, .product-category .chk1_wrap .chk1 + label .chkbox {
  position: absolute;
  top: 1px;
  left: 0;
}

.goods-chk-all .chk1 + label {
  padding: 5px 6px 5px 35px !important;
  background: #EDEDED;
  border-radius: 4px;
  box-sizing: border-box;
  color: #222;
}
.goods-chk-all .chk1 + label .chkbox {
  top: 5px !important;
  left: 7px !important;
}

/** 2) 오른쪽 리스트 영역 */
.shop-left-search ~ .shop-list-wrap {
  float: left;
  width: calc(100% - 260px);
}
.shop-left-search ~ .shop-list-wrap button {
  cursor: pointer;
}

.nx-vertical-table1 {
  background: #F3F3F3;
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
}
.nx-vertical-table1 tbody th, .nx-vertical-table1 tbody td {
  padding: 15px 20px;
  box-sizing: border-box;
  vertical-align: middle;
  box-sizing: border-box;
}
.nx-vertical-table1 tbody tr + tr th, .nx-vertical-table1 tbody tr + tr td {
  padding-top: 0;
}
.nx-vertical-table1 tbody th {
  font-weight: normal;
  text-align: left;
  color: #222222;
}

.tag-wrap .item-tag {
  position: relative;
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 3px;
  box-sizing: border-box;
}
.tag-wrap .item-tag input[type=checkbox] {
  display: none;
  visibility: hidden;
}
.tag-wrap .item-tag input[type=checkbox]:checked ~ label {
  background: #222;
  color: #FFF;
  border-color: #222;
}
.tag-wrap .item-tag label {
  padding: 3px 12px;
  display: block;
  text-align: center;
  border: 1px solid #CBCBCB;
  color: #666;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}

.goods-download-list {
  padding-top: 20px;
  box-sizing: border-box;
}
.goods-download-list:after {
  content: "";
  display: block;
  clear: both;
}
.goods-download-list .goods-item {
  float: left;
  padding: 30px 15px 15px;
  width: calc((100% - 30px) / 4);
  height: 240px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #DDD;
  border-top: 2px solid #000;
  box-sizing: border-box;
}
.goods-download-list .goods-item:nth-child(4n) {
  margin-right: 0;
}
.goods-download-list .goods-item .title {
  font-size: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 20px;
  height: 40px;
  color: #222;
}
.goods-download-list .goods-item .data {
  margin-bottom: 20px;
  text-align: center;
  color: #666;
}
.goods-download-list .btn-download,
.goods-download-list .btn-preview {
  display: block;
  margin: 0 auto 10px;
  max-width: 110px;
  padding: 8px 10px;
  padding-left: 40px;
  color: #666666;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #666666;
  background-position: 15px 50%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
.goods-download-list .btn-download:hover,
.goods-download-list .btn-preview:hover {
  background-color: #EEE;
}
.goods-download-list .btn-download {
  background-image: url(../imgs/goods/btn_download.png);
}
.goods-download-list .btn-preview {
  background-image: url(../imgs/goods/btn_preview.png);
}

/* 주매한 사이즈 */
@media only screen and (max-width: 1080px) and (min-width: 760px) {
  .option-group {
    width: 100%;
    margin-left: 0;
  }
  .option-group .option-count {
    padding-right: 0;
  }
  .cart_item li .point {
    float: none;
    display: block;
    text-align: right;
  }
  .cart_item li .qty {
    float: none;
  }
}
@media screen and (max-width: 1023px) {
  /** 쇼핑몰 모바일 */
  .shop-left-search {
    display: none;
  }
  .shop-left-search ~ .shop-list-wrap {
    width: 100%;
    float: none;
  }
  /* 장바구니 DHL 도착지 정보 */
  .ship_fR {
    margin-top: 10px;
    float: left;
  }
  .ship_fR .ship_code {
    margin-bottom: 10px;
  }
  .ship_fR .ship_code .txt {
    margin-right: 40px;
  }
  .ship_fR .ship_zipcode {
    margin-bottom: 10px;
  }
  .ship_fR .ship_zipcode > input {
    min-width: 153px;
  }
  .ship_fR .ship_city {
    margin-bottom: 10px;
  }
  .ship_fR .ship_city .txt {
    margin-right: 40px;
  }
  .ship_fR .ship_city > input {
    min-width: 153px;
  }
  .ship_btn {
    margin: 0 5px;
    float: right;
  }
}
/* 모바일가로 */
@media only screen and (max-width: 759px) {
  .item_wrap .img_wrap {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
  .item_wrap .info_wrap1 {
    float: none;
    width: auto;
  }
  .item_wrap.item_goods .img_wrap {
    float: none;
    width: auto;
  }
  .item_wrap.item_goods .info_wrap1 {
    float: none;
    width: auto;
    display: none;
  }
  .item_wrap.item_goods .item_name {
    width: 100%;
  }
  .item_wrap.item_goods .shop-heart {
    top: 20px;
    right: 10px;
  }
  .item_wrap.item_goods .btn-detail {
    position: static;
    padding: 8px 10px;
    margin: 15px auto;
  }
  .order_lst > li, .order_lst a > li {
    margin-left: 0;
  }
  .order_lst > li > .txt_wrap .txt1:nth-last-child(1), .order_lst > li > a > .txt_wrap .txt1:nth-last-child(1), .order_lst a > li > .txt_wrap .txt1:nth-last-child(1), .order_lst a > li > a > .txt_wrap .txt1:nth-last-child(1) {
    max-width: none;
  }
  .shop-lst-order .order {
    float: none;
    width: auto;
    margin-bottom: 5px;
  }
  /** 주문상세 테이블 */
  .shop-custom-table > tbody tr > th,
  .shop-custom-table > tbody tr > td,
  .shop-change-table > tbody tr > th,
  .shop-change-table > tbody tr > td {
    padding: 3px 15px !important;
    border-bottom: none;
  }
  .shop-custom-table > tbody td:last-child,
  .shop-change-table > tbody td:last-child {
    border-bottom: 1px solid #e1e1e1;
  }
  .shop-custom-table > tbody td[rowspan],
  .shop-change-table > tbody td[rowspan] {
    display: none;
  }
  .shop-custom-table > tbody tr:last-child > th,
  .shop-custom-table > tbody tr:last-child > td,
  .shop-change-table > tbody tr:last-child > th,
  .shop-change-table > tbody tr:last-child > td {
    border-bottom: none;
  }
  /** 주문상세 테이블 END */
  /** 카드지갑 */
  .card-wallet li .card-item-wrap {
    display: block;
  }
  .card-wallet li .card-item-wrap .card-item {
    padding-right: 20px;
    padding-left: 0;
    margin-bottom: 5px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-left: 45px;
  }
  .card-wallet li .card-item-wrap input[type=radio] ~ .card-item:not(.checkbox) {
    margin-left: 30px;
    position: static;
    margin-top: 0;
  }
  .card-wallet li .card-item-wrap .checkbox,
  .card-wallet li .card-item-wrap .card-view {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -12.5px;
    margin-left: 0;
  }
  .card-wallet li .card-item-wrap .card-view {
    top: 25px;
  }
  .checkout-wrap {
    padding: 15px;
  }
  .goods-download-list .goods-item {
    width: calc((100% - 10px) / 2);
  }
}
@media only screen and (max-width: 639px) {
  .shop-lst-type1.col4.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .shop-lst-type1.col4.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .shop-lst-type1.col4.col-mg0 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 0px;
  }
  .shop-lst-type1.col4.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .shop-lst-type1.col4.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4.col-mg1 > li:nth-child(n+3) {
    margin-top: 3%;
    clear: none;
  }
  .shop-lst-type1.col4.col-mg1 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 1%;
  }
  .shop-lst-type1.col4.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .shop-lst-type1.col4.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4.col-mg2 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col4.col-mg2 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 2%;
  }
  .shop-lst-type1.col4.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .shop-lst-type1.col4.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4.col-mg3 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col4.col-mg3 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 4%;
  }
  .shop-lst-type1.col4.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .shop-lst-type1.col4.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col4.col-mg4 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 6%;
  }
  .shop-lst-type1.col4.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4.col-bg.col-mg0 > li, .shop-lst-type1.col4.col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .shop-lst-type1.col4.col-bg.col-mg0 > li:nth-child(-n+2), .shop-lst-type1.col4.col-bd.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4.col-bg.col-mg0 > li:nth-child(n+3), .shop-lst-type1.col4.col-bd.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .shop-lst-type1.col4.col-bg.col-mg0 > li:nth-child(4n+1), .shop-lst-type1.col4.col-bd.col-mg0 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 0px;
  }
  .shop-lst-type1.col4.col-bg.col-mg0 > li:nth-child(2n+1), .shop-lst-type1.col4.col-bd.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4.col-bg.col-mg1 > li, .shop-lst-type1.col4.col-bd.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .shop-lst-type1.col4.col-bg.col-mg1 > li:nth-child(-n+2), .shop-lst-type1.col4.col-bd.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4.col-bg.col-mg1 > li:nth-child(n+3), .shop-lst-type1.col4.col-bd.col-mg1 > li:nth-child(n+3) {
    margin-top: 1%;
    clear: none;
  }
  .shop-lst-type1.col4.col-bg.col-mg1 > li:nth-child(4n+1), .shop-lst-type1.col4.col-bd.col-mg1 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 1%;
  }
  .shop-lst-type1.col4.col-bg.col-mg1 > li:nth-child(2n+1), .shop-lst-type1.col4.col-bd.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4.col-bg.col-mg2 > li, .shop-lst-type1.col4.col-bd.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .shop-lst-type1.col4.col-bg.col-mg2 > li:nth-child(-n+2), .shop-lst-type1.col4.col-bd.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4.col-bg.col-mg2 > li:nth-child(n+3), .shop-lst-type1.col4.col-bd.col-mg2 > li:nth-child(n+3) {
    margin-top: 2%;
    clear: none;
  }
  .shop-lst-type1.col4.col-bg.col-mg2 > li:nth-child(4n+1), .shop-lst-type1.col4.col-bd.col-mg2 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 2%;
  }
  .shop-lst-type1.col4.col-bg.col-mg2 > li:nth-child(2n+1), .shop-lst-type1.col4.col-bd.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4.col-bg.col-mg3 > li, .shop-lst-type1.col4.col-bd.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .shop-lst-type1.col4.col-bg.col-mg3 > li:nth-child(-n+2), .shop-lst-type1.col4.col-bd.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4.col-bg.col-mg3 > li:nth-child(n+3), .shop-lst-type1.col4.col-bd.col-mg3 > li:nth-child(n+3) {
    margin-top: 4%;
    clear: none;
  }
  .shop-lst-type1.col4.col-bg.col-mg3 > li:nth-child(4n+1), .shop-lst-type1.col4.col-bd.col-mg3 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 4%;
  }
  .shop-lst-type1.col4.col-bg.col-mg3 > li:nth-child(2n+1), .shop-lst-type1.col4.col-bd.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4.col-bg.col-mg4 > li, .shop-lst-type1.col4.col-bd.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .shop-lst-type1.col4.col-bg.col-mg4 > li:nth-child(-n+2), .shop-lst-type1.col4.col-bd.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4.col-bg.col-mg4 > li:nth-child(n+3), .shop-lst-type1.col4.col-bd.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col4.col-bg.col-mg4 > li:nth-child(4n+1), .shop-lst-type1.col4.col-bd.col-mg4 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 6%;
  }
  .shop-lst-type1.col4.col-bg.col-mg4 > li:nth-child(2n+1), .shop-lst-type1.col4.col-bd.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .option-group {
    margin-left: 0;
    width: 100%;
  }
  .shop_ts2 {
    display: block;
  }
  .shop_ts2 > thead {
    display: none;
  }
  .shop_ts2 > tbody, .shop_ts2 > tbody > tr, .shop_ts2 > tbody > tr > th, .shop_ts2 > tbody > tr > td {
    display: block;
    float: left;
    width: 100%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .shop_ts2 > tbody > tr {
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
  }
  .shop_ts2 > tbody > tr > td {
    padding: 10px;
    border-top: none;
    text-align: left;
  }
  .shop_ts2 > tbody > tr > td.name {
    padding-left: 10px;
  }
  .shop_ts2 > tbody > tr > td.tit {
    width: 100%;
    margin-bottom: 5px;
    padding: 4px 0;
    background: #eee;
  }
  .shop_ts2 > tbody > tr > td[data-tit] {
    margin: 0 15px 5px 0;
  }
  .shop_ts2 > tbody > tr > td[data-tit]:before {
    content: attr(data-tit);
    display: inline-block;
    margin-right: 7px;
    font-weight: 600;
    color: #333;
  }
}
/* 모바일세로 */
@media only screen and (max-width: 519px) {
  .shop-category-wrap .img-pc {
    display: none;
  }
  .shop-category-wrap .img-mobile {
    display: block;
  }
  .option-group .option-count {
    padding-right: 0;
  }
  .option-group .option-inner {
    max-width: 100%;
  }
  .cart_item li .qty {
    float: none;
  }
  .cart_item li .point {
    float: none;
    line-height: inherit;
    text-align: right;
  }
  .goods-download-list .goods-item {
    width: 100%;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 459px) {
  .shop-lst-type1.col4:not(.col-2-fix).col-mg0 > li, .shop-lst-type1.col2:not(.col-2-fix).col-mg0 > li, .shop-lst-type2.col2.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg0 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg0 > li:nth-child(-n+1), .shop-lst-type2.col2.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg0 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-mg0 > li:nth-child(n+2), .shop-lst-type2.col2.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg0 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg0 > li:nth-child(2n+1), .shop-lst-type2.col2.col-mg0 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg0 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg0 > li:nth-child(1n+1), .shop-lst-type2.col2.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg1 > li, .shop-lst-type1.col2:not(.col-2-fix).col-mg1 > li, .shop-lst-type2.col2.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg1 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg1 > li:nth-child(-n+1), .shop-lst-type2.col2.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg1 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-mg1 > li:nth-child(n+2), .shop-lst-type2.col2.col-mg1 > li:nth-child(n+2) {
    margin-top: 3%;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg1 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg1 > li:nth-child(2n+1), .shop-lst-type2.col2.col-mg1 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 1%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg1 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg1 > li:nth-child(1n+1), .shop-lst-type2.col2.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg2 > li, .shop-lst-type1.col2:not(.col-2-fix).col-mg2 > li, .shop-lst-type2.col2.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg2 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg2 > li:nth-child(-n+1), .shop-lst-type2.col2.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg2 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-mg2 > li:nth-child(n+2), .shop-lst-type2.col2.col-mg2 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg2 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg2 > li:nth-child(2n+1), .shop-lst-type2.col2.col-mg2 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 2%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg2 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg2 > li:nth-child(1n+1), .shop-lst-type2.col2.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg3 > li, .shop-lst-type1.col2:not(.col-2-fix).col-mg3 > li, .shop-lst-type2.col2.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg3 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg3 > li:nth-child(-n+1), .shop-lst-type2.col2.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg3 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-mg3 > li:nth-child(n+2), .shop-lst-type2.col2.col-mg3 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg3 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg3 > li:nth-child(2n+1), .shop-lst-type2.col2.col-mg3 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 4%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg3 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg3 > li:nth-child(1n+1), .shop-lst-type2.col2.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg4 > li, .shop-lst-type1.col2:not(.col-2-fix).col-mg4 > li, .shop-lst-type2.col2.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg4 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg4 > li:nth-child(-n+1), .shop-lst-type2.col2.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg4 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-mg4 > li:nth-child(n+2), .shop-lst-type2.col2.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg4 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg4 > li:nth-child(2n+1), .shop-lst-type2.col2.col-mg4 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 6%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-mg4 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-mg4 > li:nth-child(1n+1), .shop-lst-type2.col2.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg0 > li, .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg0 > li, .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg0 > li, .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg0 > li, .shop-lst-type2.col2.col-bg.col-mg0 > li, .shop-lst-type2.col2.col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(-n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(-n+1), .shop-lst-type2.col2.col-bg.col-mg0 > li:nth-child(-n+1), .shop-lst-type2.col2.col-bd.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(n+2), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(n+2), .shop-lst-type2.col2.col-bg.col-mg0 > li:nth-child(n+2), .shop-lst-type2.col2.col-bd.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(2n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(2n+1), .shop-lst-type2.col2.col-bg.col-mg0 > li:nth-child(2n+1), .shop-lst-type2.col2.col-bd.col-mg0 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(1n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(1n+1), .shop-lst-type2.col2.col-bg.col-mg0 > li:nth-child(1n+1), .shop-lst-type2.col2.col-bd.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg1 > li, .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg1 > li, .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg1 > li, .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg1 > li, .shop-lst-type2.col2.col-bg.col-mg1 > li, .shop-lst-type2.col2.col-bd.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(-n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(-n+1), .shop-lst-type2.col2.col-bg.col-mg1 > li:nth-child(-n+1), .shop-lst-type2.col2.col-bd.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(n+2), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(n+2), .shop-lst-type2.col2.col-bg.col-mg1 > li:nth-child(n+2), .shop-lst-type2.col2.col-bd.col-mg1 > li:nth-child(n+2) {
    margin-top: 1%;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(2n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(2n+1), .shop-lst-type2.col2.col-bg.col-mg1 > li:nth-child(2n+1), .shop-lst-type2.col2.col-bd.col-mg1 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 1%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(1n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(1n+1), .shop-lst-type2.col2.col-bg.col-mg1 > li:nth-child(1n+1), .shop-lst-type2.col2.col-bd.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg2 > li, .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg2 > li, .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg2 > li, .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg2 > li, .shop-lst-type2.col2.col-bg.col-mg2 > li, .shop-lst-type2.col2.col-bd.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(-n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(-n+1), .shop-lst-type2.col2.col-bg.col-mg2 > li:nth-child(-n+1), .shop-lst-type2.col2.col-bd.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(n+2), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(n+2), .shop-lst-type2.col2.col-bg.col-mg2 > li:nth-child(n+2), .shop-lst-type2.col2.col-bd.col-mg2 > li:nth-child(n+2) {
    margin-top: 2%;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(2n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(2n+1), .shop-lst-type2.col2.col-bg.col-mg2 > li:nth-child(2n+1), .shop-lst-type2.col2.col-bd.col-mg2 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 2%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(1n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(1n+1), .shop-lst-type2.col2.col-bg.col-mg2 > li:nth-child(1n+1), .shop-lst-type2.col2.col-bd.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg3 > li, .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg3 > li, .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg3 > li, .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg3 > li, .shop-lst-type2.col2.col-bg.col-mg3 > li, .shop-lst-type2.col2.col-bd.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(-n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(-n+1), .shop-lst-type2.col2.col-bg.col-mg3 > li:nth-child(-n+1), .shop-lst-type2.col2.col-bd.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(n+2), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(n+2), .shop-lst-type2.col2.col-bg.col-mg3 > li:nth-child(n+2), .shop-lst-type2.col2.col-bd.col-mg3 > li:nth-child(n+2) {
    margin-top: 4%;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(2n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(2n+1), .shop-lst-type2.col2.col-bg.col-mg3 > li:nth-child(2n+1), .shop-lst-type2.col2.col-bd.col-mg3 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 4%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(1n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(1n+1), .shop-lst-type2.col2.col-bg.col-mg3 > li:nth-child(1n+1), .shop-lst-type2.col2.col-bd.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg4 > li, .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg4 > li, .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg4 > li, .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg4 > li, .shop-lst-type2.col2.col-bg.col-mg4 > li, .shop-lst-type2.col2.col-bd.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(-n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(-n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(-n+1), .shop-lst-type2.col2.col-bg.col-mg4 > li:nth-child(-n+1), .shop-lst-type2.col2.col-bd.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(n+2), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(n+2), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(n+2), .shop-lst-type2.col2.col-bg.col-mg4 > li:nth-child(n+2), .shop-lst-type2.col2.col-bd.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(2n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(2n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(2n+1), .shop-lst-type2.col2.col-bg.col-mg4 > li:nth-child(2n+1), .shop-lst-type2.col2.col-bd.col-mg4 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 6%;
  }
  .shop-lst-type1.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(1n+1), .shop-lst-type1.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(1n+1), .shop-lst-type1.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(1n+1), .shop-lst-type2.col2.col-bg.col-mg4 > li:nth-child(1n+1), .shop-lst-type2.col2.col-bd.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg1 > li:nth-child(n+3) {
    margin-top: 3%;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg2 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg3 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .shop-lst-type1.col3.col-2-fix.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg0 > li, .shop-lst-type1.col3.col-2-fix.col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(-n+2), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(n+3), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(3n+1), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(2n+1), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg1 > li, .shop-lst-type1.col3.col-2-fix.col-bd.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(-n+2), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(n+3), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(n+3) {
    margin-top: 1%;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(3n+1), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(2n+1), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg2 > li, .shop-lst-type1.col3.col-2-fix.col-bd.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(-n+2), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(n+3), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(n+3) {
    margin-top: 2%;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(3n+1), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(2n+1), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg3 > li, .shop-lst-type1.col3.col-2-fix.col-bd.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(-n+2), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(n+3), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(n+3) {
    margin-top: 4%;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(3n+1), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(2n+1), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg4 > li, .shop-lst-type1.col3.col-2-fix.col-bd.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(-n+2), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(n+3), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(3n+1), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .shop-lst-type1.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(2n+1), .shop-lst-type1.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg1 > li:nth-child(n+2) {
    margin-top: 3%;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg2 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg3 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg0 > li, .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(-n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(n+2), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(3n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(1n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg1 > li, .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(-n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(n+2), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(n+2) {
    margin-top: 1%;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(3n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(1n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg2 > li, .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(-n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(n+2), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(n+2) {
    margin-top: 2%;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(3n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(1n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg3 > li, .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(-n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(n+2), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(n+2) {
    margin-top: 4%;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(3n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(1n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg4 > li, .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(-n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(n+2), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(3n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .shop-lst-type1.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(1n+1), .shop-lst-type1.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media only screen and (max-width: 419px) {
  .shop_ts1 {
    display: block;
    overflow: hidden;
  }
  .shop_ts1 > thead, .shop_ts1 > tbody, .shop_ts1 > tbody > tr, .shop_ts1 > tbody > tr > th, .shop_ts1 > tbody > tr > td {
    display: block;
    float: left;
    width: 100%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .shop_ts1 > tbody > tr > th {
    padding-top: 8px;
    padding-bottom: 0;
    border-bottom: none !important;
  }
  .shop_ts1 > tbody > tr > td {
    max-width: 100%;
    padding: 8px 0 8px 10px;
    border-top: none !important;
  }
  .shop_ts1 > tbody > tr:first-child > th:not(:first-child), .shop_ts1 > tbody > tr:first-child > td:not(:first-child), .shop_ts1 > tbody > tr.fir > th:not(:first-child), .shop_ts1 > tbody > tr.fir > td:not(:first-child) {
    padding-top: 8px;
  }
  .shop_ts1 .wdt {
    display: none;
  }
  .option-group .option-head {
    padding: 5px 0px;
    width: 100%;
    display: block;
    position: static;
    transform: translateY(0);
    text-align: left;
  }
  .option-group .option-select,
  .option-group .option-inner {
    display: block;
    width: 100%;
    float: none;
  }
}
/* VIDEO */
.video {
  position: relative;
  width: 100%;
}
.video .btn_play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 68px;
  height: 68px;
  margin: -34px 0 0 -34px;
  background: url(../imgs/ico/ico_play.png) no-repeat 0 0;
}

/* SNS */
.sns {
  overflow: hidden;
}
.sns li {
  margin-top: 20px;
}
.sns li:first-child {
  margin-top: 0;
}
.sns li .wrap {
  overflow: hidden;
  position: relative;
  display: block;
  padding-bottom: 12px;
  border-bottom: 1px solid #e8e8e8;
}
.sns li .wrap .name {
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sns li .wrap .ct {
  margin-top: 5px;
  font-size: 14px;
}
.sns li .wrap .time {
  margin-top: 3px;
  font-size: 14px;
}
.sns li .wrap .img1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
}
.sns li .wrap .img1 img {
  border-radius: 24px;
}
.sns li .wrap .img2 {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 80px;
  border: 1px solid #dfdfdf;
  border-radius: 10px;
}
.sns li .wrap .img2 img {
  display: block;
  min-height: 80px;
}
.sns li .wrap .img1 + .img2 + .txt, .sns li .wrap .img1 + .txt {
  margin-left: 80px;
}
.sns li .wrap .img2 + .txt {
  margin-right: 180px;
}
.sns.col2 li {
  float: left;
  width: 50%;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sns.col2 li:nth-child(odd) {
  padding-right: 30px;
}
.sns.col2 li:nth-child(even) {
  padding-left: 30px;
}
.sns.col2 li:nth-child(2) {
  margin-top: 0;
}
.sns.col2 li .wrap .img1 + .img2 + .txt, .sns.col2 li .wrap .img1 + .txt {
  margin-left: 60px;
}
.sns.col2 li .wrap .img2 + .txt {
  margin-right: 155px;
}
.sns.facebook li .wrap .img2 {
  width: 80px !important;
}
.sns.facebook li .wrap .img2 + .txt {
  margin-right: 120px;
}
.sns.facebook.col2 li .wrap .img2 + .txt {
  margin-right: 95px;
}

/* SNS-인스타그램 */
.sns_ins {
  overflow: hidden;
}
.sns_ins li {
  width: calc((100% - 22.5px - 1px) / 4);
  margin-left: 7.5px;
  float: left;
  padding: 10px;
  background: #fff;
  border: 1px solid #e2e2e2;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sns_ins li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.sns_ins li:nth-child(n+5) {
  margin-top: 7.5px;
  clear: none;
}
.sns_ins li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.sns_ins li:first-child {
  margin-left: 0;
}
.sns_ins li .profile {
  overflow: hidden;
}
.sns_ins li .profile .img1 {
  float: left;
}
.sns_ins li .profile .id {
  float: left;
  margin-left: 12px;
  font-size: 14px;
  line-height: 30px;
  font-weight: 700;
}
.sns_ins li .img2 {
  display: block;
  margin: 10px auto 0;
}
.sns_ins li .txt {
  margin: 10px 0 12px;
  height: 62px !important;
  font-size: 14px;
  line-height: 20px;
}
.sns_ins li .reply {
  overflow: hidden;
  padding: 8px 0;
  border-top: 1px solid #ececec;
}
.sns_ins li .reply img {
  float: left;
  padding-right: 4px;
}
.sns_ins li .reply span {
  float: left;
  color: #9e9e9e;
  line-height: 12px;
}
.sns_ins li .reply span:first-of-type {
  padding-right: 20px;
}

/* 태블릿 */
@media only screen and (max-width: 1023px) {
  .sns.col2 li .wrap .img2 {
    width: 80px;
  }
  .sns.col2 li .wrap .img2 + .txt {
    margin-right: 95px;
  }
  /* SNS-인스타그램 */
  .sns_ins li {
    width: calc((100% - 7.5px - 1px) / 2);
    margin-left: 7.5px;
  }
  .sns_ins li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sns_ins li:nth-child(n+3) {
    margin-top: 7.5px;
    clear: none;
  }
  .sns_ins li:nth-child(3n+1) {
    clear: none;
    margin-left: 7.5px;
  }
  .sns_ins li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
/* 모바일가로 */
@media only screen and (max-width: 759px) {
  .sns {
    margin: 0;
  }
  .sns.col2 li {
    float: none;
    width: 100%;
  }
  .sns.col2 li:nth-child(odd), .sns.col2 li:nth-child(even) {
    padding: 0;
  }
  .sns.col2 li:nth-child(2) {
    margin-top: 20px;
  }
  .sns.col2 li .wrap .img1 + .img2 + .txt, .sns.col2 li .wrap .img1 + .txt {
    margin-left: 80px;
  }
  .sns.col2 li .wrap .img2 {
    width: 140px;
  }
  .sns.col2 li .wrap .img2 + .txt {
    margin-right: 180px;
  }
  .sns.facebook.col2 li .wrap .img2 + .txt {
    margin-right: 120px;
  }
}
/* 모바일세로 */
@media only screen and (max-width: 519px) {
  .sns li .wrap .img2, .sns.col2 li .wrap .img2, .sns.facebook li .wrap .img2, .sns.col2.facebook li .wrap .img2 {
    position: static;
    top: auto;
    right: auto;
    margin-left: 60px;
    margin-top: 90px;
  }
  .sns li .wrap .img2 + .txt, .sns.col2 li .wrap .img2 + .txt, .sns.facebook li .wrap .img2 + .txt, .sns.col2.facebook li .wrap .img2 + .txt {
    position: absolute;
    top: 0;
    left: 0;
  }
  .sns li .wrap .img1 + .img2 + .txt, .sns li .wrap .img1 + .txt, .sns.col2 li .wrap .img1 + .img2 + .txt, .sns.col2 li .wrap .img1 + .txt, .sns.facebook li .wrap .img1 + .img2 + .txt, .sns.facebook li .wrap .img1 + .txt, .sns.col2.facebook li .wrap .img1 + .img2 + .txt, .sns.col2.facebook li .wrap .img1 + .txt {
    margin-right: 0;
    margin-left: 60px;
  }
  /* SNS-인스타그램 */
  .sns_ins li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .sns_ins li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sns_ins li:nth-child(n+2) {
    margin-top: 10px;
    clear: none;
  }
  .sns_ins li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .sns_ins li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
.cls_rolling_inner {
  position: relative;
}

.c_slider1 {
  position: relative;
  overflow: hidden;
}
.c_slider1.sm {
  height: 50px;
}
.c_slider1.mid {
  height: 100px;
}
.c_slider1.big {
  height: 150px;
}
.c_slider1.big2 {
  height: 250px;
}

.roll_ban_lst {
  position: absolute;
  top: 0;
}
.roll_ban_lst li {
  float: left;
  text-align: center;
}
.roll_ban_lst li a {
  display: block;
}
.roll_ban_lst li a.sm {
  padding: 0 10px;
}
.roll_ban_lst li a.mid {
  padding: 0 15px;
}
.roll_ban_lst li a.big {
  padding: 0 20px;
}
.roll_ban_lst li a img {
  display: block;
}

.arr2_l {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0.75) 75%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 ); /* IE6-9 */
}
.arr2_l img {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
}

.arr2_r {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 25%, rgb(255, 255, 255) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 ); /* IE6-9 */
}
.arr2_r img {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
}

.nx-dday {
  display: inline-block;
  padding: 0px 5px;
  margin-right: 5px;
  font-size: 0.7em;
  color: #fff;
  background: #03799D;
  border-radius: 2px;
}

/* 정렬 */
.nx-edu-lst-order {
  overflow: hidden;
  padding: 10px 20px;
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
}
.nx-edu-lst-order .order {
  overflow: hidden;
  float: left;
  width: calc(100% - 240px);
}
.nx-edu-lst-order .order li {
  float: left;
  margin-right: 30px;
}
.nx-edu-lst-order .order li:last-child {
  margin-right: 0;
}
.nx-edu-lst-order .order li a {
  display: block;
  height: 30px;
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.nx-edu-lst-order .order li a .ico_check {
  display: none;
}
.nx-edu-lst-order .order li a:hover {
  color: #db4444;
}
.nx-edu-lst-order .order li a.aon {
  color: #db4444;
}
.nx-edu-lst-order .order li a.aon .ico_check {
  display: inline-block;
}
.nx-edu-lst-order .topa {
  float: right;
}

/* 좋아요, 학습자수 추가(2024-03-21:허지민) */
.nx-edu-like-wrap {
  display: flex;
  margin-top: 8px;
}
.nx-edu-like-wrap > .nx-edu-item {
  margin-right: 12px;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  background: transparent;
}
.nx-edu-like-wrap > .nx-edu-item:last-child {
  margin-right: 0;
}
.nx-edu-like-wrap > .nx-edu-item i {
  font-size: 0;
  text-indent: -9999px;
  display: block;
  margin-right: 6px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
}
.nx-edu-like-wrap > .nx-edu-item i.nx-ico-like {
  background-image: url(../imgs/ico/ico_like.png);
}
.nx-edu-like-wrap > .nx-edu-item i.nx-ico-peo {
  background-image: url(../imgs/ico/ico_peo.png);
}
.nx-edu-like-wrap > .nx-edu-item .nx-cnt {
  color: #5A5A5A;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

/* 게시판타입 */
.nx-edu-lst-type1 {
  overflow: hidden;
  /* 간격 */
  /* 여백 */
  /* 라운드 */
}
.nx-edu-lst-type1 li {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.nx-edu-lst-type1 li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.nx-edu-lst-type1 li a {
  overflow: hidden;
  display: table;
  width: 100%;
}
.nx-edu-lst-type1 .img-wrap1 {
  display: table-cell;
  vertical-align: middle;
  width: 300px;
  padding: 20px 0;
  box-sizing: border-box;
}
.nx-edu-lst-type1 .img-wrap1 img {
  display: block;
}
.nx-edu-lst-type1 .txt-wrap {
  position: relative;
  display: table-cell;
  vertical-align: top;
  padding: 20px;
  box-sizing: border-box;
}
.nx-edu-lst-type1 .txt-wrap p + p {
  margin-top: 6px;
}
.nx-edu-lst-type1 .txt-wrap p + .btn-wrap {
  margin-top: 20px;
}
.nx-edu-lst-type1 .txt-wrap .btn-wrap + p {
  margin-top: 20px;
}
.nx-edu-lst-type1 .txt-wrap .status {
  display: inline-block;
  padding: 5px 10px;
  margin-right: 10px;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  vertical-align: top;
}
.nx-edu-lst-type1 .txt-wrap .status.ing {
  background: #03799d;
}
.nx-edu-lst-type1 .txt-wrap .cate {
  font-size: 14px;
  color: #999;
  line-height: 1.5;
}
.nx-edu-lst-type1 .txt-wrap .title {
  font-size: 20px;
  color: #333;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-edu-lst-type1 .txt-wrap .title .dday {
  display: inline-block;
  padding: 0px 5px;
  margin-right: 5px;
  font-size: 0.7em;
  color: #fff;
  background: #03799D;
  border-radius: 2px;
}
.nx-edu-lst-type1 .txt-wrap .place {
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-edu-lst-type1 .txt-wrap .schedule {
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-edu-lst-type1 .txt-wrap .price {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-edu-lst-type1 .txt-wrap .ct {
  margin-top: 10px;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-edu-lst-type1 .txt-wrap .btn {
  display: inline-block;
  min-width: 140px;
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  color: #666;
  line-height: 40px;
  text-align: center;
  background: #fff;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.nx-edu-lst-type1 .txt-wrap .badge-area {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.nx-edu-lst-type1 .txt-wrap .badge-area .badge-item {
  border: 0;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.nx-edu-lst-type1 .txt-wrap .badge-area .badge-item img {
  display: block;
}
.nx-edu-lst-type1 .txt-wrap .badge-area .badge-item:last-child {
  margin-right: 0;
}
.nx-edu-lst-type1:not(.col2) li + li {
  margin-top: -1px;
}
.nx-edu-lst-type1.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.nx-edu-lst-type1.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type1.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: -1px;
  clear: none;
}
.nx-edu-lst-type1.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type1.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.nx-edu-lst-type1.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type1.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: -1px;
  clear: none;
}
.nx-edu-lst-type1.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type1.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.nx-edu-lst-type1.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type1.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: -1px;
  clear: none;
}
.nx-edu-lst-type1.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type1.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.nx-edu-lst-type1.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type1.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: -1px;
  clear: none;
}
.nx-edu-lst-type1.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type1.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.nx-edu-lst-type1.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type1.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: -1px;
  clear: none;
}
.nx-edu-lst-type1.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type1.col-pd5 li a {
  padding-left: 5px;
  padding-right: 5px;
}
.nx-edu-lst-type1.col-pd10 li a {
  padding-left: 10px;
  padding-right: 10px;
}
.nx-edu-lst-type1.col-pd15 li a {
  padding-left: 15px;
  padding-right: 15px;
}
.nx-edu-lst-type1.col-pd20 li a {
  padding-left: 20px;
  padding-right: 20px;
}
.nx-edu-lst-type1.img-pd5 .img-wrap1 {
  padding: 5px;
}
.nx-edu-lst-type1.img-pd10 .img-wrap1 {
  padding: 10px;
}
.nx-edu-lst-type1.img-pd15 .img-wrap1 {
  padding: 15px;
}
.nx-edu-lst-type1.img-pd20 .img-wrap1 {
  padding: 20px;
}
.nx-edu-lst-type1.col-rd1 li a {
  border-radius: 4px;
}
.nx-edu-lst-type1.col-rd2 li a {
  border-radius: 8px;
}
.nx-edu-lst-type1.col-rd3 li a {
  border-radius: 16px;
}
.nx-edu-lst-type1.img-rd1 .img-wrap1, .nx-edu-lst-type1.img-rd1 .img-wrap2 {
  border-radius: 4px;
}
.nx-edu-lst-type1.img-rd2 .img-wrap1, .nx-edu-lst-type1.img-rd2 .img-wrap2 {
  border-radius: 8px;
}
.nx-edu-lst-type1.img-rd3 .img-wrap1, .nx-edu-lst-type1.img-rd3 .img-wrap2 {
  border-radius: 16px;
}
.nx-edu-lst-type1.img-1x1 .img-wrap1.img-rd4, .nx-edu-lst-type1.img-1x1 .img-wrap2.img-rd4 {
  border-radius: 50%;
}

/* 카드타입 */
.nx-edu-lst-type2 {
  overflow: hidden;
  /* 간격 */
  /* 보더 */
  /* 여백 */
  /* 이미지비율 */
  /* 라운드 */
}
.nx-edu-lst-type2 li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #666;
}
.nx-edu-lst-type2 li a {
  overflow: hidden;
  display: block;
}
.nx-edu-lst-type2 .img-wrap1 {
  float: left;
  width: 40%;
  box-sizing: border-box;
}
.nx-edu-lst-type2 .img-wrap2 {
  overflow: hidden;
  position: relative;
  height: 0;
}
.nx-edu-lst-type2 .img-wrap2 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.nx-edu-lst-type2 .txt-wrap {
  float: left;
  width: 60%;
  padding: 20px;
  box-sizing: border-box;
}
.nx-edu-lst-type2 .txt-wrap p + p {
  margin-top: 6px;
}
.nx-edu-lst-type2 .txt-wrap p + .btn-wrap {
  margin-top: 20px;
}
.nx-edu-lst-type2 .txt-wrap .btn-wrap + p {
  margin-top: 20px;
}
.nx-edu-lst-type2 .txt-wrap .status {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px;
  font-size: 12px;
  color: #fff;
}
.nx-edu-lst-type2 .txt-wrap .status.ing {
  background: #03799d;
}
.nx-edu-lst-type2 .txt-wrap .cate {
  font-size: 14px;
  color: #999;
  line-height: 1.5;
}
.nx-edu-lst-type2 .txt-wrap .title {
  font-size: 20px;
  color: #333;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-edu-lst-type2 .txt-wrap .title .dday {
  display: inline-block;
  padding: 0px 5px;
  margin-right: 5px;
  font-size: 0.7em;
  color: #fff;
  background: #03799D;
  border-radius: 2px;
}
.nx-edu-lst-type2 .txt-wrap .place {
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-edu-lst-type2 .txt-wrap .schedule {
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-edu-lst-type2 .txt-wrap .price {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-edu-lst-type2 .txt-wrap .ct {
  margin-top: 10px;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-edu-lst-type2 .txt-wrap .btn {
  display: inline-block;
  min-width: 140px;
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  color: #666;
  line-height: 40px;
  text-align: center;
  background: #fff;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.nx-edu-lst-type2 .txt-wrap .badge-area {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.nx-edu-lst-type2 .txt-wrap .badge-area .badge-item {
  border: 0;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.nx-edu-lst-type2 .txt-wrap .badge-area .badge-item img {
  display: block;
}
.nx-edu-lst-type2 .txt-wrap .badge-area .badge-item:last-child {
  margin-right: 0;
}
.nx-edu-lst-type2.col1.col-mg0 > li {
  margin-top: 0;
}
.nx-edu-lst-type2.col1.col-mg1 > li {
  margin-top: 1%;
}
.nx-edu-lst-type2.col1.col-mg2 > li {
  margin-top: 2%;
}
.nx-edu-lst-type2.col1.col-mg3 > li {
  margin-top: 4%;
}
.nx-edu-lst-type2.col1.col-mg4 > li {
  margin-top: 6%;
}
.nx-edu-lst-type2.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.nx-edu-lst-type2.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type2.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.nx-edu-lst-type2.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type2.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.nx-edu-lst-type2.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type2.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: 1%;
  clear: none;
}
.nx-edu-lst-type2.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type2.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.nx-edu-lst-type2.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type2.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: 2%;
  clear: none;
}
.nx-edu-lst-type2.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type2.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.nx-edu-lst-type2.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type2.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: 4%;
  clear: none;
}
.nx-edu-lst-type2.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type2.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.nx-edu-lst-type2.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type2.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.nx-edu-lst-type2.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type2.col-bd li a {
  border: 1px solid #e1e1e1;
}
.nx-edu-lst-type2.col-pd5 li a {
  padding: 5px;
}
.nx-edu-lst-type2.col-pd10 li a {
  padding: 10px;
}
.nx-edu-lst-type2.col-pd15 li a {
  padding: 15px;
}
.nx-edu-lst-type2.col-pd20 li a {
  padding: 20px;
}
.nx-edu-lst-type2.img-pd5 .img-wrap1 {
  padding: 5px;
}
.nx-edu-lst-type2.img-pd10 .img-wrap1 {
  padding: 10px;
}
.nx-edu-lst-type2.img-pd15 .img-wrap1 {
  padding: 15px;
}
.nx-edu-lst-type2.img-pd20 .img-wrap1 {
  padding: 20px;
}
.nx-edu-lst-type2.img-1x1 .img-wrap2 {
  padding-bottom: 100%;
}
.nx-edu-lst-type2.img-4x3 .img-wrap2 {
  padding-bottom: 75%;
}
.nx-edu-lst-type2.img-3x4 .img-wrap2 {
  padding-bottom: 125%;
}
.nx-edu-lst-type2.img-16x9 .img-wrap2 {
  padding-bottom: 56%;
}
.nx-edu-lst-type2.img-9x16 .img-wrap2 {
  padding-bottom: 170%;
}
.nx-edu-lst-type2.col-rd1 li a {
  border-radius: 4px;
}
.nx-edu-lst-type2.col-rd2 li a {
  border-radius: 8px;
}
.nx-edu-lst-type2.col-rd3 li a {
  border-radius: 16px;
}
.nx-edu-lst-type2.img-rd1 .img-wrap1, .nx-edu-lst-type2.img-rd1 .img-wrap2 {
  border-radius: 4px;
}
.nx-edu-lst-type2.img-rd2 .img-wrap1, .nx-edu-lst-type2.img-rd2 .img-wrap2 {
  border-radius: 8px;
}
.nx-edu-lst-type2.img-rd3 .img-wrap1, .nx-edu-lst-type2.img-rd3 .img-wrap2 {
  border-radius: 16px;
}
.nx-edu-lst-type2.img-1x1 .img-wrap1.img-rd4, .nx-edu-lst-type2.img-1x1 .img-wrap2.img-rd4 {
  border-radius: 50%;
}

/* 갤러리스타일 */
.nx-edu-lst-type3 {
  overflow: hidden;
  /* 간격 */
  /* 배경색 */
  /* 보더 */
  /* 여백 */
  /* 이미지비율 */
  /* 라운드 */
}
.nx-edu-lst-type3 li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #666;
}
.nx-edu-lst-type3 li a {
  overflow: hidden;
  display: block;
}
.nx-edu-lst-type3 .img-wrap1 + .txt-wrap {
  margin-top: 15px;
}
.nx-edu-lst-type3 .img-wrap2 {
  overflow: hidden;
  position: relative;
  height: 0;
}
.nx-edu-lst-type3 .img-wrap2 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.nx-edu-lst-type3 .txt-wrap {
  position: relative;
}
.nx-edu-lst-type3 .txt-wrap p + p {
  margin-top: 6px;
}
.nx-edu-lst-type3 .txt-wrap p + .btn-wrap {
  margin-top: 20px;
}
.nx-edu-lst-type3 .txt-wrap .btn-wrap + p {
  margin-top: 20px;
}
.nx-edu-lst-type3 .txt-wrap .status {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px;
  font-size: 12px;
  color: #fff;
}
.nx-edu-lst-type3 .txt-wrap .status.ing {
  background: #03799d;
}
.nx-edu-lst-type3 .txt-wrap .cate {
  font-size: 14px;
  color: #999;
  line-height: 1.5;
}
.nx-edu-lst-type3 .txt-wrap .title {
  font-size: 20px;
  color: #333;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-edu-lst-type3 .txt-wrap .title .dday {
  display: inline-block;
  padding: 0px 5px;
  margin-right: 5px;
  font-size: 0.7em;
  color: #fff;
  background: #03799D;
  border-radius: 2px;
}
.nx-edu-lst-type3 .txt-wrap .place {
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-edu-lst-type3 .txt-wrap .schedule {
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-edu-lst-type3 .txt-wrap .price {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-edu-lst-type3 .txt-wrap .ct {
  margin-top: 10px;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-edu-lst-type3 .txt-wrap .btn {
  display: inline-block;
  min-width: 140px;
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  color: #666;
  line-height: 40px;
  text-align: center;
  background: #fff;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.nx-edu-lst-type3 .badge-area {
  display: inline-flex;
  gap: 2px;
  vertical-align: middle;
  align-items: center;
  margin-right: 5px;
}
.nx-edu-lst-type3 .badge-area .badge-item img {
  display: block;
}
.nx-edu-lst-type3.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.nx-edu-lst-type3.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.nx-edu-lst-type3.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.nx-edu-lst-type3.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: 3%;
  clear: none;
}
.nx-edu-lst-type3.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.nx-edu-lst-type3.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.nx-edu-lst-type3.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.nx-edu-lst-type3.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.nx-edu-lst-type3.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.nx-edu-lst-type3.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.nx-edu-lst-type3.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col3.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 3);
  margin-left: 0px;
  float: left;
}
.nx-edu-lst-type3.col3.col-mg0 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col3.col-mg0 > li:nth-child(n+4) {
  margin-top: 0px;
  clear: none;
}
.nx-edu-lst-type3.col3.col-mg0 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col3.col-mg1 > li {
  width: calc((100% - 2% - 1px) / 3);
  margin-left: 1%;
  float: left;
}
.nx-edu-lst-type3.col3.col-mg1 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col3.col-mg1 > li:nth-child(n+4) {
  margin-top: 3%;
  clear: none;
}
.nx-edu-lst-type3.col3.col-mg1 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col3.col-mg2 > li {
  width: calc((100% - 4% - 1px) / 3);
  margin-left: 2%;
  float: left;
}
.nx-edu-lst-type3.col3.col-mg2 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col3.col-mg2 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.nx-edu-lst-type3.col3.col-mg2 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col3.col-mg3 > li {
  width: calc((100% - 8% - 1px) / 3);
  margin-left: 4%;
  float: left;
}
.nx-edu-lst-type3.col3.col-mg3 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col3.col-mg3 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.nx-edu-lst-type3.col3.col-mg3 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col3.col-mg4 > li {
  width: calc((100% - 12% - 1px) / 3);
  margin-left: 6%;
  float: left;
}
.nx-edu-lst-type3.col3.col-mg4 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col3.col-mg4 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.nx-edu-lst-type3.col3.col-mg4 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col4.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 4);
  margin-left: 0px;
  float: left;
}
.nx-edu-lst-type3.col4.col-mg0 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col4.col-mg0 > li:nth-child(n+5) {
  margin-top: 0px;
  clear: none;
}
.nx-edu-lst-type3.col4.col-mg0 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col4.col-mg1 > li {
  width: calc((100% - 3% - 1px) / 4);
  margin-left: 1%;
  float: left;
}
.nx-edu-lst-type3.col4.col-mg1 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col4.col-mg1 > li:nth-child(n+5) {
  margin-top: 3%;
  clear: none;
}
.nx-edu-lst-type3.col4.col-mg1 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col4.col-mg2 > li {
  width: calc((100% - 6% - 1px) / 4);
  margin-left: 2%;
  float: left;
}
.nx-edu-lst-type3.col4.col-mg2 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col4.col-mg2 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.nx-edu-lst-type3.col4.col-mg2 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col4.col-mg3 > li {
  width: calc((100% - 12% - 1px) / 4);
  margin-left: 4%;
  float: left;
}
.nx-edu-lst-type3.col4.col-mg3 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col4.col-mg3 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.nx-edu-lst-type3.col4.col-mg3 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col4.col-mg4 > li {
  width: calc((100% - 18% - 1px) / 4);
  margin-left: 6%;
  float: left;
}
.nx-edu-lst-type3.col4.col-mg4 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col4.col-mg4 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.nx-edu-lst-type3.col4.col-mg4 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col2.col-mg0 > li, .nx-edu-lst-type3.col-bd.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.nx-edu-lst-type3.col-bg.col2.col-mg0 > li:nth-child(-n+2), .nx-edu-lst-type3.col-bd.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col2.col-mg0 > li:nth-child(n+3), .nx-edu-lst-type3.col-bd.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col2.col-mg0 > li:nth-child(2n+1), .nx-edu-lst-type3.col-bd.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col2.col-mg1 > li, .nx-edu-lst-type3.col-bd.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.nx-edu-lst-type3.col-bg.col2.col-mg1 > li:nth-child(-n+2), .nx-edu-lst-type3.col-bd.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col2.col-mg1 > li:nth-child(n+3), .nx-edu-lst-type3.col-bd.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: 1%;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col2.col-mg1 > li:nth-child(2n+1), .nx-edu-lst-type3.col-bd.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col2.col-mg2 > li, .nx-edu-lst-type3.col-bd.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.nx-edu-lst-type3.col-bg.col2.col-mg2 > li:nth-child(-n+2), .nx-edu-lst-type3.col-bd.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col2.col-mg2 > li:nth-child(n+3), .nx-edu-lst-type3.col-bd.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: 2%;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col2.col-mg2 > li:nth-child(2n+1), .nx-edu-lst-type3.col-bd.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col2.col-mg3 > li, .nx-edu-lst-type3.col-bd.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.nx-edu-lst-type3.col-bg.col2.col-mg3 > li:nth-child(-n+2), .nx-edu-lst-type3.col-bd.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col2.col-mg3 > li:nth-child(n+3), .nx-edu-lst-type3.col-bd.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: 4%;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col2.col-mg3 > li:nth-child(2n+1), .nx-edu-lst-type3.col-bd.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col2.col-mg4 > li, .nx-edu-lst-type3.col-bd.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.nx-edu-lst-type3.col-bg.col2.col-mg4 > li:nth-child(-n+2), .nx-edu-lst-type3.col-bd.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col2.col-mg4 > li:nth-child(n+3), .nx-edu-lst-type3.col-bd.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col2.col-mg4 > li:nth-child(2n+1), .nx-edu-lst-type3.col-bd.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col3.col-mg0 > li, .nx-edu-lst-type3.col-bd.col3.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 3);
  margin-left: 0px;
  float: left;
}
.nx-edu-lst-type3.col-bg.col3.col-mg0 > li:nth-child(-n+3), .nx-edu-lst-type3.col-bd.col3.col-mg0 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col3.col-mg0 > li:nth-child(n+4), .nx-edu-lst-type3.col-bd.col3.col-mg0 > li:nth-child(n+4) {
  margin-top: 0px;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col3.col-mg0 > li:nth-child(3n+1), .nx-edu-lst-type3.col-bd.col3.col-mg0 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col3.col-mg1 > li, .nx-edu-lst-type3.col-bd.col3.col-mg1 > li {
  width: calc((100% - 2% - 1px) / 3);
  margin-left: 1%;
  float: left;
}
.nx-edu-lst-type3.col-bg.col3.col-mg1 > li:nth-child(-n+3), .nx-edu-lst-type3.col-bd.col3.col-mg1 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col3.col-mg1 > li:nth-child(n+4), .nx-edu-lst-type3.col-bd.col3.col-mg1 > li:nth-child(n+4) {
  margin-top: 1%;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col3.col-mg1 > li:nth-child(3n+1), .nx-edu-lst-type3.col-bd.col3.col-mg1 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col3.col-mg2 > li, .nx-edu-lst-type3.col-bd.col3.col-mg2 > li {
  width: calc((100% - 4% - 1px) / 3);
  margin-left: 2%;
  float: left;
}
.nx-edu-lst-type3.col-bg.col3.col-mg2 > li:nth-child(-n+3), .nx-edu-lst-type3.col-bd.col3.col-mg2 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col3.col-mg2 > li:nth-child(n+4), .nx-edu-lst-type3.col-bd.col3.col-mg2 > li:nth-child(n+4) {
  margin-top: 2%;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col3.col-mg2 > li:nth-child(3n+1), .nx-edu-lst-type3.col-bd.col3.col-mg2 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col3.col-mg3 > li, .nx-edu-lst-type3.col-bd.col3.col-mg3 > li {
  width: calc((100% - 8% - 1px) / 3);
  margin-left: 4%;
  float: left;
}
.nx-edu-lst-type3.col-bg.col3.col-mg3 > li:nth-child(-n+3), .nx-edu-lst-type3.col-bd.col3.col-mg3 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col3.col-mg3 > li:nth-child(n+4), .nx-edu-lst-type3.col-bd.col3.col-mg3 > li:nth-child(n+4) {
  margin-top: 4%;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col3.col-mg3 > li:nth-child(3n+1), .nx-edu-lst-type3.col-bd.col3.col-mg3 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col3.col-mg4 > li, .nx-edu-lst-type3.col-bd.col3.col-mg4 > li {
  width: calc((100% - 12% - 1px) / 3);
  margin-left: 6%;
  float: left;
}
.nx-edu-lst-type3.col-bg.col3.col-mg4 > li:nth-child(-n+3), .nx-edu-lst-type3.col-bd.col3.col-mg4 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col3.col-mg4 > li:nth-child(n+4), .nx-edu-lst-type3.col-bd.col3.col-mg4 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col3.col-mg4 > li:nth-child(3n+1), .nx-edu-lst-type3.col-bd.col3.col-mg4 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col4.col-mg0 > li, .nx-edu-lst-type3.col-bd.col4.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 4);
  margin-left: 0px;
  float: left;
}
.nx-edu-lst-type3.col-bg.col4.col-mg0 > li:nth-child(-n+4), .nx-edu-lst-type3.col-bd.col4.col-mg0 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col4.col-mg0 > li:nth-child(n+5), .nx-edu-lst-type3.col-bd.col4.col-mg0 > li:nth-child(n+5) {
  margin-top: 0px;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col4.col-mg0 > li:nth-child(4n+1), .nx-edu-lst-type3.col-bd.col4.col-mg0 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col4.col-mg1 > li, .nx-edu-lst-type3.col-bd.col4.col-mg1 > li {
  width: calc((100% - 3% - 1px) / 4);
  margin-left: 1%;
  float: left;
}
.nx-edu-lst-type3.col-bg.col4.col-mg1 > li:nth-child(-n+4), .nx-edu-lst-type3.col-bd.col4.col-mg1 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col4.col-mg1 > li:nth-child(n+5), .nx-edu-lst-type3.col-bd.col4.col-mg1 > li:nth-child(n+5) {
  margin-top: 1%;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col4.col-mg1 > li:nth-child(4n+1), .nx-edu-lst-type3.col-bd.col4.col-mg1 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col4.col-mg2 > li, .nx-edu-lst-type3.col-bd.col4.col-mg2 > li {
  width: calc((100% - 6% - 1px) / 4);
  margin-left: 2%;
  float: left;
}
.nx-edu-lst-type3.col-bg.col4.col-mg2 > li:nth-child(-n+4), .nx-edu-lst-type3.col-bd.col4.col-mg2 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col4.col-mg2 > li:nth-child(n+5), .nx-edu-lst-type3.col-bd.col4.col-mg2 > li:nth-child(n+5) {
  margin-top: 2%;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col4.col-mg2 > li:nth-child(4n+1), .nx-edu-lst-type3.col-bd.col4.col-mg2 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col4.col-mg3 > li, .nx-edu-lst-type3.col-bd.col4.col-mg3 > li {
  width: calc((100% - 12% - 1px) / 4);
  margin-left: 4%;
  float: left;
}
.nx-edu-lst-type3.col-bg.col4.col-mg3 > li:nth-child(-n+4), .nx-edu-lst-type3.col-bd.col4.col-mg3 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col4.col-mg3 > li:nth-child(n+5), .nx-edu-lst-type3.col-bd.col4.col-mg3 > li:nth-child(n+5) {
  margin-top: 4%;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col4.col-mg3 > li:nth-child(4n+1), .nx-edu-lst-type3.col-bd.col4.col-mg3 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg.col4.col-mg4 > li, .nx-edu-lst-type3.col-bd.col4.col-mg4 > li {
  width: calc((100% - 18% - 1px) / 4);
  margin-left: 6%;
  float: left;
}
.nx-edu-lst-type3.col-bg.col4.col-mg4 > li:nth-child(-n+4), .nx-edu-lst-type3.col-bd.col4.col-mg4 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col4.col-mg4 > li:nth-child(n+5), .nx-edu-lst-type3.col-bd.col4.col-mg4 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.nx-edu-lst-type3.col-bg.col4.col-mg4 > li:nth-child(4n+1), .nx-edu-lst-type3.col-bd.col4.col-mg4 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-edu-lst-type3.col-bg li a {
  background: #f5f5f5;
}
.nx-edu-lst-type3.col-bg li a .img-wrap1 + .txt-wrap {
  margin-top: 0;
}
.nx-edu-lst-type3.col-bg li a .txt-wrap {
  padding: 20px;
}
.nx-edu-lst-type3.col-pd5.col-bg li a .img-wrap1 + .txt-wrap, .nx-edu-lst-type3.col-pd10.col-bg li a .img-wrap1 + .txt-wrap, .nx-edu-lst-type3.col-pd15.col-bg li a .img-wrap1 + .txt-wrap, .nx-edu-lst-type3.col-pd20.col-bg li a .img-wrap1 + .txt-wrap {
  margin-top: 15px;
}
.nx-edu-lst-type3.col-pd5.col-bg li a .txt-wrap, .nx-edu-lst-type3.col-pd10.col-bg li a .txt-wrap, .nx-edu-lst-type3.col-pd15.col-bg li a .txt-wrap, .nx-edu-lst-type3.col-pd20.col-bg li a .txt-wrap {
  padding: 0;
}
.nx-edu-lst-type3.col-bd li a {
  border: 1px solid #e1e1e1;
}
.nx-edu-lst-type3.col-bd li a .img-wrap1 + .txt-wrap {
  margin-top: 0;
  border-top: 1px solid #e1e1e1;
}
.nx-edu-lst-type3.col-bd li a .txt-wrap {
  padding: 20px;
}
.nx-edu-lst-type3.col-pd5.col-bd li a .img-wrap1 + .txt-wrap, .nx-edu-lst-type3.col-pd10.col-bd li a .img-wrap1 + .txt-wrap, .nx-edu-lst-type3.col-pd15.col-bd li a .img-wrap1 + .txt-wrap, .nx-edu-lst-type3.col-pd20.col-bd li a .img-wrap1 + .txt-wrap {
  margin-top: 15px;
  border-top: none;
}
.nx-edu-lst-type3.col-pd5.col-bd li a .txt-wrap, .nx-edu-lst-type3.col-pd10.col-bd li a .txt-wrap, .nx-edu-lst-type3.col-pd15.col-bd li a .txt-wrap, .nx-edu-lst-type3.col-pd20.col-bd li a .txt-wrap {
  padding: 0;
}
.nx-edu-lst-type3.col-pd5 li a {
  padding: 5px;
}
.nx-edu-lst-type3.col-pd10 li a {
  padding: 10px;
}
.nx-edu-lst-type3.col-pd15 li a {
  padding: 15px;
}
.nx-edu-lst-type3.col-pd20 li a {
  padding: 20px;
}
.nx-edu-lst-type3.img-pd5 .img-wrap1 {
  padding: 5px;
}
.nx-edu-lst-type3.img-pd10 .img-wrap1 {
  padding: 10px;
}
.nx-edu-lst-type3.img-pd15 .img-wrap1 {
  padding: 15px;
}
.nx-edu-lst-type3.img-pd20 .img-wrap1 {
  padding: 20px;
}
.nx-edu-lst-type3.img-1x1 .img-wrap2 {
  padding-bottom: 100%;
}
.nx-edu-lst-type3.img-4x3 .img-wrap2 {
  padding-bottom: 75%;
}
.nx-edu-lst-type3.img-3x4 .img-wrap2 {
  padding-bottom: 133%;
}
.nx-edu-lst-type3.img-16x9 .img-wrap2 {
  padding-bottom: 56%;
}
.nx-edu-lst-type3.img-9x16 .img-wrap2 {
  padding-bottom: 177%;
}
.nx-edu-lst-type3.col-rd1 li a {
  border-radius: 4px;
}
.nx-edu-lst-type3.col-rd2 li a {
  border-radius: 8px;
}
.nx-edu-lst-type3.col-rd3 li a {
  border-radius: 16px;
}
.nx-edu-lst-type3.img-rd1 .img-wrap1, .nx-edu-lst-type3.img-rd1 .img-wrap2 {
  border-radius: 4px;
}
.nx-edu-lst-type3.img-rd2 .img-wrap1, .nx-edu-lst-type3.img-rd2 .img-wrap2 {
  border-radius: 8px;
}
.nx-edu-lst-type3.img-rd3 .img-wrap1, .nx-edu-lst-type3.img-rd3 .img-wrap2 {
  border-radius: 16px;
}
.nx-edu-lst-type3.img-1x1.img-rd4 .img-wrap1, .nx-edu-lst-type3.img-1x1.img-rd4 .img-wrap2 {
  border-radius: 50%;
}

/* 상세페이지 */
.nx-edu-read {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #cbcbcb;
}
.nx-edu-read > tbody > tr > th, .nx-edu-read > tbody > tr > td {
  font-size: 16px;
  border-bottom: 1px solid #ededed;
}
.nx-edu-read > tbody > tr > th {
  padding: 20px 0 20px 30px;
  color: #333;
  font-weight: 400;
  text-align: left;
}
.nx-edu-read > tbody > tr > td {
  padding: 20px 30px;
  color: #666;
}
.nx-edu-read > tbody > tr > td .title {
  margin-top: 10px;
  font-size: 24px;
  color: #000;
}

.nx-edu-inner-lst {
  border: 1px solid #ededed;
  border-bottom: none;
}
.nx-edu-inner-lst > li {
  position: relative;
  padding: 25px 200px 25px 25px;
  border-bottom: 1px solid #ededed;
  box-sizing: border-box;
}
.nx-edu-inner-lst > li.is_schedule {
  padding-right: 360px;
}
.nx-edu-inner-lst > li .btn {
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -22px;
  width: 150px;
  height: 40px;
  font-size: 16px;
  color: #666;
  line-height: 40px;
  text-align: center;
  background: #fff;
  border: 1px solid #e1e1e1;
  transition: all 0.3s ease;
}
.nx-edu-inner-lst > li .btn:hover {
  color: #fff;
  background: #47bcc6;
}
.nx-edu-inner-lst > li .schedule {
  position: absolute;
  right: 185px;
  top: 50%;
  margin-top: -22px;
  width: 150px;
  height: 40px;
  font-size: 16px;
  color: #666;
  line-height: 40px;
  text-align: center;
  background: #fff;
  border: 1px solid #e1e1e1;
  transition: all 0.3s ease;
}
.nx-edu-inner-lst > li .schedule:hover, .nx-edu-inner-lst > li .schedule.aon {
  color: #fff;
  background: #5fa0e6;
}
.nx-edu-inner-lst > li .schedule:last-child {
  right: 25px;
}
.nx-edu-inner-lst > li p {
  color: #666;
  line-height: 1.5;
}
.nx-edu-inner-lst > li p + p {
  margin-top: 5px;
}
.nx-edu-inner-lst > li p.seq {
  font-size: 16px;
  color: #333;
}
.nx-edu-inner-lst > li p .link {
  color: #a3c95b;
  text-decoration: underline;
}
.nx-edu-inner-lst > li p .link [class^=ico] {
  font-size: 1.1em;
}

.nx-edu-ct {
  padding-bottom: 50px;
  margin: 50px 0 20px;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
  border-bottom: 1px solid #ededed;
}
.nx-edu-ct .file-lst {
  max-width: 400px;
  min-height: 40px;
  margin-top: 20px;
  padding: 10px 12px;
  background: url(../imgs/ico/ico_file.png) no-repeat 12px center;
  border: 1px solid #ededed;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nx-edu-ct .file-lst li {
  margin-left: 46px;
}
.nx-edu-ct .file-lst li a {
  display: block;
  color: #5fa0e6;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nx-edu-schedule-wrap > p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
.nx-edu-schedule-wrap > p + p {
  margin-top: 5px;
}
.nx-edu-schedule-wrap + .nx-edu-schedule-wrap {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #d1d1d1;
}

.nx-edu-schedule {
  width: 100%;
}
.nx-edu-schedule > thead > tr > th, .nx-edu-schedule > tbody > tr > td {
  padding: 10px;
  line-height: 1.5;
  border: 1px solid #d9d9d9;
}
.nx-edu-schedule > thead > tr > th {
  font-size: 14px;
  font-weight: normal;
  color: #333;
  text-align: center;
  background: #f1f1f1;
}
.nx-edu-schedule > tbody > tr > td {
  font-size: 14px;
  color: #666;
}
.nx-edu-schedule > tbody > tr > td .teacher {
  float: left;
  width: 30px;
  margin-right: 10px;
  border: 1px solid #d1d1d1;
}
.nx-edu-schedule > tbody > tr > td .link {
  color: #5fa0e6;
}

/*--------------------- v2 ---------------------*/
/* 교육 상단 */
.nx-edu-header {
  position: relative;
  padding: 0 10px 12px;
  border-bottom: 3px solid #6e89eb;
}
.nx-edu-header::after {
  content: "";
  display: table;
  clear: both;
}
.nx-edu-header .nx-edu-tit1 {
  float: left;
}
.nx-edu-header .nx-edu-link {
  float: right;
  padding-left: 10px;
  line-height: 30px;
  text-align: right;
}

.nx-edu-tit1 {
  color: #3a3a3a;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}

.nx-edu-link {
  color: #6e89eb;
  font-weight: 700;
  font-size: 16px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.nx-edu-link:hover {
  opacity: 0.6;
}
.nx-edu-link .nx-arr-r {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  line-height: 20px;
}
.nx-edu-link .nx-arr-r::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(110, 137, 235, 0.3) url(../imgs/edu/edu_arr1.png) no-repeat center center;
  background-size: 5px auto;
}

/* 교육 내용 컨테이너 */
.nx-edu-container {
  margin: 30px 0 50px;
}

/* 교육 정보 */
.nx-edu-info {
  display: flex;
  margin-bottom: 50px;
}
.nx-edu-info .nx-info-thum {
  margin-right: 32px;
  max-width: 700px;
  width: 59.5%;
}
.nx-edu-info .nx-info-thum + .nx-info-cnt {
  width: calc(40.5% - 32px);
}
.nx-edu-info .nx-info-thum + .nx-info-cnt .nx-wrap-datail .nx-detail {
  width: 100%;
}
.nx-edu-info .nx-info-cnt {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  /* 2024-03-21 추가 */
}
.nx-edu-info .nx-info-cnt .nx-info-lead {
  margin-bottom: 46px;
  color: #565656;
  font-size: 18px;
  line-height: 1.5;
}
.nx-edu-info .nx-info-cnt .nx-wrap-datail {
  padding: 20px 20px;
  min-height: 100px;
  border: 1px #b3b3b3;
  border-style: solid none solid none;
}
.nx-edu-info .nx-info-cnt .nx-wrap-datail::after {
  content: "";
  display: table;
  clear: both;
}
.nx-edu-info .nx-info-cnt .nx-wrap-datail .nx-detail {
  width: calc(100% - 440px);
}
.nx-edu-info .nx-info-cnt .nx-wrap-datail .nx-detail > li {
  margin-bottom: 10px;
}
.nx-edu-info .nx-info-cnt .nx-wrap-datail .nx-detail > li::after {
  content: "";
  display: table;
  clear: both;
}
.nx-edu-info .nx-info-cnt .nx-wrap-datail .nx-detail > li:last-child {
  margin-bottom: 0;
}
.nx-edu-info .nx-info-cnt .nx-wrap-datail .nx-detail > li .nx-detail-tit {
  float: left;
  width: 100px;
  color: #3a3a3a;
  font-size: 18px;
  line-height: 22px;
}
.nx-edu-info .nx-info-cnt .nx-wrap-datail .nx-detail > li .nx-detail-cnt {
  float: right;
  width: calc(100% - 100px);
  color: #676767;
  font-size: 18px;
  line-height: 22px;
}
.nx-edu-info .nx-info-cnt .nx-wrap-datail .nx-edu-link {
  float: right;
  margin: 10px 0;
  padding: 10px 0 10px 10px;
}
.nx-edu-info .nx-info-cnt .nx-detail-like-wrap {
  display: flex;
  margin-top: 20px;
}
.nx-edu-info .nx-info-cnt .nx-detail-like-wrap .nx-like, .nx-edu-info .nx-info-cnt .nx-detail-like-wrap .nx-peo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 36px;
  box-sizing: border-box;
}
.nx-edu-info .nx-info-cnt .nx-detail-like-wrap .nx-like .nx-cnt, .nx-edu-info .nx-info-cnt .nx-detail-like-wrap .nx-peo .nx-cnt {
  margin-left: 4px;
  color: #5A5A5A;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.nx-edu-info .nx-info-cnt .nx-detail-like-wrap .nx-like.active .nx-ico-like::before {
  opacity: 0;
  visibility: hidden;
}
.nx-edu-info .nx-info-cnt .nx-detail-like-wrap .nx-like.active .nx-ico-like::after {
  opacity: 1;
  visibility: visible;
}
.nx-edu-info .nx-info-cnt .nx-detail-like-wrap .nx-ico-like, .nx-edu-info .nx-info-cnt .nx-detail-like-wrap .nx-ico-peo {
  font-size: 0;
  text-indent: -9999px;
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
}
.nx-edu-info .nx-info-cnt .nx-detail-like-wrap .nx-ico-like::before, .nx-edu-info .nx-info-cnt .nx-detail-like-wrap .nx-ico-like::after, .nx-edu-info .nx-info-cnt .nx-detail-like-wrap .nx-ico-peo::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px auto;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.nx-edu-info .nx-info-cnt .nx-detail-like-wrap .nx-ico-like::before {
  background-image: url(../imgs/ico/ico_like2.png);
  opacity: 1;
  visibility: visible;
}
.nx-edu-info .nx-info-cnt .nx-detail-like-wrap .nx-ico-like::after {
  background-image: url(../imgs/ico/ico_like2_on.png);
  opacity: 0;
  visibility: hidden;
}
.nx-edu-info .nx-info-cnt .nx-detail-like-wrap .nx-ico-peo::before {
  background-image: url(../imgs/ico/ico_peo2.png);
  opacity: 1;
  visibility: visible;
}
.nx-edu-info .nx-info-cnt .nx-btn-area {
  margin-top: 20px;
  width: 100%;
}
.nx-edu-info .nx-info-cnt .nx-btn-area.nx-2btn {
  display: flex;
  justify-content: space-between;
}
.nx-edu-info .nx-info-cnt .nx-btn-area.nx-2btn a {
  width: calc((100% - 8px) / 2);
}
.nx-edu-info .nx-info-cnt .nx-btn-area.no-img {
  position: absolute;
  right: 20px;
  bottom: 40px;
  width: 400px;
}
.nx-edu-info .nx-info-cnt .nx-btn-area.no-img .nx-btn-edu1 + .nx-btn-edu1 {
  width: 195px;
}
.nx-edu-info .nx-info-cnt .nx-btn-area.no-img .nx-btn-edu1:nth-last-child(3) {
  width: 195px;
}

/* 교육 버튼 */
.nx-btn-area {
  text-align: center;
}

.nx-btn-edu1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 48px;
  width: 100%;
  height: 60px;
  background: #6e89eb;
  box-sizing: border-box;
  vertical-align: top;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.nx-btn-edu1:hover {
  opacity: 0.6;
}
.nx-btn-edu1::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3) url(../imgs/edu/edu_arr2.png) no-repeat center center;
  background-size: 5px auto;
}

.nx-btn-edu3 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  width: 100%;
  height: 60px;
  background: #fff;
  border: 1px solid #6E89EB;
  box-sizing: border-box;
  vertical-align: top;
  text-align: center;
  color: #6E89EB;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.nx-btn-edu3:hover {
  opacity: 0.6;
}

/* 교육 텝메뉴 */
.nx-edu-nav {
  margin-bottom: 50px;
}
.nx-edu-nav .nx-edu-tnb {
  height: 59px;
  border-bottom: 1px solid #676767;
}
.nx-edu-nav .nx-edu-tnb::after {
  content: "";
  display: table;
  clear: both;
}
.nx-edu-nav .nx-edu-tnb > li {
  float: left;
  min-width: 120px;
}
.nx-edu-nav .nx-edu-tnb > li > a {
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  border: 1px solid transparent;
  color: #676767;
  font-size: 18px;
}
.nx-edu-nav .nx-edu-tnb > li.nx-active > a {
  border-color: #676767;
  border-bottom-color: #fff;
  color: #465fbc;
  font-weight: 700;
}

/* 교육 내용 */
.nx-edu-detail .nx-h-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 26px;
}
.nx-edu-detail .nx-h-group .nx-att-msg {
  margin-left: 10px;
}
.nx-edu-detail .nx-att-msg {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  padding: 6px 8px 6px 32px;
  border-radius: 6px;
  border: 1px solid #DFDFDF;
  background: #FFF url(../imgs/edu/edu_ico_att.png) no-repeat 8px center/20px auto;
  box-sizing: border-box;
  color: #5A5A5A;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.28px;
}
.nx-edu-detail .nx-edu-detail-ct {
  line-height: 1.5;
  font-size: 16px;
  color: #333;
}
.nx-edu-detail .file-lst {
  max-width: 400px;
  min-height: 40px;
  margin-top: 20px;
  padding: 10px 12px;
  background: url(../imgs/ico/ico_file.png) no-repeat 12px center;
  border: 1px solid #ededed;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nx-edu-detail .file-lst li {
  margin-left: 46px;
}
.nx-edu-detail .file-lst li a {
  display: block;
  color: #5fa0e6;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nx-wrap-studyplan {
  overflow: hidden;
}

/* 2023-06-28 추가 */
.nx-badge-ess {
  display: inline-block;
  width: 38px;
  height: 22px;
  border-radius: 6px;
  border: 1px solid #6E89EB;
  background: #FFF;
  color: #6E89EB;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
}

/* 학습계획 */
.nx-lst-studyplan {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px -20px;
}
.nx-lst-studyplan::after {
  content: "";
  display: table;
  clear: both;
}
.nx-lst-studyplan > li {
  position: relative;
  margin: 0 10px 20px;
  width: calc(25% - 20px);
}
.nx-lst-studyplan > li > a {
  position: relative;
  display: block;
  padding-bottom: 70px;
  border: 1px solid #b8b8b8;
  box-sizing: border-box;
}
.nx-lst-studyplan > li > a.nx-complete::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: -1px;
  top: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% - 70px);
  background: rgba(0, 0, 0, 0.32);
}
.nx-lst-studyplan > li > a.nx-complete::after {
  content: attr(data-cls);
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 48px;
  background: #DFDFDF;
  box-sizing: border-box;
  text-align: center;
  color: #878787;
  font-weight: 700;
  font-size: 16px;
  line-height: 48px;
}
.nx-lst-studyplan > li > a.nx-end::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: -1px;
  top: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% - 70px);
  background: rgba(0, 0, 0, 0.6);
  opacity: 0.8;
}
.nx-lst-studyplan > li > a.nx-end::after {
  content: attr(data-cls);
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 48px;
  background: #DFDFDF;
  box-sizing: border-box;
  text-align: center;
  color: #878787;
  font-weight: 700;
  font-size: 16px;
  line-height: 48px;
}
.nx-lst-studyplan > li > a.nx-replay::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: -1px;
  top: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% - 70px);
  background: rgba(0, 0, 0, 0.6);
  opacity: 0.8;
}
.nx-lst-studyplan > li > a.nx-replay::after {
  content: attr(data-cls);
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 48px;
  background: #ffffff;
  box-sizing: border-box;
  text-align: center;
  color: #3A3A3A;
  font-weight: 700;
  font-size: 16px;
  line-height: 48px;
}
.nx-lst-studyplan > li > a.nx-pre::after, .nx-lst-studyplan > li > a.nx-start::after {
  content: attr(data-cls);
  position: absolute;
  z-index: 1;
  left: -1px;
  top: -1px;
  display: block;
  width: calc(100% + 2px);
  height: 48px;
  border: 1px solid #6E89EB;
  background: #FFF;
  box-sizing: border-box;
  text-align: center;
  color: #6E89EB;
  font-weight: 700;
  font-size: 16px;
  line-height: 48px;
}
.nx-lst-studyplan > li > a.nx-ing::after {
  content: attr(data-cls);
  position: absolute;
  z-index: 1;
  left: -1px;
  top: -1px;
  display: block;
  width: calc(100% + 2px);
  height: 48px;
  background: #6e89eb;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 48px;
}
.nx-lst-studyplan > li > a .nx-thum {
  position: relative;
}
.nx-lst-studyplan > li > a .nx-thum img {
  vertical-align: top;
  width: 100%;
}
.nx-lst-studyplan > li > a .nx-thum .nx-time {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  height: 23px;
  border-radius: 6px 0 0 0;
  background: rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  color: #FFF;
  font-size: 12px;
  line-height: 1.4;
}
.nx-lst-studyplan > li > a .nx-cnt {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70px;
  background: #fff;
}
.nx-lst-studyplan > li > a .nx-cnt .nx-no {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 66px;
  height: 70px;
  text-align: center;
  color: #3a3a3a;
  font-weight: 700;
  font-size: 32px;
  letter-spacing: -0.1em;
  line-height: 70px;
}
.nx-lst-studyplan > li > a .nx-cnt .nx-no::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  margin-top: -18px;
  width: 1px;
  height: 36px;
  background: #676767;
  opacity: 0.2;
}
.nx-lst-studyplan > li > a .nx-cnt .nx-tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin: 14px 10px 0 84px;
  color: #3a3a3a;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}
.nx-lst-studyplan > li > a .nx-cnt .nx-tx {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin: 2px 10px 0 84px;
  color: #676767;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.45;
}

/* 학습계획 상세 */
.nx-lst-d2-studyplan {
  border: 1px solid #b8b8b8;
}
.nx-lst-d2-studyplan > li {
  border-bottom: 1px solid #e5e5e5;
}
.nx-lst-d2-studyplan > li:last-child {
  border-bottom: none;
}
.nx-lst-d2-studyplan > li > a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.nx-lst-d2-studyplan > li > a.nx-complete::after, .nx-lst-d2-studyplan > li > a.nx-end::after, .nx-lst-d2-studyplan > li > a.nx-replay::after, .nx-lst-d2-studyplan > li > a.nx-pre::after, .nx-lst-d2-studyplan > li > a.nx-start::after, .nx-lst-d2-studyplan > li > a.nx-ing::after {
  content: attr(data-cls);
  position: absolute;
  z-index: 1;
  right: 28px;
  top: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 36px;
  vertical-align: top;
  border: 1px solid;
  border-radius: 18px;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.nx-lst-d2-studyplan > li > a.nx-complete::after, .nx-lst-d2-studyplan > li > a.nx-end::after {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.04);
  color: #878787;
}
.nx-lst-d2-studyplan > li > a.nx-replay::after {
  background: #fff;
  border-color: #ccc;
  color: #3A3A3A;
}
.nx-lst-d2-studyplan > li > a.nx-pre::after, .nx-lst-d2-studyplan > li > a.nx-start::after {
  background: #fff;
  border-color: #6E89EB;
  color: #6E89EB;
}
.nx-lst-d2-studyplan > li > a.nx-ing::after {
  background: #6E89EB;
  color: #fff;
}
.nx-lst-d2-studyplan > li > a .nx-time {
  margin-left: 6px;
  font-size: 14px;
  color: #9A9A9A;
}
.nx-lst-d2-studyplan > li > a .nx-no {
  position: relative;
  width: 120px;
  height: 60px;
  text-align: center;
  color: #3a3a3a;
  font-weight: 400;
  font-size: 30px;
  letter-spacing: -0.1em;
  line-height: 60px;
}
.nx-lst-d2-studyplan > li > a .nx-no::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  margin-top: -30px;
  width: 1px;
  height: 60px;
  background: #676767;
  opacity: 0.2;
}
.nx-lst-d2-studyplan > li > a .nx-cnt {
  position: relative;
  padding: 0 140px 0 50px;
  width: calc(100% - 120px);
  box-sizing: border-box;
  /* 2023-06-28 추가 */
}
.nx-lst-d2-studyplan > li > a .nx-cnt .nx-badge-ess {
  position: absolute;
  left: 50px;
  top: 0;
}
.nx-lst-d2-studyplan > li > a .nx-cnt .nx-badge-ess + .nx-tit {
  padding-left: 46px;
}
.nx-lst-d2-studyplan > li > a .nx-cnt .nx-tit {
  display: block;
  color: #3a3a3a;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}
.nx-lst-d2-studyplan > li > a .nx-cnt .nx-tx {
  display: block;
  margin-top: 4px;
  color: #676767;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.45;
}

/* Q&A */
.nx-edu-detail-lead {
  color: #676767;
  font-size: 18px;
  line-height: 1.6;
}

.nx-comment {
  position: relative;
  margin: 50px 0 80px;
}
.nx-comment .nx-btn-area {
  margin-top: 20px;
  text-align: right;
}
.nx-comment .nx-makestar {
  position: absolute;
  left: 0;
  bottom: 10px;
}

.nx-btn-edu2 {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  min-width: 172px;
  height: 52px;
  background: #6e89eb;
  box-sizing: border-box;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 52px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.nx-btn-edu2:hover {
  opacity: 0.6;
}

.nx-texa {
  padding: 10px 20px;
  width: 100%;
  min-height: 120px;
  background: #f5f5f5;
  box-sizing: border-box;
  border-radius: 6px;
  resize: none;
  font-size: 16px;
}
.nx-texa::-moz-placeholder {
  color: #bcbcbc;
}
.nx-texa::placeholder {
  color: #bcbcbc;
}

/* Q&A, 학습후기 */
.nx-lst-comment {
  margin-bottom: 40px;
}
.nx-lst-comment > li {
  margin-bottom: 24px;
  border: 1px solid #eaeaea;
}
.nx-lst-comment > li:last-child {
  margin-bottom: 0;
}
.nx-lst-comment > li .nx-tit {
  display: block;
  color: #3a3a3a;
}
.nx-lst-comment > li .nx-cnt {
  margin-bottom: 10px;
  text-align: justify;
  font-size: 18px;
  line-height: 1.35;
}
.nx-lst-comment > li .nx-date {
  display: block;
  text-align: right;
  color: #676767;
  font-weight: 700;
  font-size: 18px;
}
.nx-lst-comment > li .nx-item-q, .nx-lst-comment > li .nx-item-a, .nx-lst-comment > li .nx-item-r {
  position: relative;
  padding: 30px 50px 26px;
}
.nx-lst-comment > li .nx-item-q::after, .nx-lst-comment > li .nx-item-a::after, .nx-lst-comment > li .nx-item-r::after {
  content: "";
  display: table;
  clear: both;
}
.nx-lst-comment > li .nx-item-q .nx-tit {
  margin-bottom: 18px;
  font-size: 24px;
}
.nx-lst-comment > li .nx-item-a .nx-tit, .nx-lst-comment > li .nx-item-r .nx-tit {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 24px;
}
.nx-lst-comment > li .nx-item-a {
  background: #fcfcfc;
  border-top: 1px solid #eaeaea;
}
.nx-lst-comment > li .nx-item-a.reply {
  background: #fff;
}
.nx-lst-comment > li .nx-item-a .nx-input-wrap {
  float: left;
  width: calc(100% - 182px);
}
.nx-lst-comment > li .nx-item-a .nx-btn-edu2 {
  float: right;
}

.nx-input-wrap {
  width: 100%;
  height: 52px;
  background: #f5f5f5;
  box-sizing: border-box;
  border-radius: 6px;
}

.nx-input-text {
  padding: 10px 20px;
  width: 100%;
  background: transparent;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 32px;
}
.nx-input-text::-moz-placeholder {
  color: #bcbcbc;
}
.nx-input-text::placeholder {
  color: #bcbcbc;
}

.nx-btn-more {
  font-size: 0;
  text-indent: -9999px;
  display: inline-block;
  width: 100%;
  height: 60px;
  border: 1px solid #eaeaea;
  background: url(../imgs/edu/edu_arr3.png) no-repeat center center;
  background-size: 20px auto;
  box-sizing: border-box;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.nx-btn-more:hover {
  opacity: 0.6;
}

/* 만족도 */
.nx-wrap-satisfy {
  margin-top: 110px;
}
.nx-wrap-satisfy::after {
  content: "";
  display: table;
  clear: both;
}
.nx-wrap-satisfy .nx-satisfy {
  float: left;
  width: 100%;
  max-width: 350px;
}
.nx-wrap-satisfy .nx-satisfy::after {
  content: "";
  display: table;
  clear: both;
}
.nx-wrap-satisfy .nx-satisfy > .nx-tit {
  margin-bottom: 40px;
  color: #3a3a3a;
  font-size: 16px;
}
.nx-wrap-satisfy .nx-satisfy .nx-average-point {
  margin-bottom: 40px;
  color: #6e89eb;
}
.nx-wrap-satisfy .nx-satisfy .nx-average-point .nx-point {
  font-size: 96px;
}
.nx-wrap-satisfy .nx-satisfy .nx-average-point .nx-total {
  padding-left: 28px;
  font-size: 36px;
}
.nx-wrap-satisfy .nx-satisfy .nx-average .nx-avg-rating {
  float: left;
}
.nx-wrap-satisfy .nx-satisfy .nx-average .nx-par-count {
  float: left;
  margin-left: 12px;
  color: #3a3a3a;
  font-size: 24px;
  letter-spacing: -0.05em;
  line-height: 36px;
}
.nx-wrap-satisfy .nx-grape {
  float: right;
  width: calc(100% - 370px);
  max-width: 690px;
}
.nx-wrap-satisfy .nx-grape .nx-lst-grape > li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}
.nx-wrap-satisfy .nx-grape .nx-lst-grape > li:last-child {
  margin-bottom: 0;
}
.nx-wrap-satisfy .nx-grape .nx-lst-grape > li .nx-tit {
  width: 64px;
  text-align: left;
  color: #495da1;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}
.nx-wrap-satisfy .nx-grape .nx-lst-grape > li .nx-bar {
  position: relative;
  width: calc(100% - 134px);
  height: 12px;
  background: #eee;
  border-radius: 6px;
}
.nx-wrap-satisfy .nx-grape .nx-lst-grape > li .nx-bar .nx-value {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 0;
  height: 12px;
  background: #495da2;
  border-radius: 6px;
}
.nx-wrap-satisfy .nx-grape .nx-lst-grape > li .nx-count {
  width: 70px;
  text-align: right;
  color: #676767;
  font-size: 16px;
  line-height: 26px;
}

/* 평균 별점 */
.nx-avg-rating::after {
  content: "";
  display: table;
  clear: both;
}
.nx-avg-rating .nx-star {
  font-size: 0;
  text-indent: -9999px;
  position: relative;
  display: block;
  width: 216px;
  height: 36px;
  background: url(../imgs/edu/edu_ico_star5.svg) no-repeat 0 center;
}
.nx-avg-rating .nx-star:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 0;
  height: 36px;
  background: url(../imgs/edu/edu_ico_star5_on.svg) no-repeat 0 center;
  transition: width 0.3s ease-in-out;
}
.nx-avg-rating .nx-star.star5:after {
  width: 18px;
}
.nx-avg-rating .nx-star.star10:after {
  width: 36px;
}
.nx-avg-rating .nx-star.star15:after {
  width: 63px;
}
.nx-avg-rating .nx-star.star20:after {
  width: 80px;
}
.nx-avg-rating .nx-star.star25:after {
  width: 108px;
}
.nx-avg-rating .nx-star.star30:after {
  width: 125px;
}
.nx-avg-rating .nx-star.star35:after {
  width: 153px;
}
.nx-avg-rating .nx-star.star40:after {
  width: 170px;
}
.nx-avg-rating .nx-star.star45:after {
  width: 198px;
}
.nx-avg-rating .nx-star.star50:after {
  width: 216px;
}

/* 별점주기 */
.nx-makestar .nx-rating {
  cursor: pointer;
}

.nx-rating {
  width: 216px;
  height: 33px;
}
.nx-rating::after {
  content: "";
  display: table;
  clear: both;
}
.nx-rating .nx-star {
  font-size: 0;
  text-indent: -9999px;
  position: relative;
  float: left;
  display: block;
  margin-right: 9px;
  width: 36px;
  height: 33px;
  background: url(../imgs/edu/edu_ico_star1.svg) no-repeat 0 center;
}
.nx-rating .nx-star.active, .nx-rating .nx-star.fixed {
  background-image: url(../imgs/edu/edu_ico_star1_on.svg);
}
.nx-rating .nx-star:last-child {
  margin-right: 0;
}

/* 리뷰별점 */
.nx-review-rating {
  position: absolute;
  right: 50px;
  top: 30px;
}
.nx-review-rating .nx-value {
  float: left;
  display: block;
  margin-right: 10px;
  color: #6e89eb;
  line-height: 24px;
}
.nx-review-rating .nx-rating {
  float: right;
  width: 144px;
  height: 24px;
  cursor: pointer;
}
.nx-review-rating .nx-rating .nx-star {
  margin-right: 6px;
  width: 24px;
  height: 24px;
  background-size: 24px auto;
}
.nx-review-rating .nx-rating .nx-star.active, .nx-review-rating .nx-rating .nx-star.fixed {
  background-image: url(../imgs/edu/edu_ico_star1_on.svg);
}
.nx-review-rating .nx-rating .nx-star:last-child {
  margin-right: 0;
}

/* 팝업레이어 */
.nx-layer-overlay {
  position: fixed;
  overflow-y: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
}

.nx-popup-layer {
  position: relative;
  margin: 10px;
  padding: 30px;
  width: 100%;
  max-width: 800px;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #e3e3e3;
  transition: 0.3s ease height;
}

.nx-btn-cls {
  font-size: 0;
  text-indent: -9999px;
  position: relative;
  display: inline-block;
  width: 21px;
  height: 21px;
  position: absolute;
  display: block;
  width: 35px;
  height: 35px;
  right: 20px;
  top: 20px;
}
.nx-btn-cls:before, .nx-btn-cls:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 2px;
  background-color: #000;
}
.nx-btn-cls:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.nx-btn-cls:after {
  transform: translate(-50%, -50%) rotate(135deg);
}
.nx-btn-cls:before, .nx-btn-cls:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 19px;
  height: 2px;
  background-color: #666;
}
.nx-btn-cls:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.nx-btn-cls:after {
  transform: translate(-50%, -50%) rotate(135deg);
}

.nx-popup-h-group {
  margin-bottom: 34px;
}
.nx-popup-h-group .nx-tit {
  color: #24354f;
  font-size: 22px;
}

.nx-lst-learn {
  border-top: 1px solid #676767;
}
.nx-lst-learn > li {
  position: relative;
  border-bottom: 1px solid #676767;
}
.nx-lst-learn > li .nx-lst-d2-learn {
  padding: 22px 160px 18px 25px;
}
.nx-lst-learn > li .nx-lst-d2-learn > li {
  margin-bottom: 10px;
}
.nx-lst-learn > li .nx-lst-d2-learn > li::after {
  content: "";
  display: table;
  clear: both;
}
.nx-lst-learn > li .nx-lst-d2-learn > li:last-child {
  margin-bottom: 0;
}
.nx-lst-learn > li .nx-lst-d2-learn > li .nx-tit, .nx-lst-learn > li .nx-lst-d2-learn > li .nx-cnt {
  font-size: 18px;
}
.nx-lst-learn > li .nx-lst-d2-learn > li .nx-tit {
  float: left;
  width: 100px;
  color: #3a3a3a;
}
.nx-lst-learn > li .nx-lst-d2-learn > li .nx-cnt {
  float: right;
  width: calc(100% - 105px);
  color: #676767;
}
.nx-lst-learn > li .nx-learn-state {
  position: absolute;
  right: 22px;
  top: 50%;
  display: block;
  margin-top: -28px;
  width: 120px;
  height: 56px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 56px;
  background: #6e89eb;
}
.nx-lst-learn > li .nx-learn-state.nx-end {
  background: #d9d9d9;
}
.nx-lst-learn > li .nx-learn-state.nx-pre {
  opacity: 0.3;
}

/* 수료증 */
.nx-learn-cer {
  position: relative;
  margin: 10px auto;
  width: 530px;
  height: 758px;
  background: #fff;
}
.nx-learn-cer .nx-cer-img {
  width: 100%;
}
.nx-learn-cer .nx-cer-date {
  position: absolute;
  left: 24px;
  top: 18px;
  color: #878787;
  font-size: 10px;
}
.nx-learn-cer .nx-cer-tit {
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  font-weight: 700;
  font-size: 36px;
  line-height: 52px;
  text-align: center;
  color: #404040;
}
.nx-learn-cer .nx-cer-wrap-info {
  position: absolute;
  top: 160px;
  left: 50px;
  width: calc(100% - 100px);
}
.nx-learn-cer .nx-cer-info {
  padding-bottom: 86px;
  color: #404040;
  line-height: 1.6;
}
.nx-learn-cer .nx-cer-info .cer-item {
  float: left;
  display: block;
  width: 64px;
}
.nx-learn-cer .nx-cer-info .cer-cnt {
  float: right;
  display: block;
  width: calc(100% - 64px);
}
.nx-learn-cer .nx-cer-info > dt {
  margin-bottom: 24px;
  padding-bottom: 12px;
  font-size: 16px;
  border-bottom: 1px solid #878787;
}
.nx-learn-cer .nx-cer-info > dt::after {
  content: "";
  display: table;
  clear: both;
}
.nx-learn-cer .nx-cer-info > dd {
  margin-bottom: 8px;
  font-size: 12px;
}
.nx-learn-cer .nx-cer-info > dd::after {
  content: "";
  display: table;
  clear: both;
}
.nx-learn-cer .nx-cer-info > dd:last-child {
  margin-bottom: 0;
}
.nx-learn-cer .nx-cer-msg {
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #404040;
  word-break: keep-all;
}
.nx-learn-cer .nx-cer-ft {
  position: absolute;
  left: 0;
  bottom: 58px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #404040;
}
.nx-learn-cer .nx-cer-ft .nx-issue-org {
  padding-bottom: 12px;
}
.nx-learn-cer .nx-cer-ft .nx-issue-rep > span {
  display: inline-block;
}
.nx-learn-cer .nx-cer-ft .nx-issue-rep > strong {
  margin-left: 16px;
  display: inline-block;
}

.nx-edu-data {
  width: 100%;
  border-color: #465FBC #bbb #bbb;
  border-style: solid;
  border-width: 2px 1px 1px;
}
.nx-edu-data thead tr th {
  padding: 12px 8px;
  font-size: 16px;
  color: #3a3a3a;
  border: 1px solid #dcdcdc;
}
.nx-edu-data tbody tr td {
  padding: 12px 8px;
  font-size: 14px;
  color: #676767;
  text-align: center;
  background: #fbfbfb;
  border: 1px solid #dcdcdc;
}

.nx-lst-group-studyplan {
  border-top: 1px solid #bbbbbb;
}
.nx-lst-group-studyplan + .nx-lst-group-studyplan {
  border-top: none;
}
.nx-lst-group-studyplan.nx-type-list2 .nx-item {
  border-right: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
}
.nx-lst-group-studyplan .nx-item {
  border-bottom: 1px solid #bbbbbb;
}
.nx-lst-group-studyplan .nx-item.active .nx-group-top::after {
  transform: rotate(-180deg);
}
.nx-lst-group-studyplan .nx-item.active .nx-group-ct {
  grid-template-rows: 1fr;
}
.nx-lst-group-studyplan .nx-item .nx-group-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 80px 20px 16px;
  cursor: pointer;
}
.nx-lst-group-studyplan .nx-item .nx-group-top::after {
  content: "";
  position: absolute;
  right: 28px;
  top: 50%;
  display: block;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: url(../imgs/edu/edu_ico_group.png) no-repeat center center/24px auto;
  transition: transform 0.35s ease;
}
.nx-lst-group-studyplan .nx-item .nx-group-top .nx-group-tit {
  color: #3A3A3A;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}
.nx-lst-group-studyplan .nx-item .nx-group-top .nx-group-info {
  margin-top: 4px;
  color: #878787;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}
.nx-lst-group-studyplan .nx-item .nx-group-top .nx-state-wrap {
  flex-shrink: 0;
  margin-left: 10px;
}
.nx-lst-group-studyplan .nx-item .nx-group-top .nx-state-wrap span {
  position: relative;
  color: #7A7A7A;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.nx-lst-group-studyplan .nx-item .nx-group-top .nx-state-wrap span.nx-complete {
  padding-left: 25px;
  font-weight: 700;
  color: #6E89EB;
}
.nx-lst-group-studyplan .nx-item .nx-group-top .nx-state-wrap span.nx-complete::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: #6E89EB url(../imgs/edu/edu_ico_complete.png) no-repeat center center/10px auto;
  border-radius: 10px;
}
.nx-lst-group-studyplan .nx-item .nx-group-ct {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s grid-template-rows ease;
}
.nx-lst-group-studyplan .nx-item .nx-group-ct .nx-lst-studyplan {
  padding: 0 16px 56px;
}
.nx-lst-group-studyplan .nx-item .nx-group-ct .nx-lst-d2-studyplan {
  position: relative;
  background: #FAFAFA;
  border: none;
}
.nx-lst-group-studyplan .nx-item .nx-group-ct .nx-lst-d2-studyplan::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: #6E89EB;
}

/*--------------------- v2 ---------------------*/
@media print, screen and (max-width: 1024px) {
  /* 교육 정보 */
  .nx-edu-info {
    display: block;
    margin: 0 auto 50px;
    max-width: 700px;
  }
  .nx-edu-info .nx-info-thum {
    margin: 0 0 20px 0;
    width: auto;
  }
  .nx-edu-info .nx-info-cnt {
    width: auto;
  }
  .nx-edu-info .nx-info-cnt .nx-info-lead {
    margin-bottom: 20px;
  }
}
/* 태블릿 */
@media only screen and (max-width: 1023px) {
  .nx-edu-lst-type3.col4.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 3);
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col4.col-mg0 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-mg0 > li:nth-child(n+4) {
    margin-top: 0px;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-mg0 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col4.col-mg0 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4.col-mg1 > li {
    width: calc((100% - 2% - 1px) / 3);
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col4.col-mg1 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-mg1 > li:nth-child(n+4) {
    margin-top: 3%;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-mg1 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col4.col-mg1 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4.col-mg2 > li {
    width: calc((100% - 4% - 1px) / 3);
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col4.col-mg2 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-mg2 > li:nth-child(n+4) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-mg2 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col4.col-mg2 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4.col-mg3 > li {
    width: calc((100% - 8% - 1px) / 3);
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col4.col-mg3 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-mg3 > li:nth-child(n+4) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-mg3 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col4.col-mg3 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4.col-mg4 > li {
    width: calc((100% - 12% - 1px) / 3);
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col4.col-mg4 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-mg4 > li:nth-child(n+4) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-mg4 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col4.col-mg4 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg0 > li, .nx-edu-lst-type3.col4.col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 3);
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg0 > li:nth-child(-n+3), .nx-edu-lst-type3.col4.col-bd.col-mg0 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg0 > li:nth-child(n+4), .nx-edu-lst-type3.col4.col-bd.col-mg0 > li:nth-child(n+4) {
    margin-top: 0px;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg0 > li:nth-child(4n+1), .nx-edu-lst-type3.col4.col-bd.col-mg0 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg0 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bd.col-mg0 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg1 > li, .nx-edu-lst-type3.col4.col-bd.col-mg1 > li {
    width: calc((100% - 2% - 1px) / 3);
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg1 > li:nth-child(-n+3), .nx-edu-lst-type3.col4.col-bd.col-mg1 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg1 > li:nth-child(n+4), .nx-edu-lst-type3.col4.col-bd.col-mg1 > li:nth-child(n+4) {
    margin-top: 1%;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg1 > li:nth-child(4n+1), .nx-edu-lst-type3.col4.col-bd.col-mg1 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg1 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bd.col-mg1 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg2 > li, .nx-edu-lst-type3.col4.col-bd.col-mg2 > li {
    width: calc((100% - 4% - 1px) / 3);
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg2 > li:nth-child(-n+3), .nx-edu-lst-type3.col4.col-bd.col-mg2 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg2 > li:nth-child(n+4), .nx-edu-lst-type3.col4.col-bd.col-mg2 > li:nth-child(n+4) {
    margin-top: 2%;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg2 > li:nth-child(4n+1), .nx-edu-lst-type3.col4.col-bd.col-mg2 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg2 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bd.col-mg2 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg3 > li, .nx-edu-lst-type3.col4.col-bd.col-mg3 > li {
    width: calc((100% - 8% - 1px) / 3);
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg3 > li:nth-child(-n+3), .nx-edu-lst-type3.col4.col-bd.col-mg3 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg3 > li:nth-child(n+4), .nx-edu-lst-type3.col4.col-bd.col-mg3 > li:nth-child(n+4) {
    margin-top: 4%;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg3 > li:nth-child(4n+1), .nx-edu-lst-type3.col4.col-bd.col-mg3 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg3 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bd.col-mg3 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg4 > li, .nx-edu-lst-type3.col4.col-bd.col-mg4 > li {
    width: calc((100% - 12% - 1px) / 3);
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg4 > li:nth-child(-n+3), .nx-edu-lst-type3.col4.col-bd.col-mg4 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg4 > li:nth-child(n+4), .nx-edu-lst-type3.col4.col-bd.col-mg4 > li:nth-child(n+4) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg4 > li:nth-child(4n+1), .nx-edu-lst-type3.col4.col-bd.col-mg4 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col4.col-bg.col-mg4 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bd.col-mg4 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 교육 정보 */
  .nx-edu-info {
    display: block;
    max-width: 700px;
  }
  .nx-edu-info .nx-info-thum {
    margin: 0 0 20px 0;
    width: auto;
  }
  .nx-edu-info .nx-info-thum + .nx-info-cnt {
    width: auto;
  }
  .nx-edu-info .nx-info-cnt {
    width: auto;
  }
  .nx-edu-info .nx-info-cnt .nx-info-lead {
    margin-bottom: 20px;
  }
  .nx-edu-info .nx-info-cnt .nx-wrap-datail .nx-detail {
    width: 100%;
  }
  .nx-edu-info .nx-info-cnt .nx-btn-area.no-img {
    position: static;
    width: 100%;
  }
}
@media print, screen and (max-width: 767px) {
  /* 교육 내용 */
  /* 2023-06-28 추가 */
  .nx-badge-ess {
    font-size: 12px;
  }
  .nx-lst-studyplan > li {
    width: calc(33.333% - 20px);
  }
  .nx-lst-studyplan > li > a .nx-cnt {
    /* 2023-06-28 추가 */
  }
  .nx-lst-studyplan > li > a .nx-cnt .nx-no {
    width: 56px;
    font-size: 28px;
  }
  .nx-lst-studyplan > li > a .nx-cnt .nx-badge-ess {
    left: 66px;
    width: 30px;
  }
  .nx-lst-studyplan > li > a .nx-cnt .nx-badge-ess + .nx-tit {
    margin-left: 104px;
  }
  .nx-lst-studyplan > li > a .nx-cnt .nx-tit {
    margin-left: 68px;
  }
  .nx-lst-studyplan > li > a .nx-cnt .nx-tx {
    margin-left: 68px;
  }
  /* 학습계획 상세 */
  .nx-lst-d2-studyplan > li > a.nx-complete::after, .nx-lst-d2-studyplan > li > a.nx-end::after, .nx-lst-d2-studyplan > li > a.nx-replay::after, .nx-lst-d2-studyplan > li > a.nx-pre::after, .nx-lst-d2-studyplan > li > a.nx-start::after, .nx-lst-d2-studyplan > li > a.nx-ing::after {
    width: 80px;
  }
  .nx-lst-d2-studyplan > li > a .nx-no {
    width: 80px;
    font-size: 26px;
  }
  .nx-lst-d2-studyplan > li > a .nx-cnt {
    padding: 0 80px 0 30px;
    width: calc(100% - 60px);
    /* 2023-06-28 추가 */
  }
  .nx-lst-d2-studyplan > li > a .nx-cnt .nx-badge-ess {
    left: 30px;
  }
}
/* 모바일가로 */
@media only screen and (max-width: 759px) {
  /* 정렬 */
  .nx-edu-lst-order .order {
    float: none;
    width: auto;
    margin-bottom: 5px;
  }
  /* 상세페이지 */
  .nx-edu-read {
    display: block;
  }
  .nx-edu-read > tbody, .nx-edu-read > tbody > tr, .nx-edu-read > tbody > tr > th, .nx-edu-read > tbody > tr > td {
    display: block;
  }
  .nx-edu-read > tbody > tr > th, .nx-edu-read > tbody > tr > td {
    padding: 10px;
  }
  .nx-edu-read > tbody > tr > th {
    float: left;
    width: 70px;
  }
  .nx-edu-read > tbody > tr > th + td {
    margin-left: 90px;
  }
  .nx-edu-inner-lst > li {
    padding: 20px;
  }
  .nx-edu-inner-lst > li.is_schedule {
    padding-right: 20px;
  }
  .nx-edu-inner-lst > li .btn {
    position: static;
    right: 0;
    top: 0;
    display: inline-block;
    margin-top: 10px;
  }
  .nx-edu-inner-lst > li .schedule {
    position: static;
    right: 0;
    top: 0;
    display: inline-block;
    margin: 10px 10px 0 0;
  }
  .nx-edu-schedule {
    display: block;
    overflow: hidden;
  }
  .nx-edu-schedule > thead {
    display: none;
  }
  .nx-edu-schedule > tbody, .nx-edu-schedule > tbody > tr, .nx-edu-schedule > tbody > tr > td {
    display: block;
    float: left;
    width: 100%;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .nx-edu-schedule > tbody > tr {
    padding: 10px;
    border: 1px solid #d1d1d1;
  }
  .nx-edu-schedule > tbody > tr + tr {
    margin-top: 10px;
  }
  .nx-edu-schedule > tbody > tr > td {
    max-width: 100%;
    padding: 0;
    text-align: left !important;
    border: none;
  }
  .nx-edu-schedule > tbody > tr > td + td {
    margin-top: 10px;
  }
  /* 교육 내용 */
  .nx-lst-studyplan > li {
    width: calc(33.333% - 20px);
  }
  .nx-lst-studyplan > li > a .nx-cnt .nx-no {
    width: 56px;
    font-size: 28px;
  }
  .nx-lst-studyplan > li > a .nx-cnt .nx-tit {
    margin-left: 68px;
  }
  .nx-lst-studyplan > li > a .nx-cnt .nx-tx {
    margin-left: 68px;
  }
  /* 교육 텝메뉴 */
  .nx-edu-nav .nx-edu-tnb > li {
    min-width: 25%;
  }
  .nx-edu-nav .nx-edu-tnb > li > a {
    font-size: 16px;
  }
  .nx-edu-nav .nx-edu-tnb > li.nx-active > a {
    border-color: #676767;
    border-bottom-color: #fff;
    color: #465fbc;
    font-weight: 700;
  }
  /* 학습계획 상세 */
  .nx-lst-d2-studyplan > li > a.nx-complete, .nx-lst-d2-studyplan > li > a.nx-end, .nx-lst-d2-studyplan > li > a.nx-replay, .nx-lst-d2-studyplan > li > a.nx-pre, .nx-lst-d2-studyplan > li > a.nx-start, .nx-lst-d2-studyplan > li > a.nx-ing {
    padding-bottom: 61px;
  }
  .nx-lst-d2-studyplan > li > a.nx-complete::after, .nx-lst-d2-studyplan > li > a.nx-end::after, .nx-lst-d2-studyplan > li > a.nx-replay::after, .nx-lst-d2-studyplan > li > a.nx-pre::after, .nx-lst-d2-studyplan > li > a.nx-start::after, .nx-lst-d2-studyplan > li > a.nx-ing::after {
    right: 16px;
    top: auto;
    bottom: 16px;
    width: calc(100% - 116px);
  }
  .nx-lst-d2-studyplan > li > a .nx-no {
    width: 80px;
    font-size: 26px;
  }
  .nx-lst-d2-studyplan > li > a .nx-cnt {
    padding: 0 80px 0 30px;
    width: calc(100% - 60px);
  }
  /* Q&A, 학습후기 */
  .nx-lst-comment > li .nx-item-a .nx-input-wrap {
    float: left;
    width: calc(100% - 112px);
  }
  /* 만족도 */
  .nx-wrap-satisfy {
    margin-top: 60px;
  }
  .nx-wrap-satisfy .nx-satisfy {
    float: none;
    margin: 0 auto 30px;
    width: auto;
  }
  .nx-wrap-satisfy .nx-satisfy > .nx-tit {
    margin-bottom: 20px;
  }
  .nx-wrap-satisfy .nx-satisfy .nx-average-point {
    margin-bottom: 20px;
  }
  .nx-wrap-satisfy .nx-satisfy .nx-average .nx-avg-rating {
    float: left;
  }
  .nx-wrap-satisfy .nx-satisfy .nx-average .nx-par-count {
    float: left;
    margin-left: 12px;
    color: #3a3a3a;
    font-size: 24px;
    letter-spacing: -0.05em;
    line-height: 36px;
  }
  .nx-wrap-satisfy .nx-grape {
    float: none;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
  }
  .nx-wrap-satisfy .nx-grape .nx-lst-grape > li {
    margin-bottom: 12px;
  }
  .nx-wrap-satisfy .nx-grape .nx-lst-grape > li .nx-tit {
    width: 54px;
  }
  .nx-wrap-satisfy .nx-grape .nx-lst-grape > li .nx-bar {
    width: calc(100% - 114px);
  }
  .nx-wrap-satisfy .nx-grape .nx-lst-grape > li .nx-count {
    width: 60px;
  }
  /* 리뷰별점 */
  .nx-review-rating {
    right: 25px;
    top: 20px;
  }
  .nx-review-rating .nx-rating {
    width: 128px;
  }
  .nx-review-rating .nx-rating .nx-star {
    margin-right: 2px;
  }
  .nx-btn-edu2 {
    min-width: 102px;
  }
  /* 학습현황 스크롤 */
  .edu-scroll {
    min-width: 100%;
    overflow-x: auto;
    position: relative;
  }
  .edu-scroll::before {
    background: url(https://cdn.nxcloud.biz/site/hanyangmrc/imgs/ico_scroll.png) no-repeat center center;
    background-size: 107px auto;
  }
  .edu-scroll::after {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .edu-scroll::before, .edu-scroll::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  .edu-scroll.move::before, .edu-scroll.move::after {
    opacity: 0;
  }
  .edu-scroll .nx-edu-data th {
    min-width: 110px;
  }
}
@media only screen and (max-width: 639px) {
  .nx-edu-lst-type3.col3.col-mg0 > li, .nx-edu-lst-type3.col4.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col3.col-mg0 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-mg0 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-mg0 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col3.col-mg0 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-mg1 > li, .nx-edu-lst-type3.col4.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col3.col-mg1 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-mg1 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-mg1 > li:nth-child(n+3) {
    margin-top: 3%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-mg1 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col3.col-mg1 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-mg2 > li, .nx-edu-lst-type3.col4.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col3.col-mg2 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-mg2 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-mg2 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-mg2 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col3.col-mg2 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-mg3 > li, .nx-edu-lst-type3.col4.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col3.col-mg3 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-mg3 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-mg3 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-mg3 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col3.col-mg3 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-mg4 > li, .nx-edu-lst-type3.col4.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col3.col-mg4 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-mg4 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-mg4 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col3.col-mg4 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg0 > li, .nx-edu-lst-type3.col3.col-bd.col-mg0 > li, .nx-edu-lst-type3.col4.col-bg.col-mg0 > li, .nx-edu-lst-type3.col4.col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg0 > li:nth-child(-n+2), .nx-edu-lst-type3.col3.col-bd.col-mg0 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-bg.col-mg0 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-bd.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg0 > li:nth-child(n+3), .nx-edu-lst-type3.col3.col-bd.col-mg0 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-bg.col-mg0 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-bd.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg0 > li:nth-child(3n+1), .nx-edu-lst-type3.col3.col-bd.col-mg0 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bg.col-mg0 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bd.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg0 > li:nth-child(2n+1), .nx-edu-lst-type3.col3.col-bd.col-mg0 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-bg.col-mg0 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-bd.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg1 > li, .nx-edu-lst-type3.col3.col-bd.col-mg1 > li, .nx-edu-lst-type3.col4.col-bg.col-mg1 > li, .nx-edu-lst-type3.col4.col-bd.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg1 > li:nth-child(-n+2), .nx-edu-lst-type3.col3.col-bd.col-mg1 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-bg.col-mg1 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-bd.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg1 > li:nth-child(n+3), .nx-edu-lst-type3.col3.col-bd.col-mg1 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-bg.col-mg1 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-bd.col-mg1 > li:nth-child(n+3) {
    margin-top: 1%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg1 > li:nth-child(3n+1), .nx-edu-lst-type3.col3.col-bd.col-mg1 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bg.col-mg1 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bd.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg1 > li:nth-child(2n+1), .nx-edu-lst-type3.col3.col-bd.col-mg1 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-bg.col-mg1 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-bd.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg2 > li, .nx-edu-lst-type3.col3.col-bd.col-mg2 > li, .nx-edu-lst-type3.col4.col-bg.col-mg2 > li, .nx-edu-lst-type3.col4.col-bd.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg2 > li:nth-child(-n+2), .nx-edu-lst-type3.col3.col-bd.col-mg2 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-bg.col-mg2 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-bd.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg2 > li:nth-child(n+3), .nx-edu-lst-type3.col3.col-bd.col-mg2 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-bg.col-mg2 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-bd.col-mg2 > li:nth-child(n+3) {
    margin-top: 2%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg2 > li:nth-child(3n+1), .nx-edu-lst-type3.col3.col-bd.col-mg2 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bg.col-mg2 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bd.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg2 > li:nth-child(2n+1), .nx-edu-lst-type3.col3.col-bd.col-mg2 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-bg.col-mg2 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-bd.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg3 > li, .nx-edu-lst-type3.col3.col-bd.col-mg3 > li, .nx-edu-lst-type3.col4.col-bg.col-mg3 > li, .nx-edu-lst-type3.col4.col-bd.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg3 > li:nth-child(-n+2), .nx-edu-lst-type3.col3.col-bd.col-mg3 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-bg.col-mg3 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-bd.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg3 > li:nth-child(n+3), .nx-edu-lst-type3.col3.col-bd.col-mg3 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-bg.col-mg3 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-bd.col-mg3 > li:nth-child(n+3) {
    margin-top: 4%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg3 > li:nth-child(3n+1), .nx-edu-lst-type3.col3.col-bd.col-mg3 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bg.col-mg3 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bd.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg3 > li:nth-child(2n+1), .nx-edu-lst-type3.col3.col-bd.col-mg3 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-bg.col-mg3 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-bd.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg4 > li, .nx-edu-lst-type3.col3.col-bd.col-mg4 > li, .nx-edu-lst-type3.col4.col-bg.col-mg4 > li, .nx-edu-lst-type3.col4.col-bd.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg4 > li:nth-child(-n+2), .nx-edu-lst-type3.col3.col-bd.col-mg4 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-bg.col-mg4 > li:nth-child(-n+2), .nx-edu-lst-type3.col4.col-bd.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg4 > li:nth-child(n+3), .nx-edu-lst-type3.col3.col-bd.col-mg4 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-bg.col-mg4 > li:nth-child(n+3), .nx-edu-lst-type3.col4.col-bd.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg4 > li:nth-child(3n+1), .nx-edu-lst-type3.col3.col-bd.col-mg4 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bg.col-mg4 > li:nth-child(3n+1), .nx-edu-lst-type3.col4.col-bd.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col3.col-bg.col-mg4 > li:nth-child(2n+1), .nx-edu-lst-type3.col3.col-bd.col-mg4 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-bg.col-mg4 > li:nth-child(2n+1), .nx-edu-lst-type3.col4.col-bd.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type1 li a {
    display: block;
    width: auto;
  }
  .nx-edu-lst-type1 li a .img-wrap1 {
    display: block;
    width: auto;
    padding-bottom: 0;
    margin: 0 auto;
  }
  .nx-edu-lst-type1 li a .txt-wrap {
    display: block;
    padding: 20px 0;
  }
  /* 교육 내용 */
  .nx-lst-studyplan > li {
    width: calc(50% - 20px);
  }
  .nx-lst-studyplan > li > a .nx-cnt .nx-no {
    width: 56px;
    font-size: 28px;
  }
  .nx-lst-studyplan > li > a .nx-cnt .nx-tit {
    margin-left: 68px;
  }
  .nx-lst-studyplan > li > a .nx-cnt .nx-tx {
    margin-left: 68px;
  }
  /* Q&A, 학습후기 */
  .nx-lst-comment > li .nx-item-q, .nx-lst-comment > li .nx-item-a, .nx-lst-comment > li .nx-item-r {
    padding: 20px 25px 18px;
  }
  .nx-lst-comment > li .nx-item-a .nx-input-wrap {
    float: none;
    margin-bottom: 10px;
    width: 100%;
  }
  /* 팝업레이어 */
  .nx-lst-learn > li .nx-lst-d2-learn {
    padding: 20px 0 88px 0;
  }
  .nx-lst-learn > li .nx-learn-state {
    right: 50%;
    top: auto;
    bottom: 20px;
    margin: 0 -60px 0 0;
  }
}
@media only screen and (max-width: 459px) {
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg0 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg0 > li, .nx-edu-lst-type2.col2.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg0 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg0 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg0 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg0 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg0 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg0 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-mg0 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg0 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg0 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg1 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg1 > li, .nx-edu-lst-type2.col2.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg1 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg1 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg1 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg1 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-mg1 > li:nth-child(n+2) {
    margin-top: 3%;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg1 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg1 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-mg1 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg1 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg1 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg2 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg2 > li, .nx-edu-lst-type2.col2.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg2 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg2 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg2 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg2 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-mg2 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg2 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg2 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-mg2 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg2 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg2 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg3 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg3 > li, .nx-edu-lst-type2.col2.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg3 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg3 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg3 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg3 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-mg3 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg3 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg3 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-mg3 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg3 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg3 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg4 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg4 > li, .nx-edu-lst-type2.col2.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg4 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg4 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg4 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg4 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg4 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg4 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-mg4 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-mg4 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-mg4 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg0 > li, .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg0 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg0 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg0 > li, .nx-edu-lst-type2.col2.col-bg.col-mg0 > li, .nx-edu-lst-type2.col2.col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(-n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-bg.col-mg0 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-bd.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(n+2), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-bg.col-mg0 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-bd.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(2n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-bg.col-mg0 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-bd.col-mg0 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(1n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-bg.col-mg0 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-bd.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg1 > li, .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg1 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg1 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg1 > li, .nx-edu-lst-type2.col2.col-bg.col-mg1 > li, .nx-edu-lst-type2.col2.col-bd.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(-n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-bg.col-mg1 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-bd.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(n+2), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-bg.col-mg1 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-bd.col-mg1 > li:nth-child(n+2) {
    margin-top: 1%;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(2n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-bg.col-mg1 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-bd.col-mg1 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(1n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-bg.col-mg1 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-bd.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg2 > li, .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg2 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg2 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg2 > li, .nx-edu-lst-type2.col2.col-bg.col-mg2 > li, .nx-edu-lst-type2.col2.col-bd.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(-n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-bg.col-mg2 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-bd.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(n+2), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-bg.col-mg2 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-bd.col-mg2 > li:nth-child(n+2) {
    margin-top: 2%;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(2n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-bg.col-mg2 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-bd.col-mg2 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(1n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-bg.col-mg2 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-bd.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg3 > li, .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg3 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg3 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg3 > li, .nx-edu-lst-type2.col2.col-bg.col-mg3 > li, .nx-edu-lst-type2.col2.col-bd.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(-n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-bg.col-mg3 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-bd.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(n+2), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-bg.col-mg3 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-bd.col-mg3 > li:nth-child(n+2) {
    margin-top: 4%;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(2n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-bg.col-mg3 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-bd.col-mg3 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(1n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-bg.col-mg3 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-bd.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg4 > li, .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg4 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg4 > li, .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg4 > li, .nx-edu-lst-type2.col2.col-bg.col-mg4 > li, .nx-edu-lst-type2.col2.col-bd.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(-n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(-n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-bg.col-mg4 > li:nth-child(-n+1), .nx-edu-lst-type2.col2.col-bd.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(n+2), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(n+2), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-bg.col-mg4 > li:nth-child(n+2), .nx-edu-lst-type2.col2.col-bd.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(2n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(2n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-bg.col-mg4 > li:nth-child(2n+1), .nx-edu-lst-type2.col2.col-bd.col-mg4 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(1n+1), .nx-edu-lst-type3.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(1n+1), .nx-edu-lst-type3.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-bg.col-mg4 > li:nth-child(1n+1), .nx-edu-lst-type2.col2.col-bd.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg1 > li:nth-child(n+3) {
    margin-top: 3%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg2 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg3 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg0 > li, .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(-n+2), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(n+3), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(3n+1), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(2n+1), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg1 > li, .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(-n+2), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(n+3), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(n+3) {
    margin-top: 1%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(3n+1), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(2n+1), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg2 > li, .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(-n+2), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(n+3), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(n+3) {
    margin-top: 2%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(3n+1), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(2n+1), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg3 > li, .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(-n+2), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(n+3), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(n+3) {
    margin-top: 4%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(3n+1), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(2n+1), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg4 > li, .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(-n+2), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(n+3), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(3n+1), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(2n+1), .nx-edu-lst-type3.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg1 > li:nth-child(n+2) {
    margin-top: 3%;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg2 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg3 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg0 > li, .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(-n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(n+2), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(3n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(1n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg1 > li, .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(-n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(n+2), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(n+2) {
    margin-top: 1%;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(3n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(1n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg2 > li, .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(-n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(n+2), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(n+2) {
    margin-top: 2%;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(3n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(1n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg3 > li, .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(-n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(n+2), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(n+2) {
    margin-top: 4%;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(3n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(1n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg4 > li, .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(-n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(n+2), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(3n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-edu-lst-type3.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(1n+1), .nx-edu-lst-type3.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 교육 내용 */
  .nx-lst-studyplan > li {
    width: calc(100% - 20px);
  }
}
/* 게시판타입 */
.nx-grp-lst-type1 {
  overflow: hidden;
  /* 간격 */
  /* 여백 */
  /* 라운드 */
}
.nx-grp-lst-type1 li {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.nx-grp-lst-type1 li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.nx-grp-lst-type1 li a {
  overflow: hidden;
  display: table;
  width: 100%;
}
.nx-grp-lst-type1 .img-wrap1 {
  display: table-cell;
  vertical-align: middle;
  width: 300px;
  padding: 20px 0;
  box-sizing: border-box;
}
.nx-grp-lst-type1 .img-wrap1 img {
  display: block;
}
.nx-grp-lst-type1 .txt-wrap {
  display: table-cell;
  vertical-align: top;
  padding: 20px;
  box-sizing: border-box;
}
.nx-grp-lst-type1 .txt-wrap p + p {
  margin-top: 5px;
}
.nx-grp-lst-type1 .txt-wrap p + .btn-wrap {
  margin-top: 20px;
}
.nx-grp-lst-type1 .txt-wrap .btn-wrap + p {
  margin-top: 20px;
}
.nx-grp-lst-type1 .txt-wrap .status {
  display: inline-block;
  padding: 5px 10px;
  margin-right: 10px;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  vertical-align: top;
}
.nx-grp-lst-type1 .txt-wrap .status.ing {
  background: #03799d;
}
.nx-grp-lst-type1 .txt-wrap .itm1 {
  font-size: 14px;
  color: #999;
  line-height: 1.5;
}
.nx-grp-lst-type1 .txt-wrap .itm2 {
  font-size: 20px;
  color: #333;
  line-height: 1.5;
}
.nx-grp-lst-type1 .txt-wrap .itm3 {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-grp-lst-type1 .txt-wrap .itm4 {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-grp-lst-type1 .txt-wrap .itm5 {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-grp-lst-type1 .txt-wrap .itm6 {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-grp-lst-type1 .txt-wrap .fb_wrap {
  display: flex;
}
.nx-grp-lst-type1 .txt-wrap .fb_name {
  white-space: nowrap;
}
.nx-grp-lst-type1 .txt-wrap .fb_val {
  margin-left: 4px;
}
.nx-grp-lst-type1 .txt-wrap .btn {
  display: inline-block;
  min-width: 140px;
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  color: #666;
  line-height: 40px;
  text-align: center;
  background: #fff;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.nx-grp-lst-type1:not(.col2) li + li {
  margin-top: -1px;
}
.nx-grp-lst-type1.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.nx-grp-lst-type1.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type1.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: -1px;
  clear: none;
}
.nx-grp-lst-type1.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type1.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.nx-grp-lst-type1.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type1.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: -1px;
  clear: none;
}
.nx-grp-lst-type1.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type1.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.nx-grp-lst-type1.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type1.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: -1px;
  clear: none;
}
.nx-grp-lst-type1.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type1.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.nx-grp-lst-type1.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type1.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: -1px;
  clear: none;
}
.nx-grp-lst-type1.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type1.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.nx-grp-lst-type1.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type1.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: -1px;
  clear: none;
}
.nx-grp-lst-type1.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type1.col-pd5 li a {
  padding-left: 5px;
  padding-right: 5px;
}
.nx-grp-lst-type1.col-pd10 li a {
  padding-left: 10px;
  padding-right: 10px;
}
.nx-grp-lst-type1.col-pd15 li a {
  padding-left: 15px;
  padding-right: 15px;
}
.nx-grp-lst-type1.col-pd20 li a {
  padding-left: 20px;
  padding-right: 20px;
}
.nx-grp-lst-type1.img-pd5 .img-wrap1 {
  padding: 5px;
}
.nx-grp-lst-type1.img-pd10 .img-wrap1 {
  padding: 10px;
}
.nx-grp-lst-type1.img-pd15 .img-wrap1 {
  padding: 15px;
}
.nx-grp-lst-type1.img-pd20 .img-wrap1 {
  padding: 20px;
}
.nx-grp-lst-type1.col-rd1 li a {
  border-radius: 4px;
}
.nx-grp-lst-type1.col-rd2 li a {
  border-radius: 8px;
}
.nx-grp-lst-type1.col-rd3 li a {
  border-radius: 16px;
}
.nx-grp-lst-type1.img-rd1 .img-wrap1, .nx-grp-lst-type1.img-rd1 .img-wrap2 {
  border-radius: 4px;
}
.nx-grp-lst-type1.img-rd2 .img-wrap1, .nx-grp-lst-type1.img-rd2 .img-wrap2 {
  border-radius: 8px;
}
.nx-grp-lst-type1.img-rd3 .img-wrap1, .nx-grp-lst-type1.img-rd3 .img-wrap2 {
  border-radius: 16px;
}
.nx-grp-lst-type1.img-1x1 .img-wrap1.img-rd4, .nx-grp-lst-type1.img-1x1 .img-wrap2.img-rd4 {
  border-radius: 50%;
}

/* 카드타입 */
.nx-grp-lst-type2 {
  overflow: hidden;
  /* 간격 */
  /* 보더 */
  /* 여백 */
  /* 이미지비율 */
  /* 라운드 */
}
.nx-grp-lst-type2 li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #666;
}
.nx-grp-lst-type2 li a {
  overflow: hidden;
  display: block;
}
.nx-grp-lst-type2 .img-wrap1 {
  float: left;
  width: 40%;
  box-sizing: border-box;
}
.nx-grp-lst-type2 .img-wrap2 {
  overflow: hidden;
  position: relative;
  height: 0;
}
.nx-grp-lst-type2 .img-wrap2 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.nx-grp-lst-type2 .txt-wrap {
  float: left;
  width: 60%;
  padding: 20px;
  box-sizing: border-box;
}
.nx-grp-lst-type2 .txt-wrap p + p {
  margin-top: 5px;
}
.nx-grp-lst-type2 .txt-wrap p + .btn-wrap {
  margin-top: 20px;
}
.nx-grp-lst-type2 .txt-wrap .btn-wrap + p {
  margin-top: 20px;
}
.nx-grp-lst-type2 .txt-wrap .status {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px;
  font-size: 12px;
  color: #fff;
}
.nx-grp-lst-type2 .txt-wrap .status.ing {
  background: #03799d;
}
.nx-grp-lst-type2 .txt-wrap .itm1 {
  font-size: 14px;
  color: #999;
  line-height: 1.5;
}
.nx-grp-lst-type2 .txt-wrap .itm2 {
  font-size: 20px;
  color: #333;
  line-height: 1.5;
}
.nx-grp-lst-type2 .txt-wrap .itm3 {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-grp-lst-type2 .txt-wrap .itm4 {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-grp-lst-type2 .txt-wrap .itm5 {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-grp-lst-type2 .txt-wrap .itm6 {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-grp-lst-type2 .txt-wrap .fb_wrap {
  display: flex;
}
.nx-grp-lst-type2 .txt-wrap .fb_name {
  white-space: nowrap;
}
.nx-grp-lst-type2 .txt-wrap .fb_val {
  margin-left: 4px;
}
.nx-grp-lst-type2 .txt-wrap .btn {
  display: inline-block;
  min-width: 140px;
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  color: #666;
  line-height: 40px;
  text-align: center;
  background: #fff;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.nx-grp-lst-type2.col1.col-mg0 > li {
  margin-top: 0;
}
.nx-grp-lst-type2.col1.col-mg1 > li {
  margin-top: 1%;
}
.nx-grp-lst-type2.col1.col-mg2 > li {
  margin-top: 2%;
}
.nx-grp-lst-type2.col1.col-mg3 > li {
  margin-top: 4%;
}
.nx-grp-lst-type2.col1.col-mg4 > li {
  margin-top: 6%;
}
.nx-grp-lst-type2.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.nx-grp-lst-type2.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type2.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.nx-grp-lst-type2.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type2.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.nx-grp-lst-type2.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type2.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: 1%;
  clear: none;
}
.nx-grp-lst-type2.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type2.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.nx-grp-lst-type2.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type2.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: 2%;
  clear: none;
}
.nx-grp-lst-type2.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type2.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.nx-grp-lst-type2.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type2.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: 4%;
  clear: none;
}
.nx-grp-lst-type2.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type2.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.nx-grp-lst-type2.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type2.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.nx-grp-lst-type2.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type2.col-bd li a {
  border: 1px solid #e1e1e1;
}
.nx-grp-lst-type2.col-pd5 li a {
  padding: 5px;
}
.nx-grp-lst-type2.col-pd10 li a {
  padding: 10px;
}
.nx-grp-lst-type2.col-pd15 li a {
  padding: 15px;
}
.nx-grp-lst-type2.col-pd20 li a {
  padding: 20px;
}
.nx-grp-lst-type2.img-pd5 .img-wrap1 {
  padding: 5px;
}
.nx-grp-lst-type2.img-pd10 .img-wrap1 {
  padding: 10px;
}
.nx-grp-lst-type2.img-pd15 .img-wrap1 {
  padding: 15px;
}
.nx-grp-lst-type2.img-pd20 .img-wrap1 {
  padding: 20px;
}
.nx-grp-lst-type2.img-1x1 .img-wrap2 {
  padding-bottom: 100%;
}
.nx-grp-lst-type2.img-4x3 .img-wrap2 {
  padding-bottom: 75%;
}
.nx-grp-lst-type2.img-3x4 .img-wrap2 {
  padding-bottom: 125%;
}
.nx-grp-lst-type2.col-rd1 li a {
  border-radius: 4px;
}
.nx-grp-lst-type2.col-rd2 li a {
  border-radius: 8px;
}
.nx-grp-lst-type2.col-rd3 li a {
  border-radius: 16px;
}
.nx-grp-lst-type2.img-rd1 .img-wrap1, .nx-grp-lst-type2.img-rd1 .img-wrap2 {
  border-radius: 4px;
}
.nx-grp-lst-type2.img-rd2 .img-wrap1, .nx-grp-lst-type2.img-rd2 .img-wrap2 {
  border-radius: 8px;
}
.nx-grp-lst-type2.img-rd3 .img-wrap1, .nx-grp-lst-type2.img-rd3 .img-wrap2 {
  border-radius: 16px;
}
.nx-grp-lst-type2.img-1x1 .img-wrap1.img-rd4, .nx-grp-lst-type2.img-1x1 .img-wrap2.img-rd4 {
  border-radius: 50%;
}

/* 갤러리스타일 */
.nx-grp-lst-type3 {
  overflow: hidden;
  /* 간격 */
  /* 배경색 */
  /* 보더 */
  /* 여백 */
  /* 이미지비율 */
  /* 라운드 */
}
.nx-grp-lst-type3 li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #666;
}
.nx-grp-lst-type3 li a {
  overflow: hidden;
  display: block;
}
.nx-grp-lst-type3 .img-wrap1 + .txt-wrap {
  margin-top: 15px;
}
.nx-grp-lst-type3 .img-wrap2 {
  overflow: hidden;
  position: relative;
  height: 0;
}
.nx-grp-lst-type3 .img-wrap2 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.nx-grp-lst-type3 .txt-wrap {
  position: relative;
}
.nx-grp-lst-type3 .txt-wrap p + p {
  margin-top: 5px;
}
.nx-grp-lst-type3 .txt-wrap p + .btn-wrap {
  margin-top: 20px;
}
.nx-grp-lst-type3 .txt-wrap .btn-wrap + p {
  margin-top: 20px;
}
.nx-grp-lst-type3 .txt-wrap .status {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px;
  font-size: 12px;
  color: #fff;
}
.nx-grp-lst-type3 .txt-wrap .status.ing {
  background: #03799d;
}
.nx-grp-lst-type3 .txt-wrap .itm1 {
  font-size: 14px;
  color: #999;
  line-height: 1.5;
}
.nx-grp-lst-type3 .txt-wrap .itm2 {
  font-size: 20px;
  color: #333;
  line-height: 1.5;
}
.nx-grp-lst-type3 .txt-wrap .itm3 {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-grp-lst-type3 .txt-wrap .itm4 {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-grp-lst-type3 .txt-wrap .itm5 {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-grp-lst-type3 .txt-wrap .itm6 {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-grp-lst-type3 .txt-wrap .fb_wrap {
  display: flex;
}
.nx-grp-lst-type3 .txt-wrap .fb_name {
  white-space: nowrap;
}
.nx-grp-lst-type3 .txt-wrap .fb_val {
  margin-left: 4px;
}
.nx-grp-lst-type3 .txt-wrap .btn {
  display: inline-block;
  min-width: 140px;
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  color: #666;
  line-height: 40px;
  text-align: center;
  background: #fff;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.nx-grp-lst-type3.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.nx-grp-lst-type3.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.nx-grp-lst-type3.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.nx-grp-lst-type3.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: 3%;
  clear: none;
}
.nx-grp-lst-type3.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.nx-grp-lst-type3.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.nx-grp-lst-type3.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.nx-grp-lst-type3.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.nx-grp-lst-type3.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.nx-grp-lst-type3.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.nx-grp-lst-type3.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col3.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 3);
  margin-left: 0px;
  float: left;
}
.nx-grp-lst-type3.col3.col-mg0 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col3.col-mg0 > li:nth-child(n+4) {
  margin-top: 0px;
  clear: none;
}
.nx-grp-lst-type3.col3.col-mg0 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col3.col-mg1 > li {
  width: calc((100% - 2% - 1px) / 3);
  margin-left: 1%;
  float: left;
}
.nx-grp-lst-type3.col3.col-mg1 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col3.col-mg1 > li:nth-child(n+4) {
  margin-top: 3%;
  clear: none;
}
.nx-grp-lst-type3.col3.col-mg1 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col3.col-mg2 > li {
  width: calc((100% - 4% - 1px) / 3);
  margin-left: 2%;
  float: left;
}
.nx-grp-lst-type3.col3.col-mg2 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col3.col-mg2 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.nx-grp-lst-type3.col3.col-mg2 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col3.col-mg3 > li {
  width: calc((100% - 8% - 1px) / 3);
  margin-left: 4%;
  float: left;
}
.nx-grp-lst-type3.col3.col-mg3 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col3.col-mg3 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.nx-grp-lst-type3.col3.col-mg3 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col3.col-mg4 > li {
  width: calc((100% - 12% - 1px) / 3);
  margin-left: 6%;
  float: left;
}
.nx-grp-lst-type3.col3.col-mg4 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col3.col-mg4 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.nx-grp-lst-type3.col3.col-mg4 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col4.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 4);
  margin-left: 0px;
  float: left;
}
.nx-grp-lst-type3.col4.col-mg0 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col4.col-mg0 > li:nth-child(n+5) {
  margin-top: 0px;
  clear: none;
}
.nx-grp-lst-type3.col4.col-mg0 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col4.col-mg1 > li {
  width: calc((100% - 3% - 1px) / 4);
  margin-left: 1%;
  float: left;
}
.nx-grp-lst-type3.col4.col-mg1 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col4.col-mg1 > li:nth-child(n+5) {
  margin-top: 3%;
  clear: none;
}
.nx-grp-lst-type3.col4.col-mg1 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col4.col-mg2 > li {
  width: calc((100% - 6% - 1px) / 4);
  margin-left: 2%;
  float: left;
}
.nx-grp-lst-type3.col4.col-mg2 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col4.col-mg2 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.nx-grp-lst-type3.col4.col-mg2 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col4.col-mg3 > li {
  width: calc((100% - 12% - 1px) / 4);
  margin-left: 4%;
  float: left;
}
.nx-grp-lst-type3.col4.col-mg3 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col4.col-mg3 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.nx-grp-lst-type3.col4.col-mg3 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col4.col-mg4 > li {
  width: calc((100% - 18% - 1px) / 4);
  margin-left: 6%;
  float: left;
}
.nx-grp-lst-type3.col4.col-mg4 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col4.col-mg4 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.nx-grp-lst-type3.col4.col-mg4 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col2.col-mg0 > li, .nx-grp-lst-type3.col-bd.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.nx-grp-lst-type3.col-bg.col2.col-mg0 > li:nth-child(-n+2), .nx-grp-lst-type3.col-bd.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col2.col-mg0 > li:nth-child(n+3), .nx-grp-lst-type3.col-bd.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col2.col-mg0 > li:nth-child(2n+1), .nx-grp-lst-type3.col-bd.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col2.col-mg1 > li, .nx-grp-lst-type3.col-bd.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.nx-grp-lst-type3.col-bg.col2.col-mg1 > li:nth-child(-n+2), .nx-grp-lst-type3.col-bd.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col2.col-mg1 > li:nth-child(n+3), .nx-grp-lst-type3.col-bd.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: 1%;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col2.col-mg1 > li:nth-child(2n+1), .nx-grp-lst-type3.col-bd.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col2.col-mg2 > li, .nx-grp-lst-type3.col-bd.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.nx-grp-lst-type3.col-bg.col2.col-mg2 > li:nth-child(-n+2), .nx-grp-lst-type3.col-bd.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col2.col-mg2 > li:nth-child(n+3), .nx-grp-lst-type3.col-bd.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: 2%;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col2.col-mg2 > li:nth-child(2n+1), .nx-grp-lst-type3.col-bd.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col2.col-mg3 > li, .nx-grp-lst-type3.col-bd.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.nx-grp-lst-type3.col-bg.col2.col-mg3 > li:nth-child(-n+2), .nx-grp-lst-type3.col-bd.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col2.col-mg3 > li:nth-child(n+3), .nx-grp-lst-type3.col-bd.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: 4%;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col2.col-mg3 > li:nth-child(2n+1), .nx-grp-lst-type3.col-bd.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col2.col-mg4 > li, .nx-grp-lst-type3.col-bd.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.nx-grp-lst-type3.col-bg.col2.col-mg4 > li:nth-child(-n+2), .nx-grp-lst-type3.col-bd.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col2.col-mg4 > li:nth-child(n+3), .nx-grp-lst-type3.col-bd.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col2.col-mg4 > li:nth-child(2n+1), .nx-grp-lst-type3.col-bd.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col3.col-mg0 > li, .nx-grp-lst-type3.col-bd.col3.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 3);
  margin-left: 0px;
  float: left;
}
.nx-grp-lst-type3.col-bg.col3.col-mg0 > li:nth-child(-n+3), .nx-grp-lst-type3.col-bd.col3.col-mg0 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col3.col-mg0 > li:nth-child(n+4), .nx-grp-lst-type3.col-bd.col3.col-mg0 > li:nth-child(n+4) {
  margin-top: 0px;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col3.col-mg0 > li:nth-child(3n+1), .nx-grp-lst-type3.col-bd.col3.col-mg0 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col3.col-mg1 > li, .nx-grp-lst-type3.col-bd.col3.col-mg1 > li {
  width: calc((100% - 2% - 1px) / 3);
  margin-left: 1%;
  float: left;
}
.nx-grp-lst-type3.col-bg.col3.col-mg1 > li:nth-child(-n+3), .nx-grp-lst-type3.col-bd.col3.col-mg1 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col3.col-mg1 > li:nth-child(n+4), .nx-grp-lst-type3.col-bd.col3.col-mg1 > li:nth-child(n+4) {
  margin-top: 1%;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col3.col-mg1 > li:nth-child(3n+1), .nx-grp-lst-type3.col-bd.col3.col-mg1 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col3.col-mg2 > li, .nx-grp-lst-type3.col-bd.col3.col-mg2 > li {
  width: calc((100% - 4% - 1px) / 3);
  margin-left: 2%;
  float: left;
}
.nx-grp-lst-type3.col-bg.col3.col-mg2 > li:nth-child(-n+3), .nx-grp-lst-type3.col-bd.col3.col-mg2 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col3.col-mg2 > li:nth-child(n+4), .nx-grp-lst-type3.col-bd.col3.col-mg2 > li:nth-child(n+4) {
  margin-top: 2%;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col3.col-mg2 > li:nth-child(3n+1), .nx-grp-lst-type3.col-bd.col3.col-mg2 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col3.col-mg3 > li, .nx-grp-lst-type3.col-bd.col3.col-mg3 > li {
  width: calc((100% - 8% - 1px) / 3);
  margin-left: 4%;
  float: left;
}
.nx-grp-lst-type3.col-bg.col3.col-mg3 > li:nth-child(-n+3), .nx-grp-lst-type3.col-bd.col3.col-mg3 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col3.col-mg3 > li:nth-child(n+4), .nx-grp-lst-type3.col-bd.col3.col-mg3 > li:nth-child(n+4) {
  margin-top: 4%;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col3.col-mg3 > li:nth-child(3n+1), .nx-grp-lst-type3.col-bd.col3.col-mg3 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col3.col-mg4 > li, .nx-grp-lst-type3.col-bd.col3.col-mg4 > li {
  width: calc((100% - 12% - 1px) / 3);
  margin-left: 6%;
  float: left;
}
.nx-grp-lst-type3.col-bg.col3.col-mg4 > li:nth-child(-n+3), .nx-grp-lst-type3.col-bd.col3.col-mg4 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col3.col-mg4 > li:nth-child(n+4), .nx-grp-lst-type3.col-bd.col3.col-mg4 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col3.col-mg4 > li:nth-child(3n+1), .nx-grp-lst-type3.col-bd.col3.col-mg4 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col4.col-mg0 > li, .nx-grp-lst-type3.col-bd.col4.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 4);
  margin-left: 0px;
  float: left;
}
.nx-grp-lst-type3.col-bg.col4.col-mg0 > li:nth-child(-n+4), .nx-grp-lst-type3.col-bd.col4.col-mg0 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col4.col-mg0 > li:nth-child(n+5), .nx-grp-lst-type3.col-bd.col4.col-mg0 > li:nth-child(n+5) {
  margin-top: 0px;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col4.col-mg0 > li:nth-child(4n+1), .nx-grp-lst-type3.col-bd.col4.col-mg0 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col4.col-mg1 > li, .nx-grp-lst-type3.col-bd.col4.col-mg1 > li {
  width: calc((100% - 3% - 1px) / 4);
  margin-left: 1%;
  float: left;
}
.nx-grp-lst-type3.col-bg.col4.col-mg1 > li:nth-child(-n+4), .nx-grp-lst-type3.col-bd.col4.col-mg1 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col4.col-mg1 > li:nth-child(n+5), .nx-grp-lst-type3.col-bd.col4.col-mg1 > li:nth-child(n+5) {
  margin-top: 1%;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col4.col-mg1 > li:nth-child(4n+1), .nx-grp-lst-type3.col-bd.col4.col-mg1 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col4.col-mg2 > li, .nx-grp-lst-type3.col-bd.col4.col-mg2 > li {
  width: calc((100% - 6% - 1px) / 4);
  margin-left: 2%;
  float: left;
}
.nx-grp-lst-type3.col-bg.col4.col-mg2 > li:nth-child(-n+4), .nx-grp-lst-type3.col-bd.col4.col-mg2 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col4.col-mg2 > li:nth-child(n+5), .nx-grp-lst-type3.col-bd.col4.col-mg2 > li:nth-child(n+5) {
  margin-top: 2%;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col4.col-mg2 > li:nth-child(4n+1), .nx-grp-lst-type3.col-bd.col4.col-mg2 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col4.col-mg3 > li, .nx-grp-lst-type3.col-bd.col4.col-mg3 > li {
  width: calc((100% - 12% - 1px) / 4);
  margin-left: 4%;
  float: left;
}
.nx-grp-lst-type3.col-bg.col4.col-mg3 > li:nth-child(-n+4), .nx-grp-lst-type3.col-bd.col4.col-mg3 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col4.col-mg3 > li:nth-child(n+5), .nx-grp-lst-type3.col-bd.col4.col-mg3 > li:nth-child(n+5) {
  margin-top: 4%;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col4.col-mg3 > li:nth-child(4n+1), .nx-grp-lst-type3.col-bd.col4.col-mg3 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg.col4.col-mg4 > li, .nx-grp-lst-type3.col-bd.col4.col-mg4 > li {
  width: calc((100% - 18% - 1px) / 4);
  margin-left: 6%;
  float: left;
}
.nx-grp-lst-type3.col-bg.col4.col-mg4 > li:nth-child(-n+4), .nx-grp-lst-type3.col-bd.col4.col-mg4 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col4.col-mg4 > li:nth-child(n+5), .nx-grp-lst-type3.col-bd.col4.col-mg4 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.nx-grp-lst-type3.col-bg.col4.col-mg4 > li:nth-child(4n+1), .nx-grp-lst-type3.col-bd.col4.col-mg4 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-grp-lst-type3.col-bg li a {
  background: #f5f5f5;
}
.nx-grp-lst-type3.col-bg li a .img-wrap1 + .txt-wrap {
  margin-top: 0;
}
.nx-grp-lst-type3.col-bg li a .txt-wrap {
  padding: 20px;
}
.nx-grp-lst-type3.col-pd5.col-bg li a .img-wrap1 + .txt-wrap, .nx-grp-lst-type3.col-pd10.col-bg li a .img-wrap1 + .txt-wrap, .nx-grp-lst-type3.col-pd15.col-bg li a .img-wrap1 + .txt-wrap, .nx-grp-lst-type3.col-pd20.col-bg li a .img-wrap1 + .txt-wrap {
  margin-top: 15px;
}
.nx-grp-lst-type3.col-pd5.col-bg li a .txt-wrap, .nx-grp-lst-type3.col-pd10.col-bg li a .txt-wrap, .nx-grp-lst-type3.col-pd15.col-bg li a .txt-wrap, .nx-grp-lst-type3.col-pd20.col-bg li a .txt-wrap {
  padding: 0;
}
.nx-grp-lst-type3.col-bd li a {
  border: 1px solid #e1e1e1;
}
.nx-grp-lst-type3.col-bd li a .img-wrap1 + .txt-wrap {
  margin-top: 0;
  border-top: 1px solid #e1e1e1;
}
.nx-grp-lst-type3.col-bd li a .txt-wrap {
  padding: 20px;
}
.nx-grp-lst-type3.col-pd5.col-bd li a .img-wrap1 + .txt-wrap, .nx-grp-lst-type3.col-pd10.col-bd li a .img-wrap1 + .txt-wrap, .nx-grp-lst-type3.col-pd15.col-bd li a .img-wrap1 + .txt-wrap, .nx-grp-lst-type3.col-pd20.col-bd li a .img-wrap1 + .txt-wrap {
  margin-top: 15px;
  border-top: none;
}
.nx-grp-lst-type3.col-pd5.col-bd li a .txt-wrap, .nx-grp-lst-type3.col-pd10.col-bd li a .txt-wrap, .nx-grp-lst-type3.col-pd15.col-bd li a .txt-wrap, .nx-grp-lst-type3.col-pd20.col-bd li a .txt-wrap {
  padding: 0;
}
.nx-grp-lst-type3.col-pd5 li a {
  padding: 5px;
}
.nx-grp-lst-type3.col-pd10 li a {
  padding: 10px;
}
.nx-grp-lst-type3.col-pd15 li a {
  padding: 15px;
}
.nx-grp-lst-type3.col-pd20 li a {
  padding: 20px;
}
.nx-grp-lst-type3.img-pd5 .img-wrap1 {
  padding: 5px;
}
.nx-grp-lst-type3.img-pd10 .img-wrap1 {
  padding: 10px;
}
.nx-grp-lst-type3.img-pd15 .img-wrap1 {
  padding: 15px;
}
.nx-grp-lst-type3.img-pd20 .img-wrap1 {
  padding: 20px;
}
.nx-grp-lst-type3.img-1x1 .img-wrap2 {
  padding-bottom: 100%;
}
.nx-grp-lst-type3.img-4x3 .img-wrap2 {
  padding-bottom: 75%;
}
.nx-grp-lst-type3.img-3x4 .img-wrap2 {
  padding-bottom: 125%;
}
.nx-grp-lst-type3.col-rd1 li a {
  border-radius: 4px;
}
.nx-grp-lst-type3.col-rd2 li a {
  border-radius: 8px;
}
.nx-grp-lst-type3.col-rd3 li a {
  border-radius: 16px;
}
.nx-grp-lst-type3.img-rd1 .img-wrap1, .nx-grp-lst-type3.img-rd1 .img-wrap2 {
  border-radius: 4px;
}
.nx-grp-lst-type3.img-rd2 .img-wrap1, .nx-grp-lst-type3.img-rd2 .img-wrap2 {
  border-radius: 8px;
}
.nx-grp-lst-type3.img-rd3 .img-wrap1, .nx-grp-lst-type3.img-rd3 .img-wrap2 {
  border-radius: 16px;
}
.nx-grp-lst-type3.img-1x1.img-rd4 .img-wrap1, .nx-grp-lst-type3.img-1x1.img-rd4 .img-wrap2 {
  border-radius: 50%;
}

/* 상세페이지 */
.nx-grp-read-wrap:after {
  content: "";
  clear: both;
  display: block;
}
.nx-grp-read-wrap .left-wrap {
  float: left;
  width: 300px;
}
.nx-grp-read-wrap .left-wrap .profile {
  position: relative;
  padding-bottom: 50px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.nx-grp-read-wrap .left-wrap .profile .img-wrap {
  overflow: hidden;
  width: 250px;
  margin: 30px auto;
  border-radius: 4px;
}
.nx-grp-read-wrap .left-wrap .profile .img-wrap .img {
  display: block;
}
.nx-grp-read-wrap .left-wrap .profile .img-wrap .img img {
  display: block;
}
.nx-grp-read-wrap .left-wrap .profile .tit {
  padding: 0 30px;
  font-size: 20px;
  color: #000;
  line-height: 1.5;
  text-align: center;
  font-weight: 700;
}
.nx-grp-read-wrap .left-wrap .profile .msg {
  padding: 0 30px;
  margin-top: 20px;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
  text-align: center;
}
.nx-grp-read-wrap .left-wrap .profile .like-wrap {
  margin-top: 20px;
  text-align: center;
}
.nx-grp-read-wrap .left-wrap .profile .like-wrap .like {
  overflow: hidden;
  display: inline-block;
  width: 110px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.nx-grp-read-wrap .left-wrap .profile .like-wrap .like .ico_heart {
  float: left;
  display: block;
  width: 45px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  color: #ccc;
  text-align: center;
  background: #f5f5f5;
  transition: 0.3s ease all;
}
.nx-grp-read-wrap .left-wrap .profile .like-wrap .like .num {
  position: relative;
  float: left;
  display: block;
  width: calc(100% - 45px);
  height: 30px;
  line-height: 30px;
  color: #000;
  text-align: center;
  background: #fff;
}
.nx-grp-read-wrap .left-wrap .profile .like-wrap .like .num:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 7px solid #f5f5f5;
  transition: 0.3s ease all;
}
.nx-grp-read-wrap .left-wrap .profile .like-wrap .like.aon {
  border: 1px solid #3361B3;
}
.nx-grp-read-wrap .left-wrap .profile .like-wrap .like.aon .ico_heart {
  color: #fff;
  background: #3361B3;
}
.nx-grp-read-wrap .left-wrap .profile .like-wrap .like.aon .num:after {
  border-left: 7px solid #3361B3;
}
.nx-grp-read-wrap .left-wrap .profile .sett {
  font-size: 24px;
  color: #3361B3;
}
.nx-grp-read-wrap .left-wrap .profile .bookmark {
  position: absolute;
  top: -15px;
  left: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  color: #aaa;
  background: #eee;
  border-radius: 4px 4px 0 0;
  transition: 0.3s ease all;
}
.nx-grp-read-wrap .left-wrap .profile .bookmark:after {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  width: 0;
  height: 0;
  border-right: 15px solid #eee;
  border-left: 15px solid #eee;
  border-bottom: 7px solid transparent;
  transition: 0.3s ease all;
}
.nx-grp-read-wrap .left-wrap .profile .bookmark.aon {
  color: #fff;
  background: #3361B3;
}
.nx-grp-read-wrap .left-wrap .profile .bookmark.aon:after {
  border-right: 15px solid #3361B3;
  border-left: 15px solid #3361B3;
}
.nx-grp-read-wrap .left-wrap .sect {
  margin-top: 30px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.nx-grp-read-wrap .left-wrap .sect > .top {
  position: relative;
  overflow: hidden;
  padding: 15px 30px;
}
.nx-grp-read-wrap .left-wrap .sect > .top .tit {
  float: left;
  font-size: 18px;
  color: #000;
  line-height: 30px;
}
.nx-grp-read-wrap .left-wrap .sect > .top .fold {
  display: none;
}
.nx-grp-read-wrap .left-wrap .sect > .ct {
  border-top: 1px solid #ddd;
}
.nx-grp-read-wrap .left-wrap .sect .nav {
  padding: 30px;
}
.nx-grp-read-wrap .left-wrap .sect .nav li {
  margin-top: 30px;
}
.nx-grp-read-wrap .left-wrap .sect .nav li:first-child {
  margin-top: 0;
}
.nx-grp-read-wrap .left-wrap .sect .nav li a {
  display: block;
  font-size: 16px;
  color: #222;
}
.nx-grp-read-wrap .left-wrap .sect .nav li a:hover, .nx-grp-read-wrap .left-wrap .sect .nav li a.aon {
  color: #5C99DE;
}
.nx-grp-read-wrap .left-wrap .sect .memb li a {
  overflow: hidden;
  display: block;
  padding: 15px 30px;
}
.nx-grp-read-wrap .left-wrap .sect .memb li a:hover, .nx-grp-read-wrap .left-wrap .sect .memb li a.aon {
  background: #F7FBFB;
}
.nx-grp-read-wrap .left-wrap .sect .memb li a .img {
  float: left;
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.nx-grp-read-wrap .left-wrap .sect .memb li a .img ~ .txt-wrap1 {
  float: right;
  width: calc(100% - 75px);
  min-height: 62px;
}
.nx-grp-read-wrap .left-wrap .sect .memb li a .txt-wrap1 {
  display: table;
  width: 100%;
}
.nx-grp-read-wrap .left-wrap .sect .memb li a .txt-wrap2 {
  display: table-cell;
  vertical-align: middle;
}
.nx-grp-read-wrap .left-wrap .sect .memb li a .pos {
  font-size: 14px;
  color: #5C99DE;
  line-height: 1.5;
}
.nx-grp-read-wrap .left-wrap .sect .memb li a .id {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
.nx-grp-read-wrap .left-wrap .sect .memb-more {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #666;
  text-align: center;
  background: #ededed;
}
.nx-grp-read-wrap .right-wrap {
  float: right;
  width: calc(100% - 340px);
  padding: 30px 0 30px 40px;
}
.nx-grp-read-wrap .right-wrap > .top {
  padding-bottom: 20px;
  margin-bottom: 50px;
  border-bottom: 1px solid #212121;
}
.nx-grp-read-wrap .right-wrap > .top .tit {
  font-size: 20px;
  color: #222;
}
.nx-grp-read-wrap .right-wrap > .ct .main-tit {
  margin: 50px 0 20px;
  font-size: 16px;
  color: #222;
}
.nx-grp-read-wrap .right-wrap > .ct .main-tit:first-child {
  margin-top: 0;
}

/* Grp 북마크 및 좋아요 독립 사용. */
.like-wrap.grp-only {
  padding: 30px;
  text-align: center;
  box-sizing: border-box;
}
.like-wrap.grp-only .like {
  overflow: hidden;
  display: inline-block;
  width: 110px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.like-wrap.grp-only .like .ico_heart {
  float: left;
  display: block;
  width: 45px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  color: #ccc;
  text-align: center;
  background: #f5f5f5;
  transition: 0.3s ease all;
}
.like-wrap.grp-only .like .num {
  position: relative;
  float: left;
  display: block;
  width: calc(100% - 45px);
  height: 30px;
  line-height: 30px;
  color: #000;
  text-align: center;
  background: #fff;
}
.like-wrap.grp-only .like .num:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 7px solid #f5f5f5;
  transition: 0.3s ease all;
}
.like-wrap.grp-only .like.aon {
  border: 1px solid #3361B3;
}
.like-wrap.grp-only .like.aon .ico_heart {
  color: #fff;
  background: #3361B3;
}
.like-wrap.grp-only .like.aon .num:after {
  border-left: 7px solid #3361B3;
}

.bookmark.grp-only {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  color: #aaa;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 50%;
  transition: 0.3s ease all;
}
.bookmark.grp-only.aon {
  color: #fff;
  background: #3361B3;
  border: 1px solid #3361B3;
}

/* 게시판 */
.nx-grp-bbs-wrap {
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #DDD;
  box-shadow: 1px 1px 2px 1px #EEE;
  box-sizing: border-box;
}
.nx-grp-bbs-wrap:after {
  content: "";
  clear: both;
  display: block;
}
.nx-grp-bbs-wrap .item {
  position: relative;
  padding: 15px 30px 0px 30px;
  background: #FFF;
}
.nx-grp-bbs-wrap .item .profile {
  position: absolute;
  top: 30px;
  left: 30px;
  max-width: 50px;
  max-height: 50px;
  border-radius: 15em;
  overflow: hidden;
  border: 1px solid #ddd;
}
.nx-grp-bbs-wrap .item .profile ~ .txt {
  padding-left: 60px;
}
.nx-grp-bbs-wrap .item .profile ~ .txt .date {
  left: 90px;
}
.nx-grp-bbs-wrap .item .txt {
  padding: 30px 0 60px;
  box-sizing: border-box;
}
.nx-grp-bbs-wrap .item .name {
  margin-bottom: 10px;
  color: #666;
}
.nx-grp-bbs-wrap .item .ct {
  padding: 15px 0 50px;
  line-height: 1.5;
  color: #222;
}
.nx-grp-bbs-wrap .item .tit {
  font-size: 16px;
  color: #222;
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.nx-grp-bbs-wrap .item .date {
  position: absolute;
  left: 30px;
  bottom: 20px;
  color: #888888;
}
.nx-grp-bbs-wrap .item .comment-info {
  padding-left: 25px;
  position: absolute;
  bottom: 20px;
  right: 30px;
  height: 20px;
  background-image: url(../imgs/gcomm/comment.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  color: #3462B4;
}
.nx-grp-bbs-wrap .cmt {
  position: relative;
  padding: 15px 20px 0px 20px;
  background: #F1F1F1;
}
.nx-grp-bbs-wrap .cmt:last-child .txt {
  border-bottom: 0;
}
.nx-grp-bbs-wrap .cmt .profile {
  position: absolute;
  top: 30px;
  left: 30px;
  max-width: 50px;
  max-height: 50px;
}
.nx-grp-bbs-wrap .cmt .txt {
  padding: 30px;
  padding-left: 60px;
  padding-bottom: 60px;
  box-sizing: border-box;
  border-bottom: 1px solid #DDDDDD;
}
.nx-grp-bbs-wrap .cmt .name {
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666666;
}
.nx-grp-bbs-wrap .cmt .ct {
  padding: 15px 0 50px;
  line-height: 1.5;
}
.nx-grp-bbs-wrap .cmt .tit {
  width: calc(100% - 130px);
  color: #222;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.nx-grp-bbs-wrap .cmt .date {
  position: absolute;
  right: 30px;
  bottom: 60px;
  color: #888888;
}
.nx-grp-bbs-wrap + .btn-wrap {
  padding: 50px 0;
}

.nx-grp-bbs-line {
  width: 60px;
  height: 40px;
  border-right: 1px solid #DDD;
}

.nx-grp-bbs-more {
  border-radius: 35px;
  text-align: center;
  padding: 10px 20px;
  font-size: 16px;
  background: #5B99DD;
  color: #FFF;
  box-sizing: border-box;
}

.nx-grp-cmt-area.cmt_area .comment .cmt_wrap .cmt_lst .cmt {
  margin: 0 20px 0 60px;
}
.nx-grp-cmt-area.cmt_area .comment .cmt_wrap .cmt_lst .cmt .profile_img {
  border-radius: 15em;
  overflow: hidden;
  border: 1px solid #DDD;
  box-sizing: border-box;
}
.nx-grp-cmt-area.cmt_area .comment .cmt_wrap .cmt_lst .cmt .profile_img img {
  width: 40px;
  height: 40px;
}

.nx-grp-feed-wrap {
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #ddd;
  box-shadow: 1px 1px 2px 1px #eee;
  box-sizing: border-box;
}
.nx-grp-feed-wrap:after {
  content: "";
  clear: both;
  display: block;
}
.nx-grp-feed-wrap .item {
  position: relative;
  background: #fff;
}
.nx-grp-feed-wrap .item .top {
  overflow: hidden;
  padding: 30px;
  border-bottom: 1px solid #ddd;
}
.nx-grp-feed-wrap .item .top .tit {
  float: left;
  font-size: 24px;
  font-weight: 700;
  color: #222;
}
.nx-grp-feed-wrap .item .top .bookmark {
  float: right;
  margin: 5px 0 0 20px;
  color: #3462b4;
  font-size: 18px;
}
.nx-grp-feed-wrap .item .top .bookmark .num {
  font-size: 15px;
}
.nx-grp-feed-wrap .item .txt {
  position: relative;
  padding: 30px;
}
.nx-grp-feed-wrap .item .txt .profile {
  position: absolute;
  top: 30px;
  left: 30px;
  max-width: 50px;
  max-height: 50px;
  border-radius: 15em;
  overflow: hidden;
  border: 1px solid #ddd;
}
.nx-grp-feed-wrap .item .txt .profile ~ .name, .nx-grp-feed-wrap .item .txt .profile ~ .tit, .nx-grp-feed-wrap .item .txt .profile ~ .ct, .nx-grp-feed-wrap .item .txt .profile ~ .btm {
  margin-left: 60px;
}
.nx-grp-feed-wrap .item .txt .img {
  position: absolute;
  top: 30px;
  right: 30px;
}
.nx-grp-feed-wrap .item .txt .img img {
  display: block;
}
.nx-grp-feed-wrap .item .txt .img ~ .name, .nx-grp-feed-wrap .item .txt .img ~ .tit, .nx-grp-feed-wrap .item .txt .img ~ .ct {
  padding-right: 165px;
}
.nx-grp-feed-wrap .item .txt .name {
  margin-bottom: 10px;
  color: #666;
}
.nx-grp-feed-wrap .item .txt .tit {
  font-size: 16px;
  color: #222;
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.nx-grp-feed-wrap .item .txt .ct {
  padding: 15px 0 50px;
  line-height: 1.5;
  color: #222;
}
.nx-grp-feed-wrap .item .txt .btm {
  overflow: hidden;
  padding-top: 15px;
  border-top: 1px solid #ddd;
}
.nx-grp-feed-wrap .item .txt .btm .date {
  float: left;
  color: #888888;
}
.nx-grp-feed-wrap .item .txt .btm .comment-info {
  float: right;
  padding-left: 25px;
  height: 20px;
  background-image: url(../imgs/gcomm/comment.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  color: #3462B4;
}
.nx-grp-feed-wrap + .btn-wrap {
  padding: 50px 0;
}

/* 멤버관리 */
.nx-grp-memb-lst {
  width: 100%;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.nx-grp-memb-lst > thead > tr > th {
  padding: 12px 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.nx-grp-memb-lst > tbody > tr > td {
  border-top: 1px solid #e1e1e1;
  padding: 12px 0;
  text-align: center;
  font-size: 14px;
  color: #666;
}
.nx-grp-memb-lst > tbody > tr > td .img {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  vertical-align: middle;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.nx-grp-memb-lst > tbody > tr > td .link {
  display: inline-block;
  width: 50px;
  padding: 3px 0;
  color: #3462b4;
  text-align: center;
  border: 1px solid #3462b4;
  border-radius: 4px;
  transition: 0.3s ease all;
}
.nx-grp-memb-lst > tbody > tr > td .link:hover, .nx-grp-memb-lst > tbody > tr > td .link.aon {
  color: #fff;
  background: #3462b4;
}

/* 검색창 */
.nx-grp-sch-box {
  position: relative;
  min-height: 30px;
  padding: 0 120px 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #cbcbcb;
}
.nx-grp-sch-box .sch_btn {
  position: absolute;
  right: 0;
  bottom: 50%;
  width: 100px;
  height: 30px;
  margin-bottom: -15px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  background: #61779D;
}
.nx-grp-sch-box .view_all {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 100px;
  height: 30px;
  margin-top: -32px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  background: #acacac;
}
.nx-grp-sch-box .view_all + .sch_btn {
  margin-bottom: -32px;
}
.nx-grp-sch-box .sch_opt1 {
  display: table;
  width: 100%;
  min-height: 50px;
}
.nx-grp-sch-box .sch_opt1 .sch_opt2 {
  display: table-cell;
  padding-top: 5px;
  vertical-align: middle;
}
.nx-grp-sch-box .sch_opt1 .sch_opt2 > .sch_ipt {
  display: inline-block;
  width: 100%;
}
.nx-grp-sch-box .sch_opt1 .sch_opt2 > .sch_ipt, .nx-grp-sch-box .sch_opt1 .sch_opt2 > [class*=slt] {
  margin-bottom: 5px;
  vertical-align: bottom !important;
}
.nx-grp-sch-box .sch_opt1 .sch_opt2 > .sch_ipt:nth-last-child(n+2), .nx-grp-sch-box .sch_opt1 .sch_opt2 > [class*=slt]:nth-last-child(n+2) {
  margin-right: 10px;
}
.nx-grp-sch-box .sch_opt1 .sch_opt2 > .sch_term {
  display: inline-block;
  width: 394px;
  margin-bottom: 5px;
  vertical-align: bottom !important;
}
.nx-grp-sch-box .sch_opt1 .sch_opt2 > .sch_term:nth-last-child(n+2) {
  margin-right: 10px;
}
.nx-grp-sch-box .sch_opt1 .sch_opt2 > .sch_term .tilde {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}
.nx-grp-sch-box .sch_opt1 .sch_opt2 > [data-tit] {
  position: relative;
  margin-top: 20px;
}
.nx-grp-sch-box .sch_opt1 .sch_opt2 > [data-tit]:before {
  content: attr(data-tit);
  display: block;
  position: absolute;
  top: -22px;
  left: 0;
  line-height: 20px;
  font-size: 14px;
  color: #444;
}

/* 태블릿 */
@media only screen and (max-width: 1023px) {
  .nx-grp-lst-type3.col4.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 3);
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col4.col-mg0 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-mg0 > li:nth-child(n+4) {
    margin-top: 0px;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-mg0 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col4.col-mg0 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4.col-mg1 > li {
    width: calc((100% - 2% - 1px) / 3);
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col4.col-mg1 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-mg1 > li:nth-child(n+4) {
    margin-top: 3%;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-mg1 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col4.col-mg1 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4.col-mg2 > li {
    width: calc((100% - 4% - 1px) / 3);
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col4.col-mg2 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-mg2 > li:nth-child(n+4) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-mg2 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col4.col-mg2 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4.col-mg3 > li {
    width: calc((100% - 8% - 1px) / 3);
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col4.col-mg3 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-mg3 > li:nth-child(n+4) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-mg3 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col4.col-mg3 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4.col-mg4 > li {
    width: calc((100% - 12% - 1px) / 3);
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col4.col-mg4 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-mg4 > li:nth-child(n+4) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-mg4 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col4.col-mg4 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg0 > li, .nx-grp-lst-type3.col4.col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 3);
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg0 > li:nth-child(-n+3), .nx-grp-lst-type3.col4.col-bd.col-mg0 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg0 > li:nth-child(n+4), .nx-grp-lst-type3.col4.col-bd.col-mg0 > li:nth-child(n+4) {
    margin-top: 0px;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg0 > li:nth-child(4n+1), .nx-grp-lst-type3.col4.col-bd.col-mg0 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg0 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bd.col-mg0 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg1 > li, .nx-grp-lst-type3.col4.col-bd.col-mg1 > li {
    width: calc((100% - 2% - 1px) / 3);
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg1 > li:nth-child(-n+3), .nx-grp-lst-type3.col4.col-bd.col-mg1 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg1 > li:nth-child(n+4), .nx-grp-lst-type3.col4.col-bd.col-mg1 > li:nth-child(n+4) {
    margin-top: 1%;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg1 > li:nth-child(4n+1), .nx-grp-lst-type3.col4.col-bd.col-mg1 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg1 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bd.col-mg1 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg2 > li, .nx-grp-lst-type3.col4.col-bd.col-mg2 > li {
    width: calc((100% - 4% - 1px) / 3);
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg2 > li:nth-child(-n+3), .nx-grp-lst-type3.col4.col-bd.col-mg2 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg2 > li:nth-child(n+4), .nx-grp-lst-type3.col4.col-bd.col-mg2 > li:nth-child(n+4) {
    margin-top: 2%;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg2 > li:nth-child(4n+1), .nx-grp-lst-type3.col4.col-bd.col-mg2 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg2 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bd.col-mg2 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg3 > li, .nx-grp-lst-type3.col4.col-bd.col-mg3 > li {
    width: calc((100% - 8% - 1px) / 3);
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg3 > li:nth-child(-n+3), .nx-grp-lst-type3.col4.col-bd.col-mg3 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg3 > li:nth-child(n+4), .nx-grp-lst-type3.col4.col-bd.col-mg3 > li:nth-child(n+4) {
    margin-top: 4%;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg3 > li:nth-child(4n+1), .nx-grp-lst-type3.col4.col-bd.col-mg3 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg3 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bd.col-mg3 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg4 > li, .nx-grp-lst-type3.col4.col-bd.col-mg4 > li {
    width: calc((100% - 12% - 1px) / 3);
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg4 > li:nth-child(-n+3), .nx-grp-lst-type3.col4.col-bd.col-mg4 > li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg4 > li:nth-child(n+4), .nx-grp-lst-type3.col4.col-bd.col-mg4 > li:nth-child(n+4) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg4 > li:nth-child(4n+1), .nx-grp-lst-type3.col4.col-bd.col-mg4 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col4.col-bg.col-mg4 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bd.col-mg4 > li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-read-wrap .left-wrap {
    float: none;
    width: 100%;
  }
  .nx-grp-read-wrap .left-wrap .profile {
    padding: 20px;
  }
  .nx-grp-read-wrap .left-wrap .profile:after {
    content: "";
    clear: both;
    display: block;
  }
  .nx-grp-read-wrap .left-wrap .profile .img-wrap {
    float: left;
    margin: 0;
  }
  .nx-grp-read-wrap .left-wrap .profile .txt-wrap {
    float: left;
    width: calc(100% - 270px);
    margin-left: 20px;
    box-sizing: border-box;
  }
  .nx-grp-read-wrap .left-wrap .profile .tit {
    padding: 0;
    text-align: left;
  }
  .nx-grp-read-wrap .left-wrap .profile .msg {
    padding: 0;
    text-align: left;
  }
  .nx-grp-read-wrap .left-wrap .profile .like-wrap {
    text-align: left;
  }
  .nx-grp-read-wrap .left-wrap .profile .bookmark {
    left: auto;
    right: 10px;
  }
  .nx-grp-read-wrap .left-wrap .sect > .top .fold {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    font-size: 16px;
    color: #000;
    line-height: 60px;
    text-align: center;
  }
  .nx-grp-read-wrap .left-wrap .sect > .top .fold + * {
    margin-right: 30px;
  }
  .nx-grp-read-wrap .left-wrap .sect > .ct {
    display: none;
  }
  .nx-grp-read-wrap .right-wrap {
    float: none;
    width: 100%;
    padding: 0;
    margin-top: 50px;
  }
  .general_wrap {
    padding: 10px;
  }
  .general_wrap > .top .opt_btn {
    top: 10px;
  }
  .general_wrap > .ct .preview {
    max-width: none;
  }
}
/* 모바일가로 */
@media only screen and (max-width: 759px) {
  .general_wrap > .top .opt_wrap .text_opt {
    padding: 10px 0;
    margin-top: 0;
    border-top: 1px solid #e1e1e1;
  }
  .general_wrap > .top .opt_wrap .text_opt:first-child {
    border-top: none;
  }
  .general_wrap > .top .opt_wrap .text_opt dt {
    position: static;
    line-height: 150%;
    margin-bottom: 10px;
  }
  .general_wrap > .top .opt_wrap .text_opt dd {
    margin-left: 10px;
  }
  .general_wrap > .top .opt_wrap .half .text_opt {
    float: none;
    width: auto;
    border-top: 1px solid #e1e1e1;
  }
  /* 검색창 */
  .nx-grp-sch-box .sch_opt1 .sch_opt2 > .sch_ipt {
    max-width: none !important;
  }
  .nx-grp-sch-box .sch_opt1 .sch_opt2 > .sch_ipt[data-tit] {
    width: calc(100% - 85px);
  }
  .nx-grp-sch-box .sch_opt1 .sch_opt2 > .sch_term {
    width: none !important;
  }
  .nx-grp-sch-box .sch_opt1 .sch_opt2 > .sch_term[data-tit] {
    width: calc(100% - 85px);
  }
  .nx-grp-sch-box .sch_opt1 .sch_opt2 > .sch_term input[type=text] {
    max-width: calc(100% - 30px) !important;
  }
  .nx-grp-sch-box .sch_opt1 .sch_opt2 > .sch_term .tilde {
    display: block;
  }
  .nx-grp-sch-box .sch_opt1 .sch_opt2 > [class*=slt] {
    width: 100%;
  }
  .nx-grp-sch-box .sch_opt1 .sch_opt2 > [class*=slt][data-tit] {
    width: calc(100% - 85px);
  }
  .nx-grp-sch-box .sch_opt1 .sch_opt2 > [class*=slt] select {
    width: 100%;
    min-width: 0 !important;
  }
  .nx-grp-sch-box .sch_opt1 .sch_opt2 [data-tit] {
    margin-top: 0;
    margin-left: 85px;
  }
  .nx-grp-sch-box .sch_opt1 .sch_opt2 [data-tit]:before {
    top: 0;
    left: -85px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 639px) {
  .nx-grp-lst-type3.col3.col-mg0 > li, .nx-grp-lst-type3.col4.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col3.col-mg0 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-mg0 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-mg0 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col3.col-mg0 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-mg1 > li, .nx-grp-lst-type3.col4.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col3.col-mg1 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-mg1 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-mg1 > li:nth-child(n+3) {
    margin-top: 3%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-mg1 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col3.col-mg1 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-mg2 > li, .nx-grp-lst-type3.col4.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col3.col-mg2 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-mg2 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-mg2 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-mg2 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col3.col-mg2 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-mg3 > li, .nx-grp-lst-type3.col4.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col3.col-mg3 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-mg3 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-mg3 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-mg3 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col3.col-mg3 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-mg4 > li, .nx-grp-lst-type3.col4.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col3.col-mg4 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-mg4 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-mg4 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col3.col-mg4 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg0 > li, .nx-grp-lst-type3.col3.col-bd.col-mg0 > li, .nx-grp-lst-type3.col4.col-bg.col-mg0 > li, .nx-grp-lst-type3.col4.col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg0 > li:nth-child(-n+2), .nx-grp-lst-type3.col3.col-bd.col-mg0 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-bg.col-mg0 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-bd.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg0 > li:nth-child(n+3), .nx-grp-lst-type3.col3.col-bd.col-mg0 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-bg.col-mg0 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-bd.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg0 > li:nth-child(3n+1), .nx-grp-lst-type3.col3.col-bd.col-mg0 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bg.col-mg0 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bd.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg0 > li:nth-child(2n+1), .nx-grp-lst-type3.col3.col-bd.col-mg0 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-bg.col-mg0 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-bd.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg1 > li, .nx-grp-lst-type3.col3.col-bd.col-mg1 > li, .nx-grp-lst-type3.col4.col-bg.col-mg1 > li, .nx-grp-lst-type3.col4.col-bd.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg1 > li:nth-child(-n+2), .nx-grp-lst-type3.col3.col-bd.col-mg1 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-bg.col-mg1 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-bd.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg1 > li:nth-child(n+3), .nx-grp-lst-type3.col3.col-bd.col-mg1 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-bg.col-mg1 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-bd.col-mg1 > li:nth-child(n+3) {
    margin-top: 1%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg1 > li:nth-child(3n+1), .nx-grp-lst-type3.col3.col-bd.col-mg1 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bg.col-mg1 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bd.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg1 > li:nth-child(2n+1), .nx-grp-lst-type3.col3.col-bd.col-mg1 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-bg.col-mg1 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-bd.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg2 > li, .nx-grp-lst-type3.col3.col-bd.col-mg2 > li, .nx-grp-lst-type3.col4.col-bg.col-mg2 > li, .nx-grp-lst-type3.col4.col-bd.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg2 > li:nth-child(-n+2), .nx-grp-lst-type3.col3.col-bd.col-mg2 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-bg.col-mg2 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-bd.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg2 > li:nth-child(n+3), .nx-grp-lst-type3.col3.col-bd.col-mg2 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-bg.col-mg2 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-bd.col-mg2 > li:nth-child(n+3) {
    margin-top: 2%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg2 > li:nth-child(3n+1), .nx-grp-lst-type3.col3.col-bd.col-mg2 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bg.col-mg2 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bd.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg2 > li:nth-child(2n+1), .nx-grp-lst-type3.col3.col-bd.col-mg2 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-bg.col-mg2 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-bd.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg3 > li, .nx-grp-lst-type3.col3.col-bd.col-mg3 > li, .nx-grp-lst-type3.col4.col-bg.col-mg3 > li, .nx-grp-lst-type3.col4.col-bd.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg3 > li:nth-child(-n+2), .nx-grp-lst-type3.col3.col-bd.col-mg3 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-bg.col-mg3 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-bd.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg3 > li:nth-child(n+3), .nx-grp-lst-type3.col3.col-bd.col-mg3 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-bg.col-mg3 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-bd.col-mg3 > li:nth-child(n+3) {
    margin-top: 4%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg3 > li:nth-child(3n+1), .nx-grp-lst-type3.col3.col-bd.col-mg3 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bg.col-mg3 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bd.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg3 > li:nth-child(2n+1), .nx-grp-lst-type3.col3.col-bd.col-mg3 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-bg.col-mg3 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-bd.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg4 > li, .nx-grp-lst-type3.col3.col-bd.col-mg4 > li, .nx-grp-lst-type3.col4.col-bg.col-mg4 > li, .nx-grp-lst-type3.col4.col-bd.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg4 > li:nth-child(-n+2), .nx-grp-lst-type3.col3.col-bd.col-mg4 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-bg.col-mg4 > li:nth-child(-n+2), .nx-grp-lst-type3.col4.col-bd.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg4 > li:nth-child(n+3), .nx-grp-lst-type3.col3.col-bd.col-mg4 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-bg.col-mg4 > li:nth-child(n+3), .nx-grp-lst-type3.col4.col-bd.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg4 > li:nth-child(3n+1), .nx-grp-lst-type3.col3.col-bd.col-mg4 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bg.col-mg4 > li:nth-child(3n+1), .nx-grp-lst-type3.col4.col-bd.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col3.col-bg.col-mg4 > li:nth-child(2n+1), .nx-grp-lst-type3.col3.col-bd.col-mg4 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-bg.col-mg4 > li:nth-child(2n+1), .nx-grp-lst-type3.col4.col-bd.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type1 li a {
    display: block;
    width: auto;
  }
  .nx-grp-lst-type1 li a .img-wrap1 {
    display: block;
    width: auto;
    padding-bottom: 0;
    margin: 0 auto;
  }
  .nx-grp-lst-type1 li a .txt-wrap {
    display: block;
    padding: 20px 0;
  }
}
@media only screen and (max-width: 639px) {
  .nx-grp-read-wrap .left-wrap .profile .img-wrap {
    width: 80px;
  }
  .nx-grp-read-wrap .left-wrap .profile .txt-wrap {
    width: calc(100% - 100px);
  }
}
@media only screen and (max-width: 459px) {
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg0 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg0 > li, .nx-grp-lst-type2.col2.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg0 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg0 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg0 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg0 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg0 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg0 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-mg0 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg0 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg0 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg1 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg1 > li, .nx-grp-lst-type2.col2.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg1 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg1 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg1 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg1 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-mg1 > li:nth-child(n+2) {
    margin-top: 3%;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg1 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg1 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-mg1 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg1 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg1 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg2 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg2 > li, .nx-grp-lst-type2.col2.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg2 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg2 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg2 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg2 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-mg2 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg2 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg2 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-mg2 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg2 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg2 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg3 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg3 > li, .nx-grp-lst-type2.col2.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg3 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg3 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg3 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg3 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-mg3 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg3 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg3 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-mg3 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg3 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg3 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg4 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg4 > li, .nx-grp-lst-type2.col2.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg4 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg4 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg4 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg4 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg4 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg4 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-mg4 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-mg4 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-mg4 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg0 > li, .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg0 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg0 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg0 > li, .nx-grp-lst-type2.col2.col-bg.col-mg0 > li, .nx-grp-lst-type2.col2.col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(-n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-bg.col-mg0 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-bd.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(n+2), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-bg.col-mg0 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-bd.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(2n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-bg.col-mg0 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-bd.col-mg0 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(1n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-bg.col-mg0 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-bd.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg1 > li, .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg1 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg1 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg1 > li, .nx-grp-lst-type2.col2.col-bg.col-mg1 > li, .nx-grp-lst-type2.col2.col-bd.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(-n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-bg.col-mg1 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-bd.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(n+2), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-bg.col-mg1 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-bd.col-mg1 > li:nth-child(n+2) {
    margin-top: 1%;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(2n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-bg.col-mg1 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-bd.col-mg1 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(1n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-bg.col-mg1 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-bd.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg2 > li, .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg2 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg2 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg2 > li, .nx-grp-lst-type2.col2.col-bg.col-mg2 > li, .nx-grp-lst-type2.col2.col-bd.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(-n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-bg.col-mg2 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-bd.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(n+2), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-bg.col-mg2 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-bd.col-mg2 > li:nth-child(n+2) {
    margin-top: 2%;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(2n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-bg.col-mg2 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-bd.col-mg2 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(1n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-bg.col-mg2 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-bd.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg3 > li, .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg3 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg3 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg3 > li, .nx-grp-lst-type2.col2.col-bg.col-mg3 > li, .nx-grp-lst-type2.col2.col-bd.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(-n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-bg.col-mg3 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-bd.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(n+2), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-bg.col-mg3 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-bd.col-mg3 > li:nth-child(n+2) {
    margin-top: 4%;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(2n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-bg.col-mg3 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-bd.col-mg3 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(1n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-bg.col-mg3 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-bd.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg4 > li, .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg4 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg4 > li, .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg4 > li, .nx-grp-lst-type2.col2.col-bg.col-mg4 > li, .nx-grp-lst-type2.col2.col-bd.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(-n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(-n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-bg.col-mg4 > li:nth-child(-n+1), .nx-grp-lst-type2.col2.col-bd.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(n+2), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(n+2), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-bg.col-mg4 > li:nth-child(n+2), .nx-grp-lst-type2.col2.col-bd.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(2n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(2n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-bg.col-mg4 > li:nth-child(2n+1), .nx-grp-lst-type2.col2.col-bd.col-mg4 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(1n+1), .nx-grp-lst-type3.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(1n+1), .nx-grp-lst-type3.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-bg.col-mg4 > li:nth-child(1n+1), .nx-grp-lst-type2.col2.col-bd.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg1 > li:nth-child(n+3) {
    margin-top: 3%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg2 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg3 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg0 > li, .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(-n+2), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(n+3), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(3n+1), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(2n+1), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg1 > li, .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(-n+2), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(n+3), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(n+3) {
    margin-top: 1%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(3n+1), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(2n+1), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg2 > li, .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(-n+2), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(n+3), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(n+3) {
    margin-top: 2%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(3n+1), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(2n+1), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg3 > li, .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(-n+2), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(n+3), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(n+3) {
    margin-top: 4%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(3n+1), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(2n+1), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg4 > li, .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(-n+2), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(n+3), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(3n+1), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(2n+1), .nx-grp-lst-type3.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg1 > li:nth-child(n+2) {
    margin-top: 3%;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg2 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg3 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg0 > li, .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(-n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(n+2), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(3n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(1n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg1 > li, .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(-n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(n+2), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(n+2) {
    margin-top: 1%;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(3n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(1n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg2 > li, .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(-n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(n+2), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(n+2) {
    margin-top: 2%;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(3n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(1n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg3 > li, .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(-n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(n+2), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(n+2) {
    margin-top: 4%;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(3n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(1n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg4 > li, .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(-n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(n+2), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(3n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .nx-grp-lst-type3.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(1n+1), .nx-grp-lst-type3.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
/* Footer */
.footer_wrap2 {
  max-width: 1200px;
  margin: 0 auto;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.footer {
  display: table;
  position: relative;
  width: 100%;
  padding: 15px 22px;
  margin: 0 auto;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.footer.sns_Y {
  padding-bottom: 90px;
}

.f_logo_wrap {
  display: table-cell;
  vertical-align: middle;
}

.f_logo {
  white-space: nowrap;
  font-size: 12px;
}
.f_logo img {
  display: block;
  max-width: 260px;
  max-height: 62px;
}
.f_logo.big {
  font-size: 40px;
}
.f_logo.mid {
  font-size: 30px;
}
.f_logo.sm {
  font-size: 20px;
}

.sns_link_wrap1 {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 30px;
}

.sns_link_wrap2 {
  display: block;
}

.sns_link {
  display: inline-block;
}
.sns_link li {
  display: inline-block;
  margin-left: 5px;
}
.sns_link li:first-child {
  margin-left: 0;
}
.sns_link li a {
  display: block;
}
.sns_link li a img {
  display: block;
}
.sns_link li a img.ico_call {
  width: 64px;
}
.sns_link.big li a img {
  width: 32px;
  height: 32px;
}
.sns_link.mid li a img {
  width: 28px;
  height: 28px;
}
.sns_link.sm li a img {
  width: 24px;
  height: 24px;
}

.address_wrap .address {
  font-size: 14px;
  line-height: 150%;
}

.fnb {
  margin-bottom: 20px;
}
.fnb li {
  display: inline-block;
  margin-right: 10px;
}
.fnb li:last-child {
  margin-right: 0;
}
.fnb li a {
  display: block;
  font-size: 14px;
  color: inherit;
  line-height: 150%;
}

.footer_typeA .address_wrap {
  display: table-cell;
  padding: 0 30px 0 60px;
  vertical-align: middle;
}
.footer_typeA .address_wrap .address {
  display: inline;
}
.footer_typeA .sns_link_wrap2 {
  text-align: right;
}

.footer_typeB .address_wrap {
  margin: 0 30px;
}
.footer_typeB .address_wrap .address {
  text-align: center;
}
.footer_typeB .sns_link_wrap2 {
  text-align: center;
}
.footer_typeB .fnb {
  text-align: center;
}

/* Copy */
.copy_wrap2 {
  max-width: 1200px;
  margin: 0 auto;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.copy {
  padding: 10px 0;
  margin: 0 auto;
  font-size: 12px;
  text-align: center;
}

/* 태블릿 */
@media only screen and (max-width: 1023px) {
  .footer_wrap2, .copy_wrap2 {
    width: auto;
  }
}
/* 모바일가로 */
@media only screen and (max-width: 759px) {
  .footer {
    padding: 15px 20px;
  }
  .f_logo img {
    max-width: 180px;
  }
  .f_logo.big {
    font-size: 28px;
  }
  .f_logo.mid {
    font-size: 20px;
  }
  .f_logo.sm {
    font-size: 14px;
  }
  .f_logo_wrap {
    display: block;
    max-width: 320px;
    width: auto;
    margin: 0 auto;
    text-align: center;
  }
  .f_logo img {
    max-width: 100%;
    margin: 0 auto;
  }
  .sns_link_wrap1 {
    left: 20px;
    right: 20px;
    bottom: 15px;
    min-height: 55px;
  }
  .sns_link_wrap2 {
    margin: 0 auto;
    text-align: center !important;
  }
  .sns_link {
    display: inline-block;
    width: auto;
  }
  .sns_link li {
    margin: 3px 0 0 5px;
  }
  .sns_link li:first-child {
    margin-left: 0;
  }
  .address_wrap {
    text-align: center;
  }
  .footer_typeA .address_wrap {
    display: block;
    margin: 20px 0 0;
    padding: 0;
  }
  .footer_typeB .sns_link_wrap1 + .address_wrap {
    margin: 0 auto;
    padding-bottom: 50px;
  }
}
/* Img Box */
.nx-m-img-ul {
  display: flex;
  flex-direction: column;
}
.nx-m-img-ul .nx-m-img-li {
  display: flex;
}
.nx-m-img-ul .nx-m-img-li.nx-m-img-left {
  justify-content: left;
}
.nx-m-img-ul .nx-m-img-li.nx-m-img-center {
  justify-content: center;
}
.nx-m-img-ul .nx-m-img-li.nx-m-img-right {
  justify-content: right;
}
.nx-m-img-ul .nx-m-img-li.nx-m-img-space0 {
  margin-bottom: 0px;
}
.nx-m-img-ul .nx-m-img-li.nx-m-img-space1 {
  margin-bottom: 1px;
}
.nx-m-img-ul .nx-m-img-li.nx-m-img-space8 {
  margin-bottom: 8px;
}
.nx-m-img-ul .nx-m-img-li.nx-m-img-space16 {
  margin-bottom: 16px;
}

/* mouseover */
.nx-hover-wrap {
  position: relative;
  overflow: hidden;
}
.nx-hover-wrap.nx-shape {
  width: 100%;
  height: 100%;
}
.nx-hover-wrap.nx-shape > img {
  max-height: 100%;
}
.nx-hover-wrap .nx-hover-img-default {
  opacity: 1;
}
.nx-hover-wrap .nx-hover-img-hover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0;
}
.nx-hover-wrap:hover .nx-hover-img-default {
  opacity: 0;
}
.nx-hover-wrap:hover .nx-hover-img-hover {
  opacity: 1;
}
.nx-hover-wrap .nx-hover-zoom {
  transition: all 0.4s ease-out;
}
.nx-hover-wrap .nx-hover-zoom:hover {
  transform: scale(1.2);
}

.nx-m-img-width100 {
  width: 100%;
}

.nx-m-img-width90 {
  width: 90%;
}
.nx-m-img-width90.nx-m-img-center {
  margin: 0 auto;
}
.nx-m-img-width90.nx-m-img-left {
  margin: auto auto auto 0;
}
.nx-m-img-width90.nx-m-img-right {
  margin: auto 0 auto auto;
}

.nx-m-img-width80 {
  width: 80%;
}
.nx-m-img-width80.nx-m-img-center {
  margin: 0 auto;
}
.nx-m-img-width80.nx-m-img-left {
  margin: auto auto auto 0;
}
.nx-m-img-width80.nx-m-img-right {
  margin: auto 0 auto auto;
}

.nx-m-img-width70 {
  width: 70%;
}
.nx-m-img-width70.nx-m-img-center {
  margin: 0 auto;
}
.nx-m-img-width70.nx-m-img-left {
  margin: auto auto auto 0;
}
.nx-m-img-width70.nx-m-img-right {
  margin: auto 0 auto auto;
}

.nx-m-img-width60 {
  width: 60%;
}
.nx-m-img-width60.nx-m-img-center {
  margin: 0 auto;
}
.nx-m-img-width60.nx-m-img-left {
  margin: auto auto auto 0;
}
.nx-m-img-width60.nx-m-img-right {
  margin: auto 0 auto auto;
}

.nx-m-img-radius6 {
  border-radius: 6px;
}
.nx-m-img-radius6.webkit {
  -webkit-transform: translate3d(0, 0, 0);
}

.nx-m-img-radius12 {
  border-radius: 12px;
}
.nx-m-img-radius12.webkit {
  -webkit-transform: translate3d(0, 0, 0);
}

.nx-m-img-radius18 {
  border-radius: 18px;
}
.nx-m-img-radius18.webkit {
  -webkit-transform: translate3d(0, 0, 0);
}

.nx-m-img-radius50-p {
  border-radius: 50%;
}
.nx-m-img-radius50-p.webkit {
  -webkit-transform: translate3d(0, 0, 0);
}

.nx-hover-brightness {
  transition: all 0.4s ease-out;
}
.nx-hover-brightness:hover {
  filter: brightness(70%);
}

.nx-hover-shadow {
  transition: all 0.4s ease-out;
}
.nx-hover-shadow:hover {
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.12));
  -webkit-filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.12));
  will-change: filter;
}

.nx-m-img-shadow-B {
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.12));
  -webkit-filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.12));
  will-change: filter;
  transition: all 0.4s ease-out;
}
.nx-m-img-shadow-B.nx-hover-shadow:hover {
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.22));
  -webkit-filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.22));
  will-change: filter;
}

.nx-m-img-shadow-C {
  filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.16));
  -webkit-filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.16));
  will-change: filter;
  transition: all 0.4s ease-out;
}
.nx-m-img-shadow-C.nx-hover-shadow:hover {
  filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.26));
  -webkit-filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.26));
  will-change: filter;
}

.nx-m-img-shadow-D {
  filter: drop-shadow(0px 12px 16px rgba(0, 0, 0, 0.2));
  -webkit-filter: drop-shadow(0px 12px 16px rgba(0, 0, 0, 0.2));
  will-change: filter;
  transition: all 0.4s ease-out;
}
.nx-m-img-shadow-D.nx-hover-shadow:hover {
  filter: drop-shadow(0px 12px 16px rgba(0, 0, 0, 0.3));
  -webkit-filter: drop-shadow(0px 12px 16px rgba(0, 0, 0, 0.3));
  will-change: filter;
}

/* Sub */
.sub_content_wrap2 {
  max-width: 1280px;
}

.sub_content {
  position: relative;
  min-height: 300px;
  padding: 56px 40px;
  margin: 0 auto;
}

.data_ct:after {
  content: "";
  clear: both;
  display: block;
}

/* Sub_img */
.sub_img_wrap {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.sub_img_wrap .arr_l {
  position: absolute;
  top: 50%;
  left: 22px;
  z-index: 2;
  margin-top: -27px;
}
.sub_img_wrap .arr_r {
  position: absolute;
  top: 50%;
  right: 22px;
  z-index: 2;
  margin-top: -27px;
}

.sub_img {
  overflow: hidden;
}
.sub_img li .img_wrap1 {
  position: relative;
  height: 0;
}
.sub_img li .img_wrap1 .img_wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_img li .img_wrap1 .img_wrap2 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100%;
  margin: auto;
}
.sub_img.r1x1 li .img_wrap1 {
  padding-bottom: 100%;
}
.sub_img.r4x3 li .img_wrap1 {
  padding-bottom: 75%;
}
.sub_img.r3x4 li .img_wrap1 {
  padding-bottom: 133.3%;
}
.sub_img.r16x9 li .img_wrap1 {
  padding-bottom: 56.25%;
}

.nx-sub-img {
  display: flow-root;
}
.nx-sub-img li .nx-img-wrap1 {
  position: relative;
  height: 0;
}
.nx-sub-img li .nx-img-wrap1 .nx-img-wrap2 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.nx-sub-img li .nx-img-wrap1 .nx-img-wrap2 a {
  display: flex;
  overflow: hidden;
}
.nx-sub-img li .nx-img-wrap1 .nx-img-wrap2 a img {
  margin: auto;
}
.nx-sub-img.r1x1 li .nx-img-wrap1 {
  padding-bottom: 100%;
}
.nx-sub-img.r4x3 li .nx-img-wrap1 {
  padding-bottom: 75%;
}
.nx-sub-img.r3x4 li .nx-img-wrap1 {
  padding-bottom: 133.3%;
}
.nx-sub-img.r16x9 li .nx-img-wrap1 {
  padding-bottom: 56.25%;
}

.sub_img_typeA li img {
  display: block;
}

/* 2단 */
.sub_img_typeC li.nx-m-img-typeC-space0 {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.sub_img_typeC li.nx-m-img-typeC-space0:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeC li.nx-m-img-typeC-space0:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.sub_img_typeC li.nx-m-img-typeC-space0:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeC li.nx-m-img-typeC-space1 {
  width: calc((100% - 1px - 1px) / 2);
  margin-left: 1px;
  float: left;
}
.sub_img_typeC li.nx-m-img-typeC-space1:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeC li.nx-m-img-typeC-space1:nth-child(n+3) {
  margin-top: 1px;
  clear: none;
}
.sub_img_typeC li.nx-m-img-typeC-space1:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeC li.nx-m-img-typeC-space8 {
  width: calc((100% - 8px - 1px) / 2);
  margin-left: 8px;
  float: left;
}
.sub_img_typeC li.nx-m-img-typeC-space8:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeC li.nx-m-img-typeC-space8:nth-child(n+3) {
  margin-top: 8px;
  clear: none;
}
.sub_img_typeC li.nx-m-img-typeC-space8:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeC li.nx-m-img-typeC-space16 {
  width: calc((100% - 16px - 1px) / 2);
  margin-left: 16px;
  float: left;
}
.sub_img_typeC li.nx-m-img-typeC-space16:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeC li.nx-m-img-typeC-space16:nth-child(n+3) {
  margin-top: 16px;
  clear: none;
}
.sub_img_typeC li.nx-m-img-typeC-space16:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}

/* 3단 */
.sub_img_typeD li.nx-m-img-typeD-space0 {
  width: calc((100% - 0px - 1px) / 3);
  margin-left: 0px;
  float: left;
}
.sub_img_typeD li.nx-m-img-typeD-space0:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeD li.nx-m-img-typeD-space0:nth-child(n+4) {
  margin-top: 0px;
  clear: none;
}
.sub_img_typeD li.nx-m-img-typeD-space0:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeD li.nx-m-img-typeD-space1 {
  width: calc((100% - 2px - 1px) / 3);
  margin-left: 1px;
  float: left;
}
.sub_img_typeD li.nx-m-img-typeD-space1:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeD li.nx-m-img-typeD-space1:nth-child(n+4) {
  margin-top: 1px;
  clear: none;
}
.sub_img_typeD li.nx-m-img-typeD-space1:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeD li.nx-m-img-typeD-space8 {
  width: calc((100% - 16px - 1px) / 3);
  margin-left: 8px;
  float: left;
}
.sub_img_typeD li.nx-m-img-typeD-space8:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeD li.nx-m-img-typeD-space8:nth-child(n+4) {
  margin-top: 8px;
  clear: none;
}
.sub_img_typeD li.nx-m-img-typeD-space8:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeD li.nx-m-img-typeD-space16 {
  width: calc((100% - 32px - 1px) / 3);
  margin-left: 16px;
  float: left;
}
.sub_img_typeD li.nx-m-img-typeD-space16:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeD li.nx-m-img-typeD-space16:nth-child(n+4) {
  margin-top: 16px;
  clear: none;
}
.sub_img_typeD li.nx-m-img-typeD-space16:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}

/* 4단 */
.sub_img_typeE li.nx-m-img-typeE-space0 {
  width: calc((100% - 0px - 1px) / 4);
  margin-left: 0px;
  float: left;
}
.sub_img_typeE li.nx-m-img-typeE-space0:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeE li.nx-m-img-typeE-space0:nth-child(n+5) {
  margin-top: 0px;
  clear: none;
}
.sub_img_typeE li.nx-m-img-typeE-space0:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeE li.nx-m-img-typeE-space1 {
  width: calc((100% - 3px - 1px) / 4);
  margin-left: 1px;
  float: left;
}
.sub_img_typeE li.nx-m-img-typeE-space1:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeE li.nx-m-img-typeE-space1:nth-child(n+5) {
  margin-top: 1px;
  clear: none;
}
.sub_img_typeE li.nx-m-img-typeE-space1:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeE li.nx-m-img-typeE-space8 {
  width: calc((100% - 24px - 1px) / 4);
  margin-left: 8px;
  float: left;
}
.sub_img_typeE li.nx-m-img-typeE-space8:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeE li.nx-m-img-typeE-space8:nth-child(n+5) {
  margin-top: 8px;
  clear: none;
}
.sub_img_typeE li.nx-m-img-typeE-space8:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeE li.nx-m-img-typeE-space16 {
  width: calc((100% - 48px - 1px) / 4);
  margin-left: 16px;
  float: left;
}
.sub_img_typeE li.nx-m-img-typeE-space16:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeE li.nx-m-img-typeE-space16:nth-child(n+5) {
  margin-top: 16px;
  clear: none;
}
.sub_img_typeE li.nx-m-img-typeE-space16:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}

/* 5단 */
.sub_img_typeF li.nx-m-img-typeF-space0 {
  width: calc((100% - 0px - 1px) / 5);
  margin-left: 0px;
  float: left;
}
.sub_img_typeF li.nx-m-img-typeF-space0:nth-child(-n+5) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeF li.nx-m-img-typeF-space0:nth-child(n+6) {
  margin-top: 0px;
  clear: none;
}
.sub_img_typeF li.nx-m-img-typeF-space0:nth-child(5n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeF li.nx-m-img-typeF-space1 {
  width: calc((100% - 4px - 1px) / 5);
  margin-left: 1px;
  float: left;
}
.sub_img_typeF li.nx-m-img-typeF-space1:nth-child(-n+5) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeF li.nx-m-img-typeF-space1:nth-child(n+6) {
  margin-top: 1px;
  clear: none;
}
.sub_img_typeF li.nx-m-img-typeF-space1:nth-child(5n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeF li.nx-m-img-typeF-space8 {
  width: calc((100% - 32px - 1px) / 5);
  margin-left: 8px;
  float: left;
}
.sub_img_typeF li.nx-m-img-typeF-space8:nth-child(-n+5) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeF li.nx-m-img-typeF-space8:nth-child(n+6) {
  margin-top: 8px;
  clear: none;
}
.sub_img_typeF li.nx-m-img-typeF-space8:nth-child(5n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeF li.nx-m-img-typeF-space16 {
  width: calc((100% - 64px - 1px) / 5);
  margin-left: 16px;
  float: left;
}
.sub_img_typeF li.nx-m-img-typeF-space16:nth-child(-n+5) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeF li.nx-m-img-typeF-space16:nth-child(n+6) {
  margin-top: 16px;
  clear: none;
}
.sub_img_typeF li.nx-m-img-typeF-space16:nth-child(5n+1) {
  clear: both;
  margin-left: 0;
}

/* 6단 */
.sub_img_typeG li.nx-m-img-typeG-space0 {
  width: calc((100% - 0px - 1px) / 6);
  margin-left: 0px;
  float: left;
}
.sub_img_typeG li.nx-m-img-typeG-space0:nth-child(-n+6) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeG li.nx-m-img-typeG-space0:nth-child(n+7) {
  margin-top: 0px;
  clear: none;
}
.sub_img_typeG li.nx-m-img-typeG-space0:nth-child(6n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeG li.nx-m-img-typeG-space1 {
  width: calc((100% - 5px - 1px) / 6);
  margin-left: 1px;
  float: left;
}
.sub_img_typeG li.nx-m-img-typeG-space1:nth-child(-n+6) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeG li.nx-m-img-typeG-space1:nth-child(n+7) {
  margin-top: 1px;
  clear: none;
}
.sub_img_typeG li.nx-m-img-typeG-space1:nth-child(6n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeG li.nx-m-img-typeG-space8 {
  width: calc((100% - 40px - 1px) / 6);
  margin-left: 8px;
  float: left;
}
.sub_img_typeG li.nx-m-img-typeG-space8:nth-child(-n+6) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeG li.nx-m-img-typeG-space8:nth-child(n+7) {
  margin-top: 8px;
  clear: none;
}
.sub_img_typeG li.nx-m-img-typeG-space8:nth-child(6n+1) {
  clear: both;
  margin-left: 0;
}
.sub_img_typeG li.nx-m-img-typeG-space16 {
  width: calc((100% - 80px - 1px) / 6);
  margin-left: 16px;
  float: left;
}
.sub_img_typeG li.nx-m-img-typeG-space16:nth-child(-n+6) {
  margin-top: 0;
  clear: none;
}
.sub_img_typeG li.nx-m-img-typeG-space16:nth-child(n+7) {
  margin-top: 16px;
  clear: none;
}
.sub_img_typeG li.nx-m-img-typeG-space16:nth-child(6n+1) {
  clear: both;
  margin-left: 0;
}

/* Contact us */
.map_wrap {
  padding: 10px;
  border: 1px solid #dfdfdf;
}
.map_wrap .map {
  height: 530px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.info_lst_wrap {
  margin-top: 20px;
}

.info_lst1 {
  padding: 15px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.info_lst1 dt {
  float: left;
  width: 20%;
  padding-right: 10px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.info_lst1 dd {
  float: left;
  width: 80%;
  color: #666;
  font-size: 14px;
  line-height: 24px;
}
.info_lst1 + .info_lst2 {
  margin-top: 20px;
  padding-top: 20px;
  background: url(../imgs/ico/ico_bar1.png) no-repeat 0 0;
}

.info_lst2 {
  overflow: hidden;
}
.info_lst2 dt {
  float: left;
  width: 10%;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.info_lst2 dd {
  float: left;
  width: 90%;
  color: #666;
  font-size: 14px;
  line-height: 24px;
}

/* 문의 상담 */
.complete_p1 {
  font-size: 24px;
  line-height: 150%;
  color: #010101;
  text-align: center;
  margin-bottom: 50px;
}

.complete_p2 {
  overflow: hidden;
}
.complete_p2 .p1 {
  float: left;
  margin-bottom: 10px;
  font-size: 18px;
  color: #983a4a;
}
.complete_p2 .p2 {
  float: right;
  margin-bottom: 10px;
  font-size: 12px;
  color: #999;
  line-height: 20px;
}

.complete_p3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  color: #666;
  text-align: center;
}

.complete_p4 {
  font-size: 16px;
  line-height: 150%;
  color: #333;
  text-align: center;
}

/* Sub Title */
.sub_tit_wrap {
  overflow: hidden;
  margin-bottom: 40px;
}

.sub_tit {
  margin-bottom: 10px;
  line-height: 150%;
}
.sub_tit.big {
  font-size: 38px;
}
.sub_tit.mid {
  font-size: 32px;
}
.sub_tit.sm {
  font-size: 26px;
}

.pathindicator {
  margin-bottom: 10px;
  font-size: 12px;
  text-align: right;
}

.sub_tit_border {
  overflow: hidden;
}
.sub_tit_border .border {
  height: 1px;
  background: #d1d1d1;
  clear: both;
}
.sub_tit_border .point {
  width: 36px;
  height: 5px;
  background: #978b8d;
}
.sub_tit_border .point.center {
  margin: 0 auto;
}
.sub_tit_border .point.right {
  float: right;
}

.sub_tit2 {
  width: 100%;
}
.sub_tit2 td {
  width: 33.3%;
}
.sub_tit2 td div {
  min-width: 30px;
  height: 1px;
  background: #d1d1d1;
}
.sub_tit2 td.tit {
  padding: 0 30px;
  text-align: center;
}
.sub_tit2 td.tit p {
  white-space: nowrap;
}
.sub_tit2 td.tit p.big {
  font-size: 38px;
}
.sub_tit2 td.tit p.mid {
  font-size: 32px;
}
.sub_tit2 td.tit p.sm {
  font-size: 26px;
}

/* 상세페이지 */
.b_read { /* 하얀박스 */
  padding: 20px;
  background: #fff;
  border: 1px solid #d0d0d0;
}

/* 일반페이지 */
.img_txt_type1 .img2.img-hover img.on {
  display: none;
}
.img_txt_type1 .img2.img-hover:hover img.off {
  display: none;
}
.img_txt_type1 .img2.img-hover:hover img.on {
  display: block;
}

.res_margin_l_40 {
  margin-left: 40%;
}

.res_margin_l_35 {
  margin-left: 35%;
}

.res_margin_l_30 {
  margin-left: 30%;
}

.res_margin_l_25 {
  margin-left: 25%;
}

.res_margin_l_20 {
  margin-left: 20%;
}

.res_margin_l_15 {
  margin-left: 15%;
}

.res_margin_l_10 {
  margin-left: 10%;
}

.res_margin_l_5 {
  margin-left: 5%;
}

.res_margin_r_40 {
  margin-right: 40%;
}

.res_margin_r_35 {
  margin-right: 35%;
}

.res_margin_r_30 {
  margin-right: 30%;
}

.res_margin_r_25 {
  margin-right: 25%;
}

.res_margin_r_20 {
  margin-right: 20%;
}

.res_margin_r_15 {
  margin-right: 15%;
}

.res_margin_r_10 {
  margin-right: 10%;
}

.res_margin_r_5 {
  margin-right: 5%;
}

/* 별점 */
.star_rate_wrap .cnt {
  display: inline-block;
  min-width: 40px;
  vertical-align: middle;
  font-size: 13px;
}
.star_rate_wrap.avr_wrap {
  text-align: center;
}
.star_rate_wrap.avr_wrap .star_rate > .star_ico {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.star_rate_wrap.avr_wrap .star_rate span[class^=ico_star] {
  font-size: 50px;
}
.star_rate_wrap.avr_wrap .avr {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  font-size: 18px;
}
.star_rate_wrap.avr_wrap .avr em {
  font-size: 40px;
  color: #5fa0e6;
}

.star_rate {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.star_rate > .star_ico {
  display: block;
  float: right;
  position: relative;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.star_rate input[type=radio] {
  position: absolute;
  opacity: 0;
}
.star_rate input[type=radio] + label {
  display: block;
  float: right;
  position: relative;
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.star_rate input[type=radio] + label:first-of-type {
  padding-right: 0;
}
.star_rate span[class^=ico_star] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 18px;
}
.star_rate span[class^=ico_star]:before {
  display: block;
  line-height: inherit;
}
.star_rate .ico_star_full {
  display: block;
  color: #e5e5e5;
}
.star_rate .ico_star_half {
  display: block;
  color: transparent;
}
.star_rate .star_ico.on .ico_star_full {
  color: #e5e5e5;
}
.star_rate .star_ico.on .ico_star_full, .star_rate .star_ico.on ~ .star_ico .ico_star_full {
  color: #5fa0e6;
}
.star_rate .star_ico.on.half .ico_star_full {
  color: #e5e5e5;
}
.star_rate .star_ico.on.half .ico_star_half {
  color: #5fa0e6;
}
.star_rate input[type=radio]:checked.half + label .ico_star_full {
  color: #afafaf;
}
.star_rate.disabled input[type=radio] + label {
  cursor: default;
}

/* 마이페이지 */
.my-bbs {
  width: 100%;
}
.my-bbs > tbody > tr > th {
  padding: 10px;
  font-size: 14px;
  color: #000;
  font-weight: normal;
  background: #ddd;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
}
.my-bbs > tbody > tr > th:first-child {
  border-left: 1px solid #c7c7c7;
}
.my-bbs > tbody > tr > th:last-child {
  border-right: 1px solid #c7c7c7;
}
.my-bbs > tbody > tr > td {
  padding: 10px;
  font-size: 14px;
  color: #666;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

/* wide */
@media only screen and (min-width: 1200px) {
  .sub_content.no_padding {
    padding: 56px 0;
  }
}
/* 태블릿 */
@media only screen and (max-width: 1023px) {
  /* Sub */
  .sub_content {
    width: auto;
  }
  /* Contact us */
  .map {
    height: 300px;
  }
  /* Sub Title */
  .sub_tit.big {
    font-size: 34px;
  }
  .sub_tit.mid {
    font-size: 28px;
  }
  .sub_tit.sm {
    font-size: 22px;
  }
  .sub_tit2 td.tit p.big {
    font-size: 38px;
  }
  .sub_tit2 td.tit p.mid {
    font-size: 32px;
  }
  .sub_tit2 td.tit p.sm {
    font-size: 26px;
  }
  /* 4단 */
  .sub_img_typeE li.nx-m-img-typeE-space0 {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space0:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space0:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space0:nth-child(4n+1) {
    clear: none;
    margin-left: 0px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space0:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeE li.nx-m-img-typeE-space1 {
    width: calc((100% - 1px - 1px) / 2);
    margin-left: 1px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space1:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space1:nth-child(n+3) {
    margin-top: 1px;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space1:nth-child(4n+1) {
    clear: none;
    margin-left: 1px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space1:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeE li.nx-m-img-typeE-space8 {
    width: calc((100% - 8px - 1px) / 2);
    margin-left: 8px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space8:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space8:nth-child(n+3) {
    margin-top: 8px;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space8:nth-child(4n+1) {
    clear: none;
    margin-left: 8px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space8:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeE li.nx-m-img-typeE-space16 {
    width: calc((100% - 16px - 1px) / 2);
    margin-left: 16px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space16:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space16:nth-child(n+3) {
    margin-top: 16px;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space16:nth-child(4n+1) {
    clear: none;
    margin-left: 16px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space16:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 5단 */
  .sub_img_typeF li.nx-m-img-typeF-space0 {
    width: calc((100% - 0px - 1px) / 3);
    margin-left: 0px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space0:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space0:nth-child(n+4) {
    margin-top: 0px;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space0:nth-child(5n+1) {
    clear: none;
    margin-left: 0px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space0:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1 {
    width: calc((100% - 2px - 1px) / 3);
    margin-left: 1px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1:nth-child(n+4) {
    margin-top: 1px;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1:nth-child(5n+1) {
    clear: none;
    margin-left: 1px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8 {
    width: calc((100% - 16px - 1px) / 3);
    margin-left: 8px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8:nth-child(n+4) {
    margin-top: 8px;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8:nth-child(5n+1) {
    clear: none;
    margin-left: 8px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16 {
    width: calc((100% - 32px - 1px) / 3);
    margin-left: 16px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16:nth-child(n+4) {
    margin-top: 16px;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16:nth-child(5n+1) {
    clear: none;
    margin-left: 16px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 6단 */
  .sub_img_typeG li.nx-m-img-typeG-space0 {
    width: calc((100% - 0px - 1px) / 3);
    margin-left: 0px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space0:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space0:nth-child(n+4) {
    margin-top: 0px;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space0:nth-child(6n+1) {
    clear: none;
    margin-left: 0px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space0:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1 {
    width: calc((100% - 2px - 1px) / 3);
    margin-left: 1px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1:nth-child(n+4) {
    margin-top: 1px;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1:nth-child(6n+1) {
    clear: none;
    margin-left: 1px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8 {
    width: calc((100% - 16px - 1px) / 3);
    margin-left: 8px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8:nth-child(n+4) {
    margin-top: 8px;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8:nth-child(6n+1) {
    clear: none;
    margin-left: 8px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16 {
    width: calc((100% - 32px - 1px) / 3);
    margin-left: 16px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16:nth-child(n+4) {
    margin-top: 16px;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16:nth-child(6n+1) {
    clear: none;
    margin-left: 16px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
}
/* tablet 세로 */
@media only screen and (max-width: 768px) {
  /* mouseover */
  .nx-hover-wrap:hover .nx-hover-img-default {
    opacity: 1;
  }
  .nx-hover-wrap:hover .nx-hover-img-hover {
    opacity: 0;
  }
  .nx-hover-wrap .nx-hover-zoom:hover {
    transform: scale(1);
  }
  .nx-hover-brightness:hover {
    filter: none;
  }
  .nx-hover-shadow:hover {
    filter: none;
  }
  .nx-m-img-shadow-B.nx-hover-shadow:hover {
    filter: none;
  }
  .nx-m-img-shadow-C.nx-hover-shadow:hover {
    filter: none;
  }
  .nx-m-img-shadow-D.nx-hover-shadow:hover {
    filter: none;
  }
}
/* 모바일가로 */
@media only screen and (max-width: 759px) {
  /* Sub */
  .sub_content {
    padding: 20px 10px;
  }
  .sub_tit_wrap {
    margin-bottom: 20px;
  }
  /* Sub_img */
  .sub_img_wrap .arr_l {
    left: 10px;
  }
  .sub_img_wrap .arr_r {
    right: 10px;
  }
  /* Contact us */
  .map {
    height: 150px;
  }
  .info_lst1 dt {
    width: 30%;
  }
  .info_lst1 dd {
    width: 70%;
  }
  .info_lst2 dt {
    width: 23%;
  }
  .info_lst2 dd {
    width: 77%;
  }
  .complete_bx {
    padding: 20px;
  }
  /* Sub Title */
  .sub_tit.big {
    font-size: 26px;
  }
  .sub_tit.mid {
    font-size: 22px;
  }
  .sub_tit.sm {
    font-size: 16px;
  }
  .sub_tit2 {
    margin-bottom: 15px;
  }
  .sub_tit2 td {
    width: auto;
  }
  .sub_tit2 td.tit p {
    white-space: normal;
  }
  .sub_tit2 td.tit p.big {
    font-size: 26px;
  }
  .sub_tit2 td.tit p.mid {
    font-size: 22px;
  }
  .sub_tit2 td.tit p.sm {
    font-size: 16px;
  }
  /* 문의 상담 */
  .complete_p3 {
    font-size: 20px;
  }
  /* 일반페이지 */
  .res_margin_l_30, .res_margin_l_25, .res_margin_l_20, .res_margin_l_15, .res_margin_l_10, .res_margin_l_5, .res_margin_r_30, .res_margin_r_25, .res_margin_r_20, .res_margin_r_15, .res_margin_r_10, .res_margin_r_5 {
    margin: 0;
  }
  /* 3단 */
  .sub_img_typeD li.nx-m-img-typeD-space0 {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space0:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space0:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space0:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space0:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeD li.nx-m-img-typeD-space1 {
    width: calc((100% - 1px - 1px) / 2);
    margin-left: 1px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space1:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space1:nth-child(n+3) {
    margin-top: 1px;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space1:nth-child(3n+1) {
    clear: none;
    margin-left: 1px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space1:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeD li.nx-m-img-typeD-space8 {
    width: calc((100% - 8px - 1px) / 2);
    margin-left: 8px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space8:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space8:nth-child(n+3) {
    margin-top: 8px;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space8:nth-child(3n+1) {
    clear: none;
    margin-left: 8px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space8:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeD li.nx-m-img-typeD-space16 {
    width: calc((100% - 16px - 1px) / 2);
    margin-left: 16px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space16:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space16:nth-child(n+3) {
    margin-top: 16px;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space16:nth-child(3n+1) {
    clear: none;
    margin-left: 16px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space16:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 5단 */
  .sub_img_typeF li.nx-m-img-typeF-space0 {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space0:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space0:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space0:nth-child(5n+1) {
    clear: none;
    margin-left: 0px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space0:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1 {
    width: calc((100% - 1px - 1px) / 2);
    margin-left: 1px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1:nth-child(n+3) {
    margin-top: 1px;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1:nth-child(5n+1) {
    clear: none;
    margin-left: 1px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8 {
    width: calc((100% - 8px - 1px) / 2);
    margin-left: 8px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8:nth-child(n+3) {
    margin-top: 8px;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8:nth-child(5n+1) {
    clear: none;
    margin-left: 8px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16 {
    width: calc((100% - 16px - 1px) / 2);
    margin-left: 16px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16:nth-child(n+3) {
    margin-top: 16px;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16:nth-child(5n+1) {
    clear: none;
    margin-left: 16px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 6단 */
  .sub_img_typeG li.nx-m-img-typeG-space0 {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space0:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space0:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space0:nth-child(6n+1) {
    clear: none;
    margin-left: 0px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space0:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1 {
    width: calc((100% - 1px - 1px) / 2);
    margin-left: 1px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1:nth-child(n+3) {
    margin-top: 1px;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1:nth-child(6n+1) {
    clear: none;
    margin-left: 1px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8 {
    width: calc((100% - 8px - 1px) / 2);
    margin-left: 8px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8:nth-child(n+3) {
    margin-top: 8px;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8:nth-child(6n+1) {
    clear: none;
    margin-left: 8px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16 {
    width: calc((100% - 16px - 1px) / 2);
    margin-left: 16px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16:nth-child(n+3) {
    margin-top: 16px;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16:nth-child(6n+1) {
    clear: none;
    margin-left: 16px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
/* 모바일세로 */
@media only screen and (max-width: 519px) {
  /* Sub_img */
  .sub_img li .img_wrap1 {
    height: auto;
    padding: 0 !important;
  }
  .sub_img li .img_wrap1 .img_wrap2 {
    position: static;
  }
  .sub_img li .img_wrap1 .img_wrap2 img {
    position: static;
  }
  /* 2단 */
  .sub_img_typeC li.nx-m-img-typeC-space0 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .sub_img_typeC li.nx-m-img-typeC-space0:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeC li.nx-m-img-typeC-space0:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .sub_img_typeC li.nx-m-img-typeC-space0:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .sub_img_typeC li.nx-m-img-typeC-space0:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeC li.nx-m-img-typeC-space1 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 1px;
  }
  .sub_img_typeC li.nx-m-img-typeC-space1:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeC li.nx-m-img-typeC-space1:nth-child(n+2) {
    margin-top: 1px;
    clear: none;
  }
  .sub_img_typeC li.nx-m-img-typeC-space1:nth-child(2n+1) {
    clear: none;
    margin-left: 1px;
  }
  .sub_img_typeC li.nx-m-img-typeC-space1:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeC li.nx-m-img-typeC-space8 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 8px;
  }
  .sub_img_typeC li.nx-m-img-typeC-space8:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeC li.nx-m-img-typeC-space8:nth-child(n+2) {
    margin-top: 8px;
    clear: none;
  }
  .sub_img_typeC li.nx-m-img-typeC-space8:nth-child(2n+1) {
    clear: none;
    margin-left: 8px;
  }
  .sub_img_typeC li.nx-m-img-typeC-space8:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeC li.nx-m-img-typeC-space16 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 16px;
  }
  .sub_img_typeC li.nx-m-img-typeC-space16:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeC li.nx-m-img-typeC-space16:nth-child(n+2) {
    margin-top: 16px;
    clear: none;
  }
  .sub_img_typeC li.nx-m-img-typeC-space16:nth-child(2n+1) {
    clear: none;
    margin-left: 16px;
  }
  .sub_img_typeC li.nx-m-img-typeC-space16:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 3단 */
  .sub_img_typeD li.nx-m-img-typeD-space0 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space0:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space0:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space0:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space0:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeD li.nx-m-img-typeD-space1 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 1px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space1:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space1:nth-child(n+2) {
    margin-top: 1px;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space1:nth-child(3n+1) {
    clear: none;
    margin-left: 1px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space1:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeD li.nx-m-img-typeD-space8 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 8px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space8:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space8:nth-child(n+2) {
    margin-top: 8px;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space8:nth-child(3n+1) {
    clear: none;
    margin-left: 8px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space8:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeD li.nx-m-img-typeD-space16 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 16px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space16:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space16:nth-child(n+2) {
    margin-top: 16px;
    clear: none;
  }
  .sub_img_typeD li.nx-m-img-typeD-space16:nth-child(3n+1) {
    clear: none;
    margin-left: 16px;
  }
  .sub_img_typeD li.nx-m-img-typeD-space16:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 4단 */
  .sub_img_typeE li.nx-m-img-typeE-space0 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space0:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space0:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space0:nth-child(4n+1) {
    clear: none;
    margin-left: 0px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space0:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeE li.nx-m-img-typeE-space1 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 1px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space1:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space1:nth-child(n+2) {
    margin-top: 1px;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space1:nth-child(4n+1) {
    clear: none;
    margin-left: 1px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space1:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeE li.nx-m-img-typeE-space8 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 8px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space8:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space8:nth-child(n+2) {
    margin-top: 8px;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space8:nth-child(4n+1) {
    clear: none;
    margin-left: 8px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space8:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeE li.nx-m-img-typeE-space16 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 16px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space16:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space16:nth-child(n+2) {
    margin-top: 16px;
    clear: none;
  }
  .sub_img_typeE li.nx-m-img-typeE-space16:nth-child(4n+1) {
    clear: none;
    margin-left: 16px;
  }
  .sub_img_typeE li.nx-m-img-typeE-space16:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 5단 */
  .sub_img_typeF li.nx-m-img-typeF-space0 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space0:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space0:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space0:nth-child(5n+1) {
    clear: none;
    margin-left: 0px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space0:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 1px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1:nth-child(n+2) {
    margin-top: 1px;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1:nth-child(5n+1) {
    clear: none;
    margin-left: 1px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space1:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 8px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8:nth-child(n+2) {
    margin-top: 8px;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8:nth-child(5n+1) {
    clear: none;
    margin-left: 8px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space8:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 16px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16:nth-child(n+2) {
    margin-top: 16px;
    clear: none;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16:nth-child(5n+1) {
    clear: none;
    margin-left: 16px;
  }
  .sub_img_typeF li.nx-m-img-typeF-space16:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 6단 */
  .sub_img_typeG li.nx-m-img-typeG-space0 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space0:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space0:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space0:nth-child(6n+1) {
    clear: none;
    margin-left: 0px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space0:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 1px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1:nth-child(n+2) {
    margin-top: 1px;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1:nth-child(6n+1) {
    clear: none;
    margin-left: 1px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space1:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 8px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8:nth-child(n+2) {
    margin-top: 8px;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8:nth-child(6n+1) {
    clear: none;
    margin-left: 8px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space8:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16 {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 16px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16:nth-child(n+2) {
    margin-top: 16px;
    clear: none;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16:nth-child(6n+1) {
    clear: none;
    margin-left: 16px;
  }
  .sub_img_typeG li.nx-m-img-typeG-space16:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  /* Pathindicator */
  .pathindicator {
    display: none;
  }
  /* 일반페이지 */
  .img_txt_type1 .txt1 {
    float: none !important;
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
  .img_txt_type1 .img1 {
    float: none !important;
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
  .img_txt_type1 .txt1 + .img1, .img_txt_type1 .img1 + .txt1 {
    margin-top: 10px !important;
  }
  .res_margin_l_40 {
    margin-left: 20%;
  }
  .res_margin_l_35 {
    margin-left: 17.5%;
  }
  .res_margin_l_30 {
    margin-left: 15%;
  }
  .res_margin_l_25 {
    margin-left: 12.5%;
  }
  .res_margin_l_20 {
    margin-left: 10%;
  }
  .res_margin_l_15 {
    margin-left: 7.5%;
  }
  .res_margin_l_10 {
    margin-left: 5%;
  }
  .res_margin_l_5 {
    margin-left: 2.5%;
  }
  .res_margin_r_40 {
    margin-right: 20%;
  }
  .res_margin_r_35 {
    margin-right: 17.5%;
  }
  .res_margin_r_30 {
    margin-right: 15%;
  }
  .res_margin_r_25 {
    margin-right: 12.5%;
  }
  .res_margin_r_20 {
    margin-right: 10%;
  }
  .res_margin_r_15 {
    margin-right: 7.5%;
  }
  .res_margin_r_10 {
    margin-right: 5%;
  }
  .res_margin_r_5 {
    margin-right: 2.5%;
  }
}
.cmt_area .top {
  margin-bottom: 10px;
}
.cmt_area .top .s1 {
  font-size: 16px;
  color: #333;
}
.cmt_area .top .s2 {
  font-size: 12px;
  color: #f00;
}
.cmt_area .regist_cmt {
  position: relative;
}
.cmt_area .regist_cmt .sns_login {
  overflow: hidden;
  margin-bottom: 10px;
}
.cmt_area .regist_cmt .sns_login li {
  float: left;
  margin-left: 5px;
}
.cmt_area .regist_cmt .sns_login li:first-child {
  margin-left: 0;
}
.cmt_area .regist_cmt .sns_login li a {
  display: block;
}
.cmt_area .regist_cmt .sns_login li a img {
  display: block;
}
.cmt_area .regist_cmt .textarea_wrap {
  position: relative;
  padding-bottom: 20px;
  background: #fff;
  border: 1px solid #3462b4;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.cmt_area .regist_cmt .textarea_wrap textarea {
  width: 100%;
  height: 42px;
  padding: 5px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  resize: vertical;
  border-radius: 4px;
}
.cmt_area .regist_cmt .textarea_wrap .num {
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.cmt_area .regist_cmt .textarea_wrap .num em {
  color: #f00;
}
.cmt_area .regist_cmt .btn {
  display: inline-block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #3462b4;
  border-radius: 4px;
}
.cmt_area .cmt-option-wrap {
  padding: 30px 0 15px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.cmt_area .cmt-option-wrap .cmt-order-item {
  font-size: 16px;
  cursor: pointer;
  box-sizing: border-box;
  color: #333333;
  background: transparent;
  outline: 0;
  border: 0;
  transition: all 0.2s ease-in-out;
}
.cmt_area .cmt-option-wrap .cmt-order-item ~ .cmt-order-item {
  margin-left: 10px;
}
.cmt_area .cmt-option-wrap .cmt-order-item:hover, .cmt_area .cmt-option-wrap .cmt-order-item.active {
  font-weight: bold;
}
.cmt_area .comment {
  /** 프로필 사진을 사용하지 않는 경우 */
  /** 프로필 사진을 사용하지 않는 경우 종료 */
}
.cmt_area .comment .cmt_wrap {
  margin-top: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.cmt_area .comment .cmt_wrap:nth-child(1) {
  margin-top: 0;
}
.cmt_area .comment .cmt_wrap.secret {
  font-weight: 700;
  color: #333;
  padding: 20px;
}
.cmt_area .comment .cmt_wrap .cmt_lst {
  position: relative;
  padding: 30px 130px 20px 0;
  box-sizing: border-box;
}
.cmt_area .comment .cmt_wrap .cmt_lst.on .cmt .btm > a img.reply_off {
  display: none;
}
.cmt_area .comment .cmt_wrap .cmt_lst.on .cmt .btm > a img.reply_on {
  display: inline-block;
}
.cmt_area .comment .cmt_wrap .cmt_lst.on .regist_reply, .cmt_area .comment .cmt_wrap .cmt_lst.on .reply {
  display: block;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt {
  margin-left: 73px;
  min-height: 60px;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .profile_img {
  overflow: hidden;
  position: absolute;
  top: 23px;
  left: 0;
  border-radius: 5px;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .profile_img img {
  display: block;
  width: 58px;
  height: 58px;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .info {
  overflow: hidden;
  color: #888;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .info .writer {
  font-weight: 700;
  color: #333;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .info .secret {
  margin-left: 5px;
  color: #3462b4;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .ct {
  margin-top: 10px;
  line-height: 150%;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .date {
  margin-top: 5px;
  font-size: 12px;
  text-align: right;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .btm {
  overflow: hidden;
  margin-top: 20px;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .btm > a {
  font-weight: 700;
  color: #333;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .btm > a em {
  font-weight: 700;
  color: #ea3d3d;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .btm > a img {
  margin: 0 0 3px 5px;
  vertical-align: middle;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .btm > a img.reply_on {
  display: none;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .btm .edit_wrap {
  float: right;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .btm .edit_wrap a {
  display: inline-block;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .btm .edit_wrap a.del {
  color: #f00;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .btm .edit_wrap a.edit {
  margin-left: 10px;
  color: #3462b4;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap {
  position: absolute;
  right: 0;
  top: 30px;
  box-sizing: border-box;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap:after {
  content: "";
  clear: both;
  display: block;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-goods,
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-bads {
  box-sizing: border-box;
  background: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
  font-size: 14px;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-goods .img-wrap,
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-bads .img-wrap {
  transition: all 0.2s ease-in-out;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-goods {
  color: #F90006;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-bads {
  margin-left: 20px;
  color: #0083E8;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-bads .img-wrap {
  position: relative;
  top: 5px;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-goods:active .img-wrap img:not(.hover),
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-bads:active .img-wrap img:not(.hover),
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-goods.active .img-wrap img:not(.hover),
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-bads.active .img-wrap img:not(.hover) {
  opacity: 0;
  transform: scale(1.5);
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-goods:active .img-wrap .hover,
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-bads:active .img-wrap .hover,
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-goods.active .img-wrap .hover,
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .counter-bads.active .img-wrap .hover {
  opacity: 1;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .img-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .img-wrap img {
  width: 24px;
  height: 24px;
  transition: all 0.2s ease-in-out;
}
.cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap .img-wrap img.hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.cmt_area .comment .cmt_wrap .cmt_lst .regist_reply {
  display: none;
  overflow: hidden;
  position: relative;
  margin: 15px 0 0 73px;
}
.cmt_area .comment .cmt_wrap .cmt_lst .regist_reply .textarea_wrap {
  position: relative;
  padding-bottom: 20px;
  background: #fff;
  border: 1px solid #3462b4;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.cmt_area .comment .cmt_wrap .cmt_lst .regist_reply .textarea_wrap textarea {
  width: 100%;
  height: 36px;
  padding: 5px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  resize: vertical;
  border-radius: 4px;
}
.cmt_area .comment .cmt_wrap .cmt_lst .regist_reply .textarea_wrap .num {
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.cmt_area .comment .cmt_wrap .cmt_lst .regist_reply .textarea_wrap .num em {
  color: #f00;
}
.cmt_area .comment .cmt_wrap .cmt_lst .regist_reply .btn {
  display: inline-block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #3462b4;
  border-radius: 4px;
}
.cmt_area .comment .cmt_wrap .cmt_lst .reply {
  display: none;
  position: relative;
  overflow: hidden;
  min-height: 40px;
  margin: 20px 0 0 73px;
  padding-top: 20px;
  padding-left: 75px;
}
.cmt_area .comment .cmt_wrap .cmt_lst .reply .profile_img {
  overflow: hidden;
  position: absolute;
  width: 58px;
  height: 58px;
  border: 0;
  left: 0;
  border-radius: 5px;
}
.cmt_area .comment .cmt_wrap .cmt_lst .reply .profile_img img {
  display: block;
  /** 일반 댓글에 답글 프로필 이미지 */
}
.cmt_area .comment .cmt_wrap .cmt_lst .reply .info {
  margin-top: 8px;
}
.cmt_area .comment .cmt_wrap .cmt_lst .reply .info .writer {
  color: #333;
  font-weight: 700;
}
.cmt_area .comment .cmt_wrap .cmt_lst .reply .info .secret {
  margin-left: 5px;
  color: #3462b4;
}
.cmt_area .comment .cmt_wrap .cmt_lst .reply .ct {
  margin-top: 10px;
  line-height: 150%;
}
.cmt_area .comment .cmt_wrap .cmt_lst .reply .date {
  float: none;
  margin-top: 5px;
  font-size: 12px;
  text-align: right;
}
.cmt_area .comment .cmt_wrap .cmt_lst .reply .edit_wrap {
  margin-top: 5px;
  text-align: right;
}
.cmt_area .comment .cmt_wrap .cmt_lst .reply .edit_wrap a {
  display: inline-block;
}
.cmt_area .comment .cmt_wrap .cmt_lst .reply .edit_wrap a.del {
  color: #f00;
}
.cmt_area .comment .cmt_wrap .cmt_lst .reply .edit_wrap a.edit {
  margin-left: 10px;
  color: #3462b4;
}
.cmt_area .comment.no-profile .cmt_wrap .cmt_lst .cmt {
  margin-left: 0;
}
.cmt_area .comment.no-profile .cmt_wrap .cmt_lst .regist_reply {
  margin-left: 0;
}
.cmt_area .comment.no-profile .cmt_wrap .cmt_lst .reply {
  margin-left: 0;
}

.cmt_more {
  display: block;
  margin: 10px 0 20px;
  font-size: 14px;
  color: #333;
  text-align: center;
}

/* 2024-04-02 추가 */
.nx-bbs-comment-wrap {
  margin-top: 56px;
}
.nx-bbs-comment-wrap .nx-bbs-comment-top {
  margin-bottom: 16px;
}
.nx-bbs-comment-wrap .nx-bbs-comment-top .nx-tit {
  color: #212121;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}
.nx-bbs-comment-wrap .nx-bbs-comment-top .nx-lead {
  margin-top: 16px;
  color: #656565;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

/*
2024-11-22 jm @desc .nx-bbs-txta 와 같은 형태의 input text
*/
.nx-txt-wrap {
  display: flex;
  gap: 8px;
}
.nx-txt-wrap .nx-bbs-txt {
  padding: 8px 12px;
  max-width: 160px;
  width: 100%;
  height: 20px;
  border: 1px solid #DBDBDB;
  border-radius: 8px;
  background: #FCFCFC;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  color: #656565;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.nx-txt-wrap .nx-bbs-txt:hover {
  border-radius: 8px;
  background: #FCFCFC;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.nx-txt-wrap .nx-bbs-txt::-moz-placeholder {
  color: #ACACAC;
}
.nx-txt-wrap .nx-bbs-txt::placeholder {
  color: #ACACAC;
}

.nx-bbs-txta {
  padding: 8px 12px;
  width: 100%;
  height: 80px;
  border-radius: 8px;
  border: 1px solid #DBDBDB;
  background: #FFF;
  box-sizing: border-box;
  resize: none;
  color: #656565;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  transition: all 0.25s ease;
}
.nx-bbs-txta:hover {
  border-radius: 8px;
  background: #FCFCFC;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.nx-bbs-txta::-moz-placeholder {
  color: #ACACAC;
}
.nx-bbs-txta::placeholder {
  color: #ACACAC;
}

.nx-bbs-comment-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
.nx-bbs-comment-btn-wrap .nx-col2 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.nx-bbs-comment-btn-wrap .nx-col2 .nx-chk-wrap + a {
  margin-left: 16px;
}

.nx-chk-wrap {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  color: #474747;
  font-size: 14px;
  line-height: 20px;
  box-sizing: border-box;
}
.nx-chk-wrap .nx-chk1 {
  overflow: hidden;
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.nx-chk-wrap .nx-chk1:checked + .nx-lbl::before {
  background-color: #5268DB;
  border-color: #5268DB;
  box-shadow: 0 2px 4px -2px rgba(82, 104, 219, 0.32);
}
.nx-chk-wrap .nx-lbl {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: top;
  box-sizing: border-box;
}
.nx-chk-wrap .nx-lbl::before {
  content: "";
  position: absolute;
  top: 50%;
  z-index: 2;
  display: block;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: #fff url(../imgs/ico/ico_check2.png) no-repeat center center/16px auto;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-sizing: border-box;
  transition: border 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.nx-chk-wrap {
  padding-left: 22px;
}
.nx-chk-wrap .nx-chk1 {
  left: 0;
}
.nx-chk-wrap .nx-lbl::before {
  left: 0;
}

.nx-bbs-comment-filter {
  margin-top: 32px;
}

.nx-bbs-comment-tnb {
  position: relative;
  display: flex;
}
.nx-bbs-comment-tnb::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #DFDFDF;
}
.nx-bbs-comment-tnb .nx-item {
  margin-right: 4px;
}
.nx-bbs-comment-tnb .nx-item:last-child {
  margin-right: 0;
}
.nx-bbs-comment-tnb .nx-item a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px 12px;
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  transition: color 0.25s ease;
}
.nx-bbs-comment-tnb .nx-item a::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #5268DB;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s, visibility 0.25s ease;
}
.nx-bbs-comment-tnb .nx-item a:hover {
  color: #5268DB;
}
.nx-bbs-comment-tnb .nx-item a.active {
  font-weight: 700;
  color: #5268DB;
}
.nx-bbs-comment-tnb .nx-item a.active::after {
  opacity: 1;
  visibility: visible;
}

.nx-bbs-comment-list-wrap .nx-bbs-comment-item-nocomment {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 32px 0px;
  color: #565656;
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item-nocomment .nx-nocomment-box {
  padding: 12px;
  border-radius: 1000px;
  background: rgba(0, 0, 0, 0.04);
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item-nocomment .nx-nocomment-box .nx-nocomment-icon-cmt-empty {
  width: 28px;
  height: 28px;
  background-image: url(../imgs/ico_v3/icon-empty-cmt.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px auto;
  opacity: 1;
  visibility: visible;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item {
  padding: 24px 8px;
  border-bottom: 1px solid #DFDFDF;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-no {
  display: flex;
  gap: 6px;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-no .nx-icon-cmt-lock {
  width: 18px;
  height: 18px;
  background-image: url(../imgs/ico_v3/icon-lock-cmt.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px auto;
  opacity: 1;
  visibility: visible;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top .nx-icon-cmt-lock {
  width: 18px;
  height: 18px;
  background-image: url(../imgs/ico_v3/icon-lock-cmt.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px auto;
  opacity: 1;
  visibility: visible;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top .nx-bbs-comment-info {
  display: flex;
  align-items: center;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top .nx-bbs-comment-thumb {
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top .nx-bbs-comment-thumb img {
  border-radius: 6px;
  width: 40px;
  vertical-align: top;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top .nx-bbs-comment-ins-wrap {
  margin-left: 12px;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top .nx-bbs-comment-ins-wrap .nx-ins-top {
  display: flex;
  gap: 4px;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top .nx-bbs-comment-ins-wrap .nx-ins-top .nx-anon {
  color: #3A3A3A;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top .nx-bbs-comment-ins-wrap .nx-ins-top .nx-icon-cmt-lock {
  width: 18px;
  height: 18px;
  background-image: url(../imgs/ico_v3/icon-lock-cmt.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px auto;
  opacity: 1;
  visibility: visible;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top .nx-bbs-comment-ins-wrap .nx-ins-top .nx-name {
  color: #3A3A3A;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top .nx-bbs-comment-ins-wrap .nx-ins-top .nx-badge {
  width: 20px;
  height: 20px;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top .nx-bbs-comment-ins-wrap .nx-date {
  margin-top: 2px;
  color: #878787;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top .nx-btn-area {
  position: relative;
  display: flex;
  align-items: center;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top .nx-btn-area .nx-btn-adopt + .nx-btn-open {
  margin-left: 10px;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-item-top .nx-layer-bx {
  position: absolute;
  right: 0;
  top: 20px;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-ct {
  margin-top: 12px;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-item .nx-bbs-comment-ct .nx-bbs-comment-puts {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-goods,
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-bads {
  box-sizing: border-box;
  background: transparent;
  outline: 0;
  border: 0;
  cursor: pointer;
  font-size: 14px;
}
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-goods .img-wrap,
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-bads .img-wrap {
  transition: all 0.2s ease-in-out;
}
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-goods {
  color: #0083E8;
}
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-bads {
  margin-left: 10px;
  color: #F90006;
}
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-bads .img-wrap {
  position: relative;
  top: 5px;
}
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-goods:active .img-wrap img:not(.hover),
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-bads:active .img-wrap img:not(.hover),
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-goods.active .img-wrap img:not(.hover),
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-bads.active .img-wrap img:not(.hover) {
  opacity: 0;
  transform: scale(1.5);
}
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-goods:active .img-wrap .hover,
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-bads:active .img-wrap .hover,
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-goods.active .img-wrap .hover,
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .counter-bads.active .img-wrap .hover {
  opacity: 1;
}
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .img-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .img-wrap img {
  width: 24px;
  height: 24px;
  transition: all 0.2s ease-in-out;
}
.nx-bbs-comment-list-wrap .nx-bbs-like-wrap .img-wrap img.hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.nx-bbs-comment-list-wrap .nx-bbs-comment-more {
  display: none;
  padding-top: 24px;
  text-align: center;
}

.nx-bbs-comment-files {
  overflow: hidden;
  display: flex;
  margin: 16px -4px -8px;
}
.nx-bbs-comment-files .nx-file-item {
  margin: 0 4px 8px;
}
.nx-bbs-comment-files .nx-file-item img {
  border-radius: 6px;
  vertical-align: top;
}

.nx-bbs-comment-lst-files {
  display: inline-block;
  margin-top: 8px;
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid #E3E3E3;
  background: #FFF;
  box-sizing: border-box;
  vertical-align: top;
}
.nx-bbs-comment-lst-files .nx-item {
  margin-bottom: 4px;
}
.nx-bbs-comment-lst-files .nx-item:last-child {
  margin-bottom: 0;
}
.nx-bbs-comment-lst-files .nx-item a {
  display: flex;
  font-size: 14px;
  line-height: 1.2;
}
.nx-bbs-comment-lst-files .nx-item a .nx-file {
  display: flex;
  max-width: calc(100% - 54px);
  color: #308AFF;
}
.nx-bbs-comment-lst-files .nx-item a .nx-file .nx-file-name {
  font-weight: 400;
}
.nx-bbs-comment-lst-files .nx-item a .nx-file .nx-file-unit {
  flex-shrink: 0;
}
.nx-bbs-comment-lst-files .nx-item a .nx-vol {
  flex-shrink: 0;
  margin-left: 6px;
  color: #8895A7;
}
.nx-bbs-comment-lst-files .nx-item a .nx-vol .nx-vol-unit {
  margin-left: 4px;
}

.nx-bbs-recomment-wrap {
  margin-top: 18px;
}
.nx-bbs-recomment-wrap .nx-bbs-recomment-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nx-bbs-recomment-wrap .nx-bbs-recomment-top .nx-tit a {
  color: #5268DB;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.nx-bbs-recomment-wrap .nx-bbs-recomment {
  margin-top: 16px;
}
.nx-bbs-recomment-wrap .nx-bbs-recomment .nx-bbs-comment-list-wrap .nx-bbs-comment-item-nocomment {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 32px 0px;
  color: #565656;
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.nx-bbs-recomment-wrap .nx-bbs-recomment .nx-bbs-comment-list-wrap .nx-bbs-comment-item-nocomment .nx-nocomment-box {
  padding: 12px;
  border-radius: 1000px;
  background: rgba(0, 0, 0, 0.04);
}
.nx-bbs-recomment-wrap .nx-bbs-recomment .nx-bbs-comment-list-wrap .nx-bbs-comment-item-nocomment .nx-nocomment-box .nx-nocomment-icon-cmt-empty {
  width: 28px;
  height: 28px;
  background-image: url(../imgs/ico_v3/icon-empty-cmt.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 28px auto;
  opacity: 1;
  visibility: visible;
}
.nx-bbs-recomment-wrap .nx-bbs-recomment .nx-bbs-comment-list-wrap .nx-bbs-comment-item {
  position: relative;
  margin-top: 24px;
  padding: 16px 8px 16px 28px;
  border-bottom: none;
}
.nx-bbs-recomment-wrap .nx-bbs-recomment .nx-bbs-comment-list-wrap .nx-bbs-comment-item::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 0;
  display: block;
  width: 2px;
  height: 100%;
  background: #EAEAEA;
}

.nx-btn-adopt {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px 2px 30px;
  height: 28px;
  border-radius: 6px;
  border: 1px solid #CCC;
  background: #FFF;
  box-sizing: border-box;
  vertical-align: top;
  color: #5A5A5A;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  margin-right: 10px;
  transition: border 0.25s ease, color 0.25s ease, background 0.25s ease;
}
.nx-btn-adopt::before, .nx-btn-adopt::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  display: block;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px auto;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.nx-btn-adopt::before {
  background-image: url(../imgs/ico/ico_adopt.png);
  opacity: 1;
  visibility: visible;
}
.nx-btn-adopt::after {
  background-image: url(../imgs/ico/ico_adopt_on.png);
  opacity: 0;
  visibility: hidden;
}
.nx-btn-adopt.active {
  border-color: rgba(72, 99, 239, 0.22);
  background: rgba(72, 99, 239, 0.04);
  color: #4863EF;
  font-weight: 700;
}
.nx-btn-adopt.active::before {
  opacity: 0;
  visibility: hidden;
}
.nx-btn-adopt.active::after {
  opacity: 1;
  visibility: visible;
}

.nx-btn-open {
  font-size: 0;
  text-indent: -9999px;
  display: block;
  width: 28px;
  height: 28px;
  background: url(../imgs/ico/ico_open.png) no-repeat center center/28px auto;
}

.nx-layer-bx {
  padding: 8px;
  width: 128px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.12), 0 24px 40px -26px rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: top center;
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}
.nx-layer-bx.active {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.nx-layer-bx a {
  display: block;
  text-align: left;
  padding: 8px;
  width: 100%;
  border-radius: 6px;
  box-sizing: border-box;
  color: #2B2C33;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  transition: background 0.25s ease;
}
.nx-layer-bx a:hover {
  background: rgba(0, 0, 0, 0.04);
}
.nx-layer-bx a.nx-c2 {
  color: #E84F68;
}

/* 모바일가로 */
@media only screen and (max-width: 759px) {
  .cmt_area .regist_cmt {
    padding: 12px;
  }
  .cmt_area .comment {
    width: 100%;
  }
  .cmt_area .comment .cmt_wrap .cmt_lst {
    padding: 15px 0;
  }
  .cmt_area .comment .cmt_wrap .cmt_lst .cmt {
    overflow: hidden;
    margin: 0 20px 0 40px;
    min-height: 40px;
  }
  .cmt_area .comment .cmt_wrap .cmt_lst .cmt .profile_img {
    top: 15px;
  }
  .cmt_area .comment .cmt_wrap .cmt_lst .cmt .profile_img img {
    width: 30px;
    height: 30px;
  }
  .cmt_area .comment .cmt_wrap .cmt_lst .cmt .info {
    line-height: 150%;
  }
  .cmt_area .comment .cmt_wrap .cmt_lst .cmt .info .writer {
    display: block;
  }
  .cmt_area .comment .cmt_wrap .cmt_lst .cmt .cmt-eval-wrap {
    top: 12px;
    right: 20px;
  }
  .cmt_area .comment .cmt_wrap .cmt_lst .regist_reply {
    margin: 15px 20px 0 40px;
  }
  .cmt_area .comment .cmt_wrap .cmt_lst .reply {
    margin: 20px 20px 0 40px;
    padding-left: 30px;
  }
  .cmt_area .comment .cmt_wrap .cmt_lst .reply .profile_img img {
    width: 24px;
    height: 24px;
  }
  .cmt_area .comment .cmt_wrap .cmt_lst .reply .info {
    margin-top: 0;
    line-height: 150%;
  }
  .cmt_area .comment .cmt_wrap .cmt_lst .reply .info .writer {
    display: block;
  }
  .cmt_area .comment .cmt_wrap .cmt_lst .reply .ct {
    margin-top: 5px;
  }
}
.RE_theme.center_popup .top, .RE_theme .btn6, .RE_theme .btn10 {
  background: #d44;
}
.RE_theme.center_popup .btn_area {
  background: #fec0c0;
}
.RE_theme .btn5, .RE_theme .btn9, .RE_theme .btn_confirm {
  background: #d40101;
}
.RE_theme .popup2 {
  border: 1px solid #d44;
}
.RE_theme .popup2 .top {
  background: #d44;
}

.OR_theme.center_popup .top, .OR_theme .btn6, .OR_theme .btn10 {
  background: #f27f2c;
}
.OR_theme.center_popup .btn_area {
  background: #ffd7ba;
}
.OR_theme .btn5, .OR_theme .btn9, .OR_theme .btn_confirm {
  background: #dd5d00;
}
.OR_theme .popup2 {
  border: 1px solid #f27f2c;
}
.OR_theme .popup2 .top {
  background: #f27f2c;
}

.BR_theme.center_popup .top, .BR_theme .btn6, .BR_theme .btn10 {
  background: #a6704c;
}
.BR_theme.center_popup .btn_area {
  background: #edd1be;
}
.BR_theme .btn5, .BR_theme .btn9, .BR_theme .btn_confirm {
  background: #733a20;
}
.BR_theme .popup2 {
  border: 1px solid #a6704c;
}
.BR_theme .popup2 .top {
  background: #a6704c;
}

.YE_theme.center_popup .top, .YE_theme .btn6, .YE_theme .btn10 {
  background: #efcb20;
}
.YE_theme.center_popup .btn_area {
  background: #fffac4;
}
.YE_theme .btn5, .YE_theme .btn9, .YE_theme .btn_confirm {
  background: #e4c017;
}
.YE_theme .popup2 {
  border: 1px solid #efcb20;
}
.YE_theme .popup2 .top {
  background: #efcb20;
}

.GR_theme.center_popup .top, .GR_theme .btn6, .GR_theme .btn10 {
  background: #83b449;
}
.GR_theme.center_popup .btn_area {
  background: #e2f3be;
}
.GR_theme .btn5, .GR_theme .btn9, .GR_theme .btn_confirm {
  background: #64a31a;
}
.GR_theme .popup2 {
  border: 1px solid #83b449;
}
.GR_theme .popup2 .top {
  background: #83b449;
}

.BL_theme.center_popup .top, .BL_theme .btn6, .BL_theme .btn10 {
  background: #5fa0e6;
}
.BL_theme.center_popup .btn_area {
  background: #b5deff;
}
.BL_theme .btn5, .BL_theme .btn9, .BL_theme .btn_confirm {
  background: #3462b4;
}
.BL_theme .popup2 {
  border: 1px solid #5fa0e6;
}
.BL_theme .popup2 .top {
  background: #5fa0e6;
}

.PU_theme.center_popup .top, .PU_theme .btn6, .PU_theme .btn10 {
  background: #aa6bde;
}
.PU_theme.center_popup .btn_area {
  background: #e7cefc;
}
.PU_theme .btn5, .PU_theme .btn9, .PU_theme .btn_confirm {
  background: #939;
}
.PU_theme .popup2 {
  border: 1px solid #aa6bde;
}
.PU_theme .popup2 .top {
  background: #aa6bde;
}

.PI_theme.center_popup .top, .PI_theme .btn6, .PI_theme .btn10 {
  background: #eb7589;
}
.PI_theme.center_popup .btn_area {
  background: #fcdbdf;
}
.PI_theme .btn5, .PI_theme .btn9, .PI_theme .btn_confirm {
  background: #da4760;
}
.PI_theme .popup2 {
  border: 1px solid #eb7589;
}
.PI_theme .popup2 .top {
  background: #eb7589;
}

.BW_theme.center_popup .top, .BW_theme .btn6, .BW_theme .btn10 {
  background: #888;
}
.BW_theme.center_popup .btn_area {
  background: #dfdfdf;
}
.BW_theme .btn5, .BW_theme .btn9, .BW_theme .btn_confirm {
  background: #444;
}
.BW_theme .popup2 {
  border: 1px solid #888;
}
.BW_theme .popup2 .top {
  background: #888;
}

/* Shortcut */
.ofH {
  overflow: hidden;
}

.clB {
  clear: both;
}

.dsN {
  display: none;
}

.dsI {
  display: inline;
}

.dsB {
  display: block;
}

.dsIB {
  display: inline-block;
}

.fL {
  float: left;
}

.fR {
  float: right;
}

.taL {
  text-align: left !important;
}

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

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

.vaT {
  vertical-align: top;
}

.vaM {
  vertical-align: middle;
}

.vaB {
  vertical-align: bottom;
}

.bgN {
  background: none;
}

.mt0 {
  margin-top: 0;
}

.mt5 {
  margin-top: 5px;
}

.mt8 {
  margin-top: 8px;
}

.mt10 {
  margin-top: 10px;
}

.mt12 {
  margin-top: 12px;
}

.mt15 {
  margin-top: 15px;
}

.mt16 {
  margin-top: 16px;
}

.mt18 {
  margin-top: 18px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mr0 {
  margin-right: 0;
}

.mr5 {
  margin-right: 5px;
}

.mr8 {
  margin-right: 8px;
}

.mr10 {
  margin-right: 10px;
}

.mr12 {
  margin-right: 12px;
}

.mr15 {
  margin-right: 15px;
}

.mr16 {
  margin-right: 16px;
}

.mr18 {
  margin-right: 18px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.mb0 {
  margin-bottom: 0;
}

.mb5 {
  margin-bottom: 5px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb12 {
  margin-bottom: 12px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb16 {
  margin-bottom: 16px;
}

.mb18 {
  margin-bottom: 18px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml0 {
  margin-left: 0;
}

.ml5 {
  margin-left: 5px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml12 {
  margin-left: 12px;
}

.ml15 {
  margin-left: 15px;
}

.ml16 {
  margin-left: 16px;
}

.ml18 {
  margin-left: 18px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.wl {
  max-width: 450px;
}

.wm {
  max-width: 300px;
}

.ws {
  max-width: 150px;
}

.ws2 {
  max-width: 100px;
}

.ws3 {
  max-width: 50px;
}

.lh30 {
  line-height: 30px;
}

/* 컬러 */
/* 초록색 */
/* 초록색 */
/* 노란색 */
/* 갈색 */
/* 진한 회색 */
/* 붉은색 */
/* 메인 - 하늘색 */
/* 학습 - 하늘색 */
/* 이슈 - 주황색 */
/* 지식사이트 - 초록색 */
/* 지식채널 - 연두색 */
/* 지식채널 - 연두색 */
/* 지원센터 - 보라색 */
/* 지원센터 - 보라색 */
/* 나의 지식 - 남색 */
/* 멤버 - 분홍색 */
.learn_session_wrap .nx_btn, .lcms_pop_top .btn_area_left .print, .lcms_pop_top .btn_area_left .download, .session_wrap .nx_btn, .cms_btn, .nx_btn_cmt_add { /* 버튼 기본 */
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 14px;
}

/* 탁한파란색 */
/* 하늘색 */
/* 진한 회색 */
/* 진한 회색 */
/* 오렌지 */
/* 갈색 */
.edu-moa-wrap {
  padding: 45px 15px 40px;
  border-bottom: 1px solid #F5F5F5;
  box-sizing: border-box;
}

.edu-moa {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}
.edu-moa li {
  float: left;
  width: calc((100% - 60px) / 4);
  margin-right: 20px;
  margin-bottom: 20px;
  background: #F3F3F3;
}
.edu-moa li:nth-child(4n) {
  margin-right: 0;
}
.edu-moa li a {
  display: block;
  box-sizing: border-box;
}
.edu-moa li .img_wrap2 {
  position: relative;
  padding-bottom: 55%;
  overflow: hidden;
  background: #d2d2d2;
}
.edu-moa li .img_wrap2 img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.edu-moa li .txt_wrap {
  padding: 13px;
  box-sizing: border-box;
}
.edu-moa li .tit {
  font-size: 20px;
  color: #000;
  margin-bottom: 5px;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.3;
  height: 2.6em;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.edu-moa li .ct {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.3;
  height: 2.6em;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.edu-moa li .name {
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #3399FF;
}

/* 댓글 리스트 */
.cmt_wrap.gseek-cmt-wrap {
  padding: 30px 0 20px;
  border-bottom: 1px solid #e5e5e5;
}
.cmt_wrap.gseek-cmt-wrap:first-child {
  border-top: 1px solid #e5e5e5;
}
.cmt_wrap.gseek-cmt-wrap.nodata {
  padding: 30px 0;
  text-align: center;
}
.cmt_wrap.gseek-cmt-wrap .cmt {
  position: relative;
  margin-left: 112px;
}
.cmt_wrap.gseek-cmt-wrap .cmt .profile_img {
  display: block;
  overflow: hidden;
  position: absolute;
  top: -10px;
  right: calc(100% + 32px);
  width: 80px;
  height: 80px;
  line-height: 78px;
  border: 1px solid #cecece;
  text-align: center;
  background: #cecece;
  font-weight: 700;
  color: #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
.cmt_wrap.gseek-cmt-wrap .cmt .profile_img img {
  display: block;
}
.cmt_wrap.gseek-cmt-wrap .cmt .name {
  line-height: 22px;
  font-size: 16px;
  color: #888;
}
.cmt_wrap.gseek-cmt-wrap .cmt .del {
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 300;
  color: #f00;
}
.cmt_wrap.gseek-cmt-wrap .cmt .del:hover {
  text-decoration: underline;
}
.cmt_wrap.gseek-cmt-wrap .cmt .star_rate input[type=radio] + label {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.cmt_wrap.gseek-cmt-wrap .cmt .star_rate input[type=radio] + label span[class^=ico_star] {
  font-size: 18px;
}
.cmt_wrap.gseek-cmt-wrap .cmt .nx_ct {
  margin: 5px 0;
  line-height: 1.4;
  font-size: 14px;
  color: #666;
}
.cmt_wrap.gseek-cmt-wrap .cmt .info {
  overflow: hidden;
}
.cmt_wrap.gseek-cmt-wrap .cmt .info .state {
  font-size: 12px;
  color: #5998d0;
}
.cmt_wrap.gseek-cmt-wrap .cmt .date {
  display: inline-block;
  float: right;
  font-size: 14px;
  color: #888;
}

/* 답글 */
.reply_area {
  margin: 10px 0 0 112px;
}
.reply_area .reply_top {
  overflow: hidden;
}
.reply_area .reply_top .nx_btn_toggle {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px 0 15px;
  background: #0066b3;
  transition: background 0.25s ease-in-out;
  color: #fff;
  border-radius: 4px;
}
.reply_area .reply_top .nx_btn_toggle:hover {
  background: #2b8ed8;
}
.reply_area .reply_top .nx_btn_toggle .ico_arr1_u {
  display: none;
}
.reply_area .reply_top .nx_btn_toggle.on .ico_arr1_u {
  display: inline;
}
.reply_area .reply_top .nx_btn_toggle.on .ico_arr1_d {
  display: none;
}
.reply_area .regist_reply {
  margin-top: 10px;
}
.reply_area .regist_reply textarea {
  min-height: 80px;
}

.reply_lst {
  margin-top: 25px;
}

.reply {
  position: relative;
  padding: 20px 0 20px 72px;
  border-top: 1px solid #e5e5e5;
}
.reply .profile_img {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 20px;
  left: 0;
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #cecece;
  text-align: center;
  background: #cecece;
  font-weight: 700;
  color: #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
.reply .profile_img img {
  display: block;
}
.reply .name {
  margin-top: 8px;
  font-size: 16px;
  color: #888;
  line-height: 22px;
}
.reply .del {
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
  color: #f00;
}
.reply .del:hover {
  text-decoration: underline;
}
.reply .nx_ct {
  margin: 5px 0;
  line-height: 1.4;
  font-size: 14px;
  color: #666;
}
.reply .info {
  overflow: hidden;
  line-height: 22px;
  font-size: 14px;
  color: #888;
}
.reply .date {
  float: right;
  font-size: 14px;
}

.cmt_opt {
  overflow: hidden;
  margin-bottom: 10px;
}

.star_cmt {
  margin-top: 4px;
}
.star_cmt .star_rate .star_ico.on .ico_star_full, .star_cmt .star_rate .star_ico.on ~ .star_ico .ico_star_full {
  color: #fba830;
}
.star_cmt .star_rate .star_ico.on.half .ico_star_full {
  color: #e5e5e5;
}
.star_cmt .star_rate .star_ico.on.half .ico_star_half {
  color: #fba830;
}

.cmt_tab {
  overflow: hidden;
  position: relative;
}
.cmt_tab:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background: #666;
}
.cmt_tab li {
  float: left;
  position: relative;
  z-index: 2;
  width: 150px;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.cmt_tab li:last-child {
  border-right: 1px solid #e5e5e5;
}
.cmt_tab li.on {
  border-top-color: #666;
  border-left-color: #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #fff;
}
.cmt_tab li.on + li {
  border-left: none;
}
.cmt_tab li.on a {
  background: #fff;
  color: #222;
}
.cmt_tab li a {
  display: block;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: #f5f5f5;
}
.cmt_tab li a:hover {
  background: #fff;
}

.nx_btn_cmt_add {
  min-width: 84px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  border-radius: 4px;
  transition: background 0.25s ease-in-out;
}
.nx_btn_cmt_add:hover {
  color: #fff;
  background: #2b8ed8;
}

.cms_btn {
  min-width: 84px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  color: #fff !important;
  background: #fba830;
  transition: background 0.25s ease-in-out;
}
.cms_btn:hover {
  background: #f39205;
}

.nx_btn_memo_stat {
  display: inline-block;
  min-width: 60px;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 14px;
  color: #fff !important;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  border-radius: 4px;
  background: #40abe0;
  transition: background 0.25s ease-in-out;
}
.nx_btn_memo_stat:hover {
  background: #2193cc;
}

@media screen and (max-width: 1030px) {
  .edu-group .edu-item {
    width: calc((100% - 40px) / 3);
  }
  .edu-group .edu-item:nth-child(4n) {
    margin-right: 20px;
  }
  .edu-group .edu-item:nth-child(3n) {
    margin-right: 0;
  }
  .edu-moa li {
    width: calc((100% - 40px) / 3);
  }
  .edu-moa li:nth-child(4n) {
    margin-right: 20px;
  }
  .edu-moa li:nth-child(3n) {
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) {
  .edu-moa li {
    width: calc((100% - 20px) / 2);
  }
  .edu-moa li:nth-child(4n) {
    margin-right: 20px;
  }
  .edu-moa li:nth-child(3n) {
    margin-right: 20px;
  }
  .edu-moa li:nth-child(2n) {
    margin-right: 0px;
  }
}
@media screen and (max-width: 550px) {
  .edu-moa li {
    width: 100%;
    margin-right: 0;
  }
  .edu-moa li:nth-child(4n) {
    margin-right: 0px;
  }
  .edu-moa li:nth-child(3n) {
    margin-right: 0px;
  }
  .edu-moa li:nth-child(2n) {
    margin-right: 0px;
  }
}
/********************** Learn **********************/
.pt_btn_big, .pt_btn1_b, .pt_btn2_b, .pt_btn3_b {
  min-width: 200px;
  height: 50px;
  line-height: 50px;
  border-radius: 4px;
  color: #fff !important;
}

.pc_learn_bg {
  background-color: #009dda !important;
}

.btn_sm,
.btn_sch_term,
.btn_ico2,
.page_box > .top .del,
.btn_ico3,
.btn_ico4,
.btn_sm2,
.btn_ico5,
.btn_save,
.btn_h40,
.btn3_m,
.btn_big,
.btn_ico_like,
.btn_ico_dislike,
.btn_report1,
.btn_report2,
.btn_order,
.pt_btn_sm,
.pt_btn1,
.pt_btn2,
.pt_btn3,
.pt_btn_gsite,
.pt_btn_long,
.pt_btn1_l,
.pt_btn2_l,
.pt_btn3_l,
.pt_btn_big,
.pt_btn1_b,
.pt_btn2_b,
.pt_btn3_b,
.btn_sns_login,
.my_btn1,
.my_btn2,
.pt_pop_btn1,
.lcms_pop_top .btn_area_left .print,
.lcms_pop_top .btn_area_left .download,
.badge_more,
.relearn_type .btn_relearn,
.auto_logout_btn,
.btn_add_page,
.learn_history_lst2 li a .info_box .tit .btn,
.lms_apply_read .apply_btn1, .lms_apply_read .apply_btn2 {
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 14px;
}

.pt_btn_sm, .pt_btn1, .pt_btn2, .pt_btn3, .pt_btn_gsite {
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  color: #fff !important;
}

.at-icon-wrapper {
  display: inline-block;
  overflow: hidden;
}

.pt_btn_ico, .pt_sch_ipt .pt_sch_btn, .pt_btn_ico_fold, .pt_btn_new, .pt_btn_new2, .pt_btn_heart, .sch_wrap .sch_ipt .sch_btn, .edit_profile_img .zoom a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}

.underline_tit {
  display: inline-block;
  margin-bottom: 25px;
  padding-bottom: 8px;
  line-height: 150%;
  font-size: 18px;
  font-weight: 400;
  color: #222222;
  border-bottom: 4px solid #858585;
}

.pt_btn_ico_fold {
  background: #858585;
  border-radius: 50%;
  line-height: 30px;
  color: #fff;
}
.pt_btn_ico_fold .ico_arr1_u {
  display: none;
}
.pt_btn_ico_fold.on .ico_arr1_u {
  display: inline;
}
.pt_btn_ico_fold.on .ico_arr1_d {
  display: none;
}

.pt_btn1 {
  background: #858585;
}

.pt_btn2 {
  background: #5998d0;
}

.pt_btn3 {
  background: #fa45af;
}

.pt_btn1_l {
  background: #858585;
}

.pt_btn2_l {
  background: #5998d0;
}

.pt_btn3_l {
  background: #fa45af;
}

.pt_btn1_b {
  background: #858585;
}

.pt_btn2_b {
  background: #5998d0;
}

.pt_btn3_b {
  background: #fa45af;
}

.at4-visually-hidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  overflow: hidden;
}

.at-resp-share-element .at-share-btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 2px 5px;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  border: 0;
  font-family: helvetica neue, helvetica, arial, sans-serif;
  background-color: transparent;
}

.at-style-responsive .at-share-btn {
  padding: 5px;
}

/*--------------------------- 리스트 s ---------------------------*/
/* 갤러리형 */
.learn_lst1 {
  overflow: hidden;
  padding-left: 0;
  list-style: none;
}
.learn_lst1 li {
  width: calc((100% - 61px) / 4);
  margin-left: 20px;
  float: left;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  background: #fff;
  border-radius: 6px;
  box-sizing: border-box;
}
.learn_lst1 li:nth-child(-n+4) {
  margin-top: 0;
}
.learn_lst1 li:nth-child(n+5) {
  margin-top: 20px;
}
.learn_lst1 li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.learn_lst1 li:hover {
  border-color: #0066b3;
}
.learn_lst1 li.nodata {
  float: none !important;
  width: auto !important;
  height: 90px;
  line-height: 90px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
.learn_lst1 li.nodata:hover {
  border-color: #e5e5e5;
}
.learn_lst1 li > a {
  display: block;
}
.learn_lst1 li > .inner .txt_wrap {
  padding: 12px 10px 36px;
}
.learn_lst1 li > .inner .txt_wrap .nx_tit a:hover {
  text-decoration: underline;
}
.learn_lst1 li .img_wrap1 {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.learn_lst1 li .img_wrap1 .img_wrap2 {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.learn_lst1 li .img_wrap1 .img_wrap2 .img {
  display: block;
}
.learn_lst1 li .txt_wrap {
  position: relative;
  padding: 12px 10px;
  box-sizing: border-box;
}
.learn_lst1 li .txt_wrap .nx_tit {
  height: 2.6em;
  font-size: 15px;
  font-weight: 500;
  color: #222;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.3em;
  max-height: 2.6em !important;
}
.learn_lst1 li .txt_wrap .name {
  margin-top: 10px;
  color: #0066b3;
}
.learn_lst1 li .txt_wrap .cancel {
  color: #ff6b6b;
}
.learn_lst1 li .txt_wrap .star_rate_wrap {
  margin-top: 8px;
}
.learn_lst1 li .txt_wrap .nx_progress {
  overflow: hidden;
  position: relative;
  margin-top: 12px;
}
.learn_lst1 li .txt_wrap .nx_progress .txt {
  float: left;
  font-size: 12px;
}
.learn_lst1 li .txt_wrap .nx_progress .bar {
  position: absolute;
  top: 50%;
  left: 45px;
  right: 35px;
  height: 6px;
  margin-top: -5px;
  padding: 1px;
  border: 1px solid #e5e5e5;
  background: #fff;
  border-radius: 5px;
}
.learn_lst1 li .txt_wrap .nx_progress .bar .gage {
  display: block;
  height: 100%;
  background: #38c2f3;
  border-radius: 3px;
  transition: all 1s ease;
}
.learn_lst1 li .txt_wrap .nx_progress .percent {
  float: right;
  font-size: 12px;
}
.learn_lst1 li .txt_wrap .nx_btn {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  background: #0066b3;
  transition: background 0.25s ease-in-out;
}
.learn_lst1 li .txt_wrap .nx_btn:hover {
  background: #004980;
}
.learn_lst1 li .txt_wrap .nx_btn.finish {
  background: #6d9df4;
  transition: background 0.25s ease-in-out;
  color: #a36813;
}
.learn_lst1 li .txt_wrap .nx_btn.finish:hover {
  background: #3e7df0;
}
.learn_lst1 li .txt_wrap .nx_tit + .name {
  position: static;
}
.learn_lst1.no_ct li a .txt_wrap {
  height: 110px;
  padding: 10px 10px 35px 10px;
}
.learn_lst1.no_ct li a .txt_wrap .nx_tit {
  margin-bottom: 10px;
}

.learn_lst3 {
  overflow: hidden;
}
.learn_lst3 li {
  width: calc((100% - 61px) / 4);
  margin-left: 20px;
  float: left;
  overflow: hidden;
  border-radius: 5px;
}
.learn_lst3 li:nth-child(-n+4) {
  margin-top: 0;
}
.learn_lst3 li:nth-child(n+5) {
  margin-top: 20px;
}
.learn_lst3 li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.learn_lst3 li.nodata {
  float: none !important;
  width: 100% !important;
  height: 90px;
  line-height: 90px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
  border-radius: 0;
}
.learn_lst3 li a {
  display: block;
  background: #f3f3f3;
}
.learn_lst3 li a .img_wrap {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.learn_lst3 li a .img_wrap .img_wrap2 {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.learn_lst3 li a .img_wrap .img_wrap2 .img {
  display: block;
}
.learn_lst3 li a .img_wrap .status_wrap1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}
.learn_lst3 li a .img_wrap .status_wrap1 .status_wrap2 {
  display: table;
  width: 100%;
  height: 100%;
}
.learn_lst3 li a .img_wrap .status_wrap1 .status_wrap2 .status_wrap3 {
  display: table-cell;
  font-size: 14px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.learn_lst3 li a .txt_wrap {
  position: relative;
  height: 150px;
  padding: 10px 10px 55px 10px;
  box-sizing: border-box;
}
.learn_lst3 li a .txt_wrap .tit {
  margin-bottom: 5px;
  line-height: 1.3em;
  max-height: 2.6em !important;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.learn_lst3 li a .txt_wrap .ct {
  line-height: 1.3em;
  max-height: 2.6em !important;
  font-size: 14px;
  color: #666;
}
.learn_lst3 li a .txt_wrap .name {
  position: absolute;
  bottom: 35px;
  left: 10px;
  color: #009dda;
}
.learn_lst3 li a .txt_wrap .star_rate_wrap {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.learn_lst3 li a .txt_wrap .star_rate_wrap .star_rate .star_ico, .learn_lst3 li a .txt_wrap .star_rate_wrap .star_rate input[type=radio] + label {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.learn_lst3 li a .txt_wrap .star_rate_wrap .star_rate .star_ico span[class^=ico_star], .learn_lst3 li a .txt_wrap .star_rate_wrap .star_rate input[type=radio] + label span[class^=ico_star] {
  font-size: 20px;
}
.learn_lst3 li a .txt_wrap .tit + .name {
  position: static;
}
.learn_lst3.no_ct li a .txt_wrap {
  height: 110px;
  padding: 10px 10px 35px 10px;
}
.learn_lst3.no_ct li a .txt_wrap .tit {
  margin-bottom: 10px;
}

/* 리스트형 */
.learn_lst2 li {
  padding: 10px 0;
  border-bottom: 1px solid #dedede;
}
.learn_lst2 li.nodata {
  height: 90px;
  line-height: 90px;
  padding: 0 !important;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
.learn_lst2 li a {
  display: block;
  overflow: hidden;
  position: relative;
}
.learn_lst2 li a .ribbon_new {
  width: 50px;
}
.learn_lst2 li a .img_wrap {
  overflow: hidden;
  float: left;
  position: relative;
  width: 160px;
  height: 90px;
  background: #eee;
  border-radius: 4px;
}
.learn_lst2 li a .img_wrap .img {
  display: block;
}
.learn_lst2 li a .img_wrap .status_wrap1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}
.learn_lst2 li a .img_wrap .status_wrap1 .status_wrap2 {
  display: table;
  width: 100%;
  height: 100%;
}
.learn_lst2 li a .img_wrap .status_wrap1 .status_wrap2 .status_wrap3 {
  display: table-cell;
  line-height: 1.5;
  font-size: 14px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.learn_lst2 li a .txt_wrap {
  margin-left: 180px;
}
.learn_lst2 li a .txt_wrap .tit {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.learn_lst2 li a .txt_wrap .ct {
  height: 3em;
  margin-top: 5px;
  font-size: 14px;
  color: #666;
}
.learn_lst2 li a .txt_wrap .info {
  overflow: hidden;
  margin-top: 5px;
}
.learn_lst2 li a .txt_wrap .name {
  display: inline-block;
  margin-right: 10px;
  line-height: 20px;
  vertical-align: bottom;
  color: #009dda;
}
.learn_lst2 li a .txt_wrap .star_rate_wrap {
  display: inline-block;
  vertical-align: bottom;
}
.learn_lst2 li a .txt_wrap .star_rate_wrap .star_rate .star_ico, .learn_lst2 li a .txt_wrap .star_rate_wrap .star_rate input[type=radio] + label {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.learn_lst2 li a .txt_wrap .star_rate_wrap .star_rate .star_ico span[class^=ico_star], .learn_lst2 li a .txt_wrap .star_rate_wrap .star_rate input[type=radio] + label span[class^=ico_star] {
  font-size: 20px;
}
.learn_lst2 li a .txt_wrap .comment {
  display: inline-block;
  color: #009dda;
}
.learn_lst2 li a .txt_wrap .favorite {
  margin-left: 10px;
  color: #eb6100;
}
.learn_lst2 li a .txt_wrap .favorite [class*=ico_] {
  color: #ee6868;
}

.mini_lst {
  overflow: hidden;
}
.mini_lst li {
  width: calc((100% - 21px) / 2);
  margin-left: 20px;
  float: left;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
}
.mini_lst li:nth-child(-n+2) {
  margin-top: 0;
}
.mini_lst li:nth-child(n+3) {
  margin-top: 20px;
}
.mini_lst li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.mini_lst li:hover {
  border-color: #009dda;
}
.mini_lst a {
  display: block;
  padding: 14px;
}
.mini_lst .top {
  overflow: hidden;
}
.mini_lst .img_wrap1 {
  float: left;
  width: 140px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.mini_lst .img_wrap2 {
  position: relative;
  height: 0;
  padding-bottom: 100%;
}
.mini_lst .img_wrap3 {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.mini_lst .img {
  display: block;
}
.mini_lst .img_wrap1 + .text_wrap {
  margin-left: 155px;
}
.mini_lst .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
  height: 3em;
  font-size: 16px;
  font-weight: 700;
  color: #222;
}
.mini_lst .ct {
  margin-top: 2px;
  height: 2.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.3em;
  max-height: 2.6em !important;
}
.mini_lst .tags {
  overflow: hidden;
  height: 22px;
  margin-top: 5px;
}
.mini_lst .tags span {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
  background: #eee;
  border-radius: 2px;
}
.mini_lst .info {
  overflow: hidden;
  margin-top: 4px;
}
.mini_lst .name {
  display: inline-block;
  float: left;
  line-height: 24px;
  color: #009dda;
}
.mini_lst .heart {
  display: inline-block;
  float: right;
  height: 24px;
  color: #ee6868;
}
.mini_lst .heart [class^=ico_]:before {
  font-size: 20px;
}

/*--------------------------- 리스트 e ---------------------------*/
/*--------------------------- 상세페이지 s ---------------------------*/
/* 구조 */
.section_col2 {
  overflow: hidden;
}
.section_col2 > div:nth-child(1) {
  float: left;
  width: calc(55% - 35px);
}
.section_col2 > div:nth-child(2) {
  float: left;
  width: calc(45% - 35px);
  margin-left: 70px;
}
.section_col2.right > div:nth-child(1) {
  float: right;
  width: calc(45% - 35px);
  margin-left: 70px;
}
.section_col2.right > div:nth-child(2) {
  float: right;
  width: calc(55% - 35px);
  margin-left: 0;
}

/* 강의 상세 */
.course_info_wrap {
  overflow: hidden;
}
.course_info_wrap .title_img_wrap {
  float: left;
  width: calc(100% - 430px);
}
.course_info_wrap .title_img_wrap .title_img {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.course_info_wrap .title_img_wrap .title_img .inner {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.course_info_wrap .title_img_wrap .title_img .inner img {
  display: block;
}
.course_info_wrap .course_info {
  float: left;
  position: relative;
  width: 400px;
  margin-left: 30px;
}
.course_info_wrap .course_info .btn_prev_log {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  border: 1px solid #888;
  background: #fff;
  font-size: 12px;
  color: #009dda;
  border-radius: 4px;
  transition: all 0.25s ease-in-out;
}
.course_info_wrap .course_info .btn_prev_log:hover {
  border-color: #009dda;
  background: #009dda;
  color: #fff;
}
.course_info_wrap .course_info .pt_progress_wrap {
  margin-left: 16px;
}
.course_info_wrap .course_info .btn_area {
  overflow: hidden;
  text-align: center;
}
.course_info_wrap .course_info .btn_area a {
  display: block;
  float: left;
  width: calc(50% - 8px);
  min-width: 192px;
}
.course_info_wrap .course_info .btn_area a + a {
  margin-left: 10px;
}
.course_info_wrap .course_info .btn_area a.btn2 {
  width: 100%;
}
.course_info_wrap .course_info .btn_area .nobtn {
  height: 50px;
  line-height: 48px;
  color: #009dda;
  background: #fff;
  border: 1px solid #009dda;
  border-radius: 4px;
  box-sizing: border-box;
}
.course_info_wrap .course_info .btn_area .nobtn ~ a {
  float: none;
  width: auto;
  margin: 5px 0 0 0;
}
.course_info_wrap .course_info .btn_area .comp {
  background: #a571ec;
}
.course_info_wrap .course_info .btn_area .comp:first-child {
  float: none;
  width: auto;
}
.course_info_wrap .course_info .btn_area .relearn {
  background: #858585;
}
.course_info_wrap .course_info .btn_area .relearn:nth-child(3) {
  width: 100%;
  margin: 10px 0 0;
}
.course_info_wrap .course_info .btn_area .comp ~ .relearn {
  float: none;
  width: auto;
  margin: 10px 0 0;
}
.course_info_wrap .course_info .btn_area .preview {
  min-width: 0;
  width: auto;
  background: #fa45af;
}
.course_info_wrap .course_info .btn_area .preview + a {
  min-width: 0;
  width: auto;
}

.course_ct {
  margin: 40px 10px 30px;
}

/* 강사소개 */
.course_teacher .name {
  margin-bottom: 10px;
  font-size: 16px;
  color: #222;
}
.course_teacher .info {
  position: relative;
  overflow: hidden;
}
.course_teacher .info .profile_img {
  display: block;
  overflow: hidden;
  float: left;
  width: 98px;
  height: 98px;
  border: 1px solid #b9b9b9;
  border-radius: 50%;
}
.course_teacher .info .profile_img img {
  display: block;
}
.course_teacher .info .ct_wrap {
  margin-left: 125px;
}
.course_teacher .info .ct_wrap:first-child {
  margin-left: 60px;
}
.course_teacher .info .ct_wrap .ct {
  line-height: 1.4;
  font-size: 14px;
  color: #666;
}
.course_teacher .info .ct_wrap .sns_list {
  margin-top: 10px;
}
.course_teacher .info .ct_wrap .sns_list a {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 5px;
  vertical-align: middle;
}

/* 북마크 */
.bookmark_list {
  overflow: hidden;
  padding: 20px;
  background: #f0f0f0;
}
.bookmark_list li {
  width: calc((100% - 51px) / 6);
  margin-left: 10px;
  float: left;
}
.bookmark_list li:nth-child(-n+6) {
  margin-top: 0;
}
.bookmark_list li:nth-child(n+7) {
  margin-top: 10px;
}
.bookmark_list li:nth-child(6n+1) {
  clear: both;
  margin-left: 0;
}
.bookmark_list li a {
  overflow: hidden;
  display: block;
  border-radius: 2px;
}
.bookmark_list li a .overview_wrap {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  background: #fff;
}
.bookmark_list li a .overview_wrap .overview {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.bookmark_list li a .overview_wrap .overview .thumb {
  display: block;
}
.bookmark_list li a .overview_wrap .overview .expl_wrap {
  display: none;
  width: 100%;
  height: 100%;
}
.bookmark_list li a .overview_wrap .overview .expl_wrap .expl {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
}
.bookmark_list li a .tit {
  padding: 10px 3px;
  text-align: center;
  background: #fff;
  border-top: 1px solid #b9b9b9;
}
.bookmark_list li a:hover .overview_wrap .overview .thumb {
  display: none;
}
.bookmark_list li a:hover .overview_wrap .overview .expl_wrap {
  display: table;
}

/* 리스트 */
.course_opt dl {
  overflow: hidden;
  margin-top: 5px;
}
.course_opt dl:first-child {
  margin-top: 0;
}
.course_opt dl.space {
  margin-top: 15px;
}
.course_opt dl dt {
  float: left;
  width: 80px;
  line-height: 1.4;
  font-weight: 700;
  color: #222;
}
.course_opt dl dd {
  margin-left: 90px;
  line-height: 1.4;
}
.course_opt dl dd .my {
  display: inline-block;
  padding: 3px;
  background: #e8e8e8;
}

.session_wrap.nodata {
  height: 90px;
  line-height: 90px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
  color: #666;
  border-radius: 0;
}
.session_wrap > .top {
  position: relative;
  padding: 10px 20px;
  color: #333;
  background: #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.session_wrap > .top .num {
  display: block;
  float: left;
  width: 70px;
  line-height: 30px;
}
.session_wrap > .top .name {
  display: block;
  margin: 0 10px 0 80px;
}
.session_wrap > .top .name:first-child {
  margin: 0 40px 0 0;
}
.session_wrap > .top .name p {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 90px;
  line-height: 30px;
}
.session_wrap > .top .name p a {
  position: absolute;
  top: 0;
  right: 0;
}
.session_wrap > .top .name .info {
  display: inline-block;
  width: 100%;
  max-width: 250px;
  margin: 8px 20px 8px 0;
  vertical-align: middle;
}
.session_wrap > .top .name .info .progress {
  position: relative;
  overflow: hidden;
  font-size: 12px;
  color: #666;
}
.session_wrap > .top .name .info .progress .percent {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 70px;
  right: 40px;
  height: 8px;
  margin-top: -4px;
  background: #fff;
  border-radius: 4px;
}
.session_wrap > .top .name .info .progress .percent .gage {
  display: block;
  height: 8px;
  background: #858585;
  border-radius: 4px;
  transition: all 1s ease;
}
.session_wrap > .top .percent {
  position: absolute;
  top: 10px;
  right: 20px;
  line-height: 30px;
  color: #666;
}
.session_wrap > .top .pt_btn_ico_fold {
  display: none;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
}
.session_wrap > .ct {
  overflow: hidden;
  border-top: 1px solid #b9b9b9;
  border-radius: 0 0 2px 2px;
}
.session_wrap .nx_btn {
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  border-radius: 4px;
}
.session_wrap .nx_btn.type1 {
  background: #0066b3;
  transition: background 0.25s ease-in-out;
}
.session_wrap .nx_btn.type1:hover {
  background: #004980;
}
.session_wrap .nx_btn.type2 {
  color: #a36813;
  background: #6d9df4;
  transition: background 0.25s ease-in-out;
}
.session_wrap .nx_btn.type2:hover {
  background: #3e7df0;
}
.session_wrap .nx_btn.type3 {
  background: #222;
  transition: background 0.25s ease-in-out;
}
.session_wrap .nx_btn.type3:hover {
  background: #090909;
}
.session_wrap .nx_btn.type4 {
  background: none;
  border: 1px solid #bbb;
  color: #bbb !important;
  cursor: default;
}
.session_wrap + .session_wrap {
  margin-top: 30px;
}

.session_lst li {
  position: relative;
  overflow: hidden;
  padding: 15px 0 15px 100px;
}
.session_lst li:nth-child(odd) {
  background: #f8f8f8;
}
.session_lst li:nth-child(even) {
  background: #f0f0f0;
}
.session_lst li .num {
  float: left;
  width: 60px;
  color: #666;
  line-height: 1.5;
}
.session_lst li .tit {
  margin: 0 140px 0 70px;
  color: #666;
  line-height: 1.5;
}
.session_lst li .tit .per {
  display: inline-block;
  padding: 2px;
  font-size: 12px;
  color: #fff;
  background: #939393;
  border-radius: 4px;
}
.session_lst li .tit .time {
  display: inline-block;
  font-size: 12px;
  color: #888;
}
.session_lst li .percent {
  position: absolute;
  top: 10px;
  right: 20px;
  line-height: 30px;
  color: #666;
}
.session_lst li a[class*=btn] {
  position: absolute;
  top: 10px;
  right: 30px;
}
.session_lst li a[class*=btn].intr {
  background: #858585;
}
.session_lst li a[class*=btn].study {
  background: #009dda;
}
.session_lst li a[class*=btn].continue {
  background: #0576cd;
}
.session_lst li a[class*=btn].review {
  background: #a571ec;
}
.session_lst li a[class*=btn].wait {
  background: none;
  border: 1px solid #bbb;
  color: #bbb !important;
  cursor: default;
}

.session_progress_lst li {
  position: relative;
  padding: 10px 100px;
}
.session_progress_lst li:nth-child(odd) {
  background: #f8f8f8;
}
.session_progress_lst li:nth-child(even) {
  background: #f0f0f0;
}
.session_progress_lst li canvas {
  position: absolute;
  top: 10px;
  left: 100px;
  z-index: 10;
}
.session_progress_lst li .num {
  position: absolute;
  top: 10px;
  left: 100px;
  z-index: 11;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 12px;
  color: #666;
}
.session_progress_lst li .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 100px 0 70px;
  line-height: 50px;
  color: #666;
}
.session_progress_lst li a[class*=btn] {
  position: absolute;
  top: 50%;
  right: 100px;
  margin-top: -15px;
}

/* 별점 */
/* 학습소개 팝업 */
.learn_cont_intro img + p, .learn_cont_intro img + img, .learn_cont_intro p + img {
  margin-top: 20px;
}

/* 수강신청 안내팝업 */
.learn_apply_msg {
  padding: 20px 0;
}
.learn_apply_msg .msg {
  padding: 40px 15px;
  line-height: 200%;
  text-align: center;
  background: #eee;
  font-size: 16px;
  color: #333;
  border-radius: 3px;
}
.learn_apply_msg .msg span {
  font-size: 20px;
  font-weight: 700;
  color: #009dda;
}

/* 참여 */
.learn_myact_wrap {
  overflow: hidden;
  border-radius: 2px;
}
.learn_myact_wrap + .learn_myact_wrap {
  margin-top: 30px;
}
.learn_myact_wrap.nodata {
  height: 90px;
  line-height: 90px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
  color: #666;
  border-radius: 0;
}
.learn_myact_wrap > .top {
  position: relative;
  padding: 10px 20px;
  color: #333;
  background: #f0f0f0;
}
.learn_myact_wrap > .top .name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 40px;
  line-height: 30px;
}
.learn_myact_wrap > .top .pt_btn_ico_fold {
  display: none;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
}
.learn_myact_wrap > .ct {
  padding: 10px;
  border-top: 1px solid #b9b9b9;
  background: #f0f0f0;
}

/* 탭메뉴 */
.course_tab_open {
  display: none;
}

.course_tab {
  overflow: hidden;
  border-bottom: 1px solid #b9b9b9;
  background: #fff;
}
.course_tab li {
  float: left;
}
.course_tab li a {
  display: block;
  min-width: 90px;
  height: 40px;
  padding: 0 15px;
  line-height: 40px;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  color: #666;
  transition: background 0.3s ease;
  border-radius: 2px 2px 0 0;
}
.course_tab li a:hover {
  background: #858585;
  color: #fff;
}
.course_tab li a.aon {
  background: #858585;
  color: #fff;
}
.course_tab.fixed {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 1000px;
}

/* Title */
.learn_tit1 {
  position: relative;
  margin-bottom: 30px;
  line-height: 130%;
  font-size: 28px;
  font-weight: 700;
  color: #222;
}

.learn_status_msg {
  display: block;
  position: relative;
  padding: 10px 8px 10px 30px;
  margin: -30px 0 20px;
  line-height: 120%;
  background: #d1edf8;
  font-size: 14px;
  font-weight: 700;
  color: #005bac;
  box-sizing: border-box;
  border-radius: 4px;
}
.learn_status_msg .mark {
  display: block;
  position: absolute;
  top: 50%;
  left: 8px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  line-height: 16px;
  text-align: center;
  vertical-align: top;
  background: #009dda;
  font-size: 12px;
  color: #fff;
  border-radius: 50%;
  speak: none;
}

.learn_status_msg.finish {
  background: #e0d0f7;
  color: #8757ca;
}
.learn_status_msg.finish .mark {
  background: #a571ec;
}

/*--------------------------- 상세페이지 e ---------------------------*/
/* 이전 학습 이력 */
.prev_study_data > .top {
  position: relative;
  padding: 10px 40px 10px 10px;
  background: #d1edf8;
}
.prev_study_data > .top .tit {
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
  color: #009dda;
}
.prev_study_data > .top .fold {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #009dda;
}
.prev_study_data > .top .fold .ico_arr1_u {
  display: none;
}
.prev_study_data > .top .fold.on .ico_arr1_u {
  display: inline;
}
.prev_study_data > .top .fold.on .ico_arr1_d {
  display: none;
}
.prev_study_data > .ct {
  padding: 20px 15px;
  border: 1px solid #d1edf8;
  border-top: none;
  background: #fff;
}

.prev_study_data + .prev_study_data {
  margin-top: 20px;
}

/*--------------------------- 학습창 s ---------------------------*/
.lcms_pop_wrap {
  max-width: 1024px;
  min-width: 320px;
  margin: 0 auto;
  padding: 90px 0 10px;
  box-sizing: border-box;
}

.lcms_pop_top {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 1000;
  max-width: 1024px;
  width: 100%;
  height: 80px;
  margin-left: -512px;
  background: #3462b4;
  border-radius: 0 0 3px 3px;
  box-sizing: border-box;
}
.lcms_pop_top .tit_wrap1 {
  display: table;
  width: calc(100% - 200px);
  height: 100%;
  margin: 0 auto;
}
.lcms_pop_top .tit_wrap1 .tit_wrap2 {
  display: table-cell;
  vertical-align: middle;
}
.lcms_pop_top .tit_wrap1 .tit_wrap2 .tit {
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.lcms_pop_top .btn_area_left {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
}
.lcms_pop_top .btn_area_left .print, .lcms_pop_top .btn_area_left .download {
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #fff;
  color: #3462b4;
  border-radius: 4px;
}
.lcms_pop_top .btn_menu {
  position: absolute;
  top: 50%;
  left: 10px;
  padding: 7px 5px;
  margin-top: -15px;
}
.lcms_pop_top .btn_wiki {
  position: absolute;
  top: 50%;
  left: 50px;
  margin-top: -15px;
}
.lcms_pop_top .btn_cls {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}

.lcms_pop_ct {
  padding: 65px;
  background: #fff;
  border-radius: 3px;
}

.lcms_paging {
  overflow: hidden;
  position: relative;
  display: inline-block;
  height: 30px;
}
.lcms_paging:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #e5e5e5;
}
.lcms_paging li {
  position: relative;
  z-index: 10;
  float: left;
  margin-left: 25px;
}
.lcms_paging li:first-child {
  margin-left: 0;
}
.lcms_paging li a {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 16px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  border: 1px solid #bbb;
  background: #bbb;
  border-radius: 15px;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.lcms_paging li a.arr {
  font-size: 12px;
  color: #fff;
  background: #5998d0;
  border: 1px solid #5998d0;
}
.lcms_paging li a.com {
  color: #5998d0;
  background: #fff;
  border: 1px solid #5998d0;
}
.lcms_paging li a.aon, .lcms_paging li a:hover {
  color: #fff;
  background: #5998d0;
  border: 1px solid #5998d0;
}

.lcms_prev_btn {
  display: block;
  height: 40px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  background: #5998d0;
  border-radius: 3px;
}

.lcms_next_btn {
  display: block;
  height: 40px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  background: #5998d0;
  border-radius: 3px;
}

.lcms_prev_btn2 {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -500px;
  line-height: 70px;
  font-size: 40px;
  color: #fff;
  text-align: center;
  background: #8eb8e8;
  opacity: 0.5;
  border-radius: 50%;
}
.lcms_prev_btn2 .ico_arr1_l:before {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.lcms_prev_btn2:hover {
  opacity: 1;
}

.lcms_next_btn2 {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 430px;
  line-height: 70px;
  font-size: 40px;
  color: #fff;
  text-align: center;
  background: #8eb8e8;
  opacity: 0.5;
  border-radius: 50%;
}
.lcms_next_btn2 .ico_arr1_r:before {
  width: 32px;
  height: 40px;
  line-height: 40px;
}
.lcms_next_btn2:hover {
  opacity: 1;
}

.lcms_pop_menu_wrap {
  opacity: 0;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1000;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  text-align: center;
}
.lcms_pop_menu_wrap .lcms_pop_menu1 {
  display: inline-block;
  max-width: 280px;
  text-align: left;
}
.lcms_pop_menu_wrap .lcms_pop_menu1 a {
  display: inline-block;
  width: 46px;
  height: 46px;
  margin: 3px;
  line-height: 46px;
  font-size: 16px;
  color: #666;
  text-align: center;
  background: #bbb;
  border-radius: 2px;
  transition: all 0.3s ease;
}
.lcms_pop_menu_wrap .lcms_pop_menu1 a.com {
  color: #5998d0;
  background: #fff;
}
.lcms_pop_menu_wrap .lcms_pop_menu1 a.aon, .lcms_pop_menu_wrap .lcms_pop_menu1 a:hover {
  color: #fff;
  background: #5998d0;
}
.lcms_pop_menu_wrap .lcms_pop_menu2 {
  display: inline-block;
  max-width: 500px;
  width: calc(100% - 20px);
  margin: 0 10px;
}
.lcms_pop_menu_wrap .lcms_pop_menu2 a {
  display: block;
  height: 46px;
  padding: 10px;
  margin: 3px;
  line-height: 26px;
  font-size: 16px;
  color: #666;
  text-align: left;
  background: #bbb;
  border-radius: 2px;
  transition: all 0.3s ease;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lcms_pop_menu_wrap .lcms_pop_menu2 a.com {
  color: #5998d0;
  background: #fff;
}
.lcms_pop_menu_wrap .lcms_pop_menu2 a.aon, .lcms_pop_menu_wrap .lcms_pop_menu2 a:hover {
  color: #fff;
  background: #5998d0;
}

.t_style1 {
  width: 100%;
  table-layout: fixed;
}
.t_style1 tbody tr th {
  padding-top: 10px;
  line-height: 30px;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.t_style1 tbody tr td {
  padding-top: 10px;
  text-align: left;
}
.t_style1 tbody tr:first-child th, .t_style1 tbody tr:first-child td {
  padding-top: 0;
}

.msg_box {
  padding: 10px;
  line-height: 150%;
  background: #ededed;
}

/*--------------------------- 학습창 e ---------------------------*/
/* Wide */
@media only screen and (min-width: 1280px) {
  .lcms_prev_btn2 {
    margin: -35px 0 0 -610px;
  }
  .lcms_next_btn2 {
    margin: -35px 0 0 540px;
  }
}
@media only screen and (max-width: 1219px) {
  .course_tab.fixed {
    right: 10px;
    width: auto;
  }
}
@media only screen and (max-width: 1199px) {
  .course_tab.fixed {
    left: 10px;
  }
}
/* Tablet */
@media only screen and (max-width: 1023px) {
  /*--------------------------- 상세페이지 s ---------------------------*/
  /* 구조 */
  .section_col2 > div:nth-child(1) {
    width: calc(55% - 20px);
  }
  .section_col2 > div:nth-child(2) {
    width: calc(45% - 20px);
    margin-left: 40px;
  }
  .section_col2.right > div:nth-child(1) {
    width: calc(45% - 20px);
    margin-left: 40px;
  }
  .section_col2.right > div:nth-child(2) {
    width: calc(55% - 20px);
  }
  /* 탭메뉴 */
  .course_tab.fixed {
    top: 100px;
  }
  /* 강사 소개 */
  .teacher .info {
    padding-left: 100px;
  }
  .teacher .info .profile_img {
    width: 80px;
    height: 80px;
  }
  /* 북마크 */
  .bookmark_list li {
    width: calc((100% - 41px) / 5);
    margin-left: 10px;
  }
  .bookmark_list li:nth-child(-n+5) {
    margin-top: 0;
  }
  .bookmark_list li:nth-child(n+6) {
    margin-top: 10px;
  }
  .bookmark_list li:nth-child(6n+1) {
    clear: none;
    margin-left: 10px;
  }
  .bookmark_list li:nth-child(5n+1) {
    clear: both;
    margin-left: 0;
  }
  /*--------------------------- 상세페이지 e ---------------------------*/
  /*--------------------------- 학습창 s ---------------------------*/
  .lcms_pop_wrap {
    padding: 90px 10px 10px;
  }
  .lcms_pop_top {
    left: 0;
    margin-left: 0;
  }
  .lcms_prev_btn2 {
    left: 10px;
    margin-left: 0;
  }
  .lcms_next_btn2 {
    left: auto;
    right: 10px;
    margin-left: 0;
  }
  /*--------------------------- 학습창 e ---------------------------*/
}
/* 899px 이하 */
@media only screen and (max-width: 899px) {
  /*--------------------------- 상세페이지 s ---------------------------*/
  .section_col2 > div:nth-child(1), .section_col2.right > div:nth-child(1) {
    float: none;
    width: auto;
    margin-left: 0;
  }
  .section_col2 > div:nth-child(2), .section_col2.right > div:nth-child(2) {
    float: none;
    width: auto;
    margin-top: 40px;
    margin-left: 0;
  }
  .teacher .info {
    padding-left: 125px;
  }
  .teacher .info .profile_img {
    width: 100px;
    height: 100px;
  }
  /*--------------------------- 상세페이지 e ---------------------------*/
}
/* 839px 이하 */
@media only screen and (max-width: 839px) {
  /*--------------------------- 상세페이지 s ---------------------------*/
  /* 북마크 */
  .bookmark_list li {
    width: calc((100% - 31px) / 4);
    margin-left: 10px;
  }
  .bookmark_list li:nth-child(-n+4) {
    margin-top: 0;
  }
  .bookmark_list li:nth-child(n+5) {
    margin-top: 10px;
  }
  .bookmark_list li:nth-child(5n+1) {
    clear: none;
    margin-left: 10px;
  }
  .bookmark_list li:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
  /*--------------------------- 상세페이지 e ---------------------------*/
}
/* 모바일가로 */
@media only screen and (max-width: 759px) {
  /*--------------------------- 리스트 s -------------------------------*/
  .learn_lst1 li {
    width: calc((100% - 21px) / 2);
    margin-left: 20px;
  }
  .learn_lst1 li:nth-child(-n+2) {
    margin-top: 0;
  }
  .learn_lst1 li:nth-child(n+3) {
    margin-top: 20px;
  }
  .learn_lst1 li:nth-child(3n+1) {
    clear: none;
    margin-left: 20px;
  }
  .learn_lst1 li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .learn_lst2 li a .img_wrap {
    width: 96px;
    height: 54px;
  }
  .learn_lst2 li a .img_wrap .status_wrap1 .status_wrap2 .status_wrap3 {
    font-size: 12px;
  }
  .learn_lst2 li a .ribbon_new {
    width: 40px;
  }
  .learn_lst2 li a .txt_wrap {
    margin-left: 110px;
  }
  .learn_lst3 li {
    width: calc((100% - 41px) / 3);
    margin-left: 20px;
  }
  .learn_lst3 li:nth-child(-n+3) {
    margin-top: 0;
  }
  .learn_lst3 li:nth-child(n+4) {
    margin-top: 20px;
  }
  .learn_lst3 li:nth-child(4n+1) {
    clear: none;
    margin-left: 20px;
  }
  .learn_lst3 li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .mini_lst li {
    width: calc((100% - 1px) / 1);
    margin-left: 0px;
  }
  .mini_lst li:nth-child(-n+1) {
    margin-top: 0;
  }
  .mini_lst li:nth-child(n+2) {
    margin-top: 20px;
  }
  .mini_lst li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .mini_lst li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  /*--------------------------- 리스트 e -------------------------------*/
  /*--------------------------- 상세페이지 s ---------------------------*/
  /* 강의 상세 */
  .course_info_wrap .title_img_wrap {
    float: none;
    width: auto;
  }
  .course_info_wrap .course_info {
    float: none;
    width: auto;
    height: auto;
    margin: 30px 0 0;
  }
  .course_info_wrap .course_info .btn_area {
    text-align: center;
  }
  .course_info_wrap .course_info .btn_area a {
    float: none;
    width: auto;
  }
  .course_info_wrap .course_info .btn_area a + a {
    margin: 5px 0 0 0 !important;
  }
  .course_ct {
    margin: 30px 0 20px;
  }
  /* 탭메뉴 */
  .course_tab {
    border-left: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
  }
  .course_tab li {
    float: none;
    border-top: 1px solid #b9b9b9;
  }
  .course_tab li a {
    min-width: 0;
    border-radius: 0;
  }
  .course_tab_open {
    display: block;
    border: 1px solid #b9b9b9;
  }
  .course_tab_open a {
    display: block;
    position: relative;
    padding: 10px 30px 10px 10px;
    line-height: 20px;
    text-align: left;
    color: #666;
  }
  .course_tab_open a span[class^=ico] {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px;
    line-height: 20px;
    font-size: 16px;
    color: #858585;
  }
  .session_lst li {
    padding: 15px 10px 15px 30px;
  }
  /*--------------------------- 상세페이지 e ---------------------------*/
  /*--------------------------- 학습창 s ---------------------------*/
  .lcms_pop_wrap {
    padding-top: 70px;
  }
  .lcms_pop_top {
    height: 60px;
  }
  .lcms_pop_top .tit_wrap1 .tit_wrap2 .tit {
    font-size: 14px;
  }
  .lcms_pop_ct {
    padding: 20px;
  }
  .lcms_prev_btn2 {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }
  .lcms_next_btn2 {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }
  /*--------------------------- 학습창 e ---------------------------*/
}
/* 639px 이하 */
@media only screen and (max-width: 639px) {
  /*--------------------------- 상세페이지 s ---------------------------*/
  /* 북마크 */
  .bookmark_list li {
    width: calc((100% - 21px) / 3);
    margin-left: 10px;
  }
  .bookmark_list li:nth-child(-n+3) {
    margin-top: 0;
  }
  .bookmark_list li:nth-child(n+4) {
    margin-top: 10px;
  }
  .bookmark_list li:nth-child(4n+1) {
    clear: none;
    margin-left: 10px;
  }
  .bookmark_list li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  /*--------------------------- 상세페이지 e ---------------------------*/
}
/* 599px 이하 */
@media only screen and (max-width: 599px) {
  /*--------------------------- 리스트 s -------------------------------*/
  .learn_lst3 li {
    width: calc((100% - 21px) / 2);
    margin-left: 20px;
  }
  .learn_lst3 li:nth-child(-n+2) {
    margin-top: 0;
  }
  .learn_lst3 li:nth-child(n+3) {
    margin-top: 20px;
  }
  .learn_lst3 li:nth-child(3n+1) {
    clear: none;
    margin-left: 20px;
  }
  .learn_lst3 li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  /*--------------------------- 리스트 e -------------------------------*/
}
/* 모바일세로 */
@media only screen and (max-width: 519px) {
  .learn_lst2 li a .info {
    margin-left: -110px;
  }
  /*--------------------------- 상세페이지 s ---------------------------*/
  /* 강사소개 */
  .teacher .info {
    padding-left: 70px;
  }
  .teacher .info .profile_img {
    width: 55px;
    height: 55px;
  }
  /* 북마크 */
  .bookmark_list li {
    width: calc((100% - 11px) / 2);
    margin-left: 10px;
  }
  .bookmark_list li:nth-child(-n+2) {
    margin-top: 0;
  }
  .bookmark_list li:nth-child(n+3) {
    margin-top: 10px;
  }
  .bookmark_list li:nth-child(3n+1) {
    clear: none;
    margin-left: 10px;
  }
  .bookmark_list li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 리스트 */
  .session_lst li .num {
    float: none;
    width: auto;
    margin-bottom: 5px;
  }
  .session_lst li .tit {
    margin: 0;
  }
  .session_lst.indent, .session_progress_lst.indent {
    margin-left: 0;
  }
  /*--------------------------- 상세페이지 e ---------------------------*/
}
/* 모바일가로 */
@media only screen and (max-width: 439px) {
  /*--------------------------- 리스트 s -------------------------------*/
  .learn_lst1 li {
    width: calc((100% - 1px) / 1);
    margin-left: 0px;
  }
  .learn_lst1 li:nth-child(-n+1) {
    margin-top: 0;
  }
  .learn_lst1 li:nth-child(n+2) {
    margin-top: 20px;
  }
  .learn_lst1 li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .learn_lst1 li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .learn_lst3 li {
    width: calc((100% - 1px) / 1);
    margin-left: 0px;
  }
  .learn_lst3 li:nth-child(-n+1) {
    margin-top: 0;
  }
  .learn_lst3 li:nth-child(n+2) {
    margin-top: 20px;
  }
  .learn_lst3 li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .learn_lst3 li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  /*--------------------------- 리스트 e -------------------------------*/
}
.learn_tit {
  margin: 25px 0 15px;
  line-height: 1.3;
  font-size: 24px;
  color: #222;
}

/* 강의 상세 */
.learn_read_info {
  overflow: hidden;
  position: relative;
}
.learn_read_info .nx_title_img {
  float: left;
  width: calc(100% - 314px);
}
.learn_read_info .nx_title_img .img_wrap1 {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.learn_read_info .nx_title_img .img_wrap1 .img_wrap2 {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 6px;
}
.learn_read_info .nx_title_img .img_wrap1 .img_wrap2 img {
  display: block;
  width: 100%;
}
.learn_read_info .info_wrap {
  margin-left: calc(100% - 314px);
  padding: 8px 0 0 20px;
  box-sizing: border-box;
}
.learn_read_info .info_wrap .nx_btn_area {
  margin-top: 50px;
}
.learn_read_info .info_wrap .nx_btn_area .nx_btn {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
}
.learn_read_info .info_wrap .nx_btn_area .nx_btn.type1 {
  background: #0066b3;
  transition: background 0.25s ease-in-out;
}
.learn_read_info .info_wrap .nx_btn_area .nx_btn.type1:hover {
  background: #004980;
}
.learn_read_info .info_wrap .nx_btn_area .nx_btn.type2 {
  color: #a36813;
  background: #6d9df4;
  transition: background 0.25s ease-in-out;
}
.learn_read_info .info_wrap .nx_btn_area .nx_btn.type2:hover {
  background: #3e7df0;
}
.learn_read_info .info_wrap .nx_btn_area .nx_btn.type3 {
  background: #222;
  transition: background 0.25s ease-in-out;
}
.learn_read_info .info_wrap .nx_btn_area .nx_btn.type3:hover {
  background: #090909;
}
.learn_read_info .info_wrap .nx_btn_area .nx_btn:first-child:nth-last-child(2) {
  float: left;
  width: calc(50% - 5px);
}
.learn_read_info .info_wrap .nx_btn_area .nx_btn:first-child:nth-last-child(2) + .nx_btn {
  float: left;
  width: calc(50% - 5px);
  margin-left: 10px;
}
.learn_read_info .info_wrap .nx_btn_area .nx_btn:first-child:nth-last-child(3) {
  float: left;
  width: 40%;
}
.learn_read_info .info_wrap .nx_btn_area .nx_btn:first-child:nth-last-child(3) ~ .nx_btn {
  float: left;
  width: calc(30% - 8px);
  margin-left: 8px;
}
.learn_read_info .star_rate .star_ico {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.learn_read_info .star_rate .star_ico span[class^=ico_star] {
  font-size: 24px;
}

.learn_info_dl dl {
  margin-bottom: 5px;
}
.learn_info_dl dl dt {
  float: left;
  width: 80px;
  line-height: 1.3;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}
.learn_info_dl dl dd {
  margin-left: 65px;
  line-height: 1.3;
  font-size: 15px;
  color: #666;
}

.learn_tab {
  overflow: hidden;
  position: relative;
  margin: 30px 0 60px;
}
.learn_tab > div {
  float: left;
  width: calc((100% - 1px) / 3);
}
.learn_tab > div.on a {
  background: #f0f0f0;
}
.learn_tab > div a {
  display: block;
  height: 50px;
  border-bottom: 1px solid #0066b3;
  line-height: 49px;
  text-align: center;
  background: #f8f8f8;
  font-size: 18px;
  color: #666;
  box-sizing: border-box;
  transition: background 0.25s ease-in-out;
}
.learn_tab .border {
  display: block;
  position: absolute;
  bottom: 0;
  width: calc((100% - 1px) / 3);
  height: 0;
  background: #0066b3;
  transition: left 0.3s linear;
}
.learn_tab > div.on ~ .border {
  height: 3px;
}
.learn_tab > div.on:nth-of-type(1) ~ .border {
  left: 0;
}
.learn_tab > div.on:nth-of-type(2) ~ .border {
  left: calc((100% - 1px) / 3);
}
.learn_tab > div.on:nth-of-type(3) ~ .border {
  left: calc((100% - 1px) / 3 * 2);
}
.learn_tab > div:hover ~ .border {
  height: 3px;
}
.learn_tab > div:hover:nth-of-type(1) ~ .border {
  left: 0;
}
.learn_tab > div:hover:nth-of-type(2) ~ .border {
  left: calc((100% - 1px) / 3);
}
.learn_tab > div:hover:nth-of-type(3) ~ .border {
  left: calc((100% - 1px) / 3 * 2);
}

.learn_tab.two > div {
  width: 50%;
}
.learn_tab.two .border {
  width: 50%;
}
.learn_tab.two > div.on:nth-of-type(2) ~ .border {
  left: 50%;
}
.learn_tab.two > div:hover:nth-of-type(2) ~ .border {
  left: 50%;
}

.learn_read_ct {
  margin-left: 10px;
}

.learn_session_wrap.nodata {
  height: 90px;
  line-height: 90px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
  color: #666;
  border-radius: 0;
}
.learn_session_wrap > .top {
  position: relative;
  padding: 10px 20px;
  color: #333;
  background: #f0f0f0;
  border-radius: 2px 2px 0 0;
}
.learn_session_wrap > .top .num {
  display: block;
  float: left;
  width: 70px;
  line-height: 30px;
  font-size: 14px;
}
.learn_session_wrap > .top .name {
  display: table;
  width: calc(100% - 40px);
  margin: 0 40px 0 80px;
}
.learn_session_wrap > .top .name:first-child {
  margin: 0 40px 0 0;
}
.learn_session_wrap > .top .name:nth-last-child(3) {
  width: calc(100% - 210px);
  margin: 0 130px 0 80px;
}
.learn_session_wrap > .top .name:before {
  content: "";
  display: table-cell;
  width: 1px;
  height: 30px;
}
.learn_session_wrap > .top .name p {
  display: table-cell;
  line-height: 1.5;
  text-align: left;
  vertical-align: middle;
  font-size: 14px;
}
.learn_session_wrap > .top .nx_btn {
  position: absolute;
  top: 10px;
  right: 60px;
}
.learn_session_wrap > .top .fold {
  display: none;
  position: absolute;
  top: 10px;
  right: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  background: #222;
  transition: background 0.25s ease-in-out;
  color: #fff;
  border-radius: 50%;
}
.learn_session_wrap > .top .fold:hover {
  background: #090909;
}
.learn_session_wrap > .top .fold .ico_arr1_u {
  display: none;
}
.learn_session_wrap > .top .fold.on .ico_arr1_u {
  display: inline;
}
.learn_session_wrap > .top .fold.on .ico_arr1_d {
  display: none;
}
.learn_session_wrap > .nx_ct {
  overflow: hidden;
  border-top: 1px solid #b9b9b9;
  border-radius: 0 0 2px 2px;
}
.learn_session_wrap .nx_btn {
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  border-radius: 4px;
}
.learn_session_wrap .nx_btn.type1 {
  background: #0066b3;
  transition: background 0.25s ease-in-out;
}
.learn_session_wrap .nx_btn.type1:hover {
  background: #004980;
}
.learn_session_wrap .nx_btn.type2 {
  color: #a36813;
  background: #6d9df4;
  transition: background 0.25s ease-in-out;
}
.learn_session_wrap .nx_btn.type2:hover {
  background: #3e7df0;
}
.learn_session_wrap .nx_btn.type3 {
  background: #222;
  transition: background 0.25s ease-in-out;
}
.learn_session_wrap .nx_btn.type3:hover {
  background: #090909;
}
.learn_session_wrap .nx_btn.type4 {
  background: none;
  border: 1px solid #bbb;
  color: #bbb !important;
  cursor: default;
}
.learn_session_wrap + .learn_session_wrap {
  margin-top: 30px;
}

.learn_session_lst {
  padding-left: 0;
  list-style: none;
}
.learn_session_lst li {
  position: relative;
  overflow: hidden;
  padding: 15px 0 15px 100px;
}
.learn_session_lst li:nth-child(odd) {
  background: #f8f8f8;
}
.learn_session_lst li:nth-child(even) {
  background: #f0f0f0;
}
.learn_session_lst li .num {
  float: left;
  width: 60px;
  color: #666;
  line-height: 1.5;
  font-size: 14px;
}
.learn_session_lst li .nx_tit {
  margin: 0 140px 0 70px;
  color: #666;
  line-height: 1.5;
  font-size: 14px;
}
.learn_session_lst li .nx_tit .per {
  display: inline-block;
  padding: 2px;
  font-size: 12px;
  color: #fff;
  background: #939393;
  border-radius: 4px;
}
.learn_session_lst li .nx_time {
  display: inline-block;
  font-size: 12px;
  color: #888;
}
.learn_session_lst li .percent {
  position: absolute;
  top: 10px;
  right: 20px;
  line-height: 30px;
  color: #666;
}
.learn_session_lst li .nx_btn {
  position: absolute;
  top: 10px;
  right: 60px;
}

.star_average {
  margin-bottom: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
.star_average .star_rate .star_ico {
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.star_average .star_rate .star_ico span[class^=ico_star] {
  font-size: 36px;
}
.star_average .star_rate .star_ico.on .ico_star_full, .star_average .star_rate .star_ico.on ~ .star_ico .ico_star_full {
  color: #fba830;
}
.star_average .star_rate .star_ico.on.half .ico_star_full {
  color: #e5e5e5;
}
.star_average .star_rate .star_ico.on.half .ico_star_half {
  color: #fba830;
}
.star_average .average {
  display: inline-block;
  vertical-align: middle;
}
.star_average .average .rate {
  display: inline-block;
  line-height: 28px;
  vertical-align: bottom;
  font-size: 24px;
  color: #222;
}
.star_average .average .txt {
  display: inline-block;
  line-height: 28px;
  vertical-align: bottom;
  font-size: 16px;
}

.star_set {
  margin-bottom: 5px;
}
.star_set .star_rate input[type=radio] + label {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.star_set .star_rate input[type=radio] + label span[class^=ico_star] {
  font-size: 24px;
}
.star_set .star_rate input[type=radio]:checked + label .ico_star_full, .star_set .star_rate input[type=radio]:checked + label ~ label .ico_star_full {
  color: #fba830;
}

/* 나의학습 */
.my_talk {
  padding-left: 0;
  border-top: 1px solid #e5e5e5;
  list-style: none;
}
.my_talk li {
  border-bottom: 1px solid #e5e5e5;
}
.my_talk li > .top {
  overflow: hidden;
  padding: 15px;
}
.my_talk li > .top .nx_tit {
  float: left;
  width: calc(100% - 120px);
  font-size: 18px;
  color: #222;
  line-height: 1.5;
}
.my_talk li > .top .toggle {
  float: right;
  height: 30px;
  line-height: 30px;
  padding: 0 10px 0 15px;
  background: #0066b3;
  transition: background 0.25s ease-in-out;
  color: #fff;
  border-radius: 4px;
}
.my_talk li > .top .toggle:hover {
  background: #004980;
}
.my_talk li > .top .toggle .ico_arr1_u {
  display: none;
}
.my_talk li > .top .toggle.on .ico_arr1_u {
  display: inline;
}
.my_talk li > .top .toggle.on .ico_arr1_d {
  display: none;
}
.my_talk li > .cmt_outer {
  background: #f5f5f5;
}
.my_talk li > .cmt_outer .cmt_wrap {
  padding: 30px 20px 20px;
}
.my_talk li > .cmt_outer .cmt_wrap:last-child {
  border-bottom: none;
}

@media screen and (max-width: 819px) {
  .learn_lst1 li {
    width: calc((100% - 41px) / 3);
    margin-left: 20px;
  }
  .learn_lst1 li:nth-child(-n+3) {
    margin-top: 0;
  }
  .learn_lst1 li:nth-child(n+4) {
    margin-top: 20px;
  }
  .learn_lst1 li:nth-child(4n+1) {
    clear: none;
    margin-left: 20px;
  }
  .learn_lst1 li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .learn_lst1 li > .inner .nx_txt_wrap {
    padding: 8px 8px 36px;
  }
  .learn_lst1 li .nx_txt_wrap {
    padding: 8px;
  }
  .learn_lst1 li .nx_txt_wrap .nx_tit {
    font-size: 14px;
  }
  .learn_lst1 li .nx_txt_wrap .name {
    margin-top: 5px;
    font-size: 12px;
  }
  .learn_lst1 li .nx_txt_wrap .star_rate_wrap {
    margin-top: 4px;
  }
  .learn_lst1 li .nx_txt_wrap .star_rate_wrap .star_rate .star_ico, .learn_lst1 li .nx_txt_wrap .star_rate_wrap .star_rate input[type=radio] + label {
    width: 16px;
    height: 16px;
    line-height: 16px;
  }
  .learn_lst1 li .nx_txt_wrap .star_rate_wrap .star_rate .star_ico span[class^=ico_star], .learn_lst1 li .nx_txt_wrap .star_rate_wrap .star_rate input[type=radio] + label span[class^=ico_star] {
    font-size: 16px;
  }
  .learn_lst1 li .nx_txt_wrap .cnt {
    font-size: 12px;
  }
}
@media screen and (max-width: 759px) {
  .learn_tit {
    font-size: 18px;
  }
  .learn_read_info .nx_title_img {
    float: none;
    width: auto;
  }
  .learn_read_info .nx_title_img .img_wrap1 {
    height: auto;
    padding-bottom: 0;
  }
  .learn_read_info .nx_title_img .img_wrap1 .img_wrap2 {
    position: static;
  }
  .learn_read_info .info_wrap {
    margin-left: 0;
    padding: 20px;
  }
  .learn_read_info .info_wrap .nx_btn_area {
    position: static;
    margin-top: 25px;
  }
  .learn_read_info .info_wrap .nx_btn_area .nx_btn {
    max-width: 300px;
  }
  .learn_session_lst li {
    padding: 15px 10px 15px 30px;
  }
  .learn_tab > div a {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  .learn_lst1 li {
    width: calc((100% - 1px) / 1);
    margin-left: 10px;
  }
  .learn_lst1 li:nth-child(-n+1) {
    margin-top: 0;
  }
  .learn_lst1 li:nth-child(n+2) {
    margin-top: 10px;
  }
  .learn_lst1 li:nth-child(2n+1) {
    clear: none;
    margin-left: 10px;
  }
  .learn_lst1 li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (max-width: 519px) {
  .lesson_lst li {
    padding: 15px;
  }
  .lesson_lst li .num {
    font-size: 14px;
  }
  .lesson_lst li .nx_tit {
    font-size: 16px;
    margin-right: 0;
  }
  .lesson_lst li > a {
    top: 11px;
    right: 15px;
    margin-top: 0;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
  }
  .learn_session_wrap > .top .name {
    width: 100% !important;
    margin: 40px 0 0 !important;
  }
  .learn_session_lst li .num {
    float: none;
    width: auto;
    margin-bottom: 5px;
  }
  .learn_session_lst li .nx_tit {
    margin: 0;
  }
  .learn_session_lst li .nx_btn {
    right: 20px;
  }
  /* 댓글 */
  .cmt_wrap {
    padding: 15px 10px;
  }
  .cmt_wrap .cmt {
    margin-left: 50px;
  }
  .cmt_wrap .cmt .profile_img {
    top: 0;
    right: calc(100% + 10px);
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
  .cmt_wrap .cmt .name {
    font-size: 14px;
  }
  /* 답글 */
  .reply_area {
    margin: 10px 0 0 50px;
  }
  .reply {
    padding: 10px 0 10px 50px;
  }
  .reply .profile_img {
    top: 10px;
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
  .reply .name {
    margin-top: 0;
    font-size: 14px;
  }
}
/* 댓글 리스트 */
.lms-cmt_wrap {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #e1e1e1;
}
.lms-cmt_wrap.nodata {
  padding: 30px 0;
  text-align: center;
}
.lms-cmt_wrap .cmt {
  margin-left: 72px;
}
.lms-cmt_wrap .cmt .profile_img {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 15px;
  left: 0;
  width: 60px;
  height: 60px;
  line-height: 58px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border: 1px solid #b9b9b9;
  border-radius: 50%;
  box-sizing: border-box;
}
.lms-cmt_wrap .cmt .profile_img img {
  display: block;
}
.lms-cmt_wrap .cmt .name {
  font-size: 16px;
  color: #222;
  line-height: 150%;
}
.lms-cmt_wrap .cmt .name span {
  display: inline-block;
  width: 40px;
  padding: 2px 0;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.lms-cmt_wrap .cmt .name span.agree {
  background: #8fc327;
}
.lms-cmt_wrap .cmt .name span.middle {
  background: #f3a610;
}
.lms-cmt_wrap .cmt .name span.opposite {
  background: #eb7c7c;
}
.lms-cmt_wrap .cmt .star_rate input[type=radio] + label {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.lms-cmt_wrap .cmt .star_rate input[type=radio] + label span[class^=ico_star] {
  font-size: 18px;
}
.lms-cmt_wrap .cmt .ct {
  margin: 5px 0;
  line-height: 1.4;
  font-size: 14px;
  color: #666;
}
.lms-cmt_wrap .cmt .info {
  overflow: hidden;
}
.lms-cmt_wrap .cmt .info .state {
  font-size: 12px;
  color: #8db8e8;
}
.lms-cmt_wrap .cmt .info .report {
  display: inline-block;
  float: right;
  margin-left: 6px;
  padding-left: 6px;
  border-left: 1px solid #aaa;
  font-size: 12px;
  color: #aaa;
}
.lms-cmt_wrap .cmt .info .report a {
  color: inherit;
}
.lms-cmt_wrap .cmt .info .date {
  float: right;
  font-size: 12px;
  color: #666;
}

/* 답글 */
.lms-reply_area {
  margin: 10px 0 0 72px;
}
.lms-reply_area .reply_top {
  overflow: hidden;
}
.lms-reply_area .reply_top .btn_toggle {
  display: inline-block;
}
.lms-reply_area .reply_top .btn_toggle .cnt {
  font-weight: 700;
  color: #666;
  line-height: 30px;
}
.lms-reply_area .reply_top .btn_toggle span[class*=ico_arr1] {
  color: #9e9e9e;
  line-height: 30px;
}
.lms-reply_area .reply_top .btn_toggle .ico_arr1_u {
  display: none;
}
.lms-reply_area .reply_top .btn_toggle.on .ico_arr1_u {
  display: inline;
}
.lms-reply_area .reply_top .btn_toggle.on .ico_arr1_d {
  display: none;
}
.lms-reply_area .regist_reply {
  margin-top: 10px;
}
.lms-reply_area .regist_reply textarea {
  min-height: 80px;
}

.lms-reply {
  position: relative;
  margin-top: 20px;
  padding-left: 72px;
}
.lms-reply .profile_img {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  line-height: 58px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border: 1px solid #b9b9b9;
  border-radius: 50%;
  box-sizing: border-box;
}
.lms-reply .profile_img img {
  display: block;
}
.lms-reply .name {
  font-size: 16px;
  color: #222;
  line-height: 150%;
}
.lms-reply .name span {
  display: inline-block;
  width: 40px;
  padding: 2px 0;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.lms-reply .name span.agree {
  background: #8fc327;
}
.lms-reply .name span.middle {
  background: #f3a610;
}
.lms-reply .name span.opposite {
  background: #eb7c7c;
}
.lms-reply .ct {
  margin: 5px 0;
  line-height: 1.4;
  font-size: 14px;
  color: #666;
}
.lms-reply .info {
  overflow: hidden;
}
.lms-reply .info .report {
  display: inline-block;
  float: right;
  margin-left: 6px;
  padding-left: 6px;
  border-left: 1px solid #aaa;
  font-size: 12px;
  color: #aaa;
}
.lms-reply .info .report a {
  color: inherit;
}
.lms-reply .info .date {
  float: right;
  font-size: 12px;
  color: #666;
}

.pt_modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1010;
  max-width: 90%;
  min-width: 288px;
  max-height: 90%;
  min-height: 100px;
  margin: auto;
  padding-top: 55px;
  border: 1px solid #cfcfcf;
  background: #fff;
  /* box-shadow: 0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1); */
  box-sizing: border-box;
  border-radius: 3px;
}
.pt_modal > .top {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 40px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -ms-border-radius-topleft: 3px;
  -ms-border-radius-topright: 3px;
  -ms-border-radius-bottomright: 0;
  -ms-border-radius-bottomleft: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.pt_modal > .top .tit {
  padding: 0 60px 0 20px;
  font-size: 18px;
  font-weight: 700;
  color: #444444;
  line-height: 40px;
}
.pt_modal .cls {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 0 0 0 3px;
  background: #ee6868;
}
.pt_modal .cls .ico_x {
  font-size: 16px;
  color: #fff;
}
.pt_modal > .ct {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  position: relative;
  height: calc(100% - 5px);
  margin: 0 5px 5px;
  background: #fff;
  box-sizing: border-box;
}
.pt_modal > .ct > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.pt_modal > .btn_wrap {
  height: 60px;
  padding: 10px 0;
  box-sizing: border-box;
  text-align: center;
}

.pt_modal_margin {
  margin: 0 15px 15px;
}

.loading {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

/** Mypage */
.pt_item_box1 {
  overflow: hidden;
  border-radius: 2px;
  background: #f0f0f0;
}
.pt_item_box1.nodata {
  height: 90px;
  line-height: 90px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
  background: none;
  border-radius: none;
  color: #666;
}
.pt_item_box1 > .top {
  display: block;
  position: relative;
  padding: 10px 20px;
  color: #333;
}
.pt_item_box1 > .top .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #222;
}
.pt_item_box1 > .top .tit:nth-last-child(2) {
  margin-right: 40px;
}
.pt_item_box1 > .top .tit:nth-last-child(3) {
  margin-right: 80px;
}
.pt_item_box1 > .top a[class^=pt_btn], .pt_item_box1 > .top span[class^=pt_btn] {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
}
.pt_item_box1 > .top a[class^=pt_btn] + a[class^=pt_btn], .pt_item_box1 > .top a[class^=pt_btn] + span[class^=pt_btn], .pt_item_box1 > .top span[class^=pt_btn] + a[class^=pt_btn], .pt_item_box1 > .top span[class^=pt_btn] + span[class^=pt_btn] {
  right: 60px;
}
.pt_item_box1 > .ct {
  padding: 10px 20px;
  border-top: 1px solid #b9b9b9;
}
.pt_item_box1 + .pt_item_box1 {
  margin-top: 20px;
}

/** Star rate */
.lms-star_rate {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  /* 체크된 라디오 이전까지는 on 이후는 off (float:right 이므로)*/
}
.lms-star_rate > .star_ico {
  display: block;
  float: right;
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.lms-star_rate input[type=radio] {
  position: absolute;
  opacity: 0;
}
.lms-star_rate input[type=radio] + label {
  display: block;
  float: right;
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.lms-star_rate input[type=radio] + label:first-of-type {
  padding-right: 0;
}
.lms-star_rate span[class^=ico_star] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 28px;
}
.lms-star_rate span[class^=ico_star]:before {
  display: block;
  line-height: 1;
}
.lms-star_rate .ico_star_full {
  display: block;
  color: #afafaf;
}
.lms-star_rate .ico_star_half {
  display: block;
  color: transparent;
}
.lms-star_rate .star_ico.on .ico_star_full {
  color: #afafaf;
}
.lms-star_rate input[type=radio]:checked.half + label .ico_star_full {
  color: #afafaf;
}
.lms-star_rate.disabled input[type=radio] + label {
  cursor: default;
}
.lms-star_rate:not(.disabled) input[type=radio] + label {
  width: 30px;
  height: 30px;
}

.lms-star_rate.learn {
  /* 체크된 라디오 이전까지는 on 이후는 off (float:right 이므로)*/
}
.lms-star_rate.learn .star_ico.on .ico_star_full, .lms-star_rate.learn .star_ico.on ~ .star_ico .ico_star_full {
  color: #009dda;
}
.lms-star_rate.learn .star_ico.on.half .ico_star_full {
  color: #afafaf;
}
.lms-star_rate.learn .star_ico.on.half .ico_star_half {
  color: #009dda;
}
.lms-star_rate.learn input[type=radio]:checked ~ label .ico_star_full {
  color: #009dda;
}
.lms-star_rate.learn input[type=radio]:checked.half + label .ico_star_full {
  color: #afafaf;
}
.lms-star_rate.learn input[type=radio]:checked.half + label .ico_star_half {
  color: #009dda;
}
.lms-star_rate.learn:not(.disabled) label:hover .ico_star_full {
  color: #009dda;
}
.lms-star_rate.learn:not(.disabled) label:hover ~ label .ico_star_full {
  color: #009dda;
}
.lms-star_rate.learn + .ave .score, .lms-star_rate.learn + .ave_big .score {
  color: #009dda;
}

/* 모바일세로 */
@media only screen and (max-width: 519px) {
  /* 댓글 */
  .lms-cmt_wrap .cmt {
    margin-left: 50px;
  }
  .lms-cmt_wrap .cmt .profile_img {
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
  /* 답글 */
  .lms-reply_area {
    margin: 10px 0 0 20px;
  }
  .lms-reply {
    padding-left: 50px;
  }
  .lms-reply .profile_img {
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
  /* 댓글 옵션 */
  .cmt_opt .fL, .cmt_opt .fR {
    float: none;
  }
}
/* 댓글 리스트 */
.ollyedu-cmt_wrap {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #e1e1e1;
}
.ollyedu-cmt_wrap.nodata {
  padding: 30px 0;
  text-align: center;
}
.ollyedu-cmt_wrap .cmt {
  margin-left: 72px;
}
.ollyedu-cmt_wrap .cmt .profile_img {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 15px;
  left: 0;
  width: 60px;
  height: 60px;
  line-height: 58px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border: 1px solid #b9b9b9;
  border-radius: 50%;
  box-sizing: border-box;
}
.ollyedu-cmt_wrap .cmt .profile_img img {
  display: block;
}
.ollyedu-cmt_wrap .cmt .name {
  font-size: 16px;
  color: #222;
  line-height: 150%;
}
.ollyedu-cmt_wrap .cmt .name span {
  display: inline-block;
  width: 40px;
  padding: 2px 0;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.ollyedu-cmt_wrap .cmt .name span.agree {
  background: #8fc327;
}
.ollyedu-cmt_wrap .cmt .name span.middle {
  background: #f3a610;
}
.ollyedu-cmt_wrap .cmt .name span.opposite {
  background: #eb7c7c;
}
.ollyedu-cmt_wrap .cmt .star_rate input[type=radio] + label {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.ollyedu-cmt_wrap .cmt .star_rate input[type=radio] + label span[class^=ico_star] {
  font-size: 18px;
}
.ollyedu-cmt_wrap .cmt .ct {
  margin: 5px 0;
  line-height: 1.4;
  font-size: 14px;
  color: #666;
}
.ollyedu-cmt_wrap .cmt .info {
  overflow: hidden;
}
.ollyedu-cmt_wrap .cmt .info .state {
  font-size: 12px;
  color: #8db8e8;
}
.ollyedu-cmt_wrap .cmt .info .report {
  display: inline-block;
  float: right;
  margin-left: 6px;
  padding-left: 6px;
  border-left: 1px solid #aaa;
  font-size: 12px;
  color: #aaa;
}
.ollyedu-cmt_wrap .cmt .info .report a {
  color: inherit;
}
.ollyedu-cmt_wrap .cmt .info .date {
  float: right;
  font-size: 12px;
  color: #666;
}

/* 답글 */
.ollyedu-reply_area {
  margin: 10px 0 0 72px;
}
.ollyedu-reply_area .reply_top {
  overflow: hidden;
}
.ollyedu-reply_area .reply_top .btn_toggle {
  display: inline-block;
}
.ollyedu-reply_area .reply_top .btn_toggle .cnt {
  font-weight: 700;
  color: #666;
  line-height: 30px;
}
.ollyedu-reply_area .reply_top .btn_toggle span[class*=ico_arr1] {
  color: #9e9e9e;
  line-height: 30px;
}
.ollyedu-reply_area .reply_top .btn_toggle .ico_arr1_u {
  display: none;
}
.ollyedu-reply_area .reply_top .btn_toggle.on .ico_arr1_u {
  display: inline;
}
.ollyedu-reply_area .reply_top .btn_toggle.on .ico_arr1_d {
  display: none;
}
.ollyedu-reply_area .regist_reply {
  margin-top: 10px;
}
.ollyedu-reply_area .regist_reply textarea {
  min-height: 80px;
}

.ollyedu-reply {
  position: relative;
  margin-top: 20px;
  padding-left: 72px;
}
.ollyedu-reply .profile_img {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  line-height: 58px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border: 1px solid #b9b9b9;
  border-radius: 50%;
  box-sizing: border-box;
}
.ollyedu-reply .profile_img img {
  display: block;
}
.ollyedu-reply .name {
  font-size: 16px;
  color: #222;
  line-height: 150%;
}
.ollyedu-reply .name span {
  display: inline-block;
  width: 40px;
  padding: 2px 0;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.ollyedu-reply .name span.agree {
  background: #8fc327;
}
.ollyedu-reply .name span.middle {
  background: #f3a610;
}
.ollyedu-reply .name span.opposite {
  background: #eb7c7c;
}
.ollyedu-reply .ct {
  margin: 5px 0;
  line-height: 1.4;
  font-size: 14px;
  color: #666;
}
.ollyedu-reply .info {
  overflow: hidden;
}
.ollyedu-reply .info .report {
  display: inline-block;
  float: right;
  margin-left: 6px;
  padding-left: 6px;
  border-left: 1px solid #aaa;
  font-size: 12px;
  color: #aaa;
}
.ollyedu-reply .info .report a {
  color: inherit;
}
.ollyedu-reply .info .date {
  float: right;
  font-size: 12px;
  color: #666;
}

.pt_modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1010;
  max-width: 90%;
  min-width: 288px;
  max-height: 90%;
  min-height: 100px;
  margin: auto;
  padding-top: 55px;
  border: 1px solid #cfcfcf;
  background: #fff;
  /* box-shadow: 0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1); */
  box-sizing: border-box;
  border-radius: 3px;
}
.pt_modal > .top {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 40px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -ms-border-radius-topleft: 3px;
  -ms-border-radius-topright: 3px;
  -ms-border-radius-bottomright: 0;
  -ms-border-radius-bottomleft: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.pt_modal > .top .tit {
  padding: 0 60px 0 20px;
  font-size: 18px;
  font-weight: 700;
  color: #444444;
  line-height: 40px;
}
.pt_modal .cls {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 0 0 0 3px;
  background: #ee6868;
}
.pt_modal .cls .ico_x {
  font-size: 16px;
  color: #fff;
}
.pt_modal > .ct {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  position: relative;
  height: calc(100% - 5px);
  margin: 0 5px 5px;
  background: #fff;
  box-sizing: border-box;
}
.pt_modal > .ct > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.pt_modal > .btn_wrap {
  height: 60px;
  padding: 10px 0;
  box-sizing: border-box;
  text-align: center;
}

.pt_modal_margin {
  margin: 0 15px 15px;
}

.loading {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

/** Mypage */
.pt_item_box1 {
  overflow: hidden;
  border-radius: 2px;
  background: #f0f0f0;
}
.pt_item_box1.nodata {
  height: 90px;
  line-height: 90px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
  background: none;
  border-radius: none;
  color: #666;
}
.pt_item_box1 > .top {
  display: block;
  position: relative;
  padding: 10px 20px;
  color: #333;
}
.pt_item_box1 > .top .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #222;
}
.pt_item_box1 > .top .tit:nth-last-child(2) {
  margin-right: 40px;
}
.pt_item_box1 > .top .tit:nth-last-child(3) {
  margin-right: 80px;
}
.pt_item_box1 > .top a[class^=pt_btn], .pt_item_box1 > .top span[class^=pt_btn] {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
}
.pt_item_box1 > .top a[class^=pt_btn] + a[class^=pt_btn], .pt_item_box1 > .top a[class^=pt_btn] + span[class^=pt_btn], .pt_item_box1 > .top span[class^=pt_btn] + a[class^=pt_btn], .pt_item_box1 > .top span[class^=pt_btn] + span[class^=pt_btn] {
  right: 60px;
}
.pt_item_box1 > .ct {
  padding: 10px 20px;
  border-top: 1px solid #b9b9b9;
}
.pt_item_box1 + .pt_item_box1 {
  margin-top: 20px;
}

/** Star rate */
.ollyedu-star_rate {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  /* 체크된 라디오 이전까지는 on 이후는 off (float:right 이므로)*/
}
.ollyedu-star_rate > .star_ico {
  display: block;
  float: right;
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.ollyedu-star_rate input[type=radio] {
  position: absolute;
  opacity: 0;
}
.ollyedu-star_rate input[type=radio] + label {
  display: block;
  float: right;
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.ollyedu-star_rate input[type=radio] + label:first-of-type {
  padding-right: 0;
}
.ollyedu-star_rate span[class^=ico_star] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 28px;
}
.ollyedu-star_rate span[class^=ico_star]:before {
  display: block;
  line-height: 1;
}
.ollyedu-star_rate .ico_star_full {
  display: block;
  color: #afafaf;
}
.ollyedu-star_rate .ico_star_half {
  display: block;
  color: transparent;
}
.ollyedu-star_rate .star_ico.on .ico_star_full {
  color: #afafaf;
}
.ollyedu-star_rate input[type=radio]:checked.half + label .ico_star_full {
  color: #afafaf;
}
.ollyedu-star_rate.disabled input[type=radio] + label {
  cursor: default;
}
.ollyedu-star_rate:not(.disabled) input[type=radio] + label {
  width: 30px;
  height: 30px;
}

.ollyedu-star_rate.learn {
  /* 체크된 라디오 이전까지는 on 이후는 off (float:right 이므로)*/
}
.ollyedu-star_rate.learn .star_ico.on .ico_star_full, .ollyedu-star_rate.learn .star_ico.on ~ .star_ico .ico_star_full {
  color: #009dda;
}
.ollyedu-star_rate.learn .star_ico.on.half .ico_star_full {
  color: #afafaf;
}
.ollyedu-star_rate.learn .star_ico.on.half .ico_star_half {
  color: #009dda;
}
.ollyedu-star_rate.learn input[type=radio]:checked ~ label .ico_star_full {
  color: #009dda;
}
.ollyedu-star_rate.learn input[type=radio]:checked.half + label .ico_star_full {
  color: #afafaf;
}
.ollyedu-star_rate.learn input[type=radio]:checked.half + label .ico_star_half {
  color: #009dda;
}
.ollyedu-star_rate.learn:not(.disabled) label:hover .ico_star_full {
  color: #009dda;
}
.ollyedu-star_rate.learn:not(.disabled) label:hover ~ label .ico_star_full {
  color: #009dda;
}
.ollyedu-star_rate.learn + .ave .score, .ollyedu-star_rate.learn + .ave_big .score {
  color: #009dda;
}

.video_section {
  position: relative;
}
.video_section iframe {
  width: 100%;
  height: 100%;
}

.video-player-progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  display: flex;
  opacity: 1;
  background: rgba(0, 0, 0, 0.3);
}
.video-player-progress-bar .bar {
  height: 4px;
  border-radius: var(--radius-radius-none, 0px);
  opacity: var(--eval-amount-assigned, 1);
  background: #F09E3B;
  transition: all 0.2s ease-in;
}

.video-player-time-wrap {
  position: absolute;
  bottom: 8px;
  left: 6px;
  display: flex;
  height: 28px;
  padding: 0px 12px;
  justify-content: center;
  align-items: center;
  gap: 3px;
  border-radius: 6px;
  opacity: var(--eval-amount-assigned, 1);
  background: rgba(0, 0, 0, 0.3);
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

/* 모바일세로 */
@media only screen and (max-width: 519px) {
  /* 댓글 */
  .ollyedu-cmt_wrap .cmt {
    margin-left: 50px;
  }
  .ollyedu-cmt_wrap .cmt .profile_img {
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
  /* 답글 */
  .ollyedu-reply_area {
    margin: 10px 0 0 20px;
  }
  .ollyedu-reply {
    padding-left: 50px;
  }
  .ollyedu-reply .profile_img {
    width: 40px;
    height: 40px;
    line-height: 38px;
  }
  /* 댓글 옵션 */
  .cmt_opt .fL, .cmt_opt .fR {
    float: none;
  }
}
.learn-wrapper {
  position: relative;
  margin: 0 auto;
  height: calc(100% - 2px);
}

/* 페이지 목차 */
.learn-page-list {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 300px;
  min-height: 100%;
  box-shadow: 4px 2px 20px rgba(0, 0, 0, 0.14);
  box-sizing: border-box;
  background: #f8f8f8;
  transition: width 0.6s ease-in-out;
}
.learn-page-list .btn-page-list {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 70px;
  height: 80px;
  background: #fff;
  border-bottom: 1px solid #cdcdcd;
  color: #383633;
  font-size: 20px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.learn-page-list .btn-page-list strong {
  transition: opacity 0.4s ease-in-out;
  font-weight: 400;
}
.learn-page-list .btn-page-list:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  display: block;
  width: 60px;
  height: 60px;
  background: url(../imgs/edu/edu_ico_menu.png) no-repeat center center;
  background-size: 20px auto;
  transition: background 0.2s ease-in-out;
}
.learn-page-list .btn-page-list:hover {
  opacity: 0.6;
}
.learn-page-list + .learn-container {
  margin-left: 300px;
}
.learn-page-list + .learn-container .learn-header {
  left: 300px;
}

.nav-page-list .page-list {
  counter-reset: pagelist;
}
.nav-page-list .page-list li {
  position: relative;
  height: 92px;
}
.nav-page-list .page-list li a {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: left;
  padding: 0;
  margin: 0 20px;
  width: calc(100% - 40px);
  height: 92px;
  color: #74716d;
  line-height: 1.2;
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
  text-align: center;
}
.nav-page-list .page-list li a::before {
  transition: all 0.3s ease-in-out;
  counter-increment: pagelist;
  content: counter(pagelist);
  position: absolute;
  left: 10px;
  top: 0;
  width: 60px;
  height: 92px;
  font-weight: 700;
  font-size: 30px;
  line-height: 92px;
}
.nav-page-list .page-list li a span {
  transition: all 0.3s ease-in-out;
  position: absolute;
  left: 80px;
  width: 110px;
  text-align: left;
}
.nav-page-list .page-list li a .check {
  position: absolute;
  right: 36px;
  width: 20px;
  height: 20px;
  background: #e58004;
  color: #fff;
  border-radius: 50%;
  line-height: 20px;
}
.nav-page-list .page-list li a:hover {
  z-index: 1;
}
.nav-page-list .page-list li a:hover, .nav-page-list .page-list li a.active {
  position: absolute;
  left: 0;
  top: -9px;
  height: calc(100% + 18px);
  background: #fff !important;
  box-shadow: 0 0 28px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
.nav-page-list .page-list li a:hover::before, .nav-page-list .page-list li a.active::before {
  height: 110px;
  line-height: 110px;
}

/* 학습창 내용 */
.learn-container {
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 100%;
  box-sizing: border-box;
  transition: all 0.6s ease-in-out;
}
.learn-container.active {
  overflow: visible;
}

/* 학습창 상단 */
.learn-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  height: 80px;
  background: #f5f5f5;
  border-bottom: 1px solid #999;
  transition: all 0.6s ease-in-out;
}
.learn-header .btn-page-list2 {
  display: none;
}
.learn-header .learn-tit {
  display: flex;
  align-items: center;
  margin: 0 370px 0 30px;
  height: 80px;
  color: #74716d;
  font-size: 20px;
}
.learn-header .learn-tit strong {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.2em;
  max-height: 2.4em !important;
  word-break: break-all;
}
.learn-header .learn-nav-gnb {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 190px;
  height: 80px;
}
.learn-header .learn-nav-gnb .learn-gnb {
  float: left;
  margin-top: 19px;
}
.learn-header .learn-nav-gnb .learn-gnb::after {
  content: "";
  display: table;
  clear: both;
}
.learn-header .learn-nav-gnb .learn-gnb li {
  float: left;
  margin-left: 10px;
}
.learn-header .learn-nav-gnb .learn-gnb li:first-child {
  margin-left: 0;
}

/* 학습창 닫기 버튼 */
.btn-learn-end {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 160px;
  height: 80px;
  background: #f1a838;
  text-align: center;
  transition: opacity 0.3s ease-in-out;
  box-sizing: border-box;
}
.btn-learn-end:hover {
  opacity: 0.6;
}
.btn-learn-end .ico {
  padding-left: 35px;
  background: url(../imgs/edu/edu_ico_end.png) no-repeat 0 center;
  background-size: 20px auto;
  color: #fff;
  font-size: 20px;
  line-height: 80px;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.learn-btn1 {
  display: inline-block;
  padding: 0 22px;
  background: #fff;
  border: 1px solid #bcbcbc;
  box-sizing: border-box;
  border-radius: 23px;
  text-align: center;
  color: #74716d;
  font-size: 14px;
  line-height: 40px;
  vertical-align: top;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out;
}
.learn-btn1.type2 {
  border-color: #e58004;
  color: #e58004;
}
.learn-btn1.type2:hover {
  background: #fdf5eb;
}
.learn-btn1.type2.active {
  background: #e58004;
}
.learn-btn1.active {
  background: #f1a838;
  color: #fff;
  border-color: #f1a838;
}
.learn-btn1.active .like {
  background-image: url(../imgs/edu/edu_like_on.png);
}
.learn-btn1.active .question {
  background-image: url(../imgs/edu/edu_ico_comment_on.png);
}
.learn-btn1.active .note {
  background-image: url(../imgs/edu/edu_ico_note_on.png);
}
.learn-btn1.active .plan {
  background-image: url(../imgs/edu/edu_ico_plan_on.png);
}
.learn-btn1 .like {
  padding-left: 35px;
  background: url(../imgs/edu/edu_ico_like.png) no-repeat 0 center;
  background-size: 18px auto;
  transition: background 0.3s ease-in-out;
}
.learn-btn1 .question {
  padding-left: 26px;
  background: url(../imgs/edu/edu_ico_comment.png) no-repeat 0 center;
  background-size: 20px auto;
  transition: background 0.3s ease-in-out;
}
.learn-btn1 .note {
  padding-left: 26px;
  background: url(../imgs/edu/edu_ico_note.png) no-repeat 0 center;
  background-size: 20px auto;
  transition: background 0.3s ease-in-out;
}
.learn-btn1 .plan {
  padding-left: 26px;
  background: url(../imgs/edu/edu_ico_plan.png) no-repeat 0 center;
  background-size: 20px auto;
  transition: background 0.3s ease-in-out;
}

.learn-btn2 {
  display: inline-block;
  padding: 0 22px;
  min-width: 160px;
  background: #fff;
  border: 1px solid #74716d;
  box-sizing: border-box;
  border-radius: 26px;
  text-align: center;
  color: #74716d;
  line-height: 50px;
  vertical-align: top;
  box-sizing: border-box;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out;
}
.learn-btn2.position-left {
  float: left;
  margin-right: 8px;
}
.learn-btn2.position-right {
  float: right;
  margin-left: 8px;
}
.learn-btn2:hover, .learn-btn2.negative-color {
  background: #74716d;
  color: #fff;
  border-color: #74716d;
}
.learn-btn2.negative-color:hover {
  background: #fff;
  color: #74716d;
}
.learn-btn2.negative-color:hover .arr-right {
  background-image: url(../imgs/arr2.png);
}
.learn-btn2 .arr-right {
  padding: 0 18px;
  background: url(../imgs/arr3.png) no-repeat right center;
  background-size: auto 9px;
  transition: background 0.3s ease-in-out;
}

.learn-btn5 {
  display: inline-flex;
  align-items: center;
  padding: 0 22px;
  height: 42px;
  border-radius: 26px;
  text-align: center;
  color: #2B2C33;
  vertical-align: top;
  border-radius: var(--radius-circular, 1000px);
  box-sizing: border-box;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out;
}
.learn-btn5 .ico-file {
  display: flex;
  align-items: center;
  height: 40px;
  background-image: url(../imgs/edu/ico_file@4x.png);
  background-repeat: no-repeat;
  padding-left: 26px;
  background-size: 20px auto;
  background-position: 0 50%;
  transition: background 0.3s ease-in-out;
}
.learn-btn5 .arr-right {
  padding: 0 18px;
  background: url(../imgs/arr3.png) no-repeat right center;
  background-size: auto 9px;
  transition: background 0.3s ease-in-out;
}
.learn-btn5:hover, .learn-btn5.active {
  background: rgba(0, 0, 0, 0.04);
}

.md-btn-learn-gnb {
  display: none;
  margin-top: 17px;
  border: 0;
  outline: 0;
  background: transparent;
  padding: 10px;
  gap: 5px;
  box-sizing: border-box;
  border-radius: var(--pt_radius-btn, 6px);
  border: 1px solid var(--EDU-LW_tab_bdr, #E58004);
  background: #FFF;
}
.md-btn-learn-gnb:after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: url(../imgs/edu/ico_learn_arr_down_orange@4x.png) no-repeat center center;
  background-size: 7px auto;
}
.md-btn-learn-gnb img {
  width: 22px;
  height: 22px;
}

.bg-layer-file {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
  display: none;
}
.bg-layer-file.active {
  display: block;
}

.btn-file {
  position: relative;
}

.layer-file {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  display: none;
  min-width: 100%;
  padding: 10px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  box-shadow: 0px 0px 0px 1px var(--ppovr-otln, rgba(0, 0, 0, 0.12)), 0px 2px 14px 0px rgba(0, 0, 0, 0.12);
  z-index: 10;
  transform: translateX(-50%);
}
.layer-file.active {
  display: block;
}
.layer-file .layer-inner {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
}
.layer-file .layer-inner a {
  display: block;
  padding: 10px;
  text-align: left;
  color: #333;
}
.layer-file .layer-inner a:hover {
  text-decoration: underline;
}

/* 학습창 컨텐츠 */
.learn-content {
  overflow: hidden;
  position: relative;
  z-index: 1;
  max-width: 1400px;
  height: calc(100% - 80px);
  padding: 30px 20px 30px 30px;
  margin: 80px auto 0;
  box-sizing: border-box;
}
.learn-content::after {
  content: "";
  display: table;
  clear: both;
}
.learn-content .bx-content {
  transition: width 0.6s ease-in-out;
  overflow-y: auto;
  float: left;
  width: 100%;
  height: 100%;
  padding-bottom: 108px;
}
.learn-content .data-h-group {
  position: relative;
  margin-bottom: 30px;
}
.learn-content .data-h-group .learn-state, .learn-content .data-h-group .learn-btn-area {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -18px;
}
.learn-content .data-h-group .learn-state2 {
  position: relative;
  margin-top: -32px;
  float: right;
}
.learn-content .data-h-group .learn-btn-area {
  margin-top: -20px;
}
.learn-content .data-h-group .learn-btn-area .learn-btn-cnt2 + .learn-btn-cnt2 {
  margin-left: 16px;
}
.learn-content .data-f-group {
  position: absolute;
  left: 30px;
  right: 20px;
  bottom: 30px;
  padding: 12px 30px;
  border-width: 1px;
  border-style: solid;
  border-color: #e1e1e1 #c4c4c4 #c4c4c4 #c4c4c4;
  border-radius: 0 0 8px 8px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(32px);
  -moz-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  transition: all 0.6s ease-in-out;
}

/* 상태 */
.learn-state {
  display: inline-block;
  padding: 0 20px;
  height: 36px;
  background: #1dc27e;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  vertical-align: top;
}
.learn-state .ico-check {
  display: inline-block;
  margin-right: 8px;
  width: 13px;
  height: 36px;
  background: url(../imgs/edu/edu_ico_check2.png) no-repeat 0 center;
  background-size: 13px auto;
  vertical-align: top;
}

/* 출석관리 */
.learn-attend {
  display: inline-block;
  padding: 0 20px;
  height: 36px;
  background: #ffffff;
  text-align: center;
  color: #E87209;
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
  border: 1px solid #c4c4c4;
  border-radius: 6px;
  vertical-align: top;
}

.learn-save {
  display: inline-block;
  padding: 0 20px;
  height: 36px;
  background: #E87209;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
  border: 1px solid #E87209;
  border-radius: 6px;
  vertical-align: top;
}

/* 타이틀 */
.learn-tit2 {
  padding-right: 120px;
  color: #333;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.05em;
  line-height: 1.2;
}

.learn-tit3 {
  margin-bottom: 20px;
  color: #444;
  font-size: 20px;
}
.learn-tit3 strong {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 4px solid #6e89eb;
  line-height: 24px;
  vertical-align: top;
}
.learn-tit3 span {
  display: inline-block;
  margin-left: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  vertical-align: top;
}

/* 컨텐츠 버튼 */
.learn-btn-cnt1, .learn-btn-cnt2, .learn-btn-cnt3 {
  display: inline-block;
  padding: 0 45px;
  height: 40px;
  background: #acacac;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  vertical-align: top;
}
.learn-btn-cnt1 > span, .learn-btn-cnt2 > span, .learn-btn-cnt3 > span {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  vertical-align: top;
}
.learn-btn-cnt1 > span.ico-zoom, .learn-btn-cnt2 > span.ico-zoom, .learn-btn-cnt3 > span.ico-zoom {
  padding-left: 34px;
  background: url(../imgs/edu/edu_ico_video.png) no-repeat 0 center;
  background-size: 24px auto;
}
.learn-btn-cnt1.active, .learn-btn-cnt2.active, .learn-btn-cnt3.active {
  background: #F09E3B;
}

.learn-btn-cnt2 {
  padding: 0 20px;
}

.learn-btn-cnt3 {
  padding: 0 25px;
}

/* 출석 버튼 */
.learn-btn-att {
  display: inline-block;
  padding: 10px;
  background: #fff;
  border-radius: 6px;
  color: #383633;
  font-weight: 500;
  border: 1px solid #e3e3e3;
}
.learn-btn-att .att-div {
  min-width: 60px;
}
.learn-btn-att .att-div .learn-btn-att2 {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  border: 6px solid #e3e3e3;
  vertical-align: bottom;
  float: left;
}
.learn-btn-att .att-div .learn-btn-att2.active {
  border: 6px solid #F09E3B;
}

/* 학습시간 */
.learn-date {
  background: #ededed;
  padding: 15px 10px;
  border-radius: 8px;
  display: inline-block;
}
.learn-date div {
  color: #676767;
  padding: 10px;
  display: inline-block;
}
.learn-date div span {
  font-size: 16px;
  color: #333333;
}

.learn-att-all {
  color: #E87209;
  font-size: 16px;
  text-align: right;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #F09E3B;
}
.learn-att-all .all-attend {
  margin-right: 10px;
}
.learn-att-all a::after {
  content: "|";
  padding-left: 10px;
  color: #e3e3e3;
  font-weight: 500px;
  font-size: 16px;
}
.learn-att-all a:last-child {
  margin-right: 0;
}
.learn-att-all a:last-child::after {
  display: none;
}

/* 뒤로가기 ico */
.edu-back {
  width: 30px;
  height: 30px;
  background: url(../imgs/edu/edu_back.png) no-repeat 0 center;
  background-size: 30px auto;
  display: block;
}

/* 업로드 파일 박스 */
.lst-upload-file {
  display: inline-block;
  max-width: 100%;
  min-width: 200px;
  padding: 15px 10px;
  background: #f5f8fc;
  border: 1px solid #a1bdef;
  border-radius: 10px;
  box-sizing: border-box;
}
.lst-upload-file li {
  position: relative;
  margin-bottom: 5px;
}
.lst-upload-file li:last-child {
  margin-bottom: 0;
}
.lst-upload-file li .link-file {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding: 0 5px;
  color: #6b94c1;
  font-size: 14px;
  line-height: 1.45;
  transition: color 0.3s ease-in-out;
}
.lst-upload-file li .link-file:hover {
  color: #4D79C9;
}
.lst-upload-file li .btn-del-file {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.lst-upload-file li .btn-del-file:before, .lst-upload-file li .btn-del-file:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 1px;
  background-color: #666;
}
.lst-upload-file li .btn-del-file:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.lst-upload-file li .btn-del-file:after {
  transform: translate(-50%, -50%) rotate(135deg);
}

/* 컨텐츠 박스 */
.bx-content {
  padding: 30px;
  background: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 8px;
  box-sizing: border-box;
}

/* 학습창 오른쪽박스 */
.learn-side-area {
  position: absolute;
  right: -356px;
  top: 30px;
  bottom: 20px;
  z-index: 10;
  width: 356px;
  transition: all 0.6s ease-in-out;
  /* 학습창 의견 | 학생 네비게이션 */
  /* 학습창 의견 */
  /* 학습창 의견리스트 */
}
.learn-side-area.active {
  right: 20px;
}
.learn-side-area.active + .bx-content {
  width: calc(100% - 372px);
}
.learn-side-area.active + .bx-content .data-f-group {
  right: 392px;
}
.learn-side-area .bx-side {
  overflow-y: auto;
  height: 100%;
  box-shadow: none;
}
.learn-side-area .nav-side-tnb {
  position: relative;
  padding: 10px 70px 0 15px;
  border-bottom: 1px solid #bcbcbc;
}
.learn-side-area .nav-side-tnb .side-tnb::after {
  content: "";
  display: table;
  clear: both;
}
.learn-side-area .nav-side-tnb .side-tnb .tnb-item {
  float: left;
}
.learn-side-area .nav-side-tnb .side-tnb .tnb-item a {
  position: relative;
  display: block;
  padding: 16px 15px;
  color: #bcbcbc;
  font-size: 20px;
  transition: color 0.3s ease-in-out;
}
.learn-side-area .nav-side-tnb .side-tnb .tnb-item a:hover, .learn-side-area .nav-side-tnb .side-tnb .tnb-item a.active {
  color: #cd6100;
}
.learn-side-area .nav-side-tnb .side-tnb .tnb-item a:hover::after, .learn-side-area .nav-side-tnb .side-tnb .tnb-item a.active::after {
  background: #74716d;
}
.learn-side-area .nav-side-tnb .side-tnb .tnb-item a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  display: block;
  margin-left: -19px;
  width: 38px;
  height: 4px;
  transition: background 0.3s ease-in-out;
}
.learn-side-area .nav-side-tnb .link-cls {
  display: none;
  position: absolute;
  right: 15px;
  top: 10px;
  padding: 16px 15px;
  color: #413123;
  font-size: 20px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.learn-side-area .nav-side-tnb .link-cls:hover {
  opacity: 0.6;
}
.learn-side-area .learn-comment {
  display: none;
}
.learn-side-area .learn-comment.active {
  display: block;
}
.learn-side-area .learn-comment .btn-area {
  position: relative;
  margin: 0 30px;
  padding: 30px 0;
  border-bottom: 1px solid #e3e3e3;
  text-align: center;
}
.learn-side-area .comment-form {
  padding: 30px 19px 0;
}
.learn-side-area .comment-form .learn-texa1 {
  overflow-y: auto;
  padding: 10px;
  height: 200px;
}
.learn-side-area .comment-form .comment-btn-area {
  margin: 0 10px;
  padding: 10px 0 30px;
  border-bottom: 1px solid #e3e3e3;
  text-align: right;
}
.learn-side-area .comment-form .comment-btn-area::after {
  content: "";
  display: table;
  clear: both;
}
.learn-side-area .comment-form .comment-btn-area .learn-btn4 {
  margin-left: 16px;
}
.learn-side-area .learn-comment-list .nav-list {
  padding-top: 30px;
  text-align: center;
}
.learn-side-area .learn-comment-list .nav-list li {
  position: relative;
  display: inline-flex;
  padding-right: 1px;
}
.learn-side-area .learn-comment-list .nav-list li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  width: 1px;
  height: 16px;
  background: #444;
}
.learn-side-area .learn-comment-list .nav-list li:last-child {
  padding-right: 0;
}
.learn-side-area .learn-comment-list .nav-list li:last-child:after {
  display: none;
}
.learn-side-area .learn-comment-list .nav-list li a {
  display: block;
  padding: 0 15px;
  color: #444;
  font-size: 18px;
  transition: color 0.3s ease-in-out;
}
.learn-side-area .learn-comment-list .nav-list li a:hover, .learn-side-area .learn-comment-list .nav-list li a.active {
  color: #f1a838;
}
.learn-side-area .wrap-lst-comment .lst-comment {
  margin: 0 30px;
}
.learn-side-area .wrap-lst-comment .lst-comment .comment-item {
  padding: 30px 0;
  border-bottom: 1px solid #e3e3e3;
}
.learn-side-area .wrap-lst-comment .lst-comment .comment-item .name {
  float: left;
  color: #383633;
}
.learn-side-area .wrap-lst-comment .lst-comment .comment-item .date {
  float: right;
  color: #bcbcbc;
}
.learn-side-area .wrap-lst-comment .lst-comment .comment-item .wrap-comment::after {
  content: "";
  display: table;
  clear: both;
}
.learn-side-area .wrap-lst-comment .lst-comment .comment-item .wrap-comment .cnt {
  clear: both;
  display: block;
  padding: 18px 0 10px;
  color: #74716d;
}
.learn-side-area .wrap-lst-comment .lst-comment .comment-item .wrap-comment .link {
  float: left;
  color: #f1a838;
  line-height: 24px;
}
.learn-side-area .wrap-lst-comment .lst-comment .comment-item .wrap-comment .count-recomment {
  float: right;
  padding-left: 28px;
  background: url(../imgs/ico_recomment.png) no-repeat 0 6px;
  background-size: 18px auto;
  color: #bcbcbc;
  line-height: 24px;
}
.learn-side-area .wrap-lst-comment .lst-comment .comment-item:last-child {
  border-bottom: none;
}
.learn-side-area .wrap-lst-comment .lst-comment .comment-item.active .wrap-comment .count-recomment {
  background-image: url(../imgs/ico_recomment_on.png);
  color: #f1a838;
}
.learn-side-area .wrap-lst-comment .lst-comment .comment-item.active .lst-recomment {
  display: block;
}
.learn-side-area .wrap-lst-comment .lst-recomment {
  display: none;
  margin-top: 12px;
  padding: 14px 0;
  background: #f2f2f2;
  border-radius: 10px;
}
.learn-side-area .wrap-lst-comment .lst-recomment .recomment-item {
  padding: 20px 14px 24px;
  border-bottom: 1px solid #e3e3e3;
}
.learn-side-area .wrap-lst-comment .lst-recomment .recomment-item::after {
  content: "";
  display: table;
  clear: both;
}
.learn-side-area .wrap-lst-comment .lst-recomment .recomment-item .cnt {
  clear: both;
  padding-top: 10px;
  color: #74716d;
  line-height: 1.45;
}
.learn-side-area .wrap-lst-comment .lst-recomment .recomment-item:first-child {
  padding-top: 0;
}
.learn-side-area .wrap-lst-comment .lst-recomment .recomment-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.learn-texa1 {
  width: 100%;
  background: #f5f5f5;
  border-radius: 8px;
  box-sizing: border-box;
  outline: none;
  border: none;
  resize: none;
}
.learn-texa1::-moz-placeholder {
  color: #bcbcbc;
}
.learn-texa1::placeholder {
  color: #bcbcbc;
}

.bx-side {
  background: #fff;
  box-sizing: border-box;
  border-radius: 8px;
}

.learn-btn3 {
  position: relative;
  display: inline-block;
  padding: 0 29px;
  background: #fff;
  border: 1px solid #e87209;
  box-sizing: border-box;
  border-radius: 24px;
  text-align: center;
  color: #e87209;
  font-size: 16px;
  line-height: 44px;
  opacity: 1;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.learn-btn3:hover {
  background: #e87209;
  color: #fff;
}
.learn-btn3:hover .ico-comment {
  background-image: url(../imgs/edu/edu_ico_comment_on.png);
}
.learn-btn3 .ico-comment {
  padding-left: 30px;
  background: url(../imgs/edu/edu_ico_comment.png) no-repeat 0 center;
  background-size: 20px auto;
  vertical-align: top;
  transition: background 0.3s ease-in-out;
}

.learn-btn4 {
  display: inline-block;
  padding: 0 25px;
  background: #f1a838;
  border: 1px solid #f1a838;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  line-height: 38px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.learn-btn4:hover {
  opacity: 0.6;
}
.learn-btn4.type2 {
  background: #fff;
  border-color: #c4c4c4;
  color: #74716d;
}

.learn-curriculum-wrap {
  overflow-y: auto;
  height: 100%;
  background: #fff;
}
.learn-curriculum-wrap .learn-edu-title {
  margin-bottom: 16px;
  font-size: 20px;
  color: #3a3a3a;
  line-height: 1.5;
}
.learn-curriculum-wrap .learn-curriculum-box {
  position: relative;
  padding: 14px;
  margin-bottom: 16px;
  border-radius: 8px;
  border: 1px solid #eaeaea;
  background: #f9f9f9;
  box-sizing: border-box;
}
.learn-curriculum-wrap .learn-curriculum-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.learn-curriculum-wrap .learn-curriculum-title .title {
  width: calc(100% - 130px);
  color: #5a5a5a;
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
}
.learn-curriculum-wrap .learn-curriculum-title .time {
  width: 120px;
  color: #7a7a7a;
  text-align: right;
  font-size: 13px;
}
.learn-curriculum-wrap .learn-curriculum-item {
  position: relative;
  padding: 12px 14px 12px 40px;
  margin-top: 8px;
  border-radius: 8px;
  border: 1px solid #e1e1e1;
  background: #fff;
  box-shadow: 0px 4px 20px -8px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}
.learn-curriculum-wrap .learn-curriculum-item.active {
  border: 2px solid #e58004;
}
.learn-curriculum-wrap .learn-curriculum-item .state {
  position: absolute;
  top: 12px;
  left: 14px;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #dfdfdf url(../imgs/ico/ico_check2.png) no-repeat center center;
  background-size: 12px;
}
.learn-curriculum-wrap .learn-curriculum-item .state.complete {
  background-color: #67da0c;
}
.learn-curriculum-wrap .learn-curriculum-item .title {
  overflow: hidden;
  color: #3a3a3a;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}
.learn-curriculum-wrap .learn-curriculum-item .kind {
  margin-top: 2px;
  color: #7a7a7a;
  font-size: 13px;
  line-height: 140%;
}
.learn-curriculum-wrap .learn-curriculum-item .time {
  margin-top: 2px;
  color: #7a7a7a;
  font-size: 13px;
  line-height: 140%;
}

/* 학습창 학생리스트 */
.learn-student {
  display: none;
  padding: 10px 30px 30px;
}
.learn-student::after {
  content: "";
  display: table;
  clear: both;
}
.learn-student.active {
  display: block;
}
.learn-student .lst-student > li {
  float: left;
  margin-top: 20px;
  width: calc((100% - 10px) / 2);
}
.learn-student .lst-student > li:nth-child(even) {
  float: right;
}
.learn-student .lst-student > li:last-child {
  margin-bottom: 0;
}
.learn-student .lst-student > li > a {
  display: block;
}
.learn-student .lst-student > li > a::after {
  content: "";
  display: table;
  clear: both;
}
.learn-student .lst-student > li > a .thum {
  overflow: hidden;
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  background: #c4c4c4;
  border-radius: 18px;
}
.learn-student .lst-student > li > a .thum img {
  width: 100%;
}
.learn-student .lst-student > li > a .name {
  float: left;
  display: flex;
  align-items: center;
  margin-left: 16px;
  width: calc(100% - 66px);
  height: 50px;
}

/* 학습창 내용 */
.learn-info-base {
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
}
.learn-info-base .learn-lead {
  color: #555;
  font-size: 16px;
  line-height: 1.5;
}
.learn-info-base .learn-lead + .learn-lst-data {
  margin-top: 20px;
}
.learn-info-base .learn-lst-data:last-child {
  margin-bottom: 0;
}
.learn-info-base .learn-lst-data > .tit {
  margin-bottom: 10px;
  color: #3a3a3a;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.35;
}

.learn-info-detail {
  margin-top: 20px;
}
.learn-info-detail .bx-info-detail {
  position: relative;
  padding: 20px;
  background: #F5F5F5;
  border: 1px solid #C4C4C4;
  border-radius: 10px;
}
.learn-info-detail .bx-info-detail .learn-btn-cnt1 {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
}
.learn-info-detail .lst-info-detail {
  padding-right: 260px;
  color: #333;
  font-size: 16px;
  line-height: 1.3;
}
.learn-info-detail .lst-info-detail .tit {
  font-weight: 500;
}

.learn-lst-info {
  margin-top: 20px;
  color: #333;
  font-size: 16px;
  line-height: 1.3;
}
.learn-lst-info > .tit {
  margin-bottom: 10px;
  color: #676767;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.35;
}

.learn-sec-detail {
  margin-bottom: 20px;
}
.learn-sec-detail:last-child {
  margin-bottom: 0;
}
.learn-sec-detail > .cnt .address {
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.learn-sec-detail > .cnt .address-area {
  min-height: 300px;
  background: #f7f7f7;
}

/* 학습창 강의노트 */
.nx-learn-note-wrap {
  height: 100%;
}
.nx-learn-note-wrap .nx-clock {
  background: url(../imgs/edu/edu_clock.png) no-repeat 0 center;
  background-size: 18px auto;
  color: #bbbbbb;
  padding-left: 22px;
}
.nx-learn-note-wrap .nx-learn-note-list {
  height: calc(100% - 186px);
  padding: 0 10px;
  overflow-y: auto;
}
.nx-learn-note-wrap .nx-learn-note-list .nx-note-wrap {
  padding: 16px 20px;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  margin-bottom: 10px;
}
.nx-learn-note-wrap .nx-learn-note-list .nx-note-wrap .nx-note-txt {
  color: #3a3a3a;
}
.nx-learn-note-wrap .nx-learn-note-list .nx-note-wrap .nx-note-sub {
  margin-top: 10px;
  overflow: hidden;
}
.nx-learn-note-wrap .nx-learn-note-list .nx-note-wrap .nx-note-sub .nx-clock {
  float: left;
}
.nx-learn-note-wrap .nx-learn-note-list .nx-note-wrap .nx-note-sub .nx-note-del {
  width: 20px;
  height: 20px;
  background: url(../imgs/edu/edu_ico_del.png) no-repeat 0 center;
  background-size: 20px auto;
  float: right;
}
.nx-learn-note-wrap .nx-learn-note-comment {
  width: 100%;
  height: 186px;
  padding: 20px 10px 0 10px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}
.nx-learn-note-wrap .nx-learn-note-comment .nx-learn-note-comment2 {
  position: relative;
  padding: 8px 12px;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
}
.nx-learn-note-wrap .nx-learn-note-comment .nx-learn-note-comment2 .nx-note-ips1 {
  width: 100%;
  min-height: 60px;
  box-sizing: border-box;
  resize: none;
}

/* 팝업 레이어 오버레이 */
.learn-layer-overlay {
  position: fixed;
  overflow-y: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
}

/* 팝업 레이어 */
.learn-popup-layer {
  position: relative;
  margin: 5px;
  padding: 20px;
  max-width: 648px;
  width: 100%;
  background: #fff;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  border-radius: 10px;
  transition: 0.3s ease height;
}

/* 팝업 레이어2 */
.learn-popup-layer2 {
  padding: 20px;
  border: 1px solid #e3e3e3;
  transition: 0.3s ease height;
}

/* 팝업 레이어 닫기 버튼 */
.learn-btn-cls {
  position: absolute;
  display: block;
  width: 36px;
  height: 36px;
  z-index: 1;
  right: 10px;
  top: 16px;
}
.learn-btn-cls:before, .learn-btn-cls:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 2px;
  background-color: #74716d;
}
.learn-btn-cls:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.learn-btn-cls:after {
  transform: translate(-50%, -50%) rotate(135deg);
}
.learn-btn-cls span {
  display: block;
  overflow: hidden;
  position: absolute;
  top: -1000em;
  left: 0;
}
.learn-btn-cls::after, .learn-btn-cls::before {
  transition: background 0.3s ease-in-out;
}
.learn-btn-cls:hover::after, .learn-btn-cls:hover::before {
  background-color: #4660bd;
}

/* 팝업 레이어 상단 */
.learn-popup-h-group {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 19px;
  border-bottom: 1px solid #000;
}

/* 팝업 레이어 하단 */
.learn-popup-footer {
  margin-top: 20px;
}
.learn-popup-footer::after {
  content: "";
  display: table;
  clear: both;
}

.learn-btn-area {
  position: relative;
  text-align: center;
}
.learn-btn-area.align-r {
  text-align: right;
}
.learn-btn-area.align-l {
  text-align: left;
}

/* 팝업 레이어 타이틀 */
.learn-popup-tit {
  color: #383633;
  font-size: 24px;
}

.learn-notice-popup {
  overflow: hidden;
  position: relative;
  margin: 10px;
  max-width: 600px;
  width: 100%;
  max-height: 90%;
  padding: 42px 0 80px;
  background: #fff;
  box-sizing: border-box;
  border-radius: 16px;
  box-shadow: 0px 24px 54px 0px rgba(0, 0, 0, 0.12);
  transition: 0.3s ease height;
}
.learn-notice-popup .top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 42px;
  background: #f99f31;
}
.learn-notice-popup .top .tit {
  margin-left: 18px;
  font-size: 18px;
  font-weight: 700;
  line-height: 42px;
  color: #fff;
}
.learn-notice-popup .cls {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 56px;
  height: 42px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 42px;
}
.learn-notice-popup .ct {
  overflow-y: auto;
  max-height: 500px;
  padding: 20px;
  box-sizing: border-box;
}
.learn-notice-popup .btn-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  text-align: center;
}
.learn-notice-popup .btn-wrap .agree {
  display: inline-flex;
  padding: 9px 20px;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
  background: #f09e3b;
}

/* 입력항목 리스트 */
.learn-lst-input .input-item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 20px;
}
.learn-lst-input .input-item:last-child {
  margin-bottom: 0;
}
.learn-lst-input .input-item > .tit {
  margin-right: 10px;
  width: 120px;
  color: #383633;
  font-weight: 500;
  font-size: 16px;
  line-height: 38px;
}
.learn-lst-input .input-item > .cnt {
  width: calc(100% - 130px);
}
.learn-lst-input .input-item > .cnt > .lead {
  color: #74716d;
  font-size: 14px;
  line-height: 1.45;
}
.learn-lst-input .input-item > .cnt .learn-texa2 + .lead {
  margin-top: 10px;
}
.learn-lst-input .input-item > .cnt .learn-radio-wrap {
  margin-top: 9px;
  margin-bottom: 9px;
}

/* input : text */
.learn-input-text {
  margin: 0;
  padding: 0;
  width: 100%;
  border: none;
  box-sizing: border-box;
  background: transparent;
  color: #74716d;
  font-size: 16px;
  line-height: 26px;
  vertical-align: top;
}
.learn-input-text::-moz-placeholder {
  color: #bcbcbc;
  font-size: 16px;
}
.learn-input-text::placeholder {
  color: #bcbcbc;
  font-size: 16px;
}

.learn-input-wrap {
  padding: 6px 20px;
  width: 100%;
  background: #f2f2f2;
  border-radius: 32px;
  box-sizing: border-box;
  line-height: 26px;
}

/* textarea */
.learn-texa2 {
  margin: 0;
  padding: 6px 20px;
  width: 100%;
  min-height: 90px;
  background: #f2f2f2;
  border-radius: 10px;
  box-sizing: border-box;
  border: none;
  color: #74716d;
  font-size: 16px;
  vertical-align: top;
  resize: none;
}
.learn-texa2::-moz-placeholder {
  color: #bcbcbc;
}
.learn-texa2::placeholder {
  color: #bcbcbc;
}

/* width */
.learn-width-m1 {
  max-width: 300px !important;
}

.learn-width-l1 {
  max-width: 960px !important;
}

/* input : radio */
.learn-radio-wrap {
  position: relative;
  float: left;
}
.learn-radio-wrap + .learn-radio-wrap {
  margin-left: 15px;
}

.learn-input-radio {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 0 !important;
  padding: 0;
  outline: 0;
}
.learn-input-radio:checked + label {
  color: #383633;
}
.learn-input-radio:checked + label:before {
  border: 6px solid #6e89eb;
}

.learn-lbl-radio {
  position: relative;
  display: block;
  padding-left: 30px;
  color: #74716d;
  font-size: 16px;
  box-sizing: border-box;
  line-height: 20px;
  text-align: left;
  cursor: pointer;
}
.learn-lbl-radio:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 50%;
  box-sizing: border-box;
}

.learn-radio-wrap2 {
  position: relative;
}
.learn-radio-wrap2 .learn-input-radio2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 0;
  padding: 0;
  outline: 0;
}
.learn-radio-wrap2 .learn-input-radio2:checked + label {
  color: #383633;
}
.learn-radio-wrap2 .learn-input-radio2:checked + label:before {
  border: 6px solid #6e89eb;
}

.learn-lbl-radio2 {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  color: #74716d;
  font-size: 16px;
  box-sizing: border-box;
  line-height: 20px;
  text-align: left;
  cursor: pointer;
}
.learn-lbl-radio2:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 50%;
  box-sizing: border-box;
}

.learn-radio-bx {
  position: relative;
  background: #fff;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  border-radius: 8px;
}
.learn-radio-bx .learn-input-radio {
  left: 9px;
}
.learn-radio-bx .learn-lbl-radio {
  padding: 9px 9px 9px 39px;
}
.learn-radio-bx .learn-lbl-radio::before {
  left: 9px;
}

.wrap-upload-file::after {
  content: "";
  display: table;
  clear: both;
}
.wrap-upload-file .link-plus {
  margin: 9px 20px 0 0;
  float: left;
}
.wrap-upload-file .lst-upload-file {
  float: left;
}

.link-plus {
  position: relative;
  padding-left: 20px;
  background-size: 14px auto;
  vertical-align: top;
  color: #6e89eb;
  font-size: 16px;
  line-height: 20px;
}
.link-plus::before, .link-plus::after {
  content: "";
  position: absolute;
  background: #6e89eb;
  display: block;
}
.link-plus:before {
  left: 0;
  top: 10px;
  width: 13px;
  height: 1px;
}
.link-plus:after {
  left: 6px;
  top: 4px;
  width: 1px;
  height: 13px;
}

/* 시험점수 */
.learn-exam-result {
  margin-top: 20px;
}
.learn-exam-result .result-msg {
  margin-top: 20px;
  text-align: center;
  color: #555;
  font-size: 16px;
}

.exam-score {
  margin: 0 auto;
  padding: 10px 0;
  max-width: 216px;
  width: 100%;
  border: 1px #e3e3e3;
  border-style: solid none solid none;
  text-align: center;
}
.exam-score .tit {
  margin-bottom: 16px;
  color: #333;
  font-weight: 500;
  font-size: 16px;
}
.exam-score .score {
  color: #4660bd;
  font-size: 36px;
}

/* 시험문제 */
.learn-exam {
  margin: 30px 0;
}
.learn-exam .lst-radio-item {
  margin: -10px 0 20px;
  padding-left: 40%;
}
.learn-exam .lst-radio-item::after {
  content: "";
  display: table;
  clear: both;
}
.learn-exam .lst-radio-item > li {
  float: left;
  width: 20%;
}
.learn-exam .lst-radio-item > li .radio-item {
  text-align: center;
  color: #444;
  font-size: 16px;
  line-height: 20px;
}

.lst-exam {
  margin: 30px 0 20px;
  counter-reset: exam;
}
.lst-exam .exam-item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f2f2;
}
.lst-exam .exam-item:last-child {
  margin-bottom: 0;
}
.lst-exam .exam-item .exam-question {
  margin-bottom: 10px;
  color: #676767;
  font-weight: 500;
  font-size: 18px;
}
.lst-exam .exam-item .exam-question::before {
  counter-increment: exam;
  content: counter(exam) ".";
}
.lst-exam .exam-item .exam-lead {
  margin-bottom: 20px;
  color: #444;
  font-size: 16px;
  line-height: 1.45;
}
.lst-exam .exam-item .exam-explanation {
  margin-top: 20px;
}
.lst-exam .exam-item .learn-lst-check {
  padding: 10px 0 0 20px;
}

/* 선택형 */
.lst-choice {
  margin-left: 20px;
  counter-reset: choice;
}
.lst-choice .choice-item {
  margin-bottom: 10px;
  cursor: pointer;
}
.lst-choice .choice-item::after {
  content: "";
  display: table;
  clear: both;
}
.lst-choice .choice-item:last-child {
  margin-bottom: 0;
}
.lst-choice .choice-item::before {
  counter-increment: choice;
  content: counter(choice);
  float: left;
  display: block;
  width: 36px;
  height: 36px;
  background: #f2f2f2;
  border-radius: 8px;
  text-align: center;
  color: #666;
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.lst-choice .choice-item .example {
  float: right;
  padding: 8px 0;
  width: calc(100% - 46px);
  color: #444;
  font-size: 16px;
  line-height: 20px;
  transition: color 0.3s ease-in-out;
}
.lst-choice .choice-item.active {
  animation: opacityIn 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) forwards;
}
.lst-choice .choice-item.active::before {
  background: #6e89eb;
  color: #fff;
}
.lst-choice .choice-item.active .example {
  color: #4660bd;
}

.exam-answer.answer-right .learn-input-wrap, .exam-answer.answer-right .learn-textarea-wrap, .exam-answer.answer-wrong .learn-input-wrap, .exam-answer.answer-wrong .learn-textarea-wrap {
  position: relative;
}
.exam-answer.answer-right .learn-input-wrap .learn-input-text, .exam-answer.answer-right .learn-input-wrap .learn-texa2, .exam-answer.answer-right .learn-textarea-wrap .learn-input-text, .exam-answer.answer-right .learn-textarea-wrap .learn-texa2, .exam-answer.answer-wrong .learn-input-wrap .learn-input-text, .exam-answer.answer-wrong .learn-input-wrap .learn-texa2, .exam-answer.answer-wrong .learn-textarea-wrap .learn-input-text, .exam-answer.answer-wrong .learn-textarea-wrap .learn-texa2 {
  padding-right: 80px;
  font-weight: 500;
}
.exam-answer.answer-right .learn-input-wrap .check-right, .exam-answer.answer-right .learn-input-wrap .check-wrong, .exam-answer.answer-right .learn-textarea-wrap .check-right, .exam-answer.answer-right .learn-textarea-wrap .check-wrong, .exam-answer.answer-wrong .learn-input-wrap .check-right, .exam-answer.answer-wrong .learn-input-wrap .check-wrong, .exam-answer.answer-wrong .learn-textarea-wrap .check-right, .exam-answer.answer-wrong .learn-textarea-wrap .check-wrong {
  position: absolute;
  right: 20px;
  bottom: 10px;
}
.exam-answer.answer-right {
  /* 퀴즈 풀이 정답 */
}
.exam-answer.answer-right .lst-choice .choice-item.active::before {
  background: #63bd59;
}
.exam-answer.answer-right .lst-choice .choice-item.active .example {
  color: #63bd59;
}
.exam-answer.answer-right .learn-input-wrap .learn-input-text, .exam-answer.answer-right .learn-input-wrap .learn-texa2, .exam-answer.answer-right .learn-textarea-wrap .learn-input-text, .exam-answer.answer-right .learn-textarea-wrap .learn-texa2 {
  color: #63bd59;
}
.exam-answer.answer-right .quiz-marker > .marker {
  color: #6fa6e1;
}
.exam-answer.answer-right .quiz-marker > .hint {
  display: none !important;
}
.exam-answer.answer-right .quiz-marker > .learn-btn-area {
  display: none !important;
}
.exam-answer.answer-wrong {
  /* 퀴즈 풀이 오답 */
}
.exam-answer.answer-wrong .lst-choice .choice-item.active::before {
  background: #f57574;
}
.exam-answer.answer-wrong .lst-choice .choice-item.active .example {
  color: #f57574;
}
.exam-answer.answer-wrong .learn-input-wrap .learn-input-text, .exam-answer.answer-wrong .learn-input-wrap .learn-texa2, .exam-answer.answer-wrong .learn-textarea-wrap .learn-input-text, .exam-answer.answer-wrong .learn-textarea-wrap .learn-texa2 {
  color: #f57574;
}
.exam-answer.answer-wrong .quiz-marker > .marker {
  color: #f57574;
}

/* 정답 체크 */
.check-right {
  display: inline-block;
  margin-left: 10px;
  height: 20px;
  color: #63bd59;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.check-right > i {
  display: inline-block;
  margin-right: 4px;
  width: 20px;
  height: 20px;
  background: url(../imgs/edu/edu_ico_check3.png) no-repeat center center;
  background-size: 14px auto;
  vertical-align: top;
}

/* 오답 체크 */
.check-wrong {
  display: inline-block;
  margin-left: 10px;
  height: 20px;
  color: #f57574;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.check-wrong > i {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: top;
}
.check-wrong > i:before, .check-wrong > i:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 1px;
  background-color: #f57574;
}
.check-wrong > i:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.check-wrong > i:after {
  transform: translate(-50%, -50%) rotate(135deg);
}

/* keyframes */
@keyframes opacityIn {
  from {
    opacity: 0.6;
  }
  to {
    opacity: 1;
  }
}
/* zoom 21.06.22 HSH */
@keyframes zoomLoadingBar {
  0%, 40% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
}
/* 시험 시간 */
.learn-exam-timeline {
  position: relative;
  float: left;
  padding: 0 20px;
  max-width: calc(100% - 300px);
  width: 100%;
  height: 40px;
  background: #fafafa;
  border-radius: 6px;
  box-sizing: border-box;
}
.learn-exam-timeline::after {
  content: "";
  display: table;
  clear: both;
}
.learn-exam-timeline .total {
  position: relative;
  float: left;
  margin-top: 18px;
  width: calc(100% - 70px);
  height: 4px;
  border-radius: 2px;
  background: #e3e3e3;
}
.learn-exam-timeline .total .remain {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  border-radius: 2px;
  background: #6e89eb;
  transition: width 0.3s ease-in-out;
}
.learn-exam-timeline .exam-time {
  float: right;
  width: 50px;
  text-align: right;
  font-weight: 400;
  font-size: 14px;
  color: #676767;
  line-height: 40px;
}

/* 시험지 현재페이지 */
.learn-exam-pagenate {
  position: relative;
  float: right;
  max-width: 280px;
  width: 100%;
  background: #F2F2F2;
  border-radius: 6px;
}
.learn-exam-pagenate::after {
  content: "";
  display: table;
  clear: both;
}
.learn-exam-pagenate .exam-btn-prev, .learn-exam-pagenate .exam-btn-next {
  position: relative;
  z-index: 1;
  display: block;
  width: 84px;
  height: 40px;
  box-sizing: border-box;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #555;
  line-height: 40px;
  transition: color 0.3s ease-in-out;
}
.learn-exam-pagenate .exam-btn-prev::after, .learn-exam-pagenate .exam-btn-prev::before, .learn-exam-pagenate .exam-btn-next::after, .learn-exam-pagenate .exam-btn-next::before {
  transition: border 0.3s ease-in-out;
}
.learn-exam-pagenate .exam-btn-prev:hover, .learn-exam-pagenate .exam-btn-next:hover {
  color: #4660bd;
}
.learn-exam-pagenate .exam-btn-prev:hover .ico-arr::after, .learn-exam-pagenate .exam-btn-prev:hover .ico-arr::before, .learn-exam-pagenate .exam-btn-next:hover .ico-arr::after, .learn-exam-pagenate .exam-btn-next:hover .ico-arr::before {
  border-color: #4660bd;
}
.learn-exam-pagenate .exam-btn-prev {
  float: left;
  padding-left: 16px;
}
.learn-exam-pagenate .exam-btn-prev .ico-arr {
  position: absolute;
  display: inline-block;
  width: 6px;
  height: 10px;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -20px;
}
.learn-exam-pagenate .exam-btn-prev .ico-arr:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  transform: translate(-50%, -50%) scale(1.2, 1) rotate(45deg);
  margin-left: 2px;
  border-left: 1px solid #676767;
  border-bottom: 1px solid #676767;
}
.learn-exam-pagenate .exam-btn-next {
  float: right;
  padding-right: 16px;
}
.learn-exam-pagenate .exam-btn-next .ico-arr {
  position: absolute;
  display: inline-block;
  width: 6px;
  height: 10px;
  top: 50%;
  right: 50%;
  margin: -5px -20px 0 0;
}
.learn-exam-pagenate .exam-btn-next .ico-arr:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  transform: translate(-50%, -50%) scale(1.2, 1) rotate(45deg);
  margin-left: -2px;
  border-top: 1px solid #676767;
  border-right: 1px solid #676767;
}
.learn-exam-pagenate .current-page {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #888;
  line-height: 40px;
}

/* 시험 결과 리포트 */
.exam-report {
  margin: 20px auto 0;
  padding: 30px;
  max-width: 220px;
  box-sizing: border-box;
  border-radius: 10px;
  background: #fafafa;
}
.exam-report + .learn-btn-area {
  margin-top: 30px;
}
.exam-report + .learn-btn-area .learn-btn-cnt2 + .learn-btn-cnt2 {
  margin-left: 10px;
}
.exam-report > dt::after, .exam-report > dd::after {
  content: "";
  display: table;
  clear: both;
}
.exam-report > dt {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e3e3e3;
}
.exam-report > dd {
  margin-bottom: 15px;
}
.exam-report > dd:last-child {
  margin-bottom: 0;
}
.exam-report .tit, .exam-report .cnt {
  width: 50%;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
}
.exam-report .tit {
  float: left;
  text-align: left;
}
.exam-report .cnt {
  float: right;
  text-align: right;
}
.exam-report .total {
  color: #676767;
}
.exam-report .right-answer {
  color: #63bd59;
}
.exam-report .wrong-answer {
  color: #f57574;
}

/* 해설 */
.exam-explanation {
  padding: 10px;
  border: 1px solid #c4c4c4;
  box-sizing: border-box;
  border-radius: 10px;
}
.exam-explanation > .tit {
  margin-bottom: 5px;
  color: #676767;
  font-weight: 500;
  font-size: 16px;
}
.exam-explanation > .cnt {
  color: #444;
  font-size: 14px;
}

/* 퀴즈 풀이완료 */
.quiz-marker {
  margin: 20px 0 10px;
  text-align: center;
}
.quiz-marker > .marker {
  display: inline-block;
  padding: 10px 52px;
  border: 1px #e3e3e3;
  border-style: solid none solid none;
  text-align: center;
  color: #444;
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
  vertical-align: top;
}
.quiz-marker > .msg {
  margin-top: 20px;
  color: #555;
  font-size: 16px;
}
.quiz-marker > .hint {
  display: none;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #c4c4c4;
  box-sizing: border-box;
  border-radius: 10px;
  color: #676767;
  font-weight: 500;
  font-size: 16px;
  vertical-align: top;
}
.quiz-marker > .learn-btn-area {
  margin-top: 20px;
}
.quiz-marker > .learn-btn-area .learn-btn-cnt2 {
  margin-left: 10px;
}
.quiz-marker > .learn-btn-area .learn-btn-cnt2 + .learn-btn-cnt2 {
  margin-left: 10px;
}
.quiz-marker.hint-open .hint {
  display: inline-block;
}
.quiz-marker.hint-open > .learn-btn-area .learn-btn-cnt2:first-child {
  display: none;
}
.quiz-marker.hint-open > .learn-btn-area .learn-btn-cnt2 + .learn-btn-cnt2 {
  margin-left: 0;
}

/* 의견 */
.wrap-opinion-input {
  margin-top: 30px;
}

.wrap-choice-opinion {
  margin-bottom: 10px;
}
.wrap-choice-opinion::after {
  content: "";
  display: table;
  clear: both;
}
.wrap-choice-opinion .btn-opinion-stats {
  float: left;
  margin-left: 10px;
}
.wrap-choice-opinion .wrap-select-custom {
  float: right;
}

.choice-opinion {
  float: left;
}
.choice-opinion::after {
  content: "";
  display: table;
  clear: both;
}
.choice-opinion > li {
  float: left;
  margin-left: 10px;
}
.choice-opinion > li:first-child {
  margin-left: 0;
}
.choice-opinion > li .learn-radio-wrap {
  background: #fff;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 8px;
}
.choice-opinion > li .learn-lbl-radio {
  padding: 9px 9px 9px 39px;
}
.choice-opinion > li .learn-lbl-radio:before {
  left: 9px;
}

/* 통계보기 버튼 */
.btn-opinion-stats {
  display: inline-block;
  padding: 9px 14px 9px 39px;
  background: #fff url(../imgs/learn/learn_ico_stats.png) no-repeat 15px center;
  background-size: 18px auto;
  border: 1px solid #C4C4C4;
  box-sizing: border-box;
  border-radius: 8px;
  color: #4660bd;
  font-size: 16px;
  line-height: 20px;
  vertical-align: top;
}

/* 선택 */
.wrap-select-custom {
  position: relative;
  max-width: 150px;
  width: 100%;
}
.wrap-select-custom .select-custom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px 0 20px;
  height: 40px;
  background: #f2f2f2;
  box-sizing: border-box;
  border-radius: 24px;
  cursor: pointer;
}
.wrap-select-custom .select-custom .arr-down {
  position: absolute;
  display: block;
  width: 10px;
  height: 4px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -2px;
}
.wrap-select-custom .select-custom .arr-down:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  transform: translate(-50%, -50%) scale(1, 0.8) rotate(45deg);
  margin-top: -1px;
  border-right: 1px solid #383633;
  border-bottom: 1px solid #383633;
}
.wrap-select-custom .select-custom .tx {
  color: #74716d;
  font-size: 16px;
}
.wrap-select-custom .lst-select-custom {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1;
  margin-top: 10px;
  padding: 12px 0;
  background: #fff;
  border: 1px solid #f2f2f2;
  box-sizing: border-box;
  border-radius: 13px;
  transition-duration: 300ms;
  transform-origin: top;
  transform: scaleY(0);
  opacity: 0;
  cursor: default;
}
.wrap-select-custom .lst-select-custom > li > a {
  overflow: hidden;
  display: block;
  padding: 0 20px;
  height: 40px;
  box-sizing: border-box;
  border-radius: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #74716d;
  font-size: 16px;
  line-height: 40px;
  transition: color 0.3s ease-out, background 0.3 ease-out;
}
.wrap-select-custom .lst-select-custom > li > a:hover {
  color: #000;
  background-color: #f2f2f2;
}
.wrap-select-custom.active .lst-select-custom {
  transform: scaleY(1);
  opacity: 1;
}

.wrap-opinion-texa {
  position: relative;
}
.wrap-opinion-texa::after {
  content: "";
  display: table;
  clear: both;
}
.wrap-opinion-texa .wrap-upload-file {
  margin-top: 10px;
}
.wrap-opinion-texa .learn-btn-cnt2 {
  position: absolute;
  right: 0;
  top: 100px;
}

/* 의견 리스트 */
.wrap-lst-opinion {
  margin-top: 20px;
}
.wrap-lst-opinion .learn-nav-tnb .learn-tnb-line {
  float: left;
  margin-top: 4px;
}
.wrap-lst-opinion .wrap-select-custom {
  float: right;
}
.wrap-lst-opinion .wrap-lst-recomment {
  display: none;
  margin-top: 10px;
}
.wrap-lst-opinion .recomment-input .learn-texa2 {
  margin-bottom: 10px;
}
.wrap-lst-opinion .lst-recomment {
  margin: 20px 0 0 40px;
}
.wrap-lst-opinion .lst-recomment .recomment-item {
  margin-bottom: 10px;
  padding: 20px;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  border-radius: 6px;
}
.wrap-lst-opinion .lst-recomment .recomment-item:last-child {
  margin-bottom: 0;
}
.wrap-lst-opinion .lst-recomment .recomment-item .recomment-header {
  position: relative;
}
.wrap-lst-opinion .lst-recomment .recomment-item .recomment-header::after {
  content: "";
  display: table;
  clear: both;
}
.wrap-lst-opinion .lst-recomment .recomment-item .recomment-header .wrap-user-info {
  float: left;
}
.wrap-lst-opinion .lst-recomment .recomment-item .recomment-header .link-del {
  float: right;
  line-height: 50px;
}
.wrap-lst-opinion .lst-recomment .recomment-item .recomment-cnt {
  margin-top: 10px;
  color: #444;
  font-size: 16px;
  line-height: 1.5;
}

.learn-nav-tnb::after {
  content: "";
  display: table;
  clear: both;
}
.learn-nav-tnb .learn-tnb-line > li {
  float: left;
  margin-left: 20px;
}
.learn-nav-tnb .learn-tnb-line > li:first-child {
  margin-left: 0;
}
.learn-nav-tnb .learn-tnb-line > li > a {
  position: relative;
  display: block;
  padding-bottom: 8px;
  color: #c4c4c4;
  font-size: 18px;
  line-height: 1.35;
}
.learn-nav-tnb .learn-tnb-line > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #6e89eb;
  opacity: 0;
  transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.learn-nav-tnb .learn-tnb-line > li > a.active, .learn-nav-tnb .learn-tnb-line > li > a:hover {
  color: #4660bd;
}
.learn-nav-tnb .learn-tnb-line > li > a.active::after, .learn-nav-tnb .learn-tnb-line > li > a:hover::after {
  width: 100%;
  opacity: 1;
}

.learn-lst-opinion {
  margin-top: 20px;
}
.learn-lst-opinion .opinion-item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f2f2;
}
.learn-lst-opinion .opinion-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.learn-lst-opinion .opinion-item .opinion-h-group {
  margin-bottom: 10px;
}
.learn-lst-opinion .opinion-item .opinion-h-group::after {
  content: "";
  display: table;
  clear: both;
}
.learn-lst-opinion .opinion-item .opinion-h-group .wrap-user-info {
  float: left;
}
.learn-lst-opinion .opinion-item .opinion-h-group .link-del {
  float: right;
  line-height: 50px;
}
.learn-lst-opinion .opinion-item .opinion-cnt {
  color: #444;
  font-size: 16px;
  line-height: 1.5;
}
.learn-lst-opinion .opinion-item .opinion-f-group {
  position: relative;
  margin-top: 20px;
}
.learn-lst-opinion .opinion-item .opinion-f-group .link-recomment {
  position: relative;
  display: inline-block;
  padding-right: 18px;
  font-size: 16px;
  color: #e87209;
  line-height: 20px;
  vertical-align: top;
}
.learn-lst-opinion .opinion-item .opinion-f-group .link-recomment .arr {
  position: absolute;
  display: block;
  width: 10px;
  height: 4px;
  right: 0;
  top: 50%;
  margin-top: -2px;
  transform: rotate(0);
  transition: transform 0.3s ease-in-out;
}
.learn-lst-opinion .opinion-item .opinion-f-group .link-recomment .arr:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  transform: translate(-50%, -50%) scale(1, 0.8) rotate(45deg);
  margin-top: 1px;
  border-top: 1px solid #e87209;
  border-left: 1px solid #e87209;
}
.learn-lst-opinion .opinion-item .opinion-f-group .link-recomment.active .arr {
  transform: rotate(180deg);
}
.learn-lst-opinion .opinion-item .opinion-f-group .like-menu {
  position: absolute;
  right: 0;
  top: 1px;
}

.link-del {
  color: #f57574;
  font-weight: 500;
  font-size: 16px;
}

.wrap-user-info::after {
  content: "";
  display: table;
  clear: both;
}
.wrap-user-info .user-thumb {
  overflow: hidden;
  float: left;
  display: block;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  background: #c4c4c4;
  border-radius: 18px;
}
.wrap-user-info .user-thumb img {
  width: 100%;
}
.wrap-user-info .user-info {
  float: left;
  display: block;
  margin: 6px 0 3px;
  width: calc(100% - 60px);
}
.wrap-user-info .user-info .user-name {
  color: #444;
  font-weight: 500;
  font-size: 16px;
}
.wrap-user-info .user-info .choice-pros, .wrap-user-info .user-info .choice-cons {
  margin-left: 10px;
  color: #444;
  font-weight: 700;
  font-size: 16px;
}
.wrap-user-info .user-info .choice-cons {
  color: #ff4949;
}
.wrap-user-info .user-info .choice-pros {
  color: #27a670;
}
.wrap-user-info .user-info .state {
  margin-left: 10px;
  color: #4660bd;
  font-weight: 500;
  font-size: 16px;
}
.wrap-user-info .user-info .state:before {
  content: "|";
  padding-right: 8px;
  color: #e3e3e3;
  font-weight: 500;
  font-size: 16px;
}
.wrap-user-info .reg-date {
  clear: right;
  float: left;
  display: block;
  width: calc(100% - 60px);
  color: #c4c4c4;
  font-size: 14px;
}

.like-menu > li {
  float: left;
  margin-left: 20px;
}
.like-menu > li:first-child {
  margin-left: 0;
}
.like-menu > li a {
  display: block;
  padding-left: 23px;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 18px auto;
  font-size: 14px;
  color: #413123;
  line-height: 18px;
}
.like-menu > li a.like {
  background-image: url(../imgs/learn/learn_ico_thumb_up.png);
}
.like-menu > li a.dislike {
  background-image: url(../imgs/learn/learn_ico_thumb_down.png);
}

/* 풀레이어 영역 */
.learn-playing-progress {
  position: relative;
  height: 58px;
  background: #fafafa;
  border-radius: 6px;
}
.learn-playing-progress .learn-btn-play {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  left: 15px;
  top: 50%;
  display: block;
  margin-top: -14px;
  width: 24px;
  height: 28px;
  background: url(../imgs/learn/learn_btn_play.png) no-repeat center center;
  background-size: 14px auto;
}
.learn-playing-progress .bar-progress {
  position: absolute;
  left: 44px;
  top: 50%;
  margin-top: -2px;
  width: calc(100% - 194px);
  height: 4px;
  background: #e3e3e3;
  border-radius: 2px;
}
.learn-playing-progress .bar-progress .bar-load {
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  border-radius: 2px;
  background: #6e89eb;
}
.learn-playing-progress .bar-progress .bar-play {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: block;
  margin: -5px 0 0 -5px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  cursor: pointer;
}
.learn-playing-progress .play-time {
  position: absolute;
  right: 54px;
  top: 50%;
  margin-top: -9px;
  font-size: 14px;
  line-height: 18px;
  color: #676767;
}
.learn-playing-progress .learn-btn-mute {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  right: 15px;
  top: 50%;
  display: block;
  margin-top: -13px;
  width: 34px;
  height: 26px;
  background: url(../imgs/learn/learn_btn_mute.png) no-repeat center center;
  background-size: 23px auto;
}

/* input : checkbox */
.learn-checkbx-wrap {
  position: relative;
}
.learn-checkbx-wrap .learn-input-check {
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  outline: 0;
}
.learn-checkbx-wrap .learn-input-check:checked + label:before {
  background: #6e89eb url(../imgs/learn/learn_ico_check.png) no-repeat center center;
  background-size: auto 12px;
  border-color: #6e89eb;
}
.learn-checkbx-wrap .learn-input-check:checked + label {
  color: #6e89eb;
}

.learn-lbl-check {
  position: relative;
  display: block;
  padding-left: 34px;
  color: #444;
  font-size: 16px;
  box-sizing: border-box;
  line-height: 24px;
  cursor: pointer;
}
.learn-lbl-check:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  border-radius: 4px;
}

.learn-lst-check > li {
  margin-bottom: 10px;
}
.learn-lst-check > li:last-child {
  margin-bottom: 0;
}

.lst-exam2 {
  margin: 0px 0 20px;
  padding: 20px 0;
  border: 1px #F2F2F2;
  border-style: solid none solid none;
  counter-reset: exam;
}
.lst-exam2 .exam-item {
  margin-bottom: 20px;
}
.lst-exam2 .exam-item::after {
  content: "";
  display: table;
  clear: both;
}
.lst-exam2 .exam-item:last-child {
  margin-bottom: 0;
}
.lst-exam2 .exam-item .exam-question {
  float: left;
  width: 40%;
  color: #676767;
  font-weight: 500;
  font-size: 18px;
}
.lst-exam2 .exam-item .exam-question::before {
  counter-increment: exam;
  content: counter(exam) ".";
}
.lst-exam2 .exam-item .learn-lst-radio {
  float: right;
  width: 60%;
}

.learn-lst-radio {
  height: 20px;
}
.learn-lst-radio::after {
  content: "";
  display: table;
  clear: both;
}
.learn-lst-radio > li {
  position: relative;
  float: left;
  width: 20%;
  height: 100%;
}
.learn-lst-radio > li .learn-radio-wrap2 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -10px 0 0 -10px;
}

.learn-table-header {
  padding: 0 10px 10px;
}
.learn-table-header::after {
  content: "";
  display: table;
  clear: both;
}
.learn-table-header .tit {
  float: left;
  color: #676767;
  font-weight: 500;
  font-size: 16px;
}
.learn-table-header .learn-lst-link {
  float: right;
}
.learn-table-header .learn-lst-link::after {
  content: "";
  display: table;
  clear: both;
}
.learn-table-header .learn-lst-link > li {
  float: left;
  margin-right: 10px;
}
.learn-table-header .learn-lst-link > li::after {
  content: "|";
  padding-left: 10px;
  color: #e3e3e3;
  font-weight: 500;
  font-size: 16px;
}
.learn-table-header .learn-lst-link > li:last-child {
  margin-right: 0;
}
.learn-table-header .learn-lst-link > li:last-child::after {
  display: none;
}
.learn-table-header .learn-lst-link > li > a {
  float: left;
  display: block;
  color: #6e89eb;
  font-weight: 500;
  font-size: 16px;
}

.learn-ts1 {
  width: 100%;
}
.learn-ts1 thead tr td, .learn-ts1 thead tr th {
  padding: 0 10px 10px;
  text-align: left;
  color: #676767;
  font-weight: 500;
  font-size: 16px;
}
.learn-ts1 thead tr td.link, .learn-ts1 thead tr th.link {
  color: #E87209;
}
.learn-ts1 tbody {
  border-top: 1px solid #F09E3B;
}
.learn-ts1 tbody tr td, .learn-ts1 tbody tr th {
  padding: 16px 10px;
  border-bottom: 1px solid #E3E3E3;
  color: #333;
  font-size: 16px;
  box-sizing: border-box;
}
.learn-ts1 tbody tr td.cs-width-s, .learn-ts1 tbody tr th.cs-width-s {
  width: 50px;
}
.learn-ts1 tbody tr td.cs-width-m3, .learn-ts1 tbody tr th.cs-width-m3 {
  width: 220px;
}
.learn-ts1 tbody tr td.cs-width-m2, .learn-ts1 tbody tr th.cs-width-m2 {
  width: 150px;
}
.learn-ts1 tbody tr td.cs-width-m1, .learn-ts1 tbody tr th.cs-width-m1 {
  width: 120px;
}
.learn-ts1 tbody tr td .link-file, .learn-ts1 tbody tr th .link-file {
  color: #6b94c1;
  text-decoration: underline;
}
.learn-ts1 tbody tr td .link-file:hover, .learn-ts1 tbody tr th .link-file:hover {
  text-decoration: none;
}

.learn-lst-radio2::after {
  content: "";
  display: table;
  clear: both;
}
.learn-lst-radio2 > li {
  float: left;
  margin-right: 10px;
}
.learn-lst-radio2 > li::after {
  content: "|";
  padding-left: 10px;
  color: #e3e3e3;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
}
.learn-lst-radio2 > li:last-child {
  margin-right: 0;
}
.learn-lst-radio2 > li:last-child::after {
  display: none;
}
.learn-lst-radio2 > li .learn-radio-bx {
  float: left;
}

.learn-wrap-input::after {
  content: "";
  display: table;
  clear: both;
}
.learn-wrap-input .learn-input-wrap {
  float: left;
  width: calc(100% - 30px);
}
.learn-wrap-input .learn-unit {
  float: right;
  width: 30px;
  text-align: right;
  color: #676767;
  font-size: 16px;
  line-height: 38px;
}

.learn-wrap-slide {
  position: relative;
  border-radius: 4px;
  background: #333;
}
.learn-wrap-slide .learn-slide {
  position: relative;
}
.learn-wrap-slide .learn-slide:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(82, 82, 82, 0) 79.21%, #000 100%);
}
.learn-wrap-slide .learn-slide .learn-btn-prev, .learn-wrap-slide .learn-slide .learn-btn-next {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  z-index: 10;
  top: 50%;
  margin-top: -33px;
  display: block;
  width: 60px;
  height: 66px;
  background: rgba(0, 0, 0, 0.3) url(../imgs/learn/learn_btn_arr.png) no-repeat center center;
  background-size: 20px auto;
  border-radius: 6px;
}
.learn-wrap-slide .learn-slide .learn-btn-prev {
  left: 20px;
}
.learn-wrap-slide .learn-slide .learn-btn-next {
  right: 20px;
  transform: rotate(180deg);
}
.learn-wrap-slide .learn-slide .learn-image {
  width: 100%;
  text-align: center;
}
.learn-wrap-slide .learn-slide .learn-image img {
  max-width: 100%;
  vertical-align: top;
}
.learn-wrap-slide .learn-slide .learn-btn-max {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  z-index: 2;
  right: 10px;
  bottom: 10px;
  display: block;
  width: 41px;
  height: 41px;
  background: url(../imgs/learn/learn_btn_max.png) no-repeat center center;
  background-size: 21px auto;
}
.learn-wrap-slide .learn-slide-pagenate {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 20px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}

/* 웨비나 시간표 */
.learn-sec-ts {
  margin-bottom: 20px;
}
.learn-sec-ts:last-child {
  margin-bottom: 0;
}

.learn-sec-tit {
  padding-top: 20px;
  margin: 20px 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  color: #333;
  border-top: 1px solid #e3e3e3;
}

.learn-ts-tit {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #676767;
}

.learn-ts2 {
  table-layout: fixed;
  width: 100%;
  border-top: 2px solid #465fbc;
}
.learn-ts2 tr td, .learn-ts2 tr th {
  border: 1px solid #dbdbdb;
  font-size: 14px;
  text-align: center;
}
.learn-ts2 thead tr td, .learn-ts2 thead tr th {
  padding: 12px 10px;
  background: #fff;
  font-size: 14px;
  color: rgb(58, 58, 58);
  border: 1px solid #dbdbdb;
}
.learn-ts2 tbody tr {
  background: #fbfbfb;
}
.learn-ts2 tbody tr:hover, .learn-ts2 tbody tr.on {
  background: #edf0ff;
}
.learn-ts2 tbody tr td {
  padding: 14px 10px;
  color: rgb(103, 103, 103);
}
.learn-ts2 tbody tr td.tit {
  padding-right: 24px;
  padding-left: 24px;
  text-align: left;
  font-size: 16px;
  color: rgb(51, 51, 51);
}
.learn-ts2 tbody tr td.tit .mb {
  display: none;
}

.learn-ts-box {
  overflow: hidden;
  padding: 20px;
  border: 1px solid #ecf0ff;
  border-top: 2px solid #465fbc;
  background: #f5f7ff;
}
.learn-ts-box .fl .p1 {
  font-weight: 700;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}
.learn-ts-box .fl .p2 {
  font-size: 14px;
  color: #333;
  line-height: 1.5;
}
.learn-ts-box .fl .p2 span {
  display: inline-block;
  margin: 10px 10px 0 0;
}
.learn-ts-box .fr {
  float: right;
}
.learn-ts-box .nodata {
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
  color: #333;
}
.learn-ts-box .learn-ts-btn1 {
  width: 120px;
  height: 50px;
  line-height: 50px;
}

.learn-ts-btn-down {
  display: inline-block;
  width: 80px;
  height: 30px;
  background: #f1a838;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  vertical-align: top;
}
.learn-ts-btn-down .md {
  display: none;
}
.learn-ts-btn-down .lg {
  display: inline;
}

.learn-ts-btn1 {
  display: inline-block;
  width: 80px;
  height: 30px;
  background: #ccc;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  vertical-align: top;
  transition: background 0.3s ease-in-out;
}
.learn-ts-btn1.aon {
  background: #6e89eb;
}
.learn-ts-btn1 + .learn-ts-btn1 {
  margin-left: 6px;
}

/* zoom 학습관리 21.06.22 HSH */
.zoom-learn-ts1 {
  width: 100%;
}
.zoom-learn-ts1 thead tr td, .zoom-learn-ts1 thead tr th {
  color: #676767;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  padding: 0 10px 10px;
}
.zoom-learn-ts1 tbody {
  border-top: 1px solid #f09e3b;
}
.zoom-learn-ts1 tbody tr td, .zoom-learn-ts1 tbody tr th {
  color: #333333;
  font-size: 16px;
  padding: 16px 10px;
  border-bottom: 1px solid #e3e3e3;
  box-sizing: border-box;
}
.zoom-learn-ts1 tbody tr td .cs-width-s, .zoom-learn-ts1 tbody tr th .cs-width-s {
  width: 50px;
}

.zoom-learn-mobile > li:first-child {
  color: #676767;
  font-size: 16px;
  font-weight: 500px;
  text-align: left;
  padding: 0 10px 10px;
  border-bottom: 1px solid #f09e3b;
}
.zoom-learn-mobile ul {
  color: #333333;
  font-size: 16px;
  padding: 16px 10px;
  border-bottom: 1px solid #e3e3e3;
  box-sizing: border-box;
}
.zoom-learn-mobile ul li {
  margin-bottom: 5px;
}
.zoom-learn-mobile ul li.liInside {
  list-style: inside;
}
.zoom-learn-mobile ul .learn-btn-attM {
  right: 20px;
  position: absolute;
}

.zoomLoading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.75);
  margin: auto;
  display: none;
  position: fixed;
  z-index: 99999;
  box-sizing: border-box;
}
.zoomLoading > .zoomLoading_1 {
  width: 100%;
  top: 50%;
  left: 0;
  text-align: center;
  position: absolute;
  z-index: 10;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.zoomLoading > .zoomLoading_1 > span {
  width: 5px;
  height: 20px;
  margin-left: 4px;
  border-radius: 2.5px;
  display: inline-block;
  vertical-align: middle;
  animation: zoomLoadingBar 1s ease-in-out infinite;
}
.zoomLoading > .zoomLoading_1 > span:nth-child(1) {
  margin-left: 0px;
  background: #f68f27;
  animation-delay: 0;
}
.zoomLoading > .zoomLoading_1 > span:nth-child(2) {
  background: #90c828;
  animation-delay: 90ms;
}
.zoomLoading > .zoomLoading_1 > span:nth-child(3) {
  background: #01a93e;
  animation-delay: 0.18s;
}
.zoomLoading > .zoomLoading_1 > span:nth-child(4) {
  background: #1e75b4;
  animation-delay: 0.27s;
}
.zoomLoading > .zoomLoading_2 {
  width: 100%;
  top: 55%;
  left: 0;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  position: absolute;
  z-index: 10;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

/* 스마트부스 */
.nx-booth-lst:after {
  content: "";
  display: block;
  clear: both;
}
.nx-booth-lst li {
  position: relative;
  padding-top: 10px;
  width: calc((100% - 90px - 1px) / 4);
  margin-left: 30px;
  float: left;
}
.nx-booth-lst li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-booth-lst li:nth-child(n+5) {
  margin-top: 30px;
  clear: none;
}
.nx-booth-lst li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-booth-lst li a {
  overflow: hidden;
  display: block;
  border-radius: 10px;
  box-shadow: 3px 3px 20px 0 rgba(15, 25, 60, 0.2);
  transition: all 0.3s ease;
}
.nx-booth-lst li a .img {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 75%;
}
.nx-booth-lst li a .img img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
}
.nx-booth-lst li a .code {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #6e89eb;
  border-radius: 10px 10px 0 10px;
}
.nx-booth-lst li a .txt {
  padding: 20px;
  text-align: center;
  background: #f3f3f3;
  transition: all 0.3s ease;
}
.nx-booth-lst li a .txt .cate {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 1.5;
  color: #6e89eb;
  transition: all 0.3s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nx-booth-lst li a .txt .tit {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #3a3a3a;
  transition: all 0.3s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nx-booth-lst li a .txt .tit .bookmark {
  color: #6e89eb;
}
.nx-booth-lst li a:hover {
  box-shadow: 3px 3px 20px 0 rgba(15, 25, 60, 0.5);
}
.nx-booth-lst li a:hover .txt {
  background: #6e89eb;
}
.nx-booth-lst li a:hover .txt .cate, .nx-booth-lst li a:hover .txt .tit, .nx-booth-lst li a:hover .txt .tit .bookmark {
  color: #fff;
}

.nx-booth-lst-bookmark {
  display: block;
  width: 64px;
  height: 40px;
  margin-bottom: 20px;
  line-height: 40px;
  font-size: 20px;
  color: #6e89eb;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 40px;
  transition: all 0.3s ease;
}
.nx-booth-lst-bookmark:hover {
  border: 1px solid #6e89eb;
}
.nx-booth-lst-bookmark.on {
  color: #fff;
  background: #6e89eb;
  border: 1px solid #6e89eb;
}

/* 상세페이지 */
.nx-booth-read-wrap {
  padding: 30px;
  background: #e9eef6;
}
.nx-booth-read-wrap:after {
  content: "";
  clear: both;
  display: block;
}
.nx-booth-read-wrap .left-wrap {
  float: left;
  width: 300px;
  padding: 0 24px;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0px 8px 30px rgba(15, 25, 60, 0.1);
}
.nx-booth-read-wrap .left-wrap .profile {
  position: relative;
  padding: 48px 0;
}
.nx-booth-read-wrap .left-wrap .profile .img-wrap {
  overflow: hidden;
  width: 170px;
  margin: 0 auto 32px;
  border-radius: 50%;
}
.nx-booth-read-wrap .left-wrap .profile .img-wrap .img {
  display: block;
}
.nx-booth-read-wrap .left-wrap .profile .img-wrap .img img {
  display: block;
}
.nx-booth-read-wrap .left-wrap .profile .bookmark {
  position: absolute;
  top: -4px;
  left: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #ccc;
  border-radius: 4px 4px 0 0;
  transition: 0.3s ease all;
}
.nx-booth-read-wrap .left-wrap .profile .bookmark:after {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  width: 0;
  height: 0;
  border-right: 15px solid #ccc;
  border-left: 15px solid #ccc;
  border-bottom: 7px solid transparent;
  transition: 0.3s ease all;
}
.nx-booth-read-wrap .left-wrap .profile .bookmark:hover {
  background: #ababab;
}
.nx-booth-read-wrap .left-wrap .profile .bookmark:hover:after {
  border-right: 15px solid #ababab;
  border-left: 15px solid #ababab;
}
.nx-booth-read-wrap .left-wrap .profile .bookmark.on {
  background: #6e89eb;
}
.nx-booth-read-wrap .left-wrap .profile .bookmark.on:after {
  border-right: 15px solid #6e89eb;
  border-left: 15px solid #6e89eb;
}
.nx-booth-read-wrap .left-wrap .profile .code {
  position: absolute;
  top: 12px;
  right: -10px;
  font-size: 16px;
  color: #acacac;
}
.nx-booth-read-wrap .left-wrap .profile .cate {
  margin-bottom: 5px;
  font-size: 16px;
  color: #6e89eb;
  line-height: 1.5;
  text-align: center;
}
.nx-booth-read-wrap .left-wrap .profile .tit {
  margin-bottom: 32px;
  font-size: 20px;
  color: #000;
  line-height: 1.5;
  text-align: center;
  font-weight: 700;
}
.nx-booth-read-wrap .left-wrap .profile .sett {
  font-size: 24px;
  color: #3361b3;
}
.nx-booth-read-wrap .left-wrap .profile .zoom {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 44px;
  margin: 0 auto;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #6e89eb;
  border-radius: 22px;
  transition: all ease 0.3s;
}
.nx-booth-read-wrap .left-wrap .profile .zoom:hover {
  background: #849bee;
}
.nx-booth-read-wrap .left-wrap .profile .nametag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 44px;
  margin: 12px auto 0;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #6fcf97;
  border-radius: 22px;
  transition: all ease 0.3s;
}
.nx-booth-read-wrap .left-wrap .profile .nametag:hover {
  background: #82d5a5;
}
.nx-booth-read-wrap .left-wrap .profile .info {
  margin-top: 48px;
  border-top: 1px solid #eee;
}
.nx-booth-read-wrap .left-wrap .profile .info li {
  overflow: hidden;
  margin-top: 24px;
}
.nx-booth-read-wrap .left-wrap .profile .info li .img {
  float: left;
  width: 52px;
  height: 52px;
  padding: 12px;
  background: #f6f8fe;
  border-radius: 50%;
  box-sizing: border-box;
}
.nx-booth-read-wrap .left-wrap .profile .info li .img img {
  display: block;
}
.nx-booth-read-wrap .left-wrap .profile .info li .p1 {
  margin: 5px 0 5px 60px;
  font-size: 14px;
  color: #6a6a6a;
}
.nx-booth-read-wrap .left-wrap .profile .info li .p2 {
  margin-left: 60px;
  font-size: 16px;
  color: #3a3a3a;
}
.nx-booth-read-wrap .right-wrap {
  float: right;
  width: calc(100% - 340px);
  padding: 0 0 30px 40px;
}
.nx-booth-read-wrap .right-wrap > .top {
  padding: 24px;
  margin-bottom: 20px;
  background: #f2f5fa;
  border-radius: 10px;
  box-shadow: 0px 8px 30px rgba(15, 25, 60, 0.1);
}
.nx-booth-read-wrap .right-wrap > .top .tit {
  font-size: 20px;
  color: #2a2a2a;
}
.nx-booth-read-wrap .right-wrap > .ct {
  padding: 24px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 8px 30px rgba(15, 25, 60, 0.1);
}
.nx-booth-read-wrap .booth-btn1 {
  display: inline-block;
  width: 84px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #ccc;
  border-radius: 15px;
  transition: all ease 0.3s;
}
.nx-booth-read-wrap .booth-btn1:hover {
  background: #bfbfbf;
}
.nx-booth-read-wrap .booth-btn2 {
  display: inline-block;
  width: 84px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #6e89eb;
  border-radius: 15px;
  transition: all ease 0.3s;
}
.nx-booth-read-wrap .booth-btn2:hover {
  background: #5877e8;
}

/* 학습창 추가 : 24.06.10 HJM */
.learn-table-wrap {
  overflow-x: scroll;
  white-space: nowrap;
  padding: 1px;
}

.learn-inner-sect {
  margin-top: 26px;
}
.learn-inner-sect:first-child {
  margin-top: 0;
}
.learn-inner-sect .learn-inner-lead {
  margin-bottom: 10px;
  color: #3A3A3A;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
}

.learn-ts3 {
  overflow: hidden;
  width: 100%;
  border-radius: 6px;
  border-style: hidden;
  box-shadow: 0 0 0 1px #E1E1E1;
}
.learn-ts3 th, .learn-ts3 td {
  position: relative;
  border: 1px solid #E1E1E1;
}
.learn-ts3 thead th {
  padding: 12px 16px;
  color: #3A3A3A;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
}
.learn-ts3 tbody td {
  background: #F5F5F5;
}
.learn-ts3 .class-day {
  padding: 14px 45px 14px 16px;
  background: #fff;
  transition: background 0.25s ease;
}
.learn-ts3 .class-day.dday {
  padding-right: 90px;
}
.learn-ts3 .class-day::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  outline: 0;
  background: #E58004 url(../imgs/learn/learn_ico_check2.png) no-repeat center center;
  background-size: auto 16px;
  border-color: #E58004;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.learn-ts3 .class-day.attend {
  background: rgba(229, 128, 4, 0.05);
}
.learn-ts3 .class-day.attend::after {
  opacity: 1;
  visibility: visible;
}
.learn-ts3 .class-day.attend .dd {
  color: #878787;
}
.learn-ts3 .dd {
  display: inline-block;
  vertical-align: top;
  color: #5A5A5A;
  font-size: 15px;
  font-weight: 500;
  line-height: 32px;
}
.learn-ts3 .class-btn-attend {
  position: absolute;
  right: 16px;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  padding: 2px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #F09E3B;
  box-sizing: border-box;
  vertical-align: top;
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  transform: translateY(-50%);
}

.learn-attend-top {
  border-bottom: 1px solid #E1E1E1;
}
.learn-attend-top .learn-lst-attend {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 12px 0;
}
.learn-attend-top .learn-lst-attend .ins-wrap {
  margin: 0 16px 12px 0;
  padding-right: 16px;
  border-right: 1px solid #EAEAEA;
}
.learn-attend-top .learn-lst-attend .ins-wrap:nth-child(4n+4) {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.learn-attend-top .learn-lst-attend .ins-wrap .ins-tit {
  margin-bottom: 2px;
}
.learn-attend-top .learn-lst-attend .ins-wrap .ins-tit .class-date {
  color: #3A3A3A;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
}
.learn-attend-top .learn-lst-attend .ins-wrap .ins-tit .class-count {
  margin-left: 4px;
  color: #3A3A3A;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
}
.learn-attend-top .learn-lst-attend .ins-wrap .ins-desc .ins-lst {
  list-style: disc;
  color: #3A3A3A;
  font-size: 14px;
  line-height: 1.4;
}
.learn-attend-top .learn-lst-attend .ins-wrap .ins-desc .ins-lst .ins-item {
  margin-bottom: 4px;
  margin-left: 16px;
}
.learn-attend-top .learn-lst-attend .ins-wrap .ins-desc .ins-lst .ins-item:last-child {
  margin-bottom: 0;
}
.learn-attend-top .learn-lst-attend .ins-wrap .ins-desc .ins-lst .ins-item .ins-day {
  font-weight: 500;
}
.learn-attend-top .learn-lst-attend .ins-wrap .ins-desc .ins-lst .ins-item .ins-time {
  font-weight: 400;
}

.learn-attend-ct .learn-calendar-sect {
  margin-top: 44px;
}
.learn-attend-ct .learn-calendar-sect .b_comm2 th, .learn-attend-ct .learn-calendar-sect .b_comm2 td {
  padding: 10px 12px;
}
.learn-attend-ct .learn-calendar-sect .b_comm2 .type_A {
  color: #7f7f84;
  background: rgba(0, 0, 0, 0.06);
  padding: 5px 8px;
  box-sizing: border-box;
  border-radius: 8px;
}
.learn-attend-ct .learn-calendar-sect .b_comm2 .type_A .type_txt::after {
  content: " ";
  width: 1px;
  height: 10px;
  border-right: 1px solid #cccccc;
  display: inline-block;
  margin-left: 4px;
}
.learn-attend-ct .learn-calendar-sect .b_comm2 .type_A .type_txt:last-child::after {
  display: none;
}
.learn-attend-ct .learn-calendar-sect .b_comm2 .type_B {
  color: #5268db;
  background: rgba(82, 104, 219, 0.12);
  padding: 5px 18px;
  box-sizing: border-box;
  border-radius: 8px;
}
.learn-attend-ct .learn-calendar-sect .b_comm2 .type_C {
  color: #27d20c;
  background: rgba(39, 210, 12, 0.12);
  padding: 5px 18px;
  box-sizing: border-box;
  border-radius: 8px;
}
.learn-attend-ct .learn-calendar-sect .b_comm2 .type_D {
  color: #fd5e36;
  background: rgba(253, 94, 54, 0.12);
  padding: 5px 18px;
  box-sizing: border-box;
  border-radius: 8px;
}
.learn-attend-ct .learn-calendar-sect .b_comm2 .type_E {
  color: #fd9a06;
  background: rgba(253, 154, 6, 0.16);
  padding: 5px 8px;
  box-sizing: border-box;
  border-radius: 8px;
}

.learn-calendar-mly {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 8px;
  text-align: center;
}
.learn-calendar-mly .learn-year {
  color: #3A3A3A;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.4;
}
.learn-calendar-mly .learn-month {
  margin-left: 2px;
  color: #3A3A3A;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.05;
}

.learn-ts-cal {
  width: 100%;
}
.learn-ts-cal .learn-col-w7 {
  width: 14.2857142857%;
}
.learn-ts-cal thead th, .learn-ts-cal thead td {
  padding: 8px 12px;
  border-bottom: 1px solid #3A3A3A;
  text-align: left;
  color: #3A3A3A;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}
.learn-ts-cal tbody td {
  position: relative;
  height: 208px;
  border: 1px solid #DFDFDF;
  background: #F5F5F5;
}
.learn-ts-cal tbody td.class-day {
  background: #fff;
}
.learn-ts-cal tbody td.class-day .dd {
  color: #3A3A3A;
}
.learn-ts-cal tbody td.today {
  background: #E9EEFF !important;
}
.learn-ts-cal tbody td .dd {
  position: absolute;
  left: 12px;
  top: 8px;
  color: #BBB;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.learn-ts-cal tbody td .cal-check-wrap {
  display: flex;
  justify-content: center;
}
.learn-ts-cal tbody td .cal-lst-check {
  margin-top: 6px;
}
.learn-ts-cal tbody td .cal-lst-check > li {
  position: relative;
  margin-bottom: 8px;
  padding-right: 34px;
  text-align: right;
}
.learn-ts-cal tbody td .cal-lst-check > li:last-child {
  margin-bottom: 0;
}
.learn-ts-cal tbody td .cal-lst-check > li .item-tx {
  display: inline-block;
  padding: 4px 0;
  vertical-align: top;
  color: #5A5A5A;
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.learn-ts-cal tbody td .cal-lst-check > li .item-count {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: top;
  border-radius: 20px;
  color: #FFF;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 28px;
}
.learn-ts-cal tbody td .cal-lst-check .item-attend .item-count {
  background: #5268db;
}
.learn-ts-cal tbody td .cal-lst-check .item-absent .item-count {
  background: #fd5e36;
}
.learn-ts-cal tbody td .cal-lst-check .item-official-leave .item-count {
  background: #27d20c;
}
.learn-ts-cal tbody td .cal-lst-check .item-etc .item-count {
  background: #fd9a06;
}
.learn-ts-cal tbody td .cal-lst-check .item-non .item-count {
  background: #7f7f84;
}
.learn-ts-cal tbody td .detail-link {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}
.learn-ts-cal.nx-student tbody td {
  height: 110px;
}
.learn-ts-cal.nx-student tbody td .cal-check-wrap {
  font-size: 15px;
  font-weight: 500;
  align-items: center;
  gap: 4px;
}
.learn-ts-cal.nx-student tbody td .cal-check-wrap .type_A {
  color: #7f7f84;
  background: rgba(0, 0, 0, 0.06);
  padding: 5px 8px;
  box-sizing: border-box;
  border-radius: 8px;
}
.learn-ts-cal.nx-student tbody td .cal-check-wrap .type_A .type_txt::after {
  content: " ";
  width: 1px;
  height: 10px;
  border-right: 1px solid #cccccc;
  display: inline-block;
  margin-left: 4px;
}
.learn-ts-cal.nx-student tbody td .cal-check-wrap .type_A .type_txt:last-child::after {
  display: none;
}
.learn-ts-cal.nx-student tbody td .cal-check-wrap .type_B {
  color: #5268db;
  background: rgba(82, 104, 219, 0.12);
  padding: 5px 18px;
  box-sizing: border-box;
  border-radius: 8px;
}
.learn-ts-cal.nx-student tbody td .cal-check-wrap .type_C {
  color: #27d20c;
  background: rgba(39, 210, 12, 0.12);
  padding: 5px 18px;
  box-sizing: border-box;
  border-radius: 8px;
}
.learn-ts-cal.nx-student tbody td .cal-check-wrap .type_D {
  color: #fd5e36;
  background: rgba(253, 94, 54, 0.12);
  padding: 5px 18px;
  box-sizing: border-box;
  border-radius: 8px;
}
.learn-ts-cal.nx-student tbody td .cal-check-wrap .type_E {
  color: #fd9a06;
  background: rgba(253, 154, 6, 0.16);
  padding: 5px 8px;
  box-sizing: border-box;
  border-radius: 8px;
}

.learn-attend-detail-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 34px 0 18px;
  gap: 8px;
}
.learn-attend-detail-top .learn-attend-date-wrap {
  display: flex;
  align-items: center;
}
.learn-attend-detail-top .learn-attend-date-wrap .attend-btn-prev, .learn-attend-detail-top .learn-attend-date-wrap .attend-btn-next {
  font-size: 0;
  text-indent: -9999px;
  display: block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px auto;
  border-radius: 6px;
  transition: background-color 0.25s ease;
}
.learn-attend-detail-top .learn-attend-date-wrap .attend-btn-prev:hover, .learn-attend-detail-top .learn-attend-date-wrap .attend-btn-next:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.learn-attend-detail-top .learn-attend-date-wrap .attend-btn-prev[disabled], .learn-attend-detail-top .learn-attend-date-wrap .attend-btn-next[disabled] {
  cursor: default;
  background-color: transparent !important;
}
.learn-attend-detail-top .learn-attend-date-wrap .attend-btn-prev {
  background-image: url(../imgs/learn/learn_ico_prev.png);
}
.learn-attend-detail-top .learn-attend-date-wrap .attend-btn-prev[disabled] {
  background-image: url(../imgs/learn/learn_ico_prev2.png);
}
.learn-attend-detail-top .learn-attend-date-wrap .attend-btn-next {
  background-image: url(../imgs/learn/learn_ico_next.png);
}
.learn-attend-detail-top .learn-attend-date-wrap .attend-btn-next[disabled] {
  background-image: url(../imgs/learn/learn_ico_next2.png);
}
.learn-attend-detail-top .learn-attend-date-wrap .attend-date {
  padding: 0 6px;
  color: #3A3A3A;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}
.learn-attend-detail-top .learn-attend-state {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 20px;
  height: 36px;
  border-radius: 40px;
  border: 1px solid #DFDFDF;
  box-sizing: border-box;
  vertical-align: top;
}
.learn-attend-detail-top .learn-attend-state .count-attend, .learn-attend-detail-top .learn-attend-state .count-absent, .learn-attend-detail-top .learn-attend-state .count-official-leave, .learn-attend-detail-top .learn-attend-state .count-insufficient-time, .learn-attend-detail-top .learn-attend-state .mid-div, .learn-attend-detail-top .learn-attend-state .count-non {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
}
.learn-attend-detail-top .learn-attend-state .count-attend {
  color: #6E89EB;
}
.learn-attend-detail-top .learn-attend-state .count-absent {
  color: #fd5e36;
}
.learn-attend-detail-top .learn-attend-state .count-official-leave {
  color: #27d20c;
}
.learn-attend-detail-top .learn-attend-state .count-insufficient-time {
  color: #fd9a06;
}
.learn-attend-detail-top .learn-attend-state .mid-div, .learn-attend-detail-top .learn-attend-state .count-non {
  color: #7A7A7A;
}
.learn-attend-detail-top .learn-attend-state .mid-div {
  margin: 0 3px;
}
.learn-attend-detail-top .learn-attend-legend {
  height: 28px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.learn-attend-detail-top .learn-attend-legend .learn-legend-wrap .learn-legend-type {
  color: #7f7f84;
  background: rgba(0, 0, 0, 0.06);
  padding: 6px 8px;
  box-sizing: border-box;
  border-radius: 8px;
}
.learn-attend-detail-top .learn-attend-legend .learn-legend-wrap .learn-legend-tit {
  color: #5a5a5a;
  font-weight: 400;
}
.learn-attend-detail-top.learn-attend-student {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.learn-attend-detail-sub {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.learn-attend-detail-sub .learn-attend-detail-tit {
  color: #5a5a5a;
}
.learn-attend-detail-sub .learn-attend-detail-all {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.learn-attend-detail-sub .learn-attend-detail-all .all-attend-tit {
  color: #7f7f84;
}
.learn-attend-detail-sub .learn-attend-detail-all .all-attend-wrap {
  height: 100%;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  box-sizing: border-box;
}
.learn-attend-detail-sub .learn-attend-detail-all .all-attend-wrap .all-attend {
  min-width: 64px;
  color: #2b2c33;
  text-align: center;
  line-height: 28px;
  margin: 5px;
  padding: 0 10px;
  box-sizing: border-box;
}
.learn-attend-detail-sub .learn-attend-detail-all .all-attend-wrap .all-attend:hover {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
}
.learn-attend-detail-sub .learn-attend-detail-all .all-attend-wrap .all-attend-bar {
  height: 16px;
  border-right: 1px solid #e1e1e1;
}

.learn-attend-detail-cont .learn-attend-table {
  width: 100%;
  text-align: center;
  border-radius: 6px;
  margin-bottom: -1px;
  border-style: hidden;
  box-shadow: 0 0 0 1px #d1d7f4;
  overflow: hidden;
}
.learn-attend-detail-cont .learn-attend-table > thead > tr > th {
  height: 48px;
  padding: 14px 10px;
  font-size: 14px;
  font-weight: 700;
  color: #656878;
  background: #f1f3fc;
  box-sizing: border-box;
}
.learn-attend-detail-cont .learn-attend-table > tbody > tr {
  color: #5a5a5a;
  background: #ffffff;
}
.learn-attend-detail-cont .learn-attend-table > tbody > tr > td {
  height: 60px;
  border-left: 1px solid #eaeaea;
  padding: 12px 10px;
  box-sizing: border-box;
}
.learn-attend-detail-cont .learn-attend-table > tbody > tr > td:first-child {
  border-left: 1px solid #d1d7f4;
}
.learn-attend-detail-cont .learn-attend-table > tbody > tr > td:last-child {
  border-right: 1px solid #d1d7f4;
}
.learn-attend-detail-cont .learn-attend-table > tbody > tr > td > .nx-slt1 {
  width: 100%;
}
.learn-attend-detail-cont .learn-attend-table > tbody > tr > td > .nx-slt1 select {
  background: url(../imgs/ico_v3/arr_select.png) no-repeat right 10px center;
  background-size: 7px auto;
  text-align: right;
  font-weight: 500;
  border: 1px solid transparent;
}
.learn-attend-detail-cont .learn-attend-table > tbody > tr > td > .nx-slt1 select.typeA {
  color: #7f7f84;
}
.learn-attend-detail-cont .learn-attend-table > tbody > tr > td > .nx-slt1 select.typeB {
  color: #5268db;
}
.learn-attend-detail-cont .learn-attend-table > tbody > tr > td > .nx-slt1 select.typeC {
  color: #27d20c;
}
.learn-attend-detail-cont .learn-attend-table > tbody > tr > td > .nx-slt1 select.typeD {
  color: #fd5e36;
}
.learn-attend-detail-cont .learn-attend-table > tbody > tr > td > .nx-slt1 select.typeE {
  color: #fd9a06;
}
.learn-attend-detail-cont .learn-attend-table > tbody > tr > td > .nx-slt1 select:hover {
  border: 1px solid #dbdbdb;
}
.learn-attend-detail-cont .learn-attend-table > tbody > tr:nth-child(2n) {
  background: #fafafa;
}

.learn-attend-detail-cont2 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.learn-attend-detail-cont2 .learn-attend-detail-wrap {
  width: calc((100% - 24px) / 3);
  color: #5a5a5a;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 12px;
  box-sizing: border-box;
}
.learn-attend-detail-cont2 .learn-attend-detail-wrap .attend-detail-header {
  height: 48px;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
}
.learn-attend-detail-cont2 .learn-attend-detail-wrap .attend-detail-header .attend-detail-tit {
  width: calc(100% - 75px);
  display: flex;
  align-items: center;
}
.learn-attend-detail-cont2 .learn-attend-detail-wrap .attend-detail-header .attend-detail-tit .attend-detail-no {
  width: 30px;
  min-width: 30px;
}
.learn-attend-detail-cont2 .learn-attend-detail-wrap .attend-detail-header .attend-detail-tit .attend-detail-name {
  font-weight: 700;
}
.learn-attend-detail-cont2 .learn-attend-detail-wrap .attend-detail-header .attend-detail-data .nx-slt1 select {
  font-weight: 500;
  border: 1px solid transparent;
}
.learn-attend-detail-cont2 .learn-attend-detail-wrap .attend-detail-cont {
  height: 48px;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
}
.learn-attend-detail-cont2 .learn-attend-detail-wrap .attend-detail-cont .attend-detail-tit {
  font-weight: 500;
}
.learn-attend-detail-cont2 .learn-attend-detail-wrap .attend-detail-cont .attend-detail-data {
  display: flex;
  align-items: center;
}
.learn-attend-detail-cont2 .learn-attend-detail-wrap .attend-detail-cont:nth-child(2n) {
  background: #fafafa;
}
.learn-attend-detail-cont2 .learn-attend-detail-wrap .attend-detail-cont .attend-detail-selected {
  border: 1px solid #5a5a5a;
  border-radius: 6px;
  padding: 6px;
}

.learn-attend-detail-cont .nx-attend-time, .learn-attend-detail-cont2 .nx-attend-time {
  vertical-align: middle;
  line-height: 36px;
  display: inline-block;
  margin-right: 6px;
}

.wrap-btn-close {
  display: none;
}

@media screen and (max-width: 1440px) {
  /*=======================================================================
  가로 해상도 1440이하 css
  =======================================================================*/
  /* 학습창 내용 */
  .learn-info-detail .bx-info-detail {
    text-align: center;
  }
  .learn-info-detail .bx-info-detail .lst-info-detail {
    margin-bottom: 16px;
    padding-right: 0;
  }
  .learn-info-detail .bx-info-detail .learn-btn-cnt1 {
    position: static;
    right: auto;
    top: auto;
    margin-top: 0;
  }
  /* 의견 */
  .wrap-choice-opinion .choice-opinion {
    clear: left;
    margin-bottom: 10px;
  }
  .wrap-choice-opinion .ins-wrap {
    clear: both;
  }
  .wrap-choice-opinion .ins-wrap::after {
    content: "";
    display: table;
    clear: both;
  }
  .wrap-choice-opinion .btn-opinion-stats {
    margin-left: 0;
  }
  .wrap-choice-opinion .wrap-select-custom {
    float: left;
    margin-left: 10px;
  }
  .choice-opinion > li .learn-lbl-radio {
    padding-right: 14px;
  }
}
@media screen and (max-width: 1400px) {
  /*=======================================================================
  가로 해상도 1400이하 layout css
  =======================================================================*/
  .learn-page-list {
    width: 80px;
    z-index: 2;
  }
  .learn-page-list .btn-page-list strong {
    opacity: 0;
  }
  .learn-page-list.active {
    width: 300px;
  }
  .learn-page-list.active .btn-page-list:before {
    background-image: url(../imgs/edu/edu_arr_cls.png);
    background-size: 8px auto;
  }
  .learn-page-list.active .btn-page-list strong {
    transition: opacity 0.5s ease-in-out 0.2s;
    opacity: 1;
  }
  .learn-page-list.active .nav-page-list .page-list li a span, .learn-page-list.active .nav-page-list .page-list li a .check {
    opacity: 1;
  }
  .learn-page-list + .learn-container {
    margin-left: 80px;
  }
  .learn-page-list + .learn-container .learn-header {
    left: 80px;
  }
  .nav-page-list .page-list li a {
    padding: 0;
    margin: 0 10px;
    width: calc(100% - 20px);
  }
  .nav-page-list .page-list li a::before {
    left: 0;
  }
  .nav-page-list .page-list li a span {
    opacity: 0;
    left: 70px;
    transition: opacity 0.5s ease-in-out 0.2s;
  }
  .nav-page-list .page-list li a .check {
    opacity: 0;
    transition: opacity 0.5s ease-in-out 0.2s;
  }
  /* 학습창 컨텐츠 */
  .learn-header .learn-tit {
    margin-right: 500px;
  }
  .learn-content .bx-content {
    width: 100%;
  }
  /* 학습창 오른쪽박스 */
  .learn-side-area .bx-radius-g {
    box-shadow: 4px 0 70px rgba(0, 0, 0, 0.18);
  }
  .learn-side-area .nav-side-tnb .link-cls {
    display: block;
  }
  /* 의견 */
  .wrap-choice-opinion .choice-opinion {
    clear: none;
    float: left;
    margin-bottom: 0;
  }
  .wrap-choice-opinion .ins-wrap {
    clear: none;
  }
  .wrap-choice-opinion .ins-wrap::after {
    content: "";
    display: table;
    clear: both;
  }
  .wrap-choice-opinion .btn-opinion-stats {
    margin-left: 10px;
  }
  .wrap-choice-opinion .wrap-select-custom {
    float: right;
  }
  .choice-opinion > li .learn-lbl-radio {
    padding-right: 9px;
  }
  /* 웨비나 시간표 */
  .learn-side-area.active ~ .bx-content .learn-ts2 {
    display: block;
  }
  .learn-side-area.active ~ .bx-content .learn-ts2 tr {
    position: relative;
    display: block;
    border: 1px #dbdbdb;
    border-style: none solid solid solid;
  }
  .learn-side-area.active ~ .bx-content .learn-ts2 tr td, .learn-side-area.active ~ .bx-content .learn-ts2 tr th {
    display: inline-block;
    border: none;
  }
  .learn-side-area.active ~ .bx-content .learn-ts2 thead {
    display: none;
  }
  .learn-side-area.active ~ .bx-content .learn-ts2 tbody {
    display: block;
    width: 100%;
  }
  .learn-side-area.active ~ .bx-content .learn-ts2 tbody tr {
    padding: 15px 15px 55px;
  }
  .learn-side-area.active ~ .bx-content .learn-ts2 tbody tr td {
    padding: 0;
  }
  .learn-side-area.active ~ .bx-content .learn-ts2 tbody tr td.no, .learn-side-area.active ~ .bx-content .learn-ts2 tbody tr td.time, .learn-side-area.active ~ .bx-content .learn-ts2 tbody tr td.name {
    display: none;
  }
  .learn-side-area.active ~ .bx-content .learn-ts2 tbody tr td.btn-box1, .learn-side-area.active ~ .bx-content .learn-ts2 tbody tr td.btn-box2 {
    position: absolute;
  }
  .learn-side-area.active ~ .bx-content .learn-ts2 tbody tr td.tit {
    display: block;
    padding: 0;
    text-align: left;
    font-weight: 700;
  }
  .learn-side-area.active ~ .bx-content .learn-ts2 tbody tr td.tit .mb {
    display: block;
  }
  .learn-side-area.active ~ .bx-content .learn-ts2 tbody tr td.tit .mb span {
    display: inline-block;
    margin: 10px 10px 0 0;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    font-weight: 400;
  }
  .learn-side-area.active ~ .bx-content .learn-ts2 tbody tr td.btn-box1 {
    position: absolute;
    left: 15px;
    bottom: 15px;
  }
  .learn-side-area.active ~ .bx-content .learn-ts2 tbody tr td.btn-box2 {
    position: absolute;
    right: 15px;
    bottom: 15px;
  }
}
@media print, screen and (max-width: 1300px) {
  /* 학습창 추가 : 24.07.04 HSH */
  .learn-ts-cal.nx-student tbody td .cal-check-wrap {
    min-height: 60px;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 5px;
  }
}
@media print, screen and (max-width: 1200px) {
  /* 웨비나 시간표 */
  .learn-ts2 {
    display: block;
  }
  .learn-ts2 tr {
    position: relative;
    display: block;
    border: 1px #dbdbdb;
    border-style: none solid solid solid;
  }
  .learn-ts2 tr td, .learn-ts2 tr th {
    display: inline-block;
    border: none;
  }
  .learn-ts2 thead {
    display: none;
  }
  .learn-ts2 tbody {
    display: block;
    width: 100%;
  }
  .learn-ts2 tbody tr {
    padding: 15px 15px 55px;
  }
  .learn-ts2 tbody tr td {
    padding: 0;
  }
  .learn-ts2 tbody tr td.no, .learn-ts2 tbody tr td.time, .learn-ts2 tbody tr td.name {
    display: none;
  }
  .learn-ts2 tbody tr td.btn-box1, .learn-ts2 tbody tr td.btn-box2 {
    position: absolute;
  }
  .learn-ts2 tbody tr td.tit {
    display: block;
    padding: 0;
    text-align: left;
    font-weight: 700;
  }
  .learn-ts2 tbody tr td.tit .mb {
    display: block;
  }
  .learn-ts2 tbody tr td.tit .mb span {
    display: inline-block;
    margin: 10px 10px 0 0;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    font-weight: 400;
  }
  .learn-ts2 tbody tr td.btn-box1 {
    position: absolute;
    left: 15px;
    bottom: 15px;
  }
  .learn-ts2 tbody tr td.btn-box2 {
    position: absolute;
    right: 15px;
    bottom: 15px;
  }
}
@media print, screen and (max-width: 1023px) {
  /* 스마트부스 */
  .nx-booth-lst li {
    width: calc((100% - 60px - 1px) / 3);
    margin-left: 30px;
  }
  .nx-booth-lst li:nth-child(-n+3) {
    margin-top: 0;
    clear: none;
  }
  .nx-booth-lst li:nth-child(n+4) {
    margin-top: 30px;
    clear: none;
  }
  .nx-booth-lst li:nth-child(4n+1) {
    clear: none;
    margin-left: 30px;
  }
  .nx-booth-lst li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 학습창 추가 : 24.06.10 HJM */
  .learn-attend-top .learn-lst-attend {
    overflow-x: scroll;
    white-space: nowrap;
    flex-wrap: nowrap;
  }
  .learn-attend-top .learn-lst-attend .ins-wrap:nth-child(4n+4) {
    margin-right: 16px;
    padding-right: 16px;
    border-right: 1px solid #EAEAEA;
  }
}
@media print, screen and (max-width: 899px) {
  .learn-attend-detail-cont2 .learn-attend-detail-wrap {
    width: calc((100% - 12px) / 2);
  }
}
@media print, screen and (max-width: 767px) {
  /*=======================================================================
  가로 해상도 767이하 css
  =======================================================================*/
  .learn-wrapper, .learn-container, .learn-content, .learn-content .bx-content {
    height: auto;
  }
  /* 학습창 페이지목차 */
  .learn-page-list {
    left: -100%;
    top: 0;
    z-index: 2;
    width: 300px;
    height: auto;
    transition: all 0.6s ease-in-out;
  }
  .learn-page-list.active {
    left: 0;
  }
  .learn-page-list + .learn-container {
    margin-left: 0;
  }
  .learn-page-list + .learn-container .learn-header {
    left: 0;
  }
  /* 학습창 상단 */
  .learn-header {
    height: 72px;
  }
  .learn-header .learn-tit {
    margin: 0 200px 0 60px;
    height: 72px;
    font-size: 14px;
  }
  .learn-header .btn-page-list2 {
    font-size: 0;
    text-indent: -9999px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 60px;
    height: 72px;
    background: url(../imgs/edu/edu_ico_menu.png) no-repeat center center;
    background-size: 20px auto;
    transition: opacity 0.3s ease-in-out;
  }
  .learn-header .btn-page-list2:hover {
    opacity: 0.4;
  }
  .learn-header .learn-nav-gnb {
    right: 0;
    top: 0;
    padding-right: 0;
    height: 72px;
  }
  .learn-header .learn-nav-gnb .learn-gnb {
    margin: 18px 62px 0 0;
  }
  .learn-header .learn-nav-gnb .learn-gnb li {
    /*
    &.btn-question {
    	.learn-btn1 {
    		border: 1px solid #e58004;
    		border-radius: 50%;
    		background: url(../imgs/edu/edu_ico_comment.png) no-repeat center center;
    		background-size: 22px auto;
    		transition: opacity .3s ease-in-out;
    		&.active {
    			background-color: #e58004;
    			background-image: url(../imgs/edu/edu_ico_comment_on.png)
    		}
    	}
    }
    &.btn-note {
    	.learn-btn1 {
    		border: 1px solid #e58004;
    		border-radius: 50%;
    		background: url(../imgs/edu/edu_ico_note.png) no-repeat center center;
    		background-size: 22px auto;
    		transition: opacity .3s ease-in-out;
    		&.active {
    			background-color: #e58004;
    			background-image: url(../imgs/edu/edu_ico_note_on.png)
    		}
    	}
    }
    &.btn-plan {
    	.learn-btn1 {
    		border: 1px solid #e58004;
    		border-radius: 50%;
    		background: url(../imgs/edu/edu_ico_plan.png) no-repeat center center;
    		background-size: 22px auto;
    		transition: opacity .3s ease-in-out;
    		&.active {
    			background-color: #e58004;
    			background-image: url(../imgs/edu/edu_ico_plan_on.png)
    		}
    	}
    }
    */
  }
  .learn-header .learn-nav-gnb .learn-gnb li .learn-btn1 .like {
    display: none;
  }
  .learn-header .learn-nav-gnb .learn-gnb li.btn-like .learn-btn1 {
    background: url(../imgs/edu/edu_ico_like.png) no-repeat center center;
    background-size: 24px auto;
  }
  .learn-header .learn-nav-gnb .learn-gnb li.btn-like .learn-btn1:hover, .learn-header .learn-nav-gnb .learn-gnb li.btn-like .learn-btn1.active {
    background-image: url(../imgs/edu/edu_ico_like_on.png);
  }
  /* 학습창 상단 버튼 */
  .md-btn-learn-gnb {
    display: inline-flex;
    align-items: center;
    position: absolute;
    right: 70px;
    width: 59px;
  }
  .wrap-btn-close {
    display: flex;
    padding: 20px 16px;
    box-sizing: border-box;
  }
  .wrap-btn-close .btn-gnb-close {
    display: flex;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    outline: 0;
  }
  .wrap-btn-close .btn-gnb-close img {
    vertical-align: top;
  }
  .learn-gnb {
    display: none;
    margin-top: 0 !important;
  }
  .learn-gnb li {
    margin-left: 0 !important;
  }
  .learn-gnb .learn-btn1.type2.active {
    background-color: #FFF;
  }
  .learn-gnb.active {
    width: 184px;
    position: absolute;
    top: 80px;
    left: -261px;
    display: flex;
    flex-direction: column-reverse;
    gap: 5px;
    padding: 8px;
    border-radius: var(--resp-ppovr-radius, 12px);
    background: var(--ppovr-bg, #FFF);
    box-shadow: 0px 0px 0px 1px var(--ppovr-otln, rgba(0, 0, 0, 0.12)), 0px 2px 14px 0px rgba(0, 0, 0, 0.12);
  }
  .learn-gnb .learn-btn1 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    border: 0;
    margin-left: 0 !important;
    padding-left: 10px;
    border-radius: 0;
    color: var(--text-default, #2B2C33);
  }
  .learn-gnb .learn-btn1 .note {
    background: url(../imgs/edu/edu_ico_note_black@4x.png) no-repeat 0 center;
    background-size: 20px 20px;
  }
  .learn-gnb .learn-btn1 .question {
    background: url(../imgs/edu/edu_ico_comment_black@4x.png) no-repeat 0 center;
    background-size: 20px 20px;
  }
  .learn-gnb .learn-btn1 .plan {
    background: url(../imgs/edu/edu_ico_plan_black@4x.png) no-repeat 0 center;
    background-size: 20px 20px;
  }
  .learn-gnb .learn-btn5 {
    border-top: 1px solid #EEE;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    background-size: 20px 20px;
    margin-left: 0 !important;
    border-radius: 0;
    padding-left: 10px;
  }
  /* 학습창 닫기 버튼 */
  .btn-learn-end {
    width: 56px;
    height: 72px;
    background: #f1a838 url(../imgs/edu/edu_ico_end.png) no-repeat center center;
    background-size: 20px auto;
  }
  .btn-learn-end .ico {
    display: none;
  }
  /* 학습창 오른쪽박스 */
  .learn-side-area {
    position: fixed;
    top: 72px;
    right: -110%;
    bottom: 0;
    width: 100%;
    padding: 0px;
    background: #fff;
    box-sizing: border-box;
  }
  .learn-side-area.active {
    right: 0;
  }
  .learn-side-area.active + .bx-content {
    width: 100%;
  }
  .learn-side-area.active + .bx-content .data-f-group {
    right: 0;
  }
  .learn-side-area .bx-side {
    box-shadow: 4px 0 70px rgba(0, 0, 0, 0.18);
  }
  .learn-curriculum-wrap {
    padding: 10px 16px;
    box-shadow: 4px 0 70px rgba(0, 0, 0, 0.18);
    border-radius: 8px;
    box-sizing: border-box;
  }
  .learn-curriculum-wrap .wrap-btn-close {
    padding-left: 0;
    padding-top: 10px;
  }
  /* 학습창 컨텐츠 */
  .learn-content {
    padding: 0;
    margin-top: 71px;
  }
  .learn-content .bx-content {
    padding: 30px 18px 83px;
    width: 100%;
    border: none;
    border-radius: 0;
  }
  .learn-content .data-f-group {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    border-width: 1px 0 0;
  }
  /* 상태 */
  .learn-state .ico-check {
    display: none;
  }
  /* 타이틀 */
  .learn-tit2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.2em;
    max-height: 2.4em !important;
  }
  /* 입력항목 리스트 */
  .learn-lst-input .input-item {
    display: block;
  }
  .learn-lst-input .input-item > .tit {
    margin-right: 0;
    width: 100%;
  }
  .learn-lst-input .input-item > .cnt {
    width: 100%;
  }
  .learn-lst-input .input-item > .cnt::after {
    content: "";
    display: table;
    clear: both;
  }
  /* 학습창 강의노트 */
  .nx-learn-note-wrap {
    padding-top: 10px;
    box-sizing: border-box;
  }
  /* 시험 시간 */
  .learn-exam-timeline {
    float: none;
    margin-bottom: 10px;
    max-width: 100%;
  }
  /* 시험지 현재페이지 */
  .learn-exam-pagenate {
    float: none;
    max-width: 100%;
    width: 100%;
  }
  /* 의견 */
  .wrap-choice-opinion .choice-opinion {
    clear: left;
    margin-bottom: 10px;
  }
  .wrap-choice-opinion .ins-wrap {
    clear: both;
  }
  .wrap-choice-opinion .ins-wrap::after {
    content: "";
    display: table;
    clear: both;
  }
  .wrap-choice-opinion .btn-opinion-stats {
    margin-left: 0;
  }
  .wrap-choice-opinion .wrap-select-custom {
    float: left;
    margin-left: 10px;
  }
  .choice-opinion > li .learn-lbl-radio {
    padding-right: 14px;
  }
  .wrap-opinion-texa .learn-btn-cnt2 {
    position: static;
    right: auto;
    top: auto;
    margin-top: 10px;
    float: right;
  }
  .learn-fixed-table {
    overflow-y: scroll;
  }
  .learn-fixed-table .learn-ts1 {
    width: 768px;
  }
  .learn-table-header {
    padding: 0 5px 10px;
  }
  .learn-ts1 tbody tr td, .learn-ts1 tbody tr th {
    padding: 16px 5px;
  }
  .learn-ts1 tbody tr td.cs-width-s, .learn-ts1 tbody tr th.cs-width-s {
    width: 40px;
  }
  .learn-ts1 tbody tr td.cs-width-m3, .learn-ts1 tbody tr th.cs-width-m3 {
    width: 210px;
  }
  .learn-ts1 tbody tr td.cs-width-m2, .learn-ts1 tbody tr th.cs-width-m2 {
    width: 140px;
  }
  .learn-ts1 tbody tr td.cs-width-m1, .learn-ts1 tbody tr th.cs-width-m1 {
    width: 110px;
  }
  .learn-ts-box .fl {
    float: none;
    width: auto;
  }
  .learn-ts-box .fr {
    float: none;
    margin-top: 10px;
    text-align: center;
  }
  .learn-ts-btn-down {
    width: 60px;
    height: 25px;
    line-height: 25px;
  }
  .learn-ts-btn-down .md {
    display: inline;
  }
  .learn-ts-btn-down .lg {
    display: none;
  }
  /* zoom 학습관리 21.06.22 HSH */
  .zoom-learn-ts1 tbody tr td, .zoom-learn-ts1 tbody tr th {
    border-bottom: none;
  }
  .zoom-learn-ts1 tbody tr:nth-child(4n) td, .zoom-learn-ts1 tbody tr:nth-child(4n) th {
    border-bottom: 1px solid #e3e3e3;
  }
  /* 스마트부스 */
  .nx-booth-lst li {
    width: calc((100% - 20px - 1px) / 2);
    margin-left: 20px;
  }
  .nx-booth-lst li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-booth-lst li:nth-child(n+3) {
    margin-top: 20px;
    clear: none;
  }
  .nx-booth-lst li:nth-child(3n+1) {
    clear: none;
    margin-left: 20px;
  }
  .nx-booth-lst li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 학습창 추가 : 24.06.10 HJM */
  .learn-ts-cal tbody td {
    height: 216px;
  }
  .learn-ts-cal tbody td .cal-lst-check {
    margin-top: 20px;
  }
  .learn-ts-cal tbody td .cal-lst-check > li {
    padding-right: 0;
  }
  .learn-ts-cal tbody td .cal-lst-check > li .item-tx {
    display: none;
  }
  .learn-ts-cal tbody td .cal-lst-check > li .item-count {
    position: static;
    right: auto;
    top: auto;
  }
}
@media print, screen and (max-width: 599px) {
  .learn-attend-detail-cont2 .learn-attend-detail-wrap {
    width: 100%;
  }
}
@media print, screen and (max-width: 549px) {
  .learn-attend-detail-sub {
    align-items: start;
    gap: 10px;
    flex-direction: column;
  }
  .learn-attend-detail-sub .learn-attend-detail-all .all-attend-tit {
    width: 100%;
  }
  .learn-attend-detail-sub .learn-attend-detail-all .all-attend-wrap {
    width: 100%;
  }
  .learn-attend-detail-sub .learn-attend-detail-all .all-attend-wrap .all-attend {
    margin: 5px 1px;
    flex-basis: 24%;
  }
}
@media print, screen and (max-width: 459px) {
  /* 스마트부스 */
  .nx-booth-lst li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .nx-booth-lst li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-booth-lst li:nth-child(n+2) {
    margin-top: 20px;
    clear: none;
  }
  .nx-booth-lst li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-booth-lst li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 학습창 추가 : 24.06.10 HJM */
  .learn-attend-detail-top {
    flex-direction: column;
    align-items: start;
  }
  .learn-attend-detail-top .learn-attend-date-wrap .attend-btn-prev, .learn-attend-detail-top .learn-attend-date-wrap .attend-btn-next {
    width: 22px;
    height: 22px;
  }
  .learn-attend-detail-top .learn-attend-date-wrap .attend-date {
    padding: 0 4px;
    font-size: 18px;
    line-height: 22px;
  }
  .learn-attend-detail-top .learn-attend-state {
    padding: 4px 16px;
    height: 32px;
  }
  .learn-attend-detail-top .learn-attend-state .count-attend, .learn-attend-detail-top .learn-attend-state .count-absent, .learn-attend-detail-top .learn-attend-state .count-official-leave, .learn-attend-detail-top .learn-attend-state .count-insufficient-time, .learn-attend-detail-top .learn-attend-state .mid-div, .learn-attend-detail-top .learn-attend-state .count-non {
    font-size: 14px;
  }
  .learn-attend-detail-top .learn-attend-state .mid-div {
    margin: 0 2px;
  }
  .learn-attend-detail-sub {
    flex-direction: column;
  }
  .learn-attend-detail-sub .learn-attend-detail-tit {
    margin-bottom: 10px;
  }
}
@media print, screen and (max-width: 370px) {
  /*=======================================================================
  가로 해상도 370이하 css
  =======================================================================*/
  /* zoom 학습관리 21.06.22 HSH */
  .zoom-learn-mobile ul .learn-btn-attM {
    right: 0;
    margin-top: 16px;
    position: relative;
    display: block;
  }
}
@media print, screen and (max-height: 1024px) {
  .learn-content {
    max-width: 1200px;
  }
}
@media print, screen and (max-height: 900px) {
  .learn-content {
    max-width: 1000px;
  }
}
@media print, screen and (max-height: 800px) {
  .learn-content {
    max-width: 900px;
  }
}
@media print, screen and (max-height: 700px) {
  .learn-content {
    max-width: 800px;
  }
}
@media print, screen and (max-height: 600px) {
  .learn-content {
    max-width: 700px;
  }
}
.nx-cal {
  background: #ddd;
}

.nx-cal-wrapper {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
  padding: 0px 14px;
  background: #fff;
}

/* 달력 상단 */
.nx-cal-header {
  display: inline-flex;
  margin-bottom: 82px;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: margin 0.3s ease-in-out;
}
.nx-cal-header .nx-cal-month {
  margin-left: 0.1em;
  padding: 0 40px;
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 0.1em;
  color: #444;
  vertical-align: top;
  opacity: 1;
  transition: padding 0.3s ease-in-out, text-align 0.3s ease-in-out, font-size 0.3s ease-in-out;
}
.nx-cal-header .nx-cal-month:hover {
  opacity: 0.7;
}
.nx-cal-header .nx-cal-btn-prev,
.nx-cal-header .nx-cal-btn-next {
  font-size: 0;
  text-indent: -9999px;
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
}
.nx-cal-header .nx-cal-btn-prev .arr::before, .nx-cal-header .nx-cal-btn-prev .arr::after,
.nx-cal-header .nx-cal-btn-next .arr::before,
.nx-cal-header .nx-cal-btn-next .arr::after {
  transition: border 0.3s ease-in-out;
}
.nx-cal-header .nx-cal-btn-prev:hover .arr::before, .nx-cal-header .nx-cal-btn-prev:hover .arr::after,
.nx-cal-header .nx-cal-btn-next:hover .arr::before,
.nx-cal-header .nx-cal-btn-next:hover .arr::after {
  border-color: #000;
}
.nx-cal-header .nx-cal-btn-prev .arr {
  position: absolute;
  display: block;
  width: 9px;
  height: 17px;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -5px;
}
.nx-cal-header .nx-cal-btn-prev .arr:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%) scale(1.0588235294, 1) rotate(45deg);
  margin-left: 4px;
  border-left: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
}
.nx-cal-header .nx-cal-btn-next .arr {
  position: absolute;
  display: block;
  width: 9px;
  height: 17px;
  right: 50%;
  top: 50%;
  margin: -8px -5px 0 0;
}
.nx-cal-header .nx-cal-btn-next .arr:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%) scale(1.0588235294, 1) rotate(45deg);
  margin-left: -4px;
  border-top: 1px solid #9a9a9a;
  border-right: 1px solid #9a9a9a;
}

/* 달력 내용 */
.nx-cal-head ul {
  display: flex;
  width: 100%;
}
.nx-cal-head ul li {
  padding: 0 8px;
  width: 14.2857142857%;
  box-sizing: border-box;
}
.nx-cal-head ul li .tit {
  padding-bottom: 6px;
  border-bottom: 4px solid #444;
  text-align: left;
}
.nx-cal-head ul li .tit strong {
  color: #444;
  font-weight: 700;
  font-size: 16px;
}
.nx-cal-head ul li .tit span {
  display: none;
}
.nx-cal-head ul li:nth-child(1) .tit {
  border-bottom-color: #F00;
}
.nx-cal-head ul li:nth-child(1) .tit strong {
  color: #F00;
}
.nx-cal-body > ul {
  display: flex;
  flex-wrap: wrap;
}
.nx-cal-body > ul > li {
  padding: 0 8px;
  width: 14.2857142857%;
  min-height: 172px;
  box-sizing: border-box;
  /* 이전, 다음달 영역 */
}
.nx-cal-body > ul > li .cnt {
  position: relative;
  padding: 86px 0 50px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-top: 2px solid #b4b4b4;
}
.nx-cal-body > ul > li .cnt .date {
  position: absolute;
  left: 0;
  top: 16px;
  color: #444;
  font-weight: 300;
  font-size: 24px;
}
.nx-cal-body > ul > li .cnt .date .month,
.nx-cal-body > ul > li .cnt .date .day {
  display: none;
}
.nx-cal-body > ul > li:nth-child(7n+1) .cnt {
  border-top-color: #F00;
}
.nx-cal-body > ul > li.prev-cal .cnt .date, .nx-cal-body > ul > li.next-cal .cnt .date {
  opacity: 0.15;
}
.nx-cal-body > ul > li:nth-child(-n+7) .cnt {
  border-top: none;
}

/* 스케쥴 */
.nx-cal-schedule > li {
  position: relative;
  margin-bottom: 22px;
}
.nx-cal-schedule > li:last-child {
  margin-bottom: 0;
}
.nx-cal-schedule > li > a {
  display: block;
  padding-left: 12px;
  /*
  &:hover {
    .sch-tit, .detail {
      color: #444;
    }
    &.cate1 {
      .sch-tit, .detail {
        color: #da2626;
      }
    }
    &.cate2 {
      .sch-tit, .detail {
        color: #d4a221;
      }
    }
    &.sch-end {
      .sch-tit, .detail {
        color: #444;
      }
    }
  }
  */
}
.nx-cal-schedule > li > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #444;
}
.nx-cal-schedule > li > a.cate1::before {
  background: #ff4949;
}
.nx-cal-schedule > li > a.cate2::before {
  background: #ffcc49;
}
.nx-cal-schedule > li > a.sch-end {
  opacity: 0.3;
}
.nx-cal-schedule > li > a.sch-end::before {
  background: #444;
}
.nx-cal-schedule > li > a .sch-tit {
  color: #444;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  transition: color 0.3s ease-in-out;
}
.nx-cal-schedule > li > a .detail {
  margin-top: 4px;
  color: #b4b4b4;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  transition: color 0.3s ease-in-out;
}
.nx-cal-schedule > li > a .detail > li {
  position: relative;
  padding-left: 8px;
  word-break: break-all;
}
.nx-cal-schedule > li > a .detail > li::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

/* 달력 상단 - 칸 형태 */
.type-card .nx-cal-header {
  position: relative;
  display: block;
  margin-bottom: 26px;
}
.type-card .nx-cal-header .nx-cal-month {
  margin-left: 0;
  padding: 0;
  text-align: left;
  font-size: 36px;
  letter-spacing: 0;
}
.type-card .nx-cal-header .nx-cal-btn-prev,
.type-card .nx-cal-header .nx-cal-btn-next {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  border: 1px solid #808080;
  box-sizing: border-box;
  border-radius: 50%;
}
.type-card .nx-cal-header .nx-cal-btn-prev {
  right: 55px;
}
.type-card .nx-cal-header .nx-cal-btn-prev .arr {
  margin-left: -6px;
}
.type-card .nx-cal-header .nx-cal-btn-next {
  right: 8px;
}
.type-card .nx-cal-header .nx-cal-btn-next .arr {
  margin-right: -6px;
}

/* 달력 내용 - 칸 형태 */
.type-card .nx-cal-head ul {
  border-left: 1px solid #eee;
}
.type-card .nx-cal-head ul li {
  padding: 0;
  border: 1px #eee;
  border-style: solid solid none none;
}
.type-card .nx-cal-head ul li .tit {
  padding: 10px 0;
  background: #fafafa;
  border-bottom: none;
  text-align: center;
}
.type-card .nx-cal-head ul li .tit strong {
  color: #c8c8c8;
  font-size: 14px;
}
.type-card .nx-cal-head ul li .tit span {
  display: inline;
  color: #c8c8c8;
  font-weight: 700;
  font-size: 14px;
}
.type-card .nx-cal-body > ul {
  border: 1px solid #eee;
  border-style: none none solid solid;
}
.type-card .nx-cal-body > ul > li {
  padding: 0;
  border: 1px #eee;
  border-style: solid solid none none;
}
.type-card .nx-cal-body > ul > li .cnt {
  position: relative;
  padding: 46px 10px 40px;
  border-top: none;
}
.type-card .nx-cal-body > ul > li .cnt .date {
  left: 12px;
  top: 8px;
  color: #888;
  font-weight: 400;
  font-size: 14px;
}

/* 스케쥴 - 칸 형태 */
.type-card .nx-cal-schedule > li {
  margin-bottom: 4px;
}
.type-card .nx-cal-schedule > li > a {
  padding-left: 13px;
}
.type-card .nx-cal-schedule > li > a::before {
  content: "";
  top: 0;
  width: 3px;
  height: 100%;
  border-radius: 0;
  background: #000;
}
.type-card .nx-cal-schedule > li > a.cate1::before {
  background: #ff4949;
}
.type-card .nx-cal-schedule > li > a.cate2::before {
  background: #ffcc49;
}
.type-card .nx-cal-schedule > li > a.sch-end {
  opacity: 0.2;
}
.type-card .nx-cal-schedule > li > a.sch-end::before {
  background: #000;
}
.type-card .nx-cal-schedule > li > a .sch-tit {
  color: #000;
}
.type-card .nx-cal-schedule > li > a .detail > li {
  padding-left: 0;
}
.type-card .nx-cal-schedule > li > a .detail > li::before {
  display: none;
}

@media screen and (max-width: 1440px) {
  /*=======================================================================
  가로 해상도 1440이하 css
   =======================================================================*/
}
@media screen and (min-width: 1200px) {
  /*=======================================================================
  가로 해상도 1200이하 css
  =======================================================================*/
}
@media print, screen and (max-width: 767px) {
  /*=======================================================================
  가로 해상도 767이하 css
   =======================================================================*/
  .nx-cal-wrapper {
    padding: 40px 14px;
  }
  /* 달력 상단 */
  .nx-cal-header {
    margin-bottom: 22px;
  }
  .nx-cal-header .nx-cal-month {
    padding: 0 20px;
    font-size: 34px;
  }
  /* 달력 내용 */
  .nx-cal-head {
    display: none;
  }
  .nx-cal-body > ul {
    border: 1px #b4b4b4 !important;
    border-style: none none solid none !important;
  }
  .nx-cal-body > ul > li {
    padding: 0;
    width: 100%;
    border: none !important;
    /* 이전, 다음달 영역 */
  }
  .nx-cal-body > ul > li .cnt {
    display: block;
    padding: 18px 0 !important;
    border-top: 1px solid #b4b4b4 !important;
  }
  .nx-cal-body > ul > li .cnt::after {
    content: "";
    display: table;
    clear: both;
  }
  .nx-cal-body > ul > li .cnt .date {
    position: static;
    left: auto;
    top: auto;
    float: left;
    width: 85px;
    font-size: 16px;
  }
  .nx-cal-body > ul > li .cnt .date .month,
  .nx-cal-body > ul > li .cnt .date .day {
    display: inline;
  }
  .nx-cal-body > ul > li .cnt .date .day {
    padding-left: 2px;
  }
  .nx-cal-body > ul > li.prev-cal, .nx-cal-body > ul > li.next-cal {
    display: none;
  }
  .nx-cal-body > ul > li:nth-child(-n+7) .cnt {
    border-top: 1px solid #b4b4b4;
  }
  /* 스케쥴 */
  .nx-cal-schedule {
    float: right;
    width: calc(100% - 85px);
  }
  .nx-cal-schedule > li {
    margin-bottom: 10px;
  }
}
/*=======================================================================
발주관리(nx-order-manage) css
=======================================================================*/
.nx-order-manage {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.14);
  /* 내용 */
}
.nx-order-manage.active {
  overflow: visible;
}
.nx-order-manage .nx-order-content {
  padding-bottom: 75px;
  width: calc(100% - 242px);
  background: #fff;
}
.nx-order-manage .nx-order-content > .nx-order-tit {
  padding: 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #40424f;
}

/* 카테고리 */
.nx-order-cate {
  padding: 24px 16px;
  width: 242px;
  box-sizing: border-box;
  background: #e7e7ea;
  /* 카테고리 형태 E */
}
.nx-order-cate > .nx-order-tit {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  color: #7a7b81;
}
.nx-order-cate > .nx-order-tit .nx-order-btn-cls {
  display: none;
}
.nx-order-cate.type-E {
  border-right: 1px solid #dadbe5;
  padding: 0;
  box-sizing: border-box;
  background: #FFF;
}
.nx-order-cate.type-E .nx-order-tit {
  padding: 27px 15px 26px;
  background: #40455C;
  box-sizing: border-box;
  color: #FFF;
}
.nx-order-cate.type-E .lst-show-all {
  padding: 3px 15px 2px;
  box-sizing: border-box;
  background: #FFF;
}

.nx-order-cate-list .nx-order-tree-ul > li {
  position: relative;
}
.nx-order-cate-list .nx-order-tree-ul > li .nx-order-tree-sub-ul {
  display: none;
  padding-left: 30px;
}
.nx-order-cate-list .nx-order-tree-ul > li .nx-order-ico-arr1 {
  position: absolute;
  display: block;
  width: 14px;
  height: 6px;
  right: 0;
  top: 50%;
  margin-top: -3px;
  transition: transform 0.2s ease-in-out;
}
.nx-order-cate-list .nx-order-tree-ul > li .nx-order-ico-arr1:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  transform: translate(-50%, -50%) scale(1, 0.8571428571) rotate(45deg);
  margin-top: -2px;
  border-right: 1px solid #40424f;
  border-bottom: 1px solid #40424f;
}
.nx-order-cate-list .nx-order-tree-ul > li.active .nx-order-tree-sub-ul {
  display: block;
}
.nx-order-cate-list .nx-order-tree-ul > li.active .nx-order-ico-arr1 {
  transform: rotate(180deg);
}
.nx-order-cate-list .nx-order-tree-ul.lst-show-all {
  border-bottom: 1px solid #bbb;
}
.nx-order-cate-list .nx-order-tree-ul.lst-show-all .nx-order-txt {
  font-weight: 700;
}
.nx-order-cate-list .nx-order-btn-bookmark {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  margin-top: -14px;
  width: 28px;
  height: 28px;
  background: #cecece url(../imgs/order/order_ico_like_off2.png) no-repeat center center;
  background-size: 16px auto;
  border-radius: 3px;
  transition: background 0.2s ease-in-out;
}
.nx-order-cate-list .nx-order-btn-bookmark:hover, .nx-order-cate-list .nx-order-btn-bookmark.active {
  background-image: url(../imgs/order/order_ico_like_on.png);
}
.nx-order-cate-list .nx-order-btn-save {
  display: none;
}

.nx-order-chk1-wrap {
  position: relative;
  display: block;
  padding: 12px 40px 12px 30px;
}
.nx-order-chk1-wrap .nx-order-chk1 {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  opacity: 0;
  width: 20px;
  height: 20px;
}
.nx-order-chk1-wrap .nx-order-chk1:checked ~ label .nx-order-chkbox {
  background: #4d5163;
  border-color: #4d5163;
}
.nx-order-chk1-wrap .nx-order-chk1:checked ~ label .nx-order-chkbox .nx-order-ico-check {
  opacity: 1;
}
.nx-order-chk1-wrap label .nx-order-chkbox {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: transparent;
  box-sizing: border-box;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  transition: border 0.3s ease-in-out, background 0.3s ease-in-out;
}
.nx-order-chk1-wrap label .nx-order-chkbox .nx-order-ico-check {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(../imgs/order/order_ico_check.png) no-repeat 2px 4px;
  background-size: 14px auto;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.nx-order-chk1-wrap label .nx-order-txt {
  display: block;
  color: #40424f;
  font-size: 14px;
  line-height: 20px;
  word-break: keep-all;
}

/* 카테고리 형태 E */
.tc-side-mnb {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  border: 0;
  box-sizing: border-box;
}
.tc-side-mnb > li {
  width: 33.3333333333%;
  height: 115px;
  box-sizing: border-box;
  transition: height 0.35s linear;
}
.tc-side-mnb > li:nth-child(-n+21) .tc-wrap-side-snb {
  top: 798px;
}
.tc-side-mnb > li:nth-child(-n+18) .tc-wrap-side-snb {
  top: 684px;
}
.tc-side-mnb > li:nth-child(-n+15) .tc-wrap-side-snb {
  top: 570px;
}
.tc-side-mnb > li:nth-child(-n+12) .tc-wrap-side-snb {
  top: 456px;
}
.tc-side-mnb > li:nth-child(-n+9) .tc-wrap-side-snb {
  top: 345px;
}
.tc-side-mnb > li:nth-child(-n+6) .tc-wrap-side-snb {
  top: 230px;
}
.tc-side-mnb > li:nth-child(-n+3) .tc-wrap-side-snb {
  top: 115px;
}
.tc-side-mnb > li.active > a::before {
  opacity: 1;
  visibility: visible;
}
.tc-side-mnb > li.active > a > .tc-tit {
  color: #fff;
}
.tc-side-mnb > li:nth-child(3n) a {
  border-right: 0;
}
.tc-side-mnb > li > a {
  position: relative;
  display: block;
  width: 100%;
  height: 115px;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  border-style: none solid solid none;
  box-sizing: border-box;
  transition: background 0.35s linear;
  background: #FFF;
}
.tc-side-mnb > li > a::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #888da2;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s linear, visibility 0.35s linear;
}
.tc-side-mnb > li > a:hover::before {
  opacity: 1;
  visibility: visible;
}
.tc-side-mnb > li > a:hover > .tc-tit {
  color: #fff;
}
.tc-side-mnb > li > a > .tc-image {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.tc-side-mnb > li > a > .tc-image img {
  max-height: 48px;
  margin-bottom: 28px;
  vertical-align: top;
}
.tc-side-mnb > li > a > .tc-tit {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 75px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #514f50;
  transition: color 0.35s linear;
}

.tc-wrap-side-snb {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
}
.tc-wrap-side-snb.active {
  display: block;
}

.tc-side-snb {
  box-sizing: border-box;
}
.tc-side-snb > li {
  border: 1px #dadbe5;
  border-style: none none solid none;
  padding: 0px 20px;
  box-sizing: border-box;
  background: #F7F7FA;
}
.tc-side-snb > li a {
  display: flex;
  align-items: center;
  padding: 4px 10px 4px 15px;
  height: 50px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.25;
  color: #4d5163;
}
.tc-side-snb > li a span {
  position: relative;
  padding-left: 16px;
}
.tc-side-snb > li a span::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

/* 검색 */
.nx-order-search {
  /* 범위 */
}
.nx-order-search .nx-order-search-ins-wrap {
  position: relative;
  padding: 7px 162px 7px 14px;
  background: #f3f3f3;
}
.nx-order-search .nx-order-search-ins-wrap::after {
  content: "";
  display: table;
  clear: both;
}
.nx-order-search .nx-order-tit, .nx-order-search .nx-order-search-tit {
  display: none;
}
.nx-order-search .search-scope {
  display: none;
}
.nx-order-search .nx-order-search-item {
  float: left;
}
.nx-order-search .nx-order-search-item::after {
  content: "";
  display: table;
  clear: both;
}
.nx-order-search .nx-order-select-wrap {
  position: relative;
  float: left;
  margin-right: 14px;
}
.nx-order-search .nx-order-select-wrap:last-child {
  margin-right: 0;
}
.nx-order-search .nx-order-select-wrap .ico-arr {
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 4px;
  right: 10px;
  top: 50%;
  margin-top: -2px;
}
.nx-order-search .nx-order-select-wrap .ico-arr:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  transform: translate(-50%, -50%) scale(1, 0.8) rotate(45deg);
  margin-top: -1px;
  border-right: 1px solid #40424f;
  border-bottom: 1px solid #40424f;
}
.nx-order-search .nx-order-input-wrap {
  position: relative;
  clear: both;
  float: none;
  width: 100%;
  border-bottom: 1px solid #7a7b81;
  box-sizing: border-box;
}
.nx-order-search .nx-order-input-wrap .nx-order-input-text {
  padding: 0 10px 0 28px;
  width: 100%;
  height: 35px;
  line-height: 35px;
  vertical-align: top;
  box-sizing: border-box;
  background: url(../imgs/order/order_ico_search.png) no-repeat 8px center;
  background-size: 12px auto;
}
.nx-order-search .nx-order-input-wrap .nx-order-btn-del {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  right: 0;
  top: 50%;
  display: none;
  margin-top: -12px;
  width: 24px;
  height: 24px;
}
.nx-order-search .nx-order-input-wrap .nx-order-btn-del::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #cacaca;
}
.nx-order-search .nx-order-input-wrap .nx-order-btn-del .ico-del {
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  left: 0;
  top: 0;
  padding: 8px;
}
.nx-order-search .nx-order-input-wrap .nx-order-btn-del .ico-del:before, .nx-order-search .nx-order-input-wrap .nx-order-btn-del .ico-del:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 1px;
  background-color: #fff;
}
.nx-order-search .nx-order-input-wrap .nx-order-btn-del .ico-del:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.nx-order-search .nx-order-input-wrap .nx-order-btn-del .ico-del:after {
  transform: translate(-50%, -50%) rotate(135deg);
}
.nx-order-search .nx-order-btn-search {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100%;
  background: #4d5163;
  text-align: center;
  color: #fff;
}
.nx-order-search .nx-order-btn-reset {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  right: 114px;
  top: 50%;
  display: block;
  margin-top: -17px;
  width: 34px;
  height: 34px;
  background: url(../imgs/order/order_ico_reset.png) no-repeat center center;
  background-size: 14px auto;
}

/* 배지 */
.nx-order-badge-wrap {
  margin-bottom: -16px;
  padding: 16px 24px 0;
}
.nx-order-badge-wrap .nx-order-badge-tit {
  display: none;
}
.nx-order-badge-wrap .nx-order-lst-badge {
  overflow: hidden;
  margin: 0 -4px;
}
.nx-order-badge-wrap .nx-order-lst-badge::after {
  content: "";
  display: table;
  clear: both;
}
.nx-order-badge-wrap .nx-order-lst-badge > li {
  float: left;
  margin: 0 4px 8px;
}
.nx-order-badge-wrap .nx-order-lst-badge > li > a {
  display: block;
  padding: 0 5px;
  border: 1px solid #dedede;
  border-radius: 4px;
  color: #c4c4c4;
  font-size: 14px;
  text-align: center;
  line-height: 26px;
  transition: color 0.25s linear, border 0.25s linear;
}
.nx-order-badge-wrap .nx-order-lst-badge > li > a.active, .nx-order-badge-wrap .nx-order-lst-badge > li > a:hover {
  color: rgb(77, 81, 99);
  border-color: rgb(77, 81, 99);
}

.nx-order-select {
  display: block;
  padding: 10px 22px 10px 10px;
  background: transparent;
  box-sizing: border-box;
  border: 1px solid transparent;
  color: #40424f;
  font-size: 14px;
}

/* 발주리스트 */
.nx-order-list-wrap {
  position: relative;
}
.nx-order-list-wrap .nx-order-count {
  padding: 24px;
  font-size: 14px;
  line-height: 20px;
  color: #7a7b81;
}
.nx-order-list-wrap .nx-order-select-wrap {
  position: absolute;
  right: 14px;
  top: 14px;
  color: #7a7b81;
}
.nx-order-list-wrap .nx-order-select-wrap .ico-arr {
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 4px;
  right: 10px;
  top: 50%;
  margin-top: -2px;
}
.nx-order-list-wrap .nx-order-select-wrap .ico-arr:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  transform: translate(-50%, -50%) scale(1, 0.8) rotate(45deg);
  margin-top: -1px;
  border-right: 1px solid #7a7b81;
  border-bottom: 1px solid #7a7b81;
}
.nx-order-list-wrap .nx-order-list {
  padding: 0 24px;
}
.nx-order-list-wrap .nx-order-list > li {
  position: relative;
  margin-bottom: 8px;
  padding-bottom: 8px;
  cursor: pointer;
}
.nx-order-list-wrap .nx-order-list > li:hover::before, .nx-order-list-wrap .nx-order-list > li.active::before {
  opacity: 1;
}
.nx-order-list-wrap .nx-order-list > li::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: calc(100% - 8px);
  border: 1px solid #4B4949;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.nx-order-list-wrap .nx-order-list > li::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: calc(100% - 116px);
  height: 1px;
  background: #e3e3e3;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-ins-wrap {
  border: 1px solid transparent;
  transition: border 0.3s ease-in-out;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-ins-wrap::after {
  content: "";
  display: table;
  clear: both;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-ins-wrap:hover {
  border: 1px solid #4B4949;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-thum {
  float: left;
  width: 100px;
  border: 1px solid #eee;
  box-sizing: border-box;
  box-shadow: 1px 1px 4px rgba(28, 31, 41, 0.1);
}
.nx-order-list-wrap .nx-order-list > li .nx-order-thum img {
  width: 100%;
  vertical-align: top;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info {
  position: relative;
  float: right;
  padding: 16px 0;
  width: calc(100% - 116px);
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info::after {
  content: "";
  display: table;
  clear: both;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info.badge > dt {
  position: relative;
  padding-top: 27px;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info.badge > dt .badge-area {
  position: absolute;
  left: 0;
  top: 0;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info.badge > dt .badge-area::after {
  content: "";
  display: table;
  clear: both;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info.badge > dt .badge-area > li {
  float: left;
  margin-right: 8px;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info.badge > dt .badge-area > li:last-child {
  margin-right: 0;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dt {
  float: none;
  width: calc(100% - 110px);
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dt span, .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dt strong {
  display: block;
  line-height: 1.45;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dt span {
  display: none;
  margin-bottom: 8px;
  font-size: 14px;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dt strong {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.45em;
  max-height: 2.9em !important;
  margin-bottom: 8px;
  font-size: 16px;
  color: #444;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd {
  float: left;
  width: calc(100% - 110px);
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li {
  position: relative;
  float: left;
  margin-right: 8px;
  width: auto;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li.category span {
  display: none;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li::after {
  content: "|";
  padding-left: 8px;
  color: #9fa0a7;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li:last-child::after {
  display: none;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li span, .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li strong {
  float: left;
  display: block;
  line-height: 1.45;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li span {
  margin-bottom: 0;
  padding-right: 4px;
  font-size: 14px;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li strong {
  font-size: 14px;
  color: #444;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd.nx-order-price {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 10px;
  width: 110px;
  height: 100%;
  text-align: center;
  font-size: 18px;
  color: #40424f;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-like {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  right: 60px;
  top: 11px;
  z-index: 1;
  margin-right: -14px;
  width: 28px;
  height: 28px;
  background: url(../imgs/order/order_ico_like_off.png) no-repeat center center;
  background-size: 15px auto;
  transition: background 0.3s ease-in-out;
}
.nx-order-list-wrap .nx-order-list > li .nx-order-like:hover, .nx-order-list-wrap .nx-order-list > li .nx-order-like.active {
  background-image: url(../imgs/order/order_ico_like_on.png);
}

/* 상세정보 */
.nx-order-detail {
  position: absolute;
  right: -400px;
  top: 20px;
  bottom: 20px;
  opacity: 0;
  overflow-y: auto;
  visibility: hidden;
  transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  width: 400px;
  background: #fff;
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.14);
}
.nx-order-detail.active {
  right: 20px;
  opacity: 1;
  visibility: visible;
}
.nx-order-detail .nx-order-tit {
  padding: 24px 60px 24px 24px;
  color: #40424f;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.nx-order-detail .nx-order-btn-cls {
  position: absolute;
  right: 24px;
  top: 24px;
}
.nx-order-detail .nx-order-total {
  padding: 24px;
}
.nx-order-detail .nx-order-total .nx-order-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 34px;
  color: #40424f;
}
.nx-order-detail .nx-order-total .nx-order-price > dt {
  font-weight: 700;
}
.nx-order-detail .nx-order-total .nx-order-price > dd strong {
  margin-right: 4px;
  font-size: 24px;
  font-weight: 700;
}
.nx-order-detail .nx-order-total .nx-order-btn-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  background: #4d5163;
  border-radius: 3px;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  color: #fff;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.nx-order-detail .nx-order-total .nx-order-btn-cart:hover {
  opacity: 0.8;
}

.nx-order-detail-info .nx-order-lst-detail {
  margin: 0 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #dadbe5;
}
.nx-order-detail-info .nx-order-lst-detail > dt {
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 1.4;
  color: #40424f;
}
.nx-order-detail-info .nx-order-lst-detail > dd .nx-order-ins-lst {
  display: flex;
  flex-wrap: wrap;
}
.nx-order-detail-info .nx-order-lst-detail > dd .nx-order-ins-lst > li {
  margin-bottom: 16px;
  width: 50%;
}
.nx-order-detail-info .nx-order-lst-detail > dd .nx-order-ins-lst > li > .nx-order-item, .nx-order-detail-info .nx-order-lst-detail > dd .nx-order-ins-lst > li > .nx-order-cnt {
  display: block;
}
.nx-order-detail-info .nx-order-lst-detail > dd .nx-order-ins-lst > li > .nx-order-item {
  margin-bottom: 4px;
  color: #9fa0a7;
  font-size: 14px;
}
.nx-order-detail-info .nx-order-lst-detail > dd .nx-order-ins-lst > li > .nx-order-cnt {
  color: #40424f;
  font-size: 16px;
}
.nx-order-detail-info .nx-order-lst-detail > dd.nx-order-btn-box {
  width: 100%;
}
.nx-order-detail-info .nx-order-lst-detail > dd.nx-order-btn-box .nx-order-btn {
  width: 100%;
  display: inline-block;
  padding: 13px 15px;
  background: #4d5163;
  vertical-align: top;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  box-sizing: border-box;
}
.nx-order-detail-info .nx-order-lst-detail > dd.nx-order-btn-box .nx-order-btn:hover {
  opacity: 0.8;
}

.nx-order-amount {
  padding: 24px;
  border-bottom: 1px dashed #9fa0a7;
}
.nx-order-amount > dt {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5;
  color: #40424f;
}
.nx-order-amount > dd {
  position: relative;
  padding: 8px 142px 8px 0;
}
.nx-order-amount > dd .nx-order-price {
  font-size: 18px;
  color: #40424f;
}
.nx-order-amount > dd .nx-order-price strong {
  padding-right: 4px;
}

.nx-order-input-amount {
  position: absolute;
  right: 0;
  top: 0;
  width: 132px;
  height: 36px;
  border-radius: 3px;
}
.nx-order-input-amount .nx-order-btn-decrs, .nx-order-input-amount .nx-order-btn-incrs {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  width: 36px;
  height: 36px;
  background: #4d5163;
}
.nx-order-input-amount .nx-order-btn-decrs::before, .nx-order-input-amount .nx-order-btn-incrs::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -7px;
  width: 14px;
  height: 1px;
  background: #fff;
}
.nx-order-input-amount .nx-order-btn-decrs {
  left: 0;
  border-radius: 3px 0 0 3px;
}
.nx-order-input-amount .nx-order-btn-incrs {
  right: 0;
  border-radius: 0 3px 3px 0;
}
.nx-order-input-amount .nx-order-btn-incrs::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -1px;
  width: 1px;
  height: 14px;
  background: #fff;
}
.nx-order-input-amount .nx-order-input-text {
  width: calc(100% - 2px);
  height: 34px;
  background: #f3f3f3;
  font-size: 16px;
  font-weight: 700;
  color: #40424f;
  text-align: center;
  line-height: 34px;
  border: 1px solid #f3f3f3;
}

/* 제품이미지 */
.nx-order-prdc-image {
  position: relative;
  padding: 16px 24px 24px;
  background: #fafafa;
}
.nx-order-prdc-image .nx-order-prdc-h-group {
  margin-bottom: 8px;
}
.nx-order-prdc-image .nx-order-prdc-h-group::after {
  content: "";
  display: table;
  clear: both;
}
.nx-order-prdc-image .nx-order-prdc-h-group .nx-order-count {
  float: left;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.nx-order-prdc-image .nx-order-prdc-h-group .nx-order-pagenate {
  float: right;
  font-size: 14px;
  line-height: 24px;
  text-align: right;
  letter-spacing: 0.1em;
}
.nx-order-prdc-image .nx-order-lst-image {
  display: flex;
  flex-wrap: wrap;
}
.nx-order-prdc-image .nx-order-lst-image > li {
  margin: 0 1px 1px 0;
  width: calc((100% - 2px) / 3 - 0.01px);
  border: 1px solid #eee;
  box-sizing: border-box;
}
.nx-order-prdc-image .nx-order-lst-image > li:nth-child(3n+3) {
  margin-right: 0;
}
.nx-order-prdc-image .nx-order-lst-image > li a {
  display: block;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.nx-order-prdc-image .nx-order-lst-image > li a:hover {
  opacity: 0.8;
}
.nx-order-prdc-image .nx-order-lst-image > li a img {
  width: 100%;
  vertical-align: top;
}
.nx-order-prdc-image .nx-order-btn-prev, .nx-order-prdc-image .nx-order-btn-next {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  bottom: 0;
  display: block;
  width: 24px;
  height: calc(100% - 48px);
}
.nx-order-prdc-image .nx-order-btn-prev .ico-arr::before, .nx-order-prdc-image .nx-order-btn-prev .ico-arr::after, .nx-order-prdc-image .nx-order-btn-next .ico-arr::before, .nx-order-prdc-image .nx-order-btn-next .ico-arr::after {
  transition: border 0.3s ease-in-out;
}
.nx-order-prdc-image .nx-order-btn-prev:hover .ico-arr::before, .nx-order-prdc-image .nx-order-btn-prev:hover .ico-arr::after, .nx-order-prdc-image .nx-order-btn-next:hover .ico-arr::before, .nx-order-prdc-image .nx-order-btn-next:hover .ico-arr::after {
  border-color: #C4C4C4;
}
.nx-order-prdc-image .nx-order-btn-prev {
  left: 0;
}
.nx-order-prdc-image .nx-order-btn-prev .ico-arr {
  position: absolute;
  display: block;
  width: 6px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -3px;
}
.nx-order-prdc-image .nx-order-btn-prev .ico-arr:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%) scale(0.6, 1) rotate(45deg);
  margin-left: 3px;
  border-left: 1px solid #40424f;
  border-bottom: 1px solid #40424f;
}
.nx-order-prdc-image .nx-order-btn-next {
  right: 0;
}
.nx-order-prdc-image .nx-order-btn-next .ico-arr {
  position: absolute;
  display: block;
  width: 6px;
  height: 20px;
  top: 50%;
  right: 50%;
  margin: -10px 0 0 -3px;
}
.nx-order-prdc-image .nx-order-btn-next .ico-arr:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%) scale(0.6, 1) rotate(45deg);
  margin-left: -3px;
  border-top: 1px solid #40424f;
  border-right: 1px solid #40424f;
}

.nx-order-btn-cls, .nx-order-btn-del {
  font-size: 0;
  text-indent: -9999px;
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: top;
  background: #f3f3f3;
  border-radius: 3px;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.nx-order-btn-cls:hover, .nx-order-btn-del:hover {
  background: #ddd;
}
.nx-order-btn-cls .ico-cls, .nx-order-btn-cls .ico-del, .nx-order-btn-del .ico-cls, .nx-order-btn-del .ico-del {
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  left: 50%;
  top: 50%;
  margin: -4px 0 0 -4px;
}
.nx-order-btn-cls .ico-cls:before, .nx-order-btn-cls .ico-cls:after, .nx-order-btn-cls .ico-del:before, .nx-order-btn-cls .ico-del:after, .nx-order-btn-del .ico-cls:before, .nx-order-btn-del .ico-cls:after, .nx-order-btn-del .ico-del:before, .nx-order-btn-del .ico-del:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 1px;
  background-color: #40424f;
}
.nx-order-btn-cls .ico-cls:before, .nx-order-btn-cls .ico-del:before, .nx-order-btn-del .ico-cls:before, .nx-order-btn-del .ico-del:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.nx-order-btn-cls .ico-cls:after, .nx-order-btn-cls .ico-del:after, .nx-order-btn-del .ico-cls:after, .nx-order-btn-del .ico-del:after {
  transform: translate(-50%, -50%) rotate(135deg);
}

/* 동영상 */
.nx-order-video {
  position: relative;
  padding: 16px 24px 24px;
  background: #fafafa;
}
.nx-order-video .nx-order-player {
  width: 100%;
  height: 216px;
  background: #f0f0f0;
}

/* 다운로드, 매뉴얼 */
.nx-order-board {
  position: relative;
  padding: 16px 24px 24px;
  background: #fafafa;
}
.nx-order-board .nx-order-lst-board {
  border-top: 1px solid #dadbe5;
}
.nx-order-board .nx-order-lst-board > li {
  border-bottom: 1px solid #dadbe5;
}
.nx-order-board .nx-order-lst-board > li > a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 8px 0;
}
.nx-order-board .nx-order-lst-board > li > a:hover i {
  background-color: #ddd;
}
.nx-order-board .nx-order-lst-board > li > a strong {
  padding: 6px 0;
  width: calc(100% - 80px);
  font-weight: 400;
  color: #444;
  font-size: 14px;
  line-height: 20px;
}
.nx-order-board .nx-order-lst-board > li > a i {
  display: block;
  padding-left: 32px;
  width: 70px;
  height: 32px;
  background: #fff url(../imgs/order/order_ico_down.png) no-repeat 10px center;
  background-size: 16px auto;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-sizing: border-box;
  color: #666;
  font-size: 14px;
  line-height: 32px;
  transition: background 0.25s linear;
}

.nx-order-h-group {
  margin-bottom: 8px;
}
.nx-order-h-group::after {
  content: "";
  display: table;
  clear: both;
}
.nx-order-h-group .nx-order-count {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}

/* 하단 메뉴 : 모바일 */
.nx-order-mnb {
  position: fixed;
  z-index: 1000;
  left: 0;
  bottom: 0;
  display: none;
  width: 100%;
  background: #fff;
  border-top: 1px solid #dadbe5;
}
.nx-order-mnb > ul {
  display: flex;
  flex-wrap: wrap;
}
.nx-order-mnb > ul > li {
  width: 20%;
}
.nx-order-mnb > ul > li:nth-child(1) > a {
  background-image: url(../imgs/order/order_ico_nav1.png);
}
.nx-order-mnb > ul > li:nth-child(1) > a:hover, .nx-order-mnb > ul > li:nth-child(1) > a.active {
  background-image: url(../imgs/order/order_ico_nav1_on.png);
}
.nx-order-mnb > ul > li:nth-child(2) > a {
  background-image: url(../imgs/order/order_ico_nav4.png);
}
.nx-order-mnb > ul > li:nth-child(2) > a:hover, .nx-order-mnb > ul > li:nth-child(2) > a.active {
  background-image: url(../imgs/order/order_ico_nav4_on.png);
}
.nx-order-mnb > ul > li:nth-child(3) > a {
  background-image: url(../imgs/order/order_ico_nav2.png);
}
.nx-order-mnb > ul > li:nth-child(3) > a:hover, .nx-order-mnb > ul > li:nth-child(3) > a.active {
  background-image: url(../imgs/order/order_ico_nav2_on.png);
}
.nx-order-mnb > ul > li:nth-child(4) > a {
  background-image: url(../imgs/order/order_ico_nav3.png);
}
.nx-order-mnb > ul > li:nth-child(4) > a:hover, .nx-order-mnb > ul > li:nth-child(4) > a.active {
  background-image: url(../imgs/order/order_ico_nav3_on.png);
}
.nx-order-mnb > ul > li:nth-child(5) > a {
  background-image: url(../imgs/order/order_ico_nav5.png);
}
.nx-order-mnb > ul > li:nth-child(5) > a:hover, .nx-order-mnb > ul > li:nth-child(5) > a.active {
  background-image: url(../imgs/order/order_ico_nav5_on.png);
}
.nx-order-mnb > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center 8px;
  background-size: 22px auto;
  transition: background 0.3s ease-in-out;
}
.nx-order-mnb > ul > li > a > span {
  display: inline-block;
  padding-top: 32px;
  vertical-align: top;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  letter-spacing: -0.01em;
  color: #40424F;
}

/* 라디오버튼 */
.nx-order-input-radio {
  float: left;
  position: relative;
  margin-right: 16px;
  padding: 0;
  height: 18px;
  box-sizing: border-box;
}
.nx-order-input-radio:last-child {
  margin-right: 0;
}
.nx-order-input-radio input[type=radio] {
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  outline: 0;
  opacity: 0;
  visibility: hidden;
}
.nx-order-input-radio input[type=radio]:checked + label::before {
  border-color: #4d5163;
  background: #4d5163;
}
.nx-order-input-radio input[type=radio]:checked + label::after {
  opacity: 1;
}
.nx-order-input-radio .nx-order-lbl {
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  color: #40424f;
  font-size: 13px;
  line-height: 18px;
  vertical-align: top;
  box-sizing: border-box;
}
.nx-order-input-radio .nx-order-lbl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  border: 1px solid #c4c4c4;
  border-radius: 50%;
  box-sizing: border-box;
  transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
}
.nx-order-input-radio .nx-order-lbl::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  display: block;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #fff;
  border: none \0 /IE89;
  border-radius: 50%;
  box-sizing: content-box;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.nx-order-mypage-lead {
  padding: 30px 0 20px;
  text-align: justify;
  font-size: 14px;
  line-height: 1.45;
  color: #444;
}

/* 관심제품 리스트 */
.nx-order-list-wrap2 .nx-order-list2 > li {
  position: relative;
  margin-bottom: 12px;
  padding: 12px;
  box-sizing: border-box;
  border: 1px solid #dadbe5;
  border-radius: 3px;
}
.nx-order-list-wrap2 .nx-order-list2 > li::after {
  content: "";
  display: table;
  clear: both;
}
.nx-order-list-wrap2 .nx-order-list2 > li:last-child {
  margin-bottom: 0;
}
.nx-order-list-wrap2 .nx-order-list2 > li .nx-order-thum {
  float: left;
  width: 95px;
  border: 1px solid #eee;
  box-sizing: border-box;
  box-shadow: 1px 1px 4px rgba(28, 31, 41, 0.1);
}
.nx-order-list-wrap2 .nx-order-list2 > li .nx-order-thum img {
  width: 100%;
  vertical-align: top;
}
.nx-order-list-wrap2 .nx-order-list2 > li .nx-order-ins-wrap {
  float: right;
  width: calc(100% - 105px);
}
.nx-order-list-wrap2 .nx-order-list2 > li .nx-order-ins-wrap .nx-order-tit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 36px;
  font-size: 16px;
  line-height: 1.5;
  color: #444;
}
.nx-order-list-wrap2 .nx-order-list2 > li .nx-order-ins-wrap .nx-order-btn-del {
  position: absolute;
  right: 12px;
  top: 12px;
}
.nx-order-list-wrap2 .nx-order-list2 > li .nx-order-ins-wrap .nx-order-price {
  position: absolute;
  right: 12px;
  bottom: 12px;
  color: #40424f;
  font-size: 18px;
}

/* 장바구니 */
.nx-order-mypage-cart {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.nx-order-mypage-cart .nx-order-list-wrap2 {
  width: calc(100% - 298px);
}
.nx-order-mypage-cart .nx-order-list-wrap2 .nx-order-list2 > li .nx-order-ins-wrap .nx-order-tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
  padding: 0 24px 0 0;
  white-space: normal;
}
.nx-order-mypage-cart .nx-order-list-wrap2 .nx-order-list2 > li .nx-order-input-amount {
  right: auto;
  left: 117px;
  top: auto;
  bottom: 12px;
}
.nx-order-mypage-cart .nx-order-mypage-side {
  width: 288px;
  background: #fff;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.14);
  padding: 12px;
  box-sizing: border-box;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment {
  margin-bottom: 12px;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #dadbe5;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li:last-child {
  margin-bottom: 0;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-tit {
  margin-bottom: 16px;
  color: #40424f;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt {
  line-height: 24px;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt::after {
  content: "";
  display: table;
  clear: both;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-field, .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-total-field {
  position: relative;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-field > dt, .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-total-field > dt {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  color: #9fa0a7;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-field > dd, .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-total-field > dd {
  padding-left: 84px;
  text-align: right;
  font-size: 16px;
  color: #444;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-field > dd > strong, .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-total-field > dd > strong {
  padding-right: 4px;
  font-size: 24px;
  color: #40424f;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-field {
  margin-top: 10px;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-field:first-child {
  margin-top: 0;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-total-field {
  margin-top: 16px;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-wrap-radio {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -16px;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-wrap-radio::after {
  content: "";
  display: table;
  clear: both;
}
.nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-wrap-radio > .nx-order-radio-field {
  float: left;
  margin: 0 4px 16px 0;
  min-width: 84px;
}
.nx-order-mypage-cart .nx-order-btn-order {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  background: #4D5163;
  border-radius: 3px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
}

.nx-order-request::after {
  content: "";
  display: table;
  clear: both;
}
.nx-order-request .nx-order-chk1-wrap {
  float: right;
  padding-right: 0;
}
.nx-order-request .nx-order-chk1-wrap label .nx-order-txt {
  color: #40424f;
  font-size: 16px;
}
.nx-order-request .nx-order-textarea {
  clear: right;
  margin-bottom: 24px;
  height: 100px;
}

.nx-order-textarea {
  padding: 6px 10px;
  width: 100%;
  box-sizing: border-box;
  background: #f3f3f3;
  border-radius: 3px;
  font-size: 14px;
  box-sizing: border-box;
  border: 1px solid #f3f3f3;
  resize: none;
}
.nx-order-textarea::-moz-placeholder {
  color: #9fa0a7;
}
.nx-order-textarea::placeholder {
  color: #9fa0a7;
}

/* 결제 리스트 */
.nx-order-list-wrap3 .nx-order-list3 > li {
  margin-bottom: 8px;
  padding: 16px 24px;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  cursor: pointer;
}
.nx-order-list-wrap3 .nx-order-list3 > li:last-child {
  margin-bottom: 0;
}
.nx-order-list-wrap3 .nx-order-list3 > li.active .nx-order-payment-detail {
  display: block;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-detail {
  display: none;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e3e3e3;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li {
  position: relative;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li::after {
  content: "";
  display: table;
  clear: both;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: calc(100% - 116px);
  height: 1px;
  background: #e3e3e3;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li:last-child::before {
  display: none;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li > .nx-order-ins-wrap {
  float: right;
  padding: 10px 110px 10px 0;
  width: calc(100% - 116px);
  box-sizing: border-box;
  line-height: 1.5;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li > .nx-order-ins-wrap > .nx-order-tit {
  margin-bottom: 5px;
  color: #444;
  font-size: 16px;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li > .nx-order-ins-wrap > .nx-order-vol {
  margin-bottom: 5px;
  color: #7a7b81;
  font-size: 14px;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li > .nx-order-ins-wrap > .nx-order-state {
  color: #7a7b81;
  font-size: 14px;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li > .nx-order-ins-wrap > .nx-order-price {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -13px;
  font-size: 20px;
  line-height: 26px;
  color: #40424F;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li > .nx-order-thum {
  float: left;
  width: 100px;
  border: 1px solid #eee;
  box-sizing: border-box;
  box-shadow: 1px 1px 4px rgba(28, 31, 41, 0.1);
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li > .nx-order-thum img {
  width: 100%;
  vertical-align: top;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-etc-info {
  margin-top: 16px;
  padding: 16px;
  background: #fafafa;
  border-radius: 3px;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-etc-info > li {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-etc-info > li > span {
  display: inline-block;
  color: #7a7b81;
  font-size: 14px;
  line-height: 20px;
}
.nx-order-list-wrap3 .nx-order-list3 .nx-order-etc-info > li > strong {
  display: inline-block;
  padding-left: 8px;
  color: #40424f;
  font-size: 16px;
  line-height: 20px;
}

.nx-order-payment-info {
  display: flex;
  flex-wrap: wrap;
}
.nx-order-payment-info > dt > .nx-order-thum {
  margin-right: 30px;
  width: 95px;
  height: 95px;
  border: 1px solid #eee;
  box-sizing: border-box;
}
.nx-order-payment-info > dt > .nx-order-thum img {
  width: 100%;
  vertical-align: top;
}
.nx-order-payment-info > dt > .nx-order-md-res-info {
  display: none;
}
.nx-order-payment-info .nx-order-date {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 24px;
  width: 108px;
  height: 40px;
  font-size: 16px;
  line-height: 1.25;
  color: #444;
}
.nx-order-payment-info .nx-order-date::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #e3e3e3;
}
.nx-order-payment-info .nx-order-cnt {
  margin-right: 24px;
  width: calc(100% - 306px);
}
.nx-order-payment-info .nx-order-cnt > ul {
  display: flex;
  flex-wrap: wrap;
}
.nx-order-payment-info .nx-order-cnt > ul > li {
  margin-right: 10px;
  min-width: 86px;
  line-height: 1.45;
}
.nx-order-payment-info .nx-order-cnt > ul > li > h6 {
  font-size: 14px;
  font-weight: 400;
}
.nx-order-payment-info .nx-order-cnt > ul > li > p {
  font-size: 14px;
  font-weight: 400;
  color: #444;
}
.nx-order-payment-info .nx-order-cnt > ul > li > p .nx-order-state1 {
  color: #69a2e2;
}
.nx-order-payment-info .nx-order-cnt > ul > li.nx-order-ls2 {
  min-width: 62px;
}
.nx-order-payment-info .nx-order-cnt2 {
  margin-right: 24px;
  width: calc(100% - 300px);
}
.nx-order-payment-info .nx-order-cnt2 > ul {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -25px -22px 0;
}
.nx-order-payment-info .nx-order-cnt2 > ul > li {
  margin: 0 25px 22px 0;
  width: 130px;
  max-width: 100%;
  line-height: 1.45;
}
.nx-order-payment-info .nx-order-cnt2 > ul > li > h6 {
  font-size: 14px;
  font-weight: 400;
  color: #9fa0a7;
}
.nx-order-payment-info .nx-order-cnt2 > ul > li > p {
  font-size: 14px;
  font-weight: 400;
  color: #444;
}
.nx-order-payment-info .nx-order-cnt2 > ul > li > p .nx-order-state1 {
  color: #69a2e2;
}
.nx-order-payment-info .nx-order-btn-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 150px;
}
.nx-order-payment-info .nx-order-btn-box > a {
  position: relative;
  z-index: 1;
  display: block;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.nx-order-payment-info .nx-order-btn-box > a.nx-order-btn-cancel {
  min-width: 72px;
  background: #f57474;
}
.nx-order-payment-info .nx-order-btn-box > a.nx-order-btn-reorder {
  min-width: 60px;
  background: #4d5163;
}
.nx-order-payment-info .nx-order-btn-box > a.nx-order-btn-payment {
  min-width: 72px;
  background: #4d5163;
}
.nx-order-payment-info .nx-order-btn-box > a:hover {
  opacity: 0.8;
}

/* 리스트 페이지 모바일 카테고리 */
.nx-order-nav-cate {
  display: none;
}

@media screen and (min-width: 1024px) {
  /*=======================================================================
  가로 해상도 1024이상 css
  =======================================================================*/
  .nx-order-manage {
    /* 내용 : 1024px */
  }
  .nx-order-manage .nx-order-content {
    width: calc(100% - 300px);
  }
  /* 카테고리 : 1024px */
  .nx-order-cate {
    padding: 24px 34px;
    width: 300px;
  }
  /* 검색 : 1024px */
  .nx-order-search .nx-order-input-wrap {
    clear: none;
    float: right;
    max-width: 240px;
  }
  /* 발주리스트 : 1024px */
  .nx-order-list-wrap .nx-order-list > li::after {
    width: calc(100% - 166px);
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-thum {
    width: 150px;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info {
    width: calc(100% - 166px);
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info.badge > dt {
    padding-top: 0;
    padding-bottom: 27px;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info.badge > dt .badge-area {
    top: auto;
    bottom: 0;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dt {
    float: left;
    width: 35%;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dt span {
    display: block;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd {
    width: 45%;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li {
    margin-right: 0;
    width: 33.333%;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li::after {
    display: none;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li.category span {
    display: block;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li span, .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li strong {
    float: none;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li span {
    margin-bottom: 10px;
    padding-right: 0;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd.nx-order-price {
    position: relative;
    right: auto;
    top: auto;
    display: block;
    padding-top: 28px;
    width: 20%;
    height: auto;
  }
  /* 관심제품 리스트 : 1024px */
  .nx-order-list-wrap2 .nx-order-list2 > li {
    margin-bottom: 18px;
    padding: 24px;
  }
  .nx-order-list-wrap2 .nx-order-list2 > li .nx-order-ins-wrap {
    width: calc(100% - 110px);
  }
  .nx-order-list-wrap2 .nx-order-list2 > li .nx-order-ins-wrap .nx-order-btn-del {
    right: 24px;
    top: 24px;
  }
  .nx-order-list-wrap2 .nx-order-list2 > li .nx-order-ins-wrap .nx-order-price {
    right: 24px;
    bottom: 24px;
  }
  /* 장바구니 : 1024px */
  .nx-order-mypage-cart .nx-order-list-wrap2 {
    width: calc(100% - 430px);
  }
  .nx-order-mypage-cart .nx-order-list-wrap2 .nx-order-list2 > li .nx-order-input-amount {
    left: 134px;
    bottom: 24px;
  }
  .nx-order-mypage-cart .nx-order-mypage-side {
    width: 406px;
    padding: 24px;
  }
}
@media screen and (max-width: 767px) {
  /*=======================================================================
  가로 해상도 767이하 css
  =======================================================================*/
  /* 하단 메뉴 : 767px */
  .nx-order-mnb {
    display: block;
  }
  .nx-order-manage {
    overflow: visible;
    position: relative;
    display: block;
    box-shadow: none;
  }
  /* 카테고리 : 767px */
  .nx-order-cate {
    position: fixed;
    left: 0;
    bottom: -100%;
    z-index: 100;
    overflow-y: auto;
    width: 100%;
    height: calc(100% - 51px);
    padding: 60px 0 24px;
    background: #f7f7fa;
    transition: all 0.3s ease-in-out;
  }
  .nx-order-cate.active {
    bottom: 51px;
    z-index: 10001;
  }
  .nx-order-cate > .nx-order-tit {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    padding: 0 30px 0 16px;
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    border-bottom: 1px solid #c4c4c4;
    font-size: 16px;
    color: #444;
    background: #fff;
  }
  .nx-order-cate > .nx-order-tit .nx-order-btn-cls {
    position: absolute;
    right: 16px;
    top: 50%;
    display: block;
    margin-top: -12px;
  }
  .nx-order-cate.type-E {
    padding-top: 54px;
    border-right: 0;
  }
  .nx-order-cate.type-E .nx-order-tit {
    background: #FFF;
    color: #333;
    border-bottom: 1px solid #DEDEDE;
  }
  .nx-order-cate.type-E .nx-order-cate-list {
    padding-bottom: 0px;
  }
  .nx-order-cate.type-E .lst-show-all {
    padding: 15px 15px;
    border-bottom: 0;
  }
  .nx-order-cate.type-E .lst-show-all li {
    padding: 0 10px;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
  }
  .tc-nav-side {
    padding: 0 15px;
    box-sizing: border-box;
  }
  .tc-side-mnb {
    border: 1px solid #DEDEDE;
    border-bottom: 0;
  }
  .nx-order-cate-list {
    position: relative;
    padding-bottom: 72px;
  }
  .nx-order-cate-list .nx-order-tree-ul > li .nx-order-tree-sub-ul {
    padding-left: 16px;
    background: #edeef5;
  }
  .nx-order-cate-list .nx-order-tree-ul > li .nx-order-ico-arr1 {
    right: 16px;
  }
  .nx-order-cate-list .nx-order-tree-ul.lst-show-all {
    border-bottom: none;
  }
  .nx-order-cate-list .nx-order-btn-bookmark {
    right: 16px;
    display: none;
  }
  .nx-order-cate-list .nx-order-btn-save {
    position: absolute;
    bottom: 16px;
    left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 32px);
    height: 40px;
    background: #4D5163;
    border-radius: 3px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
    color: #fff;
  }
  .nx-order-chk1-wrap {
    padding: 12px 56px 12px 46px;
  }
  .nx-order-chk1-wrap .nx-order-chk1 {
    left: 16px;
  }
  .nx-order-chk1-wrap label .nx-order-chkbox {
    left: 16px;
  }
  .nx-order-btn-cls {
    background: #fff;
  }
  .nx-order-btn-cls:hover {
    background: #f3f3f3;
  }
  .nx-order-btn-cls .ico-cls {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px;
  }
  .nx-order-btn-cls .ico-cls:before, .nx-order-btn-cls .ico-cls:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 1px;
    background-color: #4d5163;
  }
  .nx-order-btn-cls .ico-cls:before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .nx-order-btn-cls .ico-cls:after {
    transform: translate(-50%, -50%) rotate(135deg);
  }
  .nx-order-manage {
    /* 내용 : 767px */
  }
  .nx-order-manage .nx-order-content {
    padding-bottom: 0;
    width: auto;
  }
  .nx-order-manage .nx-order-content > .nx-order-tit {
    padding: 16px 16px 0;
    font-size: 13px;
  }
  /* 검색 : 767px */
  .nx-order-search {
    position: fixed;
    left: 0;
    bottom: -100%;
    z-index: 100;
    overflow-y: auto;
    padding: 0;
    width: 100%;
    height: calc(100% - 51px);
    background: #fff;
    transition: all 0.3s ease-in-out;
    /* 범위 : 767px */
  }
  .nx-order-search.active {
    bottom: 51px;
  }
  .nx-order-search .nx-order-search-wrap {
    position: relative;
  }
  .nx-order-search .nx-order-search-ins-wrap {
    position: static;
    padding: 60px 16px 0;
    background: #fff;
    box-sizing: border-box;
  }
  .nx-order-search .nx-order-tit {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    padding: 0 30px 0 16px;
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    border-bottom: 1px solid #c4c4c4;
    color: #444;
    background: #fff;
    font-size: 16px;
  }
  .nx-order-search .nx-order-tit .nx-order-btn-cls {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -12px;
  }
  .nx-order-search .nx-order-search-tit {
    display: block;
    margin: 16px 0 10px;
    font-size: 13px;
  }
  .nx-order-search .search-scope {
    display: block;
  }
  .nx-order-search .nx-order-search-item {
    float: none;
  }
  .nx-order-search .nx-order-select-wrap {
    float: none;
    margin: 0 0 8px 0;
    border: 1px solid #dedede;
    box-sizing: border-box;
    border-radius: 3px;
  }
  .nx-order-search .nx-order-select-wrap:last-child {
    margin-bottom: 0;
  }
  .nx-order-search .nx-order-select-wrap .ico-arr {
    right: 12px;
  }
  .nx-order-search .nx-order-input-wrap {
    margin: 16px 0 0 0;
  }
  .nx-order-search .nx-order-input-wrap .nx-order-input-text {
    padding: 0 22px 0 28px;
    height: 40px;
    line-height: 40px;
  }
  .nx-order-search .nx-order-input-wrap .nx-order-btn-del {
    display: block;
  }
  .nx-order-search .nx-order-btn-search {
    top: auto;
    bottom: 16px;
    right: 16px;
    width: calc(100% - 32px);
    height: 40px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
  }
  .nx-order-search .nx-order-btn-reset {
    right: 16px;
    top: 50px;
    margin-top: 0;
    padding-left: 18px;
    width: auto;
    background-position: 0 center;
    background-size: 12px auto;
    font-size: 12px;
    text-indent: 0;
    line-height: 34px;
  }
  /* 배지 : 767px */
  .nx-order-badge-wrap {
    margin-bottom: -8px;
    padding: 16px 16px 64px;
  }
  .nx-order-badge-wrap .nx-order-badge-tit {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
  }
  .nx-order-badge-wrap .nx-order-lst-badge > li > a {
    font-size: 12px;
    line-height: 22px;
  }
  .nx-order-select {
    padding: 6px 22px 6px 12px;
    width: 100%;
    font-size: 13px;
  }
  /* 발주리스트 : 767px */
  .nx-order-list-wrap {
    padding-bottom: 51px;
  }
  .nx-order-list-wrap .nx-order-count {
    padding: 16px;
  }
  .nx-order-list-wrap .nx-order-count span {
    display: none;
  }
  .nx-order-list-wrap .nx-order-select-wrap {
    right: 6px;
    top: 6px;
  }
  .nx-order-list-wrap .nx-order-list {
    padding: 0 16px;
  }
  .nx-order-list-wrap .nx-order-list > li {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
  .nx-order-list-wrap .nx-order-list > li:before {
    display: none;
  }
  .nx-order-list-wrap .nx-order-list > li::after {
    width: calc(100% - 112px);
    height: 1px;
    background: #e3e3e3;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-ins-wrap:hover {
    border: 1px solid transparent;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info {
    position: static;
    padding: 20px 28px 16px 0;
    width: calc(100% - 140px);
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info.badge {
    padding-top: 45px;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info.badge > dt {
    position: static;
    padding-top: 0;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info.badge > dt .badge-area {
    left: 112px;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info.badge > dd > .nx-order-lst-info > li.category strong {
    top: 27px;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dt {
    width: auto;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dt strong {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.45em;
    max-height: 4.35em !important;
    margin-bottom: 0;
    font-size: 14px;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd {
    float: left;
    width: auto;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li {
    position: static;
    display: none;
    float: none;
    margin-right: 0;
    width: auto;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li.category {
    display: block;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li.category span {
    display: none;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li.category strong {
    position: absolute;
    left: 112px;
    top: 0;
    display: block;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li::after {
    display: none;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd > .nx-order-lst-info > li strong {
    font-size: 12px;
    color: #9fa0a7;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd.nx-order-price {
    position: static;
    padding-top: 0;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-item-info > dd.nx-order-price em {
    position: absolute;
    right: auto;
    top: auto;
    left: 112px;
    bottom: 12px;
    width: auto;
    height: auto;
    text-align: left;
    font-size: 15px;
  }
  .nx-order-list-wrap .nx-order-list > li .nx-order-like {
    position: absolute;
    right: 13px;
    top: 0;
  }
  /* 상세정보 : 767px */
  .nx-order-detail {
    position: fixed;
    right: 0;
    top: auto;
    bottom: -100%;
    opacity: 1;
    visibility: visible;
    z-index: 100;
    width: 100%;
    height: calc(100% - 51px);
    padding: 60px 0 0;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
    box-shadow: none;
  }
  .nx-order-detail.active {
    right: 0;
    bottom: 51px;
  }
  .nx-order-detail .nx-order-tit {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    padding: 0 30px 0 16px;
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    border-bottom: 1px solid #c4c4c4;
    color: #444;
    background: #fff;
  }
  .nx-order-detail .nx-order-tit .nx-order-btn-cls {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -12px;
  }
  .nx-order-detail .nx-order-total {
    padding: 16px;
  }
  .nx-order-detail .nx-order-total .nx-order-price {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 24px;
  }
  .nx-order-detail .nx-order-total .nx-order-price > dd strong {
    font-size: 17px;
  }
  .nx-order-detail .nx-order-total .nx-order-btn-cart {
    height: 40px;
    font-size: 12px;
  }
  .nx-order-detail-info .nx-order-lst-detail {
    margin: 0 16px;
    padding-bottom: 16px;
  }
  .nx-order-detail-info .nx-order-lst-detail > dt {
    font-size: 15px;
  }
  .nx-order-detail-info .nx-order-lst-detail > dd .nx-order-ins-lst > li > .nx-order-item {
    font-size: 12px;
  }
  .nx-order-detail-info .nx-order-lst-detail > dd .nx-order-ins-lst > li > .nx-order-cnt {
    font-size: 13px;
  }
  .nx-order-detail-info .nx-order-lst-detail > dd.nx-order-btn-box .nx-order-btn {
    height: 40px;
    padding: 0;
    font-size: 12px;
    line-height: 40px;
  }
  .nx-order-amount {
    padding: 16px;
  }
  .nx-order-amount > dt {
    margin-bottom: 12px;
    font-size: 13px;
  }
  .nx-order-amount > dd {
    position: relative;
    padding: 10px 130px 10px 0;
  }
  .nx-order-amount > dd .nx-order-price {
    font-size: 14px;
  }
  .nx-order-input-amount {
    width: 120px;
  }
  .nx-order-input-amount .nx-order-input-text {
    font-size: 13px;
  }
  /* 제품이미지 : 767px */
  .nx-order-prdc-image {
    padding: 16px 16px 44px;
  }
  .nx-order-prdc-image .nx-order-prdc-h-group .nx-order-count {
    float: none;
    font-size: 13px;
  }
  .nx-order-prdc-image .nx-order-prdc-h-group .nx-order-pagenate {
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 100%;
    float: none;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
  }
  .nx-order-prdc-image .nx-order-btn-prev, .nx-order-prdc-image .nx-order-btn-next {
    bottom: 12px;
    width: 24px;
    height: 24px;
  }
  .nx-order-prdc-image .nx-order-btn-prev {
    left: 50%;
    margin-left: -50px;
  }
  .nx-order-prdc-image .nx-order-btn-prev .ico-arr {
    position: absolute;
    display: block;
    width: 8px;
    height: 14px;
    margin: -7px 0 0 -4px;
  }
  .nx-order-prdc-image .nx-order-btn-prev .ico-arr:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    transform: translate(-50%, -50%) scale(1.1428571429, 1) rotate(45deg);
    margin-left: 3px;
    border-left: 1px solid #40424f;
    border-bottom: 1px solid #40424f;
  }
  .nx-order-prdc-image .nx-order-btn-next {
    right: 50%;
    margin-right: -50px;
  }
  .nx-order-prdc-image .nx-order-btn-next .ico-arr {
    position: absolute;
    display: block;
    width: 8px;
    height: 14px;
    margin: -7px -4px 0 0;
  }
  .nx-order-prdc-image .nx-order-btn-next .ico-arr:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    transform: translate(-50%, -50%) scale(1.1428571429, 1) rotate(45deg);
    margin-left: -3px;
    border-top: 1px solid #40424f;
    border-right: 1px solid #40424f;
  }
  /* 동영상 : 767px */
  .nx-order-video {
    padding: 16px 16px 18px;
  }
  /* 다운로드, 매뉴얼 : 767px */
  .nx-order-board {
    padding: 16px 16px 18px;
  }
  .nx-order-board .nx-order-lst-board > li > a {
    padding: 6px 0;
  }
  .nx-order-board .nx-order-lst-board > li > a strong {
    font-size: 13px;
  }
  .nx-order-board .nx-order-lst-board > li > a i {
    font-size: 13px;
  }
  .nx-order-h-group .nx-order-count {
    font-size: 13px;
  }
  /* 관심제품 리스트 : 767px */
  .nx-order-list-wrap2 .nx-order-list2 > li {
    margin-bottom: 10px;
    padding: 16px;
  }
  .nx-order-list-wrap2 .nx-order-list2 > li .nx-order-ins-wrap .nx-order-tit {
    font-size: 14px;
  }
  .nx-order-list-wrap2 .nx-order-list2 > li .nx-order-ins-wrap .nx-order-btn-del {
    right: 16px;
    top: 16px;
  }
  .nx-order-list-wrap2 .nx-order-list2 > li .nx-order-ins-wrap .nx-order-price {
    right: 16px;
    bottom: 16px;
    font-size: 16px;
  }
  /* 장바구니 : 767px */
  .nx-order-mypage-cart {
    display: block;
  }
  .nx-order-mypage-cart .nx-order-list-wrap2 {
    margin-bottom: 16px;
    width: 100%;
  }
  .nx-order-mypage-cart .nx-order-list-wrap2 .nx-order-list2 > li .nx-order-ins-wrap {
    width: calc(100% - 110px);
  }
  .nx-order-mypage-cart .nx-order-list-wrap2 .nx-order-list2 > li .nx-order-input-amount {
    left: 126px;
    bottom: 16px;
  }
  .nx-order-mypage-cart .nx-order-mypage-side {
    padding: 16px;
    width: 100%;
  }
  .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
  .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-tit {
    margin-bottom: 8px;
    font-size: 13px;
  }
  .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt {
    line-height: 20px;
  }
  .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-field > dt, .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-total-field > dt {
    font-size: 13px;
  }
  .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-field > dd, .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-total-field > dd {
    font-size: 14px;
  }
  .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-field > dd > strong, .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-total-field > dd > strong {
    font-size: 16px;
  }
  .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-field {
    margin-top: 6px;
  }
  .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-total-field {
    margin-top: 8px;
  }
  .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-wrap-radio {
    margin-bottom: -8px;
  }
  .nx-order-mypage-cart .nx-order-mypage-side .nx-order-lst-payment > li .nx-order-cnt .nx-order-wrap-radio > .nx-order-radio-field {
    margin: 0 4px 8px 0;
  }
  .nx-order-mypage-cart .nx-order-btn-order {
    height: 40px;
    font-size: 12px;
  }
  .nx-order-request .nx-order-chk1-wrap label .nx-order-txt {
    font-size: 14px;
  }
  .nx-order-request .nx-order-textarea {
    margin-bottom: 12px;
  }
  .nx-order-textarea {
    font-size: 13px;
  }
  /* 결제 리스트 */
  .nx-order-list-wrap3 .nx-order-list3 > li {
    margin-bottom: 10px;
    padding: 16px;
  }
  .nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: calc(100% - 112px);
    height: 1px;
    background: #e3e3e3;
  }
  .nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li > .nx-order-ins-wrap {
    padding: 0;
    width: calc(100% - 112px);
    line-height: 1.25;
  }
  .nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li > .nx-order-ins-wrap > .nx-order-tit {
    margin-bottom: 3px;
    font-size: 13px;
  }
  .nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li > .nx-order-ins-wrap > .nx-order-vol {
    margin-bottom: 3px;
    font-size: 12px;
  }
  .nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li > .nx-order-ins-wrap > .nx-order-state {
    font-size: 12px;
  }
  .nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li > .nx-order-ins-wrap > .nx-order-price {
    position: static;
    right: auto;
    top: auto;
    margin-top: 3px;
    font-size: 16px;
    line-height: 1.25;
  }
  .nx-order-list-wrap3 .nx-order-list3 .nx-order-payment-lst-detail > li > .nx-order-thum {
    width: 75px;
  }
  .nx-order-list-wrap3 .nx-order-list3 .nx-order-etc-info {
    padding: 8px;
  }
  .nx-order-list-wrap3 .nx-order-list3 .nx-order-etc-info > li > span {
    font-size: 12px;
  }
  .nx-order-list-wrap3 .nx-order-list3 .nx-order-etc-info > li > strong {
    padding-left: 4px;
    font-size: 13px;
  }
  .nx-order-payment-info {
    position: relative;
  }
  .nx-order-payment-info .nx-order-md-res-h-group {
    margin-top: 50px;
    padding-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
  }
  .nx-order-payment-info .nx-order-md-res-h-group::after {
    content: "";
    display: table;
    clear: both;
  }
  .nx-order-payment-info .nx-order-md-res-h-group > .nx-order-thum {
    float: left;
    margin-right: 0;
    width: 75px;
    height: 75px;
  }
  .nx-order-payment-info .nx-order-md-res-h-group > .nx-order-md-res-info {
    display: block;
    float: right;
    width: calc(100% - 85px);
  }
  .nx-order-payment-info .nx-order-md-res-h-group > .nx-order-md-res-info .nx-order-md-res-tit {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 14px;
    color: #40424f;
  }
  .nx-order-payment-info .nx-order-md-res-h-group > .nx-order-md-res-info .nx-order-md-res-date {
    font-size: 14px;
  }
  .nx-order-payment-info .nx-order-md-res-h-group > .nx-order-md-res-info .nx-order-md-res-date span, .nx-order-payment-info .nx-order-md-res-h-group > .nx-order-md-res-info .nx-order-md-res-date strong {
    display: block;
  }
  .nx-order-payment-info .nx-order-md-res-h-group > .nx-order-md-res-info .nx-order-md-res-date span {
    color: #444;
  }
  .nx-order-payment-info .nx-order-md-res-h-group > .nx-order-md-res-info .nx-order-md-res-date strong {
    color: #9fa0a7;
  }
  .nx-order-payment-info .nx-order-date {
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 0;
    width: auto;
    height: auto;
    font-size: 13px;
    line-height: 26px;
  }
  .nx-order-payment-info .nx-order-date::after {
    display: none;
  }
  .nx-order-payment-info .nx-order-cnt {
    margin-right: 0;
    padding-top: 34px;
    width: 100%;
  }
  .nx-order-payment-info .nx-order-cnt > ul > li {
    margin: 8px 5px 8px 0;
    min-width: 85px;
  }
  .nx-order-payment-info .nx-order-cnt > ul > li > h6 {
    font-size: 12px;
  }
  .nx-order-payment-info .nx-order-cnt > ul > li > p {
    font-size: 12px;
  }
  .nx-order-payment-info .nx-order-cnt2 {
    margin: 10px 0 0 0;
    width: auto;
  }
  .nx-order-payment-info .nx-order-cnt2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    height: 1px;
    background: #e3e3e3;
  }
  .nx-order-payment-info .nx-order-cnt2 > ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px -22px 0;
  }
  .nx-order-payment-info .nx-order-cnt2 > ul > li {
    margin: 0 25px 22px 0;
    width: 130px;
    max-width: 100%;
    line-height: 1.45;
  }
  .nx-order-payment-info .nx-order-cnt2 > ul > li.nx-order-res-num {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: calc(100% - 160px);
    line-height: 1.2;
  }
  .nx-order-payment-info .nx-order-cnt2 > ul > li > h6 {
    font-size: 14px;
    font-weight: 400;
    color: #9fa0a7;
  }
  .nx-order-payment-info .nx-order-cnt2 > ul > li > p {
    font-size: 14px;
    font-weight: 400;
    color: #444;
  }
  .nx-order-payment-info .nx-order-cnt2 > ul > li > p .nx-order-state1 {
    color: #69a2e2;
  }
  .nx-order-payment-info .nx-order-btn-box {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
  }
  .nx-order-payment-info .nx-order-btn-box > a {
    font-size: 12px;
    line-height: 26px;
  }
  .nx-order-payment-info .nx-order-btn-box > a.nx-order-btn-cancel {
    min-width: 75px;
  }
  .nx-order-payment-info .nx-order-btn-box > a + a {
    margin-left: 8px;
    min-width: 55px;
  }
  /* 리스트 페이지 모바일 카테고리 : 767px */
  .nx-order-nav-cate {
    position: relative;
    display: block;
    margin: 0 16px;
    background: #fff;
  }
  .nx-order-nav-cate .nx-order-bx-d1 {
    overflow-x: scroll;
    width: 100%;
    border: 1px solid #dadbe5;
    box-sizing: border-box;
  }
  .nx-order-nav-cate .nx-order-bx-d2 {
    padding: 16px 8px;
    background: #f5f5f5;
    border: 1px #dadbe5;
    border-style: none solid solid solid;
    box-sizing: border-box;
  }
  .nx-order-nav-cate .nx-order-btn-prev,
  .nx-order-nav-cate .nx-order-btn-next {
    position: absolute;
    z-index: 2;
    top: 20px;
    display: block;
    width: 20px;
    height: 20px;
    background: #4d5163;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    transition: all 0.35s linear;
  }
  .nx-order-nav-cate .nx-order-btn-prev strong,
  .nx-order-nav-cate .nx-order-btn-next strong {
    font-size: 0;
    text-indent: -9999px;
  }
  .nx-order-nav-cate .nx-order-btn-prev {
    left: 0;
  }
  .nx-order-nav-cate .nx-order-btn-prev .nx-order-arr {
    position: absolute;
    display: block;
    width: 6px;
    height: 12px;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -3px;
  }
  .nx-order-nav-cate .nx-order-btn-prev .nx-order-arr:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: 2px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .nx-order-nav-cate .nx-order-btn-next {
    right: 0;
  }
  .nx-order-nav-cate .nx-order-btn-next .nx-order-arr {
    position: absolute;
    display: block;
    width: 6px;
    height: 12px;
    right: 50%;
    top: 50%;
    margin: -6px -3px 0 0;
  }
  .nx-order-nav-cate .nx-order-btn-next .nx-order-arr:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    transform: translate(-50%, -50%) rotate(45deg);
    margin-left: -2px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .nx-order-cate-d1::after {
    content: "";
    display: table;
    clear: both;
  }
  .nx-order-cate-d1 li {
    float: left;
    width: 80px;
    border-right: 1px solid #dadbe5;
    box-sizing: border-box;
  }
  .nx-order-cate-d1 li a {
    position: relative;
    display: block;
    height: 60px;
    background: #fff;
    box-sizing: border-box;
    transition: background 0.35s linear;
  }
  .nx-order-cate-d1 li a:hover, .nx-order-cate-d1 li a.active {
    background: #888da2;
  }
  .nx-order-cate-d1 li a:hover .nx-order-tit, .nx-order-cate-d1 li a.active .nx-order-tit {
    color: #fff;
  }
  .nx-order-cate-d1 li a .nx-order-image {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .nx-order-cate-d1 li a .nx-order-image img {
    max-height: 32px;
    margin-bottom: 10px;
    vertical-align: top;
  }
  .nx-order-cate-d1 li a .nx-order-tit {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    font-weight: 500;
    font-size: 10px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #514F50;
    transition: color 0.35s linear;
  }
  .nx-order-cate-d2 {
    margin-bottom: -10px;
    text-align: center;
    font-size: 0;
  }
  .nx-order-cate-d2 > li {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
  }
  .nx-order-cate-d2 > li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    display: block;
    width: 1px;
    height: 16px;
    background: #dadbe5;
  }
  .nx-order-cate-d2 > li:last-child::after {
    display: none;
  }
  .nx-order-cate-d2 > li a {
    display: inline-block;
    padding: 0 15px;
    vertical-align: top;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #4D5163;
  }
}
/* ------------------------------------------------------------------------------------------

  사용법
  @include border-radius(10px);
  @include border-radius-separate(10px, 5px, 5px, 10px); ------ 왼쪽상단, 오른쪽상단, 오른쪽하단, 왼쪽하단.
  @include box-sizing(border-box);
  @include wan; ------ input, select, textarea 등의 기본스타일 제거.
  @include ellipsis1; ------ 한줄 텍스트 말줄임.
  @include v-gradient(#000000 0%, #999999 50%, #ffffff 100%); ------ ↓
  @include h-gradient(#000000 0%, #999999 50%, #ffffff 100%); ------ →
  @include d45-gradient(#000000 0%, #999999 50%, #ffffff 100%); ------ ↗
  @include d135-gradient(#000000 0%, #999999 50%, #ffffff 100%); ------ ↘
  @include rad-gradient(#000000 0%, #999999 50%, #ffffff 100%); ------ ○
  @include opacity(0.5);
  @include color-opacity(background, #ff0000, 0.5); ------ background, color, border-color 등 가능.
  @include retina-image(dtm, "../imgs/ico/ico1.png", 20px, 0 center); ------ 디바이스(d:데스크탑, t:태블릿, m:모바일, mh:모바일가로, mv:모바일세로), 이미지경로, background-size, background-position(null).
  @include transform-rotate(90deg);
  @include column(4, 10, 10%, -1); ------ 한 줄의 개수, 상하 여백 (단위 미입력 시 px. 입력하면 입력한 단위), 좌우 여백, 이전 사이즈 대비 한줄 개수 : 1, -1


------------------------------------------------------------------------------------------ */
/* icon : cancel */
/* icon : angle */
/*=======================================================================
시설장비예약/상세(nx-fe-rsv) css
=======================================================================*/
/* 검색 */
.nx-fe-rsv-search {
  padding: 24px 0;
  background: #fcfcfc;
  border: 1px solid #444;
}
.nx-fe-rsv-search table {
  width: 100%;
}
.nx-fe-rsv-search table tbody tr.line {
  border-bottom: 1px solid #ebebeb;
}
.nx-fe-rsv-search table tbody tr.line + tr th, .nx-fe-rsv-search table tbody tr.line + tr td {
  padding-top: 20px;
}
.nx-fe-rsv-search table tbody th, .nx-fe-rsv-search table tbody td {
  padding: 0 20px 20px;
  box-sizing: border-box;
  vertical-align: middle;
}
.nx-fe-rsv-search table tbody th {
  line-height: 30px;
  color: #222222;
  text-align: left;
}
.nx-fe-rsv-search .selected_lst {
  padding: 10px;
  margin-top: 10px;
  background: #fff;
  border: 1px solid #c4c4c4;
}
.nx-fe-rsv-search .selected_lst span {
  display: inline-block;
  padding: 0 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
  background: #8db8e8;
}
.nx-fe-rsv-search .selected_lst span a {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 8px;
  text-align: center;
  line-height: 16px;
  vertical-align: text-top;
  border: 2px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
.nx-fe-rsv-search input[type=radio].fill + label, .nx-fe-rsv-search input[type=checkbox].fill + label {
  min-width: auto;
  padding: 0 10px;
  color: #fff;
  background: #bbb;
}
.nx-fe-rsv-search input[type=radio].fill + label .txt, .nx-fe-rsv-search input[type=checkbox].fill + label .txt {
  line-height: 30px;
}
.nx-fe-rsv-search input[type=radio].fill + label .check, .nx-fe-rsv-search input[type=checkbox].fill + label .check {
  border: none;
  background: #fff;
  border-radius: 2px;
}
.nx-fe-rsv-search input[type=radio].fill:checked + label, .nx-fe-rsv-search input[type=checkbox].fill:checked + label {
  background: #8db8e8;
}

.nx-fe-rsv-sch-pop input[type=radio].fill + label, .nx-fe-rsv-sch-pop input[type=checkbox].fill + label {
  min-width: auto;
  padding: 0 10px;
  color: #333;
  background: #fff;
  border: 1px solid #8db8e8;
}
.nx-fe-rsv-sch-pop input[type=radio].fill + label .txt, .nx-fe-rsv-sch-pop input[type=checkbox].fill + label .txt {
  line-height: 30px;
}
.nx-fe-rsv-sch-pop input[type=radio].fill + label .check, .nx-fe-rsv-sch-pop input[type=checkbox].fill + label .check {
  border: none;
  background: #dedede;
  border-radius: 2px;
}
.nx-fe-rsv-sch-pop input[type=radio].fill:checked + label, .nx-fe-rsv-sch-pop input[type=checkbox].fill:checked + label {
  color: #fff;
  background: #8db8e8;
}
.nx-fe-rsv-sch-pop input[type=radio].fill:checked + label .check, .nx-fe-rsv-sch-pop input[type=checkbox].fill:checked + label .check {
  background: #fff;
}
.nx-fe-rsv-sch-pop .region {
  position: relative;
  overflow: hidden;
  padding: 16px;
  border: 1px solid #ccc;
}
.nx-fe-rsv-sch-pop .region .name {
  padding-bottom: 10px;
  margin: 30px 0 10px;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #e3e3e3;
  clear: both;
}
.nx-fe-rsv-sch-pop .region .name:first-child {
  margin-top: 0;
}
.nx-fe-rsv-sch-pop .region input[type=radio].fill + label, .nx-fe-rsv-sch-pop .region input[type=checkbox].fill + label {
  float: left;
  width: calc(25% - 9px);
  margin-left: 12px;
}
.nx-fe-rsv-sch-pop .region input[type=radio].fill + label:nth-of-type(4n+1), .nx-fe-rsv-sch-pop .region input[type=checkbox].fill + label:nth-of-type(4n+1) {
  margin-left: 0;
}
.nx-fe-rsv-sch-pop .p1 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3a3a3a;
}
.nx-fe-rsv-sch-pop .selected_lst {
  padding: 16px;
  margin-top: 10px;
  background: #fff;
  border: 1px solid #c4c4c4;
}
.nx-fe-rsv-sch-pop .selected_lst span {
  display: inline-block;
  padding: 0 10px;
  margin-right: 5px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
  background: #8db8e8;
}
.nx-fe-rsv-sch-pop .selected_lst span a {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 8px;
  text-align: center;
  line-height: 16px;
  vertical-align: text-top;
  border: 2px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
}

/* 팝업 */
.nx-fe-rsv-center-popup {
  position: fixed;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 1000;
  margin: auto;
  padding: 24px;
  max-width: 400px;
  max-height: 350px;
  background: #fff;
  box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: 5px;
}

/* 팝업 - 예약완료 */
.nx-fe-rsv-lead-confirm {
  margin-bottom: 24px;
  padding-top: 34px;
  background: url(../imgs/reserveFe/rsv_ico_check.png) no-repeat center 0;
  background-size: 26px auto;
  font-size: 18px;
  line-height: 1.45;
  text-align: center;
  color: #3e3e3e;
}

.nx-fe-rsv-bx-confirm {
  margin-bottom: 30px;
  text-align: center;
}
.nx-fe-rsv-bx-confirm .nx-fe-rsv-lst-confirm {
  display: inline-block;
  padding: 16px 24px;
  background: #f5f5f5;
  border-radius: 3px;
  vertical-align: top;
}
.nx-fe-rsv-bx-confirm .nx-fe-rsv-lst-confirm li {
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 1.5;
  color: #3e3e3e;
}
.nx-fe-rsv-bx-confirm .nx-fe-rsv-lst-confirm li:last-child {
  margin-bottom: 0;
}

.nx-fe-rsv-popup-btn-area {
  text-align: center;
}

.nx-fe-rsv-btn-fir, .nx-fe-rsv-btn-sec {
  display: inline-block;
  margin: 0 5px;
  padding: 0 10px;
  background: #4d5163;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  vertical-align: top;
}

.nx-fe-rsv-btn-sec {
  background: #b0afb0;
}

.nx-fe-rsv .nx-fe-rsv-h-group {
  position: relative;
  margin-bottom: 50px;
  border-bottom: 3px solid #6e89eb;
}
.nx-fe-rsv .nx-fe-rsv-h-group::after {
  content: "";
  display: table;
  clear: both;
}
.nx-fe-rsv .nx-fe-rsv-h-group .nx-fe-rsv-tit1 {
  float: left;
  padding: 0 10px 14px 0;
  font-size: 24px;
  line-height: 30px;
  color: #3a3a3a;
}
.nx-fe-rsv .nx-fe-rsv-h-group .nx-fe-rsv-tit1 strong {
  font-weight: 400;
}
.nx-fe-rsv .nx-fe-rsv-h-group .nx-fe-rsv-link {
  float: right;
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  color: rgb(110, 137, 235);
}

.nx-fe-rsv-container {
  position: relative;
  padding-bottom: 50px;
}
.nx-fe-rsv-container::after {
  content: "";
  display: table;
  clear: both;
}
.nx-fe-rsv-container::before {
  content: "";
  position: absolute;
  right: 410px;
  top: -50px;
  width: 1px;
  height: calc(100% + 50px);
  background: #bdbdbd;
}
.nx-fe-rsv-container .nx-fe-rsv-content {
  float: left;
  width: calc(100% - 440px);
}
.nx-fe-rsv-container .nx-fe-rsv-content .nx-fe-rsv-btn-rsv {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 50px;
  line-height: 50px;
  background: #6E89EB;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}
.nx-fe-rsv-container .nx-fe-rsv-content .nx-fe-rsv-btn-rsv.before {
  background: #ccc;
}
.nx-fe-rsv-container .nx-fe-rsv-content .nx-fe-rsv-btn-rsv .ico-arr {
  position: absolute;
  display: block;
  width: 5px;
  height: 10px;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.nx-fe-rsv-container .nx-fe-rsv-content .nx-fe-rsv-btn-rsv .ico-arr:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 3px;
  transform: translate(-50%, -50%) rotate(45deg);
  margin-left: -1px;
  border-top: 2px solid #ebeefc;
  border-right: 2px solid #ebeefc;
}
.nx-fe-rsv-container .nx-fe-rsv-option {
  float: right;
  width: 380px;
}

/* 옵션 상자 */
.nx-fe-rsv-bx-option {
  padding: 24px 0;
  box-sizing: border-box;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.14);
  color: #3e3e3e;
  /* 옵션 - 안내글 */
  /* 옵션 - 버튼 상자 */
}
.nx-fe-rsv-bx-option .nx-fe-rsv-ins-arti {
  margin-bottom: 20px;
}
.nx-fe-rsv-bx-option .nx-fe-rsv-ins-arti:last-child {
  margin-bottom: 0;
}
.nx-fe-rsv-bx-option .nx-fe-rsv-tit-option {
  margin: 0 24px 18px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
}
.nx-fe-rsv-bx-option .nx-fe-rsv-date {
  margin: 0 24px;
}
.nx-fe-rsv-bx-option .nx-fe-rsv-msg {
  margin: 0 24px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #676767;
}
.nx-fe-rsv-bx-option .nx-fe-rsv-stock {
  margin: 0 24px 16px;
  font-size: 18px;
}
.nx-fe-rsv-bx-option .nx-fe-rsv-detail {
  padding-top: 16px;
  margin: 0 24px 10px;
  border-top: 1px solid #ccc;
}
.nx-fe-rsv-bx-option .nx-fe-rsv-lead-option {
  margin: 0 24px 16px;
  padding: 10px 16px;
  background: #f5f5f5;
  border-radius: 3px;
  color: #676767;
  font-size: 16px;
  line-height: 1.5;
}
.nx-fe-rsv-bx-option .nx-fe-rsv-btn-box {
  margin: 0 24px;
}
.nx-fe-rsv-bx-option .nx-fe-rsv-btn-box .nx-fe-rsv-btn-rsv {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 50px;
  background: #6E89EB;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}
.nx-fe-rsv-bx-option .nx-fe-rsv-btn-box .nx-fe-rsv-btn-rsv.before {
  background: #ccc;
}
.nx-fe-rsv-bx-option .nx-fe-rsv-btn-box .nx-fe-rsv-btn-rsv .ico-arr {
  position: absolute;
  display: block;
  width: 5px;
  height: 10px;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.nx-fe-rsv-bx-option .nx-fe-rsv-btn-box .nx-fe-rsv-btn-rsv .ico-arr:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 3px;
  transform: translate(-50%, -50%) rotate(45deg);
  margin-left: -1px;
  border-top: 2px solid #ebeefc;
  border-right: 2px solid #ebeefc;
}

/* 옵션 - 날짜선택 */
.nx-fe-rsv-date {
  position: relative;
  padding: 0 60px 0 20px;
  background: #fff;
  border: 1px solid #6e89eb;
  box-sizing: border-box;
}
.nx-fe-rsv-date .ico-arr2 {
  display: none;
}
.nx-fe-rsv-date .nx-fe-rsv-input-date:focus {
  border-color: transparent !important;
  box-shadow: none;
}
.nx-fe-rsv-date .nx-fe-rsv-btn-date {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  right: 19px;
  top: 50%;
  display: block;
  margin-top: -18px;
  width: 34px;
  height: 37px;
  background: url(../imgs/reserveFe/rsv_ico_date.png) no-repeat center center;
  background-size: 24px auto;
}

.nx-fe-rsv-input-date {
  width: 100%;
  height: 58px;
  box-sizing: border-box;
  border: 1px solid transparent;
  line-height: 58px;
  font-size: 22px;
  color: #000;
  cursor: pointer;
}

.nx-fe-rsv-multi {
  width: 100%;
  padding: 10px 20px 14px 0;
  border: 1px solid transparent;
  cursor: pointer;
  box-sizing: border-box;
}
.nx-fe-rsv-multi span {
  display: inline-block;
  padding: 5px 10px;
  margin: 5px 5px 0 0;
  font-size: 14px;
  color: #fff;
  background: #8db8e8;
  border-radius: 4px;
}

.nx-fe-rsv-reset {
  display: block;
  padding: 16px 0;
  font-size: 16px;
  color: #3e3e3e;
  text-align: center;
  border-top: 1px solid #e3e3e3;
}

/* 옵션 - 상세 */
.nx-fe-rsv-detail > li {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  font-size: 18px;
}
.nx-fe-rsv-detail > li:last-child {
  margin-bottom: 0;
}
.nx-fe-rsv-detail > li > .tit, .nx-fe-rsv-detail > li > .cnt {
  font-size: 18px;
}
.nx-fe-rsv-detail > li > .tit {
  display: flex;
  align-items: center;
  height: 36px;
  font-weight: 500;
}
.nx-fe-rsv-detail > li > .cnt {
  display: flex;
  align-items: center;
  height: 36px;
  flex-shrink: 0;
}
.nx-fe-rsv-detail > li > .cnt .nx-fe-rsv-amount {
  position: absolute;
  right: 0;
  top: 0;
}
.nx-fe-rsv-detail > li > .cnt.price {
  font-size: 22px;
}

/* 옵션 - 수량 */
.nx-fe-rsv-amount {
  position: relative;
  width: 132px;
  height: 36px;
  border-radius: 3px;
}
.nx-fe-rsv-amount .nx-fe-rsv-btn-decrs, .nx-fe-rsv-amount .nx-fe-rsv-btn-incrs {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  width: 36px;
  height: 36px;
  background: #858995;
}
.nx-fe-rsv-amount .nx-fe-rsv-btn-decrs::before, .nx-fe-rsv-amount .nx-fe-rsv-btn-incrs::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -7px;
  width: 14px;
  height: 1px;
  background: #fff;
}
.nx-fe-rsv-amount .nx-fe-rsv-btn-decrs {
  left: 0;
  border-radius: 3px 0 0 3px;
}
.nx-fe-rsv-amount .nx-fe-rsv-btn-incrs {
  right: 0;
  border-radius: 0 3px 3px 0;
}
.nx-fe-rsv-amount .nx-fe-rsv-btn-incrs::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -1px;
  width: 1px;
  height: 14px;
  background: #fff;
}
.nx-fe-rsv-amount .nx-fe-rsv-input-text {
  width: 100%;
  height: 34px;
  background: #f3f3f3;
  font-size: 16px;
  font-weight: 700;
  color: #3e3e3e;
  text-align: center;
  line-height: 34px;
  border: 1px solid #f3f3f3;
}
.nx-fe-rsv-amount .nx-fe-rsv-input-text:focus {
  border-color: transparent !important;
  box-shadow: none;
}

/* 옵션 - 시간선택 */
.nx-fe-rsv-opt {
  overflow: hidden;
  position: relative;
  margin: 0 24px;
  padding: 0 20px;
  cursor: pointer;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #6e89eb;
  box-sizing: border-box;
}
.nx-fe-rsv-opt .nx-fe-rsv-input-date {
  display: block;
}
.nx-fe-rsv-opt .nx-fe-rsv-input-date:focus {
  border-color: transparent !important;
  box-shadow: none;
}
.nx-fe-rsv-opt .ico-arr2 {
  position: absolute;
  display: block;
  width: 14px;
  height: 6px;
  display: block;
  top: 26px;
  right: 28px;
  transition: transform 0.3s ease-in-out;
}
.nx-fe-rsv-opt .ico-arr2:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  transform: translate(-50%, -50%) scale(1, 0.8571428571) rotate(45deg);
  margin-top: -2px;
  border-right: 1px solid #37394d;
  border-bottom: 1px solid #37394d;
}
.nx-fe-rsv-opt .nx-fe-rsv-btn-more {
  display: none;
}
.nx-fe-rsv-opt.active {
  height: auto;
}
.nx-fe-rsv-opt.active .nx-fe-rsv-opt-lst::before {
  opacity: 1;
}
.nx-fe-rsv-opt.active .ico-arr2 {
  transform: rotate(-180deg);
}
.nx-fe-rsv-opt .nx-fe-rsv-opt-tit {
  padding: 16px 0 10px;
  font-size: 18px;
  color: #aaa;
  border-bottom: 1px solid #aaa;
}
.nx-fe-rsv-opt .nx-fe-rsv-opt-tit ~ .ico-arr2 {
  top: 74px;
}

/* 옵션 리스트 */
.nx-fe-rsv-opt-lst {
  position: relative;
  counter-reset: rsv-time;
  overflow-y: auto;
  max-height: 490px;
}
.nx-fe-rsv-opt-lst::before {
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  top: -1px;
  display: block;
  height: 1px;
  background: #e3e3e3;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.nx-fe-rsv-opt-lst > li {
  position: relative;
  overflow: hidden;
  padding: 7px 0 7px 30px;
  cursor: pointer;
}
.nx-fe-rsv-opt-lst > li::after {
  content: "";
  display: table;
  clear: both;
}
.nx-fe-rsv-opt-lst > li:hover::before, .nx-fe-rsv-opt-lst > li.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: -25px;
  right: -25px;
  bottom: 0;
  background: #f7f7fc;
}
.nx-fe-rsv-opt-lst > li.nx-fe-rsv-nis {
  color: #ccc;
  cursor: default;
}
.nx-fe-rsv-opt-lst > li:not(.chk)::after {
  counter-increment: rsv-time;
  content: counter(rsv-time);
  position: absolute;
  left: 0;
  top: 7px;
  display: block;
  color: #aaa;
  line-height: 36px;
}
.nx-fe-rsv-opt-lst > li > .time {
  position: relative;
  float: left;
  line-height: 36px;
  font-size: 16px;
}
.nx-fe-rsv-opt-lst > li > .vol {
  position: relative;
  float: right;
  line-height: 36px;
  text-align: right;
  font-size: 16px;
}
.nx-fe-rsv-opt-lst > li > .opt {
  position: relative;
  display: block;
  line-height: 36px;
  font-size: 16px;
}
.nx-fe-rsv-opt-lst > li > .expl {
  position: relative;
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}
.nx-fe-rsv-opt-lst > li.chk input {
  position: absolute;
  left: 0;
  top: 17px;
  width: 18px;
  height: 18px;
  border: 1px solid #d1d1d1;
  background: #fff;
}
.nx-fe-rsv-opt-lst > li.chk input:checked {
  background: #fff url(../imgs/ico/bg_check@2x.png) no-repeat center;
  background-size: 50%;
}

.nx-fe-rsv-opt-btn {
  display: inline-block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #6e89eb;
}

/* 옵션(예약하기) 팝업버튼 */
.nx-fe-rsv-fix-btn-area {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: none;
  padding: 12px;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
}
.nx-fe-rsv-fix-btn-area .nx-fe-rsv-btn-open {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background: #6e89eb;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  line-height: 1.3;
  color: #fff;
}

/* 모바일 옵션 타이틀 */
.nx-fe-rsv-md-tit1 {
  display: none;
}

/* 내용 - 타이틀 */
.nx-fe-rsv-tit2 {
  margin-bottom: 26px;
  padding-bottom: 10px;
  font-style: normal;
  font-size: 24px;
  line-height: 1.45;
  color: #444;
  border-bottom: 1px solid #bcbcbc;
}

/* 부가상품 */
.nx-fe-rsv-add {
  padding-top: 16px;
  margin: 0 24px 10px;
  border-top: 1px solid #ccc;
}
.nx-fe-rsv-add > .tit {
  height: 36px;
  font-weight: 500;
  font-size: 18px;
}
.nx-fe-rsv-add > .cnt {
  padding: 16px;
  border: 1px solid #ccc;
}
.nx-fe-rsv-add > .cnt + .cnt {
  margin-top: 10px;
}
.nx-fe-rsv-add > .cnt .info {
  overflow: hidden;
  margin-top: 10px;
}
.nx-fe-rsv-add > .cnt .info .img {
  float: left;
  width: 102px;
  height: 102px;
  border: 1px solid #eee;
}
.nx-fe-rsv-add > .cnt .info .p1 {
  margin-left: 112px;
}
.nx-fe-rsv-add > .cnt .amount {
  overflow: hidden;
  margin-top: 10px;
}
.nx-fe-rsv-add > .cnt .amount .p1 {
  float: left;
  font-size: 18px;
  color: #3e3e3e;
  line-height: 36px;
}
.nx-fe-rsv-add > .cnt .amount .nx-fe-rsv-amount {
  float: right;
}
.nx-fe-rsv-add > .cnt .price {
  margin-top: 10px;
  font-size: 22px;
  color: #3e3e3e;
  text-align: right;
}

/* 메인 예약 리스트 */
/* 일반리스트 */
.reserve_fe-lst-type1 {
  overflow: hidden;
  /* 간격 */
  /* 배경색 */
  /* 보더 */
  /* 여백 */
  /* 이미지비율 */
  /* 라운드 */
}
.reserve_fe-lst-type1 li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #666;
}
.reserve_fe-lst-type1 li a {
  overflow: hidden;
  display: block;
}
.reserve_fe-lst-type1 .img-wrap1 {
  margin-bottom: 15px;
}
.reserve_fe-lst-type1 .img-wrap2 {
  overflow: hidden;
  position: relative;
  height: 0;
}
.reserve_fe-lst-type1 .img-wrap2 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.reserve_fe-lst-type1 .txt-wrap p + p {
  margin-top: 5px;
}
.reserve_fe-lst-type1 .txt-wrap .cate {
  font-size: 12px;
  color: #aaa;
}
.reserve_fe-lst-type1 .txt-wrap .cate:not([class*=nxc-elss]) {
  line-height: 1.5;
}
.reserve_fe-lst-type1 .txt-wrap .opt {
  font-size: 12px;
  color: #de4c4c;
}
.reserve_fe-lst-type1 .txt-wrap .opt:not([class*=nxc-elss]) {
  line-height: 1.5;
}
.reserve_fe-lst-type1 .txt-wrap .tit {
  word-break: break-all;
  font-size: 16px;
  color: #333;
}
.reserve_fe-lst-type1 .txt-wrap .tit:not([class*=nxc-elss]) {
  line-height: 1.5;
}
.reserve_fe-lst-type1 .txt-wrap .price1 {
  font-size: 14px;
  color: #666;
  text-decoration: line-through;
}
.reserve_fe-lst-type1 .txt-wrap .price1:not([class*=nxc-elss]) {
  line-height: 1.5;
}
.reserve_fe-lst-type1 .txt-wrap .price2 {
  font-size: 14px;
  color: #666;
}
.reserve_fe-lst-type1 .txt-wrap .price2:not([class*=nxc-elss]) {
  line-height: 1.5;
}
.reserve_fe-lst-type1 .txt-wrap .ct {
  font-size: 14px;
  color: #999;
}
.reserve_fe-lst-type1 .txt-wrap .ct:not([class*=nxc-elss]) {
  line-height: 1.5;
}
.reserve_fe-lst-type1 .txt-wrap .soldout {
  display: inline-block;
  padding: 3px;
  font-size: 12px;
  color: #f00;
  border: 1px solid #f00;
  border-radius: 4px;
}
.reserve_fe-lst-type1.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.reserve_fe-lst-type1.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.reserve_fe-lst-type1.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.reserve_fe-lst-type1.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: 3%;
  clear: none;
}
.reserve_fe-lst-type1.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.reserve_fe-lst-type1.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.reserve_fe-lst-type1.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.reserve_fe-lst-type1.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.reserve_fe-lst-type1.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.reserve_fe-lst-type1.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.reserve_fe-lst-type1.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col3.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 3);
  margin-left: 0px;
  float: left;
}
.reserve_fe-lst-type1.col3.col-mg0 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col3.col-mg0 > li:nth-child(n+4) {
  margin-top: 0px;
  clear: none;
}
.reserve_fe-lst-type1.col3.col-mg0 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col3.col-mg1 > li {
  width: calc((100% - 2% - 1px) / 3);
  margin-left: 1%;
  float: left;
}
.reserve_fe-lst-type1.col3.col-mg1 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col3.col-mg1 > li:nth-child(n+4) {
  margin-top: 3%;
  clear: none;
}
.reserve_fe-lst-type1.col3.col-mg1 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col3.col-mg2 > li {
  width: calc((100% - 4% - 1px) / 3);
  margin-left: 2%;
  float: left;
}
.reserve_fe-lst-type1.col3.col-mg2 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col3.col-mg2 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.reserve_fe-lst-type1.col3.col-mg2 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col3.col-mg3 > li {
  width: calc((100% - 8% - 1px) / 3);
  margin-left: 4%;
  float: left;
}
.reserve_fe-lst-type1.col3.col-mg3 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col3.col-mg3 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.reserve_fe-lst-type1.col3.col-mg3 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col3.col-mg4 > li {
  width: calc((100% - 12% - 1px) / 3);
  margin-left: 6%;
  float: left;
}
.reserve_fe-lst-type1.col3.col-mg4 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col3.col-mg4 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.reserve_fe-lst-type1.col3.col-mg4 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col4.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 4);
  margin-left: 0px;
  float: left;
}
.reserve_fe-lst-type1.col4.col-mg0 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col4.col-mg0 > li:nth-child(n+5) {
  margin-top: 0px;
  clear: none;
}
.reserve_fe-lst-type1.col4.col-mg0 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col4.col-mg1 > li {
  width: calc((100% - 3% - 1px) / 4);
  margin-left: 1%;
  float: left;
}
.reserve_fe-lst-type1.col4.col-mg1 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col4.col-mg1 > li:nth-child(n+5) {
  margin-top: 3%;
  clear: none;
}
.reserve_fe-lst-type1.col4.col-mg1 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col4.col-mg2 > li {
  width: calc((100% - 6% - 1px) / 4);
  margin-left: 2%;
  float: left;
}
.reserve_fe-lst-type1.col4.col-mg2 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col4.col-mg2 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.reserve_fe-lst-type1.col4.col-mg2 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col4.col-mg3 > li {
  width: calc((100% - 12% - 1px) / 4);
  margin-left: 4%;
  float: left;
}
.reserve_fe-lst-type1.col4.col-mg3 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col4.col-mg3 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.reserve_fe-lst-type1.col4.col-mg3 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col4.col-mg4 > li {
  width: calc((100% - 18% - 1px) / 4);
  margin-left: 6%;
  float: left;
}
.reserve_fe-lst-type1.col4.col-mg4 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col4.col-mg4 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.reserve_fe-lst-type1.col4.col-mg4 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg0 > li, .reserve_fe-lst-type1.col-bd.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg0 > li:nth-child(-n+2), .reserve_fe-lst-type1.col-bd.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg0 > li:nth-child(n+3), .reserve_fe-lst-type1.col-bd.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg0 > li:nth-child(2n+1), .reserve_fe-lst-type1.col-bd.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg1 > li, .reserve_fe-lst-type1.col-bd.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg1 > li:nth-child(-n+2), .reserve_fe-lst-type1.col-bd.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg1 > li:nth-child(n+3), .reserve_fe-lst-type1.col-bd.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: 1%;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg1 > li:nth-child(2n+1), .reserve_fe-lst-type1.col-bd.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg2 > li, .reserve_fe-lst-type1.col-bd.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg2 > li:nth-child(-n+2), .reserve_fe-lst-type1.col-bd.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg2 > li:nth-child(n+3), .reserve_fe-lst-type1.col-bd.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: 2%;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg2 > li:nth-child(2n+1), .reserve_fe-lst-type1.col-bd.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg3 > li, .reserve_fe-lst-type1.col-bd.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg3 > li:nth-child(-n+2), .reserve_fe-lst-type1.col-bd.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg3 > li:nth-child(n+3), .reserve_fe-lst-type1.col-bd.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: 4%;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg3 > li:nth-child(2n+1), .reserve_fe-lst-type1.col-bd.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg4 > li, .reserve_fe-lst-type1.col-bd.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg4 > li:nth-child(-n+2), .reserve_fe-lst-type1.col-bd.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg4 > li:nth-child(n+3), .reserve_fe-lst-type1.col-bd.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col2.col-mg4 > li:nth-child(2n+1), .reserve_fe-lst-type1.col-bd.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg0 > li, .reserve_fe-lst-type1.col-bd.col3.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 3);
  margin-left: 0px;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg0 > li:nth-child(-n+3), .reserve_fe-lst-type1.col-bd.col3.col-mg0 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg0 > li:nth-child(n+4), .reserve_fe-lst-type1.col-bd.col3.col-mg0 > li:nth-child(n+4) {
  margin-top: 0px;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg0 > li:nth-child(3n+1), .reserve_fe-lst-type1.col-bd.col3.col-mg0 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg1 > li, .reserve_fe-lst-type1.col-bd.col3.col-mg1 > li {
  width: calc((100% - 2% - 1px) / 3);
  margin-left: 1%;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg1 > li:nth-child(-n+3), .reserve_fe-lst-type1.col-bd.col3.col-mg1 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg1 > li:nth-child(n+4), .reserve_fe-lst-type1.col-bd.col3.col-mg1 > li:nth-child(n+4) {
  margin-top: 1%;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg1 > li:nth-child(3n+1), .reserve_fe-lst-type1.col-bd.col3.col-mg1 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg2 > li, .reserve_fe-lst-type1.col-bd.col3.col-mg2 > li {
  width: calc((100% - 4% - 1px) / 3);
  margin-left: 2%;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg2 > li:nth-child(-n+3), .reserve_fe-lst-type1.col-bd.col3.col-mg2 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg2 > li:nth-child(n+4), .reserve_fe-lst-type1.col-bd.col3.col-mg2 > li:nth-child(n+4) {
  margin-top: 2%;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg2 > li:nth-child(3n+1), .reserve_fe-lst-type1.col-bd.col3.col-mg2 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg3 > li, .reserve_fe-lst-type1.col-bd.col3.col-mg3 > li {
  width: calc((100% - 8% - 1px) / 3);
  margin-left: 4%;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg3 > li:nth-child(-n+3), .reserve_fe-lst-type1.col-bd.col3.col-mg3 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg3 > li:nth-child(n+4), .reserve_fe-lst-type1.col-bd.col3.col-mg3 > li:nth-child(n+4) {
  margin-top: 4%;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg3 > li:nth-child(3n+1), .reserve_fe-lst-type1.col-bd.col3.col-mg3 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg4 > li, .reserve_fe-lst-type1.col-bd.col3.col-mg4 > li {
  width: calc((100% - 12% - 1px) / 3);
  margin-left: 6%;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg4 > li:nth-child(-n+3), .reserve_fe-lst-type1.col-bd.col3.col-mg4 > li:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg4 > li:nth-child(n+4), .reserve_fe-lst-type1.col-bd.col3.col-mg4 > li:nth-child(n+4) {
  margin-top: 6%;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col3.col-mg4 > li:nth-child(3n+1), .reserve_fe-lst-type1.col-bd.col3.col-mg4 > li:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg0 > li, .reserve_fe-lst-type1.col-bd.col4.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 4);
  margin-left: 0px;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg0 > li:nth-child(-n+4), .reserve_fe-lst-type1.col-bd.col4.col-mg0 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg0 > li:nth-child(n+5), .reserve_fe-lst-type1.col-bd.col4.col-mg0 > li:nth-child(n+5) {
  margin-top: 0px;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg0 > li:nth-child(4n+1), .reserve_fe-lst-type1.col-bd.col4.col-mg0 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg1 > li, .reserve_fe-lst-type1.col-bd.col4.col-mg1 > li {
  width: calc((100% - 3% - 1px) / 4);
  margin-left: 1%;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg1 > li:nth-child(-n+4), .reserve_fe-lst-type1.col-bd.col4.col-mg1 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg1 > li:nth-child(n+5), .reserve_fe-lst-type1.col-bd.col4.col-mg1 > li:nth-child(n+5) {
  margin-top: 1%;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg1 > li:nth-child(4n+1), .reserve_fe-lst-type1.col-bd.col4.col-mg1 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg2 > li, .reserve_fe-lst-type1.col-bd.col4.col-mg2 > li {
  width: calc((100% - 6% - 1px) / 4);
  margin-left: 2%;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg2 > li:nth-child(-n+4), .reserve_fe-lst-type1.col-bd.col4.col-mg2 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg2 > li:nth-child(n+5), .reserve_fe-lst-type1.col-bd.col4.col-mg2 > li:nth-child(n+5) {
  margin-top: 2%;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg2 > li:nth-child(4n+1), .reserve_fe-lst-type1.col-bd.col4.col-mg2 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg3 > li, .reserve_fe-lst-type1.col-bd.col4.col-mg3 > li {
  width: calc((100% - 12% - 1px) / 4);
  margin-left: 4%;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg3 > li:nth-child(-n+4), .reserve_fe-lst-type1.col-bd.col4.col-mg3 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg3 > li:nth-child(n+5), .reserve_fe-lst-type1.col-bd.col4.col-mg3 > li:nth-child(n+5) {
  margin-top: 4%;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg3 > li:nth-child(4n+1), .reserve_fe-lst-type1.col-bd.col4.col-mg3 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg4 > li, .reserve_fe-lst-type1.col-bd.col4.col-mg4 > li {
  width: calc((100% - 18% - 1px) / 4);
  margin-left: 6%;
  float: left;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg4 > li:nth-child(-n+4), .reserve_fe-lst-type1.col-bd.col4.col-mg4 > li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg4 > li:nth-child(n+5), .reserve_fe-lst-type1.col-bd.col4.col-mg4 > li:nth-child(n+5) {
  margin-top: 6%;
  clear: none;
}
.reserve_fe-lst-type1.col-bg.col4.col-mg4 > li:nth-child(4n+1), .reserve_fe-lst-type1.col-bd.col4.col-mg4 > li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type1.col-bg li a {
  background: #f5f5f5;
}
.reserve_fe-lst-type1.col-bg li a .img-wrap1 {
  margin-bottom: 0;
}
.reserve_fe-lst-type1.col-bg li a .txt-wrap {
  padding: 15px;
}
.reserve_fe-lst-type1.col-pd5.col-bg li a .img-wrap1, .reserve_fe-lst-type1.col-pd10.col-bg li a .img-wrap1, .reserve_fe-lst-type1.col-pd15.col-bg li a .img-wrap1, .reserve_fe-lst-type1.col-pd20.col-bg li a .img-wrap1 {
  margin-bottom: 15px;
}
.reserve_fe-lst-type1.col-pd5.col-bg li a .txt-wrap, .reserve_fe-lst-type1.col-pd10.col-bg li a .txt-wrap, .reserve_fe-lst-type1.col-pd15.col-bg li a .txt-wrap, .reserve_fe-lst-type1.col-pd20.col-bg li a .txt-wrap {
  padding: 0;
}
.reserve_fe-lst-type1.col-bd li a {
  border: 1px solid #e1e1e1;
}
.reserve_fe-lst-type1.col-bd li a .img-wrap1 {
  margin-bottom: 0;
}
.reserve_fe-lst-type1.col-bd li a .txt-wrap {
  padding: 15px;
  border-top: 1px solid #e1e1e1;
}
.reserve_fe-lst-type1.col-pd5.col-bd li a .img-wrap1, .reserve_fe-lst-type1.col-pd10.col-bd li a .img-wrap1, .reserve_fe-lst-type1.col-pd15.col-bd li a .img-wrap1, .reserve_fe-lst-type1.col-pd20.col-bd li a .img-wrap1 {
  margin-bottom: 15px;
}
.reserve_fe-lst-type1.col-pd5.col-bd li a .txt-wrap, .reserve_fe-lst-type1.col-pd10.col-bd li a .txt-wrap, .reserve_fe-lst-type1.col-pd15.col-bd li a .txt-wrap, .reserve_fe-lst-type1.col-pd20.col-bd li a .txt-wrap {
  padding: 0;
  border-top: none;
}
.reserve_fe-lst-type1.col-pd5 li a {
  padding: 5px;
}
.reserve_fe-lst-type1.col-pd10 li a {
  padding: 10px;
}
.reserve_fe-lst-type1.col-pd15 li a {
  padding: 15px;
}
.reserve_fe-lst-type1.col-pd20 li a {
  padding: 20px;
}
.reserve_fe-lst-type1.img-pd5 .img-wrap1 {
  padding: 5px;
}
.reserve_fe-lst-type1.img-pd10 .img-wrap1 {
  padding: 10px;
}
.reserve_fe-lst-type1.img-pd15 .img-wrap1 {
  padding: 15px;
}
.reserve_fe-lst-type1.img-pd20 .img-wrap1 {
  padding: 20px;
}
.reserve_fe-lst-type1.img-1x1 .img-wrap2 {
  padding-bottom: 100%;
}
.reserve_fe-lst-type1.img-4x3 .img-wrap2 {
  padding-bottom: 75%;
}
.reserve_fe-lst-type1.img-3x4 .img-wrap2 {
  padding-bottom: 125%;
}
.reserve_fe-lst-type1.col-rd1 li a {
  border-radius: 4px;
}
.reserve_fe-lst-type1.col-rd2 li a {
  border-radius: 8px;
}
.reserve_fe-lst-type1.col-rd3 li a {
  border-radius: 16px;
}
.reserve_fe-lst-type1.img-rd1 .img-wrap1, .reserve_fe-lst-type1.img-rd1 .img-wrap2 {
  border-radius: 4px;
}
.reserve_fe-lst-type1.img-rd2 .img-wrap1, .reserve_fe-lst-type1.img-rd2 .img-wrap2 {
  border-radius: 8px;
}
.reserve_fe-lst-type1.img-rd3 .img-wrap1, .reserve_fe-lst-type1.img-rd3 .img-wrap2 {
  border-radius: 16px;
}
.reserve_fe-lst-type1.img-1x1.img-rd4 .img-wrap1, .reserve_fe-lst-type1.img-1x1.img-rd4 .img-wrap2 {
  border-radius: 50%;
}

/* 카드타입 */
.reserve_fe-lst-type2 {
  overflow: hidden;
  /* 간격 */
  /* 보더 */
  /* 여백 */
  /* 이미지비율 */
  /* 라운드 */
}
.reserve_fe-lst-type2 li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #666;
}
.reserve_fe-lst-type2 li a {
  overflow: hidden;
  display: block;
}
.reserve_fe-lst-type2 .img-wrap1 {
  float: left;
  width: 40%;
  box-sizing: border-box;
}
.reserve_fe-lst-type2 .img-wrap2 {
  overflow: hidden;
  position: relative;
  height: 0;
}
.reserve_fe-lst-type2 .img-wrap2 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.reserve_fe-lst-type2 .txt-wrap {
  float: left;
  width: 60%;
  padding: 15px;
  box-sizing: border-box;
}
.reserve_fe-lst-type2 .txt-wrap p + p {
  margin-top: 5px;
}
.reserve_fe-lst-type2 .txt-wrap .cate {
  font-size: 12px;
  color: #aaa;
}
.reserve_fe-lst-type2 .txt-wrap .cate:not([class*=nxc-elss]) {
  line-height: 1.5;
}
.reserve_fe-lst-type2 .txt-wrap .opt {
  font-size: 12px;
  color: #de4c4c;
}
.reserve_fe-lst-type2 .txt-wrap .opt:not([class*=nxc-elss]) {
  line-height: 1.5;
}
.reserve_fe-lst-type2 .txt-wrap .tit {
  word-break: break-all;
  font-size: 16px;
  color: #333;
}
.reserve_fe-lst-type2 .txt-wrap .tit:not([class*=nxc-elss]) {
  line-height: 1.5;
}
.reserve_fe-lst-type2 .txt-wrap .price1 {
  font-size: 14px;
  color: #666;
  text-decoration: line-through;
}
.reserve_fe-lst-type2 .txt-wrap .price1:not([class*=nxc-elss]) {
  line-height: 1.5;
}
.reserve_fe-lst-type2 .txt-wrap .price2 {
  font-size: 14px;
  color: #666;
}
.reserve_fe-lst-type2 .txt-wrap .price2:not([class*=nxc-elss]) {
  line-height: 1.5;
}
.reserve_fe-lst-type2 .txt-wrap .ct {
  font-size: 14px;
  color: #999;
}
.reserve_fe-lst-type2 .txt-wrap .ct:not([class*=nxc-elss]) {
  line-height: 1.5;
}
.reserve_fe-lst-type2 .txt-wrap .soldout {
  display: inline-block;
  padding: 3px;
  font-size: 12px;
  color: #f00;
  border: 1px solid #f00;
  border-radius: 4px;
}
.reserve_fe-lst-type2.col2.col-mg0 > li {
  width: calc((100% - 0px - 1px) / 2);
  margin-left: 0px;
  float: left;
}
.reserve_fe-lst-type2.col2.col-mg0 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type2.col2.col-mg0 > li:nth-child(n+3) {
  margin-top: 0px;
  clear: none;
}
.reserve_fe-lst-type2.col2.col-mg0 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type2.col2.col-mg1 > li {
  width: calc((100% - 1% - 1px) / 2);
  margin-left: 1%;
  float: left;
}
.reserve_fe-lst-type2.col2.col-mg1 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type2.col2.col-mg1 > li:nth-child(n+3) {
  margin-top: 1%;
  clear: none;
}
.reserve_fe-lst-type2.col2.col-mg1 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type2.col2.col-mg2 > li {
  width: calc((100% - 2% - 1px) / 2);
  margin-left: 2%;
  float: left;
}
.reserve_fe-lst-type2.col2.col-mg2 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type2.col2.col-mg2 > li:nth-child(n+3) {
  margin-top: 2%;
  clear: none;
}
.reserve_fe-lst-type2.col2.col-mg2 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type2.col2.col-mg3 > li {
  width: calc((100% - 4% - 1px) / 2);
  margin-left: 4%;
  float: left;
}
.reserve_fe-lst-type2.col2.col-mg3 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type2.col2.col-mg3 > li:nth-child(n+3) {
  margin-top: 4%;
  clear: none;
}
.reserve_fe-lst-type2.col2.col-mg3 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type2.col2.col-mg4 > li {
  width: calc((100% - 6% - 1px) / 2);
  margin-left: 6%;
  float: left;
}
.reserve_fe-lst-type2.col2.col-mg4 > li:nth-child(-n+2) {
  margin-top: 0;
  clear: none;
}
.reserve_fe-lst-type2.col2.col-mg4 > li:nth-child(n+3) {
  margin-top: 6%;
  clear: none;
}
.reserve_fe-lst-type2.col2.col-mg4 > li:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.reserve_fe-lst-type2.col-bd li a {
  border: 1px solid #e1e1e1;
}
.reserve_fe-lst-type2.col-pd5 li a {
  padding: 5px;
}
.reserve_fe-lst-type2.col-pd10 li a {
  padding: 10px;
}
.reserve_fe-lst-type2.col-pd15 li a {
  padding: 15px;
}
.reserve_fe-lst-type2.col-pd20 li a {
  padding: 20px;
}
.reserve_fe-lst-type2.img-pd5 .img-wrap1 {
  padding: 5px;
}
.reserve_fe-lst-type2.img-pd10 .img-wrap1 {
  padding: 10px;
}
.reserve_fe-lst-type2.img-pd15 .img-wrap1 {
  padding: 15px;
}
.reserve_fe-lst-type2.img-pd20 .img-wrap1 {
  padding: 20px;
}
.reserve_fe-lst-type2.img-1x1 .img-wrap2 {
  padding-bottom: 100%;
}
.reserve_fe-lst-type2.img-4x3 .img-wrap2 {
  padding-bottom: 75%;
}
.reserve_fe-lst-type2.img-3x4 .img-wrap2 {
  padding-bottom: 125%;
}
.reserve_fe-lst-type2.col-rd1 li a {
  border-radius: 4px;
}
.reserve_fe-lst-type2.col-rd2 li a {
  border-radius: 8px;
}
.reserve_fe-lst-type2.col-rd3 li a {
  border-radius: 16px;
}
.reserve_fe-lst-type2.img-rd1 .img-wrap1, .reserve_fe-lst-type2.img-rd1 .img-wrap2 {
  border-radius: 4px;
}
.reserve_fe-lst-type2.img-rd2 .img-wrap1, .reserve_fe-lst-type2.img-rd2 .img-wrap2 {
  border-radius: 8px;
}
.reserve_fe-lst-type2.img-rd3 .img-wrap1, .reserve_fe-lst-type2.img-rd3 .img-wrap2 {
  border-radius: 16px;
}
.reserve_fe-lst-type2.img-1x1 .img-wrap1.img-rd4, .reserve_fe-lst-type2.img-1x1 .img-wrap2.img-rd4 {
  border-radius: 50%;
}

.nx-fe-rsv-tit3 {
  margin-bottom: 40px;
  text-align: center;
}
.nx-fe-rsv-tit3 .cate {
  margin-bottom: 8px;
  font-size: 15px;
  color: #4c6cdd;
  font-weight: 700;
}
.nx-fe-rsv-tit3 .tit {
  font-size: 32px;
  color: #1a1a1a;
}

.nx-fe-rsv-cont {
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}

/* 좌석관리 */
.place-wrap {
  background: #f6f6f6;
  border-radius: 12px;
  border-style: solid;
  border-color: #e1e1e1;
  border-width: 1px;
  padding: 6px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  row-gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  max-height: 500px;
  position: relative;
}
.place-wrap .place-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 175px;
  position: relative;
  height: 100%;
  box-sizing: border-box;
  overflow: scroll;
}
.place-wrap .place-title-wrap .place-title-item {
  color: #2b2c33;
  font-weight: 400;
  border-radius: 8px;
  padding: 14px 18px 14px 18px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  row-gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.place-wrap .place-title-wrap .place-title-item:hover {
  background: rgba(0, 0, 0, 0.04);
}
.place-wrap .place-title-wrap .place-title-item.active {
  font-weight: 700;
  background: #ffffff;
  border-style: solid;
  border-color: #dbdbdb;
  border-width: 1px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}
.place-wrap .place-item-wrap {
  background: #ffffff;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.place-wrap .place-item-wrap .place-item-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 5px;
}
.place-wrap .place-item-wrap .place-item-list .item-checkbox {
  width: calc((100% - 10px) / 3);
}
.place-wrap .place-item-wrap .place-item-list .item-checkbox .nx-fill {
  position: absolute;
  opacity: 0;
}
.place-wrap .place-item-wrap .place-item-list .item-checkbox .nx-fill + label {
  width: 100%;
  display: inline-block;
  position: relative;
  min-height: 36px;
  line-height: 14px;
  margin-top: 0;
  padding: 8px 16px 8px 10px;
  vertical-align: middle;
  color: #666;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 40px;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}
.place-wrap .place-item-wrap .place-item-list .item-checkbox .nx-fill + label:hover {
  background: #fcfcfc;
}
.place-wrap .place-item-wrap .place-item-list .item-checkbox .nx-fill + label:hover .check {
  background: rgba(0, 0, 0, 0.04);
}
.place-wrap .place-item-wrap .place-item-list .item-checkbox .nx-fill + label .check {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: #ffffff;
  border-radius: 50%;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
}
.place-wrap .place-item-wrap .place-item-list .item-checkbox .nx-fill + label .check .ico_check:before {
  content: "";
}
.place-wrap .place-item-wrap .place-item-list .item-checkbox .nx-fill + label .txt {
  margin-left: 6px;
  vertical-align: middle;
  color: #2b2c33;
}
.place-wrap .place-item-wrap .place-item-list .item-checkbox .nx-fill:checked + label {
  border: 2px solid #5268db;
  box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
}
.place-wrap .place-item-wrap .place-item-list .item-checkbox .nx-fill:checked + label .check {
  background: url(../imgs/ico_v3/ico_check.png) no-repeat;
  background-size: 100%;
  border: none;
}
.place-wrap .place-item-wrap .place-item-list .item-checkbox .nx-fill:checked + label .txt {
  color: #3954e0;
  font-weight: 500;
}
.place-wrap .place-item-wrap .place-item-list .item-checkbox .nx-fill[disabled] + label {
  border: 1px solid #e7e7e7;
  background: #f6f6f6;
  box-shadow: none;
}
.place-wrap .place-item-wrap .place-item-list .item-checkbox .nx-fill[disabled] + label .check {
  background: rgba(0, 0, 0, 0.08);
}

@media screen and (max-width: 1024px) {
  /*=======================================================================
  가로 해상도 1024이하 css
    =======================================================================*/
  .nx-fe-rsv-container {
    padding-bottom: 75px;
  }
  .nx-fe-rsv-container::before {
    display: none;
  }
  .nx-fe-rsv-container .nx-fe-rsv-content {
    float: none;
    width: 100%;
  }
  .nx-fe-rsv-container .nx-fe-rsv-option {
    float: none;
    width: auto;
  }
  /* 옵션 상자 : 1024px */
  .nx-fe-rsv-bx-option {
    box-shadow: none;
  }
  /* 옵션(예약하기) 팝업버튼 : 1024px */
  .nx-fe-rsv-fix-btn-area {
    display: block;
  }
  .nx-fe-rsv-center-modal {
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    max-width: 90%;
    max-height: 90%;
    margin: auto;
    background: #fff;
    box-sizing: border-box;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    box-shadow: 0 1px 12px #aaa;
  }
  .nx-fe-rsv-center-modal.active {
    opacity: 1;
    visibility: visible;
  }
  /* 모바일 옵션 타이틀 : 1023px */
  .nx-fe-rsv-md-tit1 {
    display: block;
    position: relative;
    padding: 16px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.25;
    color: #3a3a3a;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
  }
  .nx-fe-rsv-md-tit1 strong {
    font-weight: 400;
  }
  .nx-fe-rsv-md-tit1 .cls {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
  }
}
@media screen and (max-width: 767px) {
  /*=======================================================================
  가로 해상도 767이하 css
    =======================================================================*/
  .nx-fe-rsv-center-modal {
    top: auto;
    bottom: -100%;
    z-index: 1000;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    border-radius: 0;
    opacity: 1;
    transition: bottom 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
  .nx-fe-rsv-center-modal.active {
    bottom: 0;
  }
  .nx-fe-rsv-container::before {
    display: none;
  }
  /* 옵션 상자 : 767px */
  .nx-fe-rsv-bx-option {
    position: relative;
    padding: 24px 0;
    height: 100%;
    /* 옵션 - 안내글 : 767px */
    /* 옵션 - 버튼 상자 : 767px */
  }
  .nx-fe-rsv-bx-option .nx-fe-rsv-ins-arti {
    margin-bottom: 16px;
  }
  .nx-fe-rsv-bx-option .nx-fe-rsv-tit-option {
    display: none;
  }
  .nx-fe-rsv-bx-option .nx-fe-rsv-date {
    margin: 0 12px 16px;
  }
  .nx-fe-rsv-bx-option .nx-fe-rsv-msg {
    display: none;
  }
  .nx-fe-rsv-bx-option .nx-fe-rsv-stock {
    display: none;
  }
  .nx-fe-rsv-bx-option .nx-fe-rsv-detail {
    margin: 0 12px 10px;
  }
  .nx-fe-rsv-bx-option .nx-fe-rsv-lead-option {
    margin: 0 12px 16px;
    padding: 10px 16px;
    font-size: 12px;
    line-height: 1.45;
  }
  .nx-fe-rsv-bx-option .nx-fe-rsv-btn-box {
    margin: 0 12px;
  }
  .nx-fe-rsv-bx-option .nx-fe-rsv-btn-box .nx-fe-rsv-btn-rsv {
    font-size: 14px;
  }
  .nx-fe-rsv-bx-option .nx-fe-rsv-btn-box .nx-fe-rsv-btn-rsv .ico-arr {
    display: none;
  }
  /* 옵션 - 날짜선택 : 767px */
  .nx-fe-rsv-date {
    overflow: hidden;
    position: relative;
    padding: 0 12px;
    height: 44px;
    cursor: pointer;
  }
  .nx-fe-rsv-date::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 45px;
    display: block;
    width: calc(100% - 24px);
    height: 1px;
    background: #e3e3e3;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  .nx-fe-rsv-date .ico-arr2 {
    position: absolute;
    display: block;
    width: 14px;
    height: 6px;
    top: 18px;
    right: 12px;
    transition: transform 0.3s ease-in-out;
  }
  .nx-fe-rsv-date .ico-arr2:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    transform: translate(-50%, -50%) scale(1, 0.8571428571) rotate(45deg);
    margin-top: -2px;
    border-right: 1px solid #37394d;
    border-bottom: 1px solid #37394d;
  }
  .nx-fe-rsv-date .nx-fe-rsv-input-date:focus {
    border-color: transparent !important;
    box-shadow: none;
  }
  .nx-fe-rsv-date .nx-fe-rsv-calendar {
    margin: 12px 0;
    width: 100%;
    height: 0;
    background: #f3f3f3;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }
  .nx-fe-rsv-date.active {
    height: auto;
  }
  .nx-fe-rsv-date.active::before {
    opacity: 1;
  }
  .nx-fe-rsv-date.active .ico-arr2 {
    transform: rotate(-180deg);
  }
  .nx-fe-rsv-date.active .nx-fe-rsv-calendar {
    height: 220px;
    opacity: 1;
    visibility: visible;
  }
  .nx-fe-rsv-input-date {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
  }
  /* 옵션 - 상세 */
  .nx-fe-rsv-detail > li {
    margin-bottom: 2px;
    font-size: 16px;
  }
  .nx-fe-rsv-detail > li.rsv-time {
    display: none;
  }
  .nx-fe-rsv-detail > li > .tit, .nx-fe-rsv-detail > li > .cnt {
    font-size: 16px;
  }
  /* 옵션 - 시간선택 */
  .nx-fe-rsv-opt {
    margin: 0 12px;
    padding: 0 12px;
  }
  .nx-fe-rsv-opt::before {
    top: 44px;
  }
  .nx-fe-rsv-opt .ico-arr2 {
    top: 19px;
    right: 12px;
  }
  .nx-fe-rsv-opt .nx-fe-rsv-opt-tit ~ .ico-arr2 {
    top: 67px;
  }
  .nx-fe-rsv .nx-fe-rsv-h-group {
    margin-bottom: 30px;
    border-bottom: 2px solid #6e89eb;
  }
  .nx-fe-rsv .nx-fe-rsv-h-group .nx-fe-rsv-tit1 {
    float: none;
    padding: 0 10px 14px 0;
    font-size: 16px;
    line-height: 1.25;
  }
  .nx-fe-rsv .nx-fe-rsv-h-group .nx-fe-rsv-link {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  .reserve_fe-lst-type1.col4.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col4.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-mg0 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col4.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col4.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-mg1 > li:nth-child(n+3) {
    margin-top: 3%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-mg1 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col4.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col4.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-mg2 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-mg2 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col4.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col4.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-mg3 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-mg3 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col4.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col4.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-mg4 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col4.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg0 > li, .reserve_fe-lst-type1.col4.col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg0 > li:nth-child(-n+2), .reserve_fe-lst-type1.col4.col-bd.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg0 > li:nth-child(n+3), .reserve_fe-lst-type1.col4.col-bd.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg0 > li:nth-child(4n+1), .reserve_fe-lst-type1.col4.col-bd.col-mg0 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg0 > li:nth-child(2n+1), .reserve_fe-lst-type1.col4.col-bd.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg1 > li, .reserve_fe-lst-type1.col4.col-bd.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg1 > li:nth-child(-n+2), .reserve_fe-lst-type1.col4.col-bd.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg1 > li:nth-child(n+3), .reserve_fe-lst-type1.col4.col-bd.col-mg1 > li:nth-child(n+3) {
    margin-top: 1%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg1 > li:nth-child(4n+1), .reserve_fe-lst-type1.col4.col-bd.col-mg1 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg1 > li:nth-child(2n+1), .reserve_fe-lst-type1.col4.col-bd.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg2 > li, .reserve_fe-lst-type1.col4.col-bd.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg2 > li:nth-child(-n+2), .reserve_fe-lst-type1.col4.col-bd.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg2 > li:nth-child(n+3), .reserve_fe-lst-type1.col4.col-bd.col-mg2 > li:nth-child(n+3) {
    margin-top: 2%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg2 > li:nth-child(4n+1), .reserve_fe-lst-type1.col4.col-bd.col-mg2 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg2 > li:nth-child(2n+1), .reserve_fe-lst-type1.col4.col-bd.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg3 > li, .reserve_fe-lst-type1.col4.col-bd.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg3 > li:nth-child(-n+2), .reserve_fe-lst-type1.col4.col-bd.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg3 > li:nth-child(n+3), .reserve_fe-lst-type1.col4.col-bd.col-mg3 > li:nth-child(n+3) {
    margin-top: 4%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg3 > li:nth-child(4n+1), .reserve_fe-lst-type1.col4.col-bd.col-mg3 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg3 > li:nth-child(2n+1), .reserve_fe-lst-type1.col4.col-bd.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg4 > li, .reserve_fe-lst-type1.col4.col-bd.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg4 > li:nth-child(-n+2), .reserve_fe-lst-type1.col4.col-bd.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg4 > li:nth-child(n+3), .reserve_fe-lst-type1.col4.col-bd.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg4 > li:nth-child(4n+1), .reserve_fe-lst-type1.col4.col-bd.col-mg4 > li:nth-child(4n+1) {
    clear: none;
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col4.col-bg.col-mg4 > li:nth-child(2n+1), .reserve_fe-lst-type1.col4.col-bd.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
@media screen and (max-width: 518px) {
  /* 좌석관리 */
  .place-wrap {
    flex-direction: column;
  }
  .place-wrap .place-title-wrap {
    width: 100%;
  }
  .place-wrap .place-item-wrap .place-item-list .item-checkbox {
    width: calc((100% - 5px) / 2);
  }
}
@media only screen and (max-width: 459px) {
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg0 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg0 > li, .reserve_fe-lst-type2.col2.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg0 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg0 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg0 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg0 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg0 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg0 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-mg0 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg0 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg0 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg1 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg1 > li, .reserve_fe-lst-type2.col2.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg1 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg1 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg1 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg1 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-mg1 > li:nth-child(n+2) {
    margin-top: 3%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg1 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg1 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-mg1 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg1 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg1 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg2 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg2 > li, .reserve_fe-lst-type2.col2.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg2 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg2 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg2 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg2 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-mg2 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg2 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg2 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-mg2 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg2 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg2 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg3 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg3 > li, .reserve_fe-lst-type2.col2.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg3 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg3 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg3 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg3 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-mg3 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg3 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg3 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-mg3 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg3 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg3 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg4 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg4 > li, .reserve_fe-lst-type2.col2.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg4 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg4 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg4 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg4 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg4 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg4 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-mg4 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-mg4 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-mg4 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg0 > li, .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg0 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg0 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg0 > li, .reserve_fe-lst-type2.col2.col-bg.col-mg0 > li, .reserve_fe-lst-type2.col2.col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(-n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg0 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(n+2), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-bg.col-mg0 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-bd.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(2n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg0 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg0 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(1n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg0 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg1 > li, .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg1 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg1 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg1 > li, .reserve_fe-lst-type2.col2.col-bg.col-mg1 > li, .reserve_fe-lst-type2.col2.col-bd.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(-n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg1 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(n+2), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-bg.col-mg1 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-bd.col-mg1 > li:nth-child(n+2) {
    margin-top: 1%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(2n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg1 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg1 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(1n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg1 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg2 > li, .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg2 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg2 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg2 > li, .reserve_fe-lst-type2.col2.col-bg.col-mg2 > li, .reserve_fe-lst-type2.col2.col-bd.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(-n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg2 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(n+2), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-bg.col-mg2 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-bd.col-mg2 > li:nth-child(n+2) {
    margin-top: 2%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(2n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg2 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg2 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(1n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg2 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg3 > li, .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg3 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg3 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg3 > li, .reserve_fe-lst-type2.col2.col-bg.col-mg3 > li, .reserve_fe-lst-type2.col2.col-bd.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(-n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg3 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(n+2), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-bg.col-mg3 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-bd.col-mg3 > li:nth-child(n+2) {
    margin-top: 4%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(2n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg3 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg3 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(1n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg3 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg4 > li, .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg4 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg4 > li, .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg4 > li, .reserve_fe-lst-type2.col2.col-bg.col-mg4 > li, .reserve_fe-lst-type2.col2.col-bd.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(-n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(-n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg4 > li:nth-child(-n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(n+2), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(n+2), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-bg.col-mg4 > li:nth-child(n+2), .reserve_fe-lst-type2.col2.col-bd.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(2n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(2n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg4 > li:nth-child(2n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg4 > li:nth-child(2n+1) {
    clear: none;
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(1n+1), .reserve_fe-lst-type1.col4:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(1n+1), .reserve_fe-lst-type1.col2:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-bg.col-mg4 > li:nth-child(1n+1), .reserve_fe-lst-type2.col2.col-bd.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg1 > li:nth-child(n+3) {
    margin-top: 3%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg2 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg3 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg0 > li, .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 2);
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(-n+2), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(n+3), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(n+3) {
    margin-top: 0px;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(3n+1), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg0 > li:nth-child(2n+1), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg0 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg1 > li, .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg1 > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(-n+2), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(n+3), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(n+3) {
    margin-top: 1%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(3n+1), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg1 > li:nth-child(2n+1), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg1 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg2 > li, .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg2 > li {
    width: calc((100% - 2% - 1px) / 2);
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(-n+2), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(n+3), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(n+3) {
    margin-top: 2%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(3n+1), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg2 > li:nth-child(2n+1), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg2 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg3 > li, .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg3 > li {
    width: calc((100% - 4% - 1px) / 2);
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(-n+2), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(n+3), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(n+3) {
    margin-top: 4%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(3n+1), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg3 > li:nth-child(2n+1), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg3 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg4 > li, .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg4 > li {
    width: calc((100% - 6% - 1px) / 2);
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(-n+2), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(n+3), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(n+3) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(3n+1), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col3.col-2-fix.col-bg.col-mg4 > li:nth-child(2n+1), .reserve_fe-lst-type1.col3.col-2-fix.col-bd.col-mg4 > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg1 > li:nth-child(n+2) {
    margin-top: 3%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg2 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg3 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg0 > li, .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg0 > li {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(-n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(n+2), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(n+2) {
    margin-top: 0px;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(3n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg0 > li:nth-child(1n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg0 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg1 > li, .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg1 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(-n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(n+2), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(n+2) {
    margin-top: 1%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(3n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 1%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg1 > li:nth-child(1n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg1 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg2 > li, .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg2 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(-n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(n+2), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(n+2) {
    margin-top: 2%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(3n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg2 > li:nth-child(1n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg2 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg3 > li, .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg3 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(-n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(n+2), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(n+2) {
    margin-top: 4%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(3n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 4%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg3 > li:nth-child(1n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg3 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg4 > li, .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg4 > li {
    width: calc((100% - 0% - 1px) / 1);
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(-n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(n+2), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(n+2) {
    margin-top: 6%;
    clear: none;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(3n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(3n+1) {
    clear: none;
    margin-left: 6%;
  }
  .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bg.col-mg4 > li:nth-child(1n+1), .reserve_fe-lst-type1.col3:not(.col-2-fix).col-bd.col-mg4 > li:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
}
/*=======================================================================
nx_exam css
=======================================================================*/
.nx-exam-lst-items {
  padding: 30px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.nx-exam-lst-items > li {
  position: relative;
  padding-left: 10px;
  font-size: 16px;
  line-height: 1.5;
  color: #767676;
}
.nx-exam-lst-items > li::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}
.nx-exam-lst-items + .nx-exam-wrap-table {
  margin-top: 30px;
}

.nx-exam-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  max-width: 110px;
  width: 100%;
  height: 28px;
  border-radius: 14px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
  color: #fff;
}
.nx-exam-badge.nx-exam-state1- {
  background: #f5a919;
}
.nx-exam-badge.nx-exam-state2- {
  background: #b7007d;
}
.nx-exam-badge.nx-exam-state3- {
  background: #b70000;
}
.nx-exam-badge.nx-exam-state4- {
  background: #a3c95b;
}
.nx-exam-badge.nx-exam-state5- {
  background: #f5a919;
}
.nx-exam-badge.nx-exam-state6- {
  background: #b7007d;
}
.nx-exam-badge.nx-exam-state7- {
  background: #4674b2;
}
.nx-exam-badge.nx-exam-state8- {
  background: #035a9d;
}

.nx-exam-wrap-table + .nx-exam-lst-items2 {
  margin-top: 60px;
}
.nx-exam-wrap-table + .nx-exam-wrap-table {
  margin-top: 30px;
}

.nx-exam-lst-items2 > dt {
  padding: 12px 6px;
  background: #4b56bd;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #fff;
}
.nx-exam-lst-items2 > dd {
  padding: 40px 50px;
  background: #f5f5f5;
}
.nx-exam-lst-items2 > dd .nx-exam-ins-lst > li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}
.nx-exam-lst-items2 > dd .nx-exam-ins-lst > li .nx-exam-desc {
  flex-basis: calc(100% - 120px);
  margin: 5px 0;
  line-height: 18px;
}
.nx-exam-lst-items2 > dd .nx-exam-ins-lst > li .nx-exam-desc .nx-exam-point {
  font-weight: 400;
  color: #bb6bd9;
}
.nx-exam-lst-items2 > dd .nx-exam-ins-lst > li:last-child {
  margin-bottom: 0;
}

.nx-exam-footnote {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: -0.03em;
  color: #666;
}

.nx-exam-btn-apply {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100px;
  width: 100%;
  min-height: 30px;
  background: #bb6bd9;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.25;
  transition: opacity 0.25s linear;
}
.nx-exam-btn-apply:hover {
  opacity: 0.85;
}
.nx-exam-btn-apply.nx-exam-btn-s1- {
  max-width: 84px;
}
.nx-exam-btn-apply.nx-exam-btn-l1- {
  max-width: 130px;
}

.nx-exam-ts {
  table-layout: fixed;
  width: 100%;
}
.nx-exam-ts th, .nx-exam-ts td {
  text-align: center;
  font-size: 16px;
}
.nx-exam-ts thead th {
  padding: 11px 5px;
  background: #e1e1e3;
  border: 1px #fff;
  border-style: solid solid none none;
  line-height: 1.45;
  color: #494949;
}
.nx-exam-ts thead th:last-child {
  border-right: none;
}
.nx-exam-ts thead tr:first-child th {
  border-top: none;
}
.nx-exam-ts thead + tbody tr:first-child th, .nx-exam-ts thead + tbody tr:first-child td {
  border-top: none;
}
.nx-exam-ts tbody tr:first-child th, .nx-exam-ts tbody tr:first-child td {
  border-top: 1px solid #dedede;
}
.nx-exam-ts tbody th, .nx-exam-ts tbody td {
  padding: 20px 5px;
  border-bottom: 1px solid #dedede;
}
.nx-exam-ts tbody th {
  background: #f5f5f5;
  font-weight: 400;
  color: #494949;
}
.nx-exam-ts tbody th .nx-exam-tit {
  font-weight: 400;
  text-decoration: underline;
}
.nx-exam-ts tbody td {
  color: #767676;
}
.nx-exam-ts .nx-exam-cs1 {
  background: #f9f9f9;
}
.nx-exam-ts .nx-exam-no-data {
  padding: 18px 0;
  text-align: center;
}
.nx-exam-ts .nx-exam-btn-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.nx-exam-ts .nx-exam-btn-box .nx-exam-btn-apply + .nx-exam-btn-apply {
  margin-top: 5px;
}

/* 팝업 */
.nx-exam-popup {
  overflow-y: auto;
  position: fixed;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  z-index: 2001;
  margin: auto;
  max-width: 800px;
  background: #fff;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border-top: 2px solid #6f50fe;
}
.nx-exam-popup .nx-exam-popup-header {
  position: relative;
  margin: 0 35px;
  padding: 58px 0 30px;
  border-bottom: 1px solid #dedede;
}
.nx-exam-popup .nx-exam-popup-header .nx-exam-popup-tit {
  text-align: center;
  color: #333;
  font-size: 24px;
  line-height: 1.2;
}
.nx-exam-popup .nx-exam-popup-header .nx-exam-btn-cls {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  right: -10px;
  top: 28px;
}
.nx-exam-popup .nx-exam-popup-header .nx-exam-btn-cls:before, .nx-exam-popup .nx-exam-popup-header .nx-exam-btn-cls:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 3px;
  background-color: #ababab;
}
.nx-exam-popup .nx-exam-popup-header .nx-exam-btn-cls:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.nx-exam-popup .nx-exam-popup-header .nx-exam-btn-cls:after {
  transform: translate(-50%, -50%) rotate(135deg);
}

.nx-exam-popup-bg {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

/* 인쇄 */
.nx-exam-print-page {
  margin: 0 auto;
  padding: 50px;
  width: 595px;
}

.nx-exam-tit-print {
  font-family: "Gungsuh", serif;
  font-size: 24px;
  padding: 14px;
  text-align: center;
  color: #333;
}

.nx-exam-print {
  overflow: hidden;
  margin-bottom: 10px;
}
.nx-exam-print .nx-exam-print-col1 {
  float: left;
  width: calc(100% - 130px);
}
.nx-exam-print .nx-exam-print-col2 {
  float: right;
  width: 120px;
  margin-top: 5px;
}
.nx-exam-print .nx-exam-print-col2 img {
  vertical-align: top;
}

.nx-exam-print-ts {
  table-layout: fixed;
  width: 100%;
}
.nx-exam-print-ts tbody {
  border-top: 1px solid #d9d9d9;
}
.nx-exam-print-ts tbody th {
  padding: 6px 5px;
  background: #f3f7fb;
  color: #333;
}
.nx-exam-print-ts th {
  font-weight: 400;
}
.nx-exam-print-ts th:first-child {
  border-left: 1px solid #d9d9d9;
}
.nx-exam-print-ts th:last-child {
  border-right: none;
}
.nx-exam-print-ts td {
  padding: 6px 10px;
}
.nx-exam-print-ts td:last-child {
  border-right: 1px solid #d9d9d9;
}
.nx-exam-print-ts td img {
  vertical-align: top;
}
.nx-exam-print-ts th, .nx-exam-print-ts td {
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  line-height: 1.5;
  box-sizing: border-box;
}

.nx-exam-place-img {
  max-height: 240px;
  margin-top: 10px;
}

.nx-exam-print-logo {
  border-left: 1px solid #d9d9d9;
  text-align: center;
}

/* 버튼 */
.nx-exam-print-btn-area {
  padding: 40px 10px;
  width: 100%;
  background: #f8f6ff;
  box-sizing: border-box;
  text-align: center;
}

.nx-exam-btn1, .nx-exam-btn2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 200px;
  height: 60px;
  box-sizing: border-box;
  border: 3px solid #bb6bd9;
  vertical-align: top;
  text-align: center;
}
.nx-exam-btn1 + .nx-exam-btn1, .nx-exam-btn1 + .nx-exam-btn2, .nx-exam-btn2 + .nx-exam-btn1, .nx-exam-btn2 + .nx-exam-btn2 {
  margin-left: 10px;
}
.nx-exam-btn1.nx-exam-btn-s1-, .nx-exam-btn2.nx-exam-btn-s1- {
  max-width: 120px;
  width: 100%;
  height: 40px;
}
.nx-exam-btn1.nx-exam-btn-s2-, .nx-exam-btn2.nx-exam-btn-s2- {
  max-width: 168px;
  width: 100%;
}
.nx-exam-btn1.nx-exam-btn-m1-, .nx-exam-btn2.nx-exam-btn-m1- {
  max-width: 238px;
  width: 100%;
}
.nx-exam-btn1.nx-exam-btn-m2-, .nx-exam-btn2.nx-exam-btn-m2- {
  justify-content: flex-start;
  padding: 10px 64px 10px 20px;
  max-width: 260px;
  width: 100%;
  text-align: left;
}
.nx-exam-btn1 span, .nx-exam-btn2 span {
  position: relative;
  z-index: 1;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  color: #494949;
  transition: color 0.25s;
}
.nx-exam-btn1::before, .nx-exam-btn2::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #bb6bd9;
  opacity: 0;
  transition: width 0.25s, opacity 0.25s;
}
.nx-exam-btn1:hover span, .nx-exam-btn2:hover span {
  color: #fff;
}
.nx-exam-btn1:hover::before, .nx-exam-btn2:hover::before {
  width: 100%;
  opacity: 1;
}

.nx-exam-btn2 {
  border-color: #ababab;
}
.nx-exam-btn2::before {
  background: #ababab;
}

@media screen and (max-width: 768px) {
  /*=======================================================================
  가로 해상도 768이하
  =======================================================================*/
  /* 테이블 좌우 스크롤 : 768px */
  .nx-exam-wrap-table.hscroll {
    position: relative;
    overflow-x: scroll;
    padding: 0;
  }
  .nx-exam-wrap-table.hscroll .nx-exam-ts {
    width: 1024px;
  }
  .nx-exam-wrap-table.hscroll::before, .nx-exam-wrap-table.hscroll::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .nx-exam-wrap-table.hscroll::before {
    background: url(../imgs/exam/ico_scroll.png) no-repeat center center;
    background-size: 107px auto;
  }
  .nx-exam-wrap-table.hscroll::after {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .nx-exam-wrap-table.hscroll.move::before, .nx-exam-wrap-table.hscroll.move::after {
    opacity: 0;
    visibility: hidden;
  }
  .nx-exam-lst-items2 > dd {
    padding: 20px 25px;
  }
  .nx-exam-ts .nx-exam-btn-box {
    overflow: hidden;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 -2px -4px;
  }
  .nx-exam-ts .nx-exam-btn-box .nx-exam-btn-apply {
    max-width: calc(33.333% - 4px);
    margin: 0 2px 4px !important;
  }
}
.nxc-search-input {
  padding: 40px;
  text-align: center;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.nxc-search-input .ipt-wrap {
  max-width: 450px;
  margin: 0 auto;
}
.nxc-search-input .ipt-wrap .ipt {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 50px);
  max-width: 400px;
  height: 40px;
  padding: 8px;
  margin-right: 5px;
  line-height: 40px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  transition: 0.3s ease all;
}
.nxc-search-input .ipt-wrap .ipt:focus {
  border: 1px solid #333e9a;
}
.nxc-search-input .ipt-wrap .btn {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  color: #fff;
  background: #333e9a;
  border-radius: 4px;
}
.nxc-search-input .expl {
  margin-top: 20px;
  font-size: 18px;
  color: #555;
}

.nxc-search-title {
  margin: 70px 0 10px;
  font-size: 26px;
  font-weight: 700;
  color: #222;
}

.nxc-search-cnt {
  margin: 10px 0;
  font-size: 14px;
  color: #000;
}

.nxc-search-more {
  display: inline-block;
  width: 94px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #bdbdbd;
  border-radius: 20px;
  transition: 0.3s ease all;
}
.nxc-search-more:hover {
  background: #333e9a;
}

.nxc-search-board {
  overflow: hidden;
  border-top: 1px solid #696969;
}
.nxc-search-board li {
  border-bottom: 1px solid #e8e8e8;
}
.nxc-search-board li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  margin: 0 0 300px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.nxc-search-board li a {
  position: relative;
  display: block;
  padding: 24px 0;
}
.nxc-search-board li a .img {
  float: left;
  width: 140px;
  height: 105px;
}
.nxc-search-board li a .img + .txt {
  margin-left: 150px;
}
.nxc-search-board li a .txt {
  overflow: hidden;
  position: relative;
  min-height: 105px;
  padding-right: 170px;
}
.nxc-search-board li a .txt p + p {
  margin-top: 5px;
}
.nxc-search-board li a .txt .tit {
  word-break: break-all;
  font-size: 18px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 1.5em !important;
}
.nxc-search-board li a .txt .ct {
  word-break: break-all;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nxc-search-board li a .txt .date {
  font-size: 14px;
  color: #999;
  line-height: 1.5;
}
.nxc-search-board li a .txt .menu {
  position: absolute;
  top: 50%;
  right: 0;
  width: 140px;
  margin-top: -15px;
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}

.nxc-search-gall {
  overflow: hidden;
}
.nxc-search-gall li {
  width: calc((100% - 6% - 1px) / 4);
  margin-left: 2%;
  float: left;
}
.nxc-search-gall li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nxc-search-gall li:nth-child(n+5) {
  margin-top: 2%;
  clear: none;
}
.nxc-search-gall li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nxc-search-gall li.nodata {
  float: none !important;
  width: auto !important;
  padding: 24px 0 !important;
  margin: 0 0 300px 0 !important;
  font-size: 14px;
  color: #000;
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #666;
}
.nxc-search-gall li a {
  position: relative;
  overflow: hidden;
  display: block;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
}
.nxc-search-gall li a .img-wrap {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 75%;
}
.nxc-search-gall li a .img-wrap .img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.nxc-search-gall li a .txt-wrap {
  padding: 10px;
  border-top: 1px solid #e1e1e1;
}
.nxc-search-gall li a .txt-wrap p + p {
  margin-top: 5px;
}
.nxc-search-gall li a .txt-wrap .tit {
  word-break: break-all;
  font-size: 18px;
  color: #333;
}
.nxc-search-gall li a .txt-wrap .ct {
  word-break: break-all;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nxc-search-gall li a .txt-wrap .date {
  font-size: 14px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 1.5em !important;
}
.nxc-search-gall li a .txt-wrap .menu {
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 1.5em !important;
}

@media only screen and (max-width: 759px) {
  .nxc-search-input {
    padding: 20px;
  }
  .nxc-search-board li a .img {
    width: 70px;
    height: 52.5px;
  }
  .nxc-search-board li a .img + .txt {
    margin-left: 80px;
  }
  .nxc-search-board li a .txt {
    min-height: auto;
    padding-right: 0;
  }
  .nxc-search-board li a .txt .menu {
    position: static;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 639px) {
  .nxc-search-gall > li {
    width: calc((100% - 1% - 1px) / 2);
    margin-left: 1%;
  }
  .nxc-search-gall > li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nxc-search-gall > li:nth-child(n+3) {
    margin-top: 1%;
    clear: none;
  }
  .nxc-search-gall > li:nth-child(4n+1) {
    clear: none;
    margin-left: 1%;
  }
  .nxc-search-gall > li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
}
.nx-hosp-tab {
  display: flex;
  width: 100%;
  margin-bottom: 50px;
}

.nx-hosp-tab-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  text-align: center;
  border: 1px solid #ECECEC;
  box-sizing: border-box;
  font-size: 18px;
  color: #ACACAC;
}
.nx-hosp-tab-item.active, .nx-hosp-tab-item:hover {
  background: #89B0F4;
  border-color: #89B0F4;
  color: #FFF;
}

.nx-tab-type1 {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  border-bottom: 1px solid #EEEEEE;
  box-sizing: border-box;
}
.nx-tab-type1 .nx-tab-item {
  padding: 15px 30px;
  min-width: 150px;
  position: relative;
  top: 1px;
  padding-top: 18px;
  border-right: 2px solid #FFF;
  color: #000;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
}
.nx-tab-type1 .nx-tab-item:after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: transparent;
  transition: all 0.2s ease-in-out;
}
.nx-tab-type1 .nx-tab-item:hover:after, .nx-tab-type1 .nx-tab-item.active:after {
  background: #89B0F4;
}

@media screen and (max-width: 768px) {
  .nx-hosp-tab {
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
  .nx-hosp-tab-item {
    background: #FFF;
    border: 1px solid #DDDDDD;
    color: #AAAAAA;
    font-size: 15px;
    height: 40px;
  }
  .nx-hosp-tab-item.active, .nx-hosp-tab-item:hover {
    background: #FFF;
    border: 1px solid #000;
    color: #222222;
  }
  .nx-tab-type1 .nx-tab-item {
    padding: 10px 15px;
    min-width: auto;
    font-size: 12px;
  }
}
.rsv-cal-state {
  margin-bottom: 20px;
  padding: 20px;
  background: #fff;
  border: 1px solid #cfcfcf;
  box-sizing: border-box;
  border-radius: 4px;
}

.rsv-lst-state::after {
  content: "";
  clear: both;
  display: block;
}
.rsv-lst-state > dt {
  float: left;
  margin-right: 10px;
  color: rgb(51, 51, 51);
  font-size: 14px;
  line-height: 20px;
}
.rsv-lst-state > dd {
  float: right;
}
.rsv-lst-state > dd .ins-lst::after {
  content: "";
  clear: both;
  display: block;
}
.rsv-lst-state > dd .ins-lst > li {
  position: relative;
  float: left;
  margin-right: 10px;
  padding-right: 12px;
  line-height: 20px;
}
.rsv-lst-state > dd .ins-lst > li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  margin-top: -6px;
  width: 2px;
  height: 12px;
  background: #c4c4c4;
}
.rsv-lst-state > dd .ins-lst > li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.rsv-lst-state > dd .ins-lst > li:last-child::after {
  display: none;
}
.rsv-lst-state > dd .ins-lst > li .rsv-tx {
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-weight: 400;
}

span[class^=rsv-state] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  min-width: 30px;
  height: 20px;
  padding: 0 5px;
  border-radius: 2px;
  line-height: 20px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  vertical-align: top;
}

.rsv-stateA {
  background: #EBCD64;
}

.rsv-stateB {
  background: #85BD59;
}

.rsv-stateC {
  background: #E57979;
}

.rsv-stateD {
  background: #7193EB;
}

.rsv-stateE {
  background: #C492DC;
}

.rsv-stateF {
  background: #FF9900;
}

.rsv-cal-ts {
  width: 100%;
}
.rsv-cal-ts th, .rsv-cal-ts td {
  width: 14.28%;
  font-size: 14px;
}
.rsv-cal-ts thead th, .rsv-cal-ts thead td {
  padding: 10px;
  background: #cbd1dd;
  border: 1px solid #a9b3c7;
  color: #000;
}
.rsv-cal-ts thead th.sun, .rsv-cal-ts thead td.sun {
  color: #d26a6a;
}
.rsv-cal-ts thead th.sat, .rsv-cal-ts thead td.sat {
  color: #3462b4;
}
.rsv-cal-ts tbody th, .rsv-cal-ts tbody td {
  position: relative;
  padding: 38px 10px 10px;
  height: 250px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e1e1e1;
  vertical-align: top;
}
.rsv-cal-ts tbody th.pn-cal, .rsv-cal-ts tbody td.pn-cal {
  background: #eee;
}
.rsv-cal-ts tbody th .date-dd, .rsv-cal-ts tbody td .date-dd {
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: right;
  color: #3e3e3e;
  font-weight: 700;
  font-size: 14px;
}
.rsv-cal-ts tbody th .date-full, .rsv-cal-ts tbody td .date-full {
  display: none;
  background: #cbd1dd;
  text-align: center;
  color: #000;
  font-weight: 700;
  font-size: 18px;
}
.rsv-cal-ts tbody th .date-tx, .rsv-cal-ts tbody td .date-tx {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  left: 10px;
  top: 10px;
  display: block;
  width: calc(100% - 40px);
  text-align: left;
  font-weight: 700;
  font-size: 14px;
}
.rsv-cal-ts tbody th.today, .rsv-cal-ts tbody td.today {
  background: #effaff;
}
.rsv-cal-ts tbody th.holiday .date-tx, .rsv-cal-ts tbody td.holiday .date-tx {
  color: rgb(229, 121, 121);
}
.rsv-cal-ts tbody th.sun .date-dd, .rsv-cal-ts tbody th.sun .date-full, .rsv-cal-ts tbody td.sun .date-dd, .rsv-cal-ts tbody td.sun .date-full {
  color: #d26a6a;
}
.rsv-cal-ts tbody th.sat .date-dd, .rsv-cal-ts tbody th.sat .date-full, .rsv-cal-ts tbody td.sat .date-dd, .rsv-cal-ts tbody td.sat .date-full {
  color: #3462b4;
}

.rsv-lst-items > li {
  margin-bottom: 6px;
  font-size: 14px;
  color: rgb(102, 102, 102);
  line-height: 20px;
}
.rsv-lst-items > li:last-child {
  margin-bottom: 0;
}
.rsv-lst-items > li > a {
  display: block;
  transition: opacity 0.25s linear;
}
.rsv-lst-items > li > a:hover {
  opacity: 0.6;
}
.rsv-lst-items > li > a .rsv-name {
  color: #000;
}

@media print, screen and (max-width: 1023px) {
  /*=======================================================================
  가로 해상도 1023이하 css
     =======================================================================*/
  .rsv-cal-ts {
    display: block;
    border-bottom: 1px solid #a9b3c7;
  }
  .rsv-cal-ts tr {
    display: block;
  }
  .rsv-cal-ts th, .rsv-cal-ts td {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
  }
  .rsv-cal-ts thead {
    display: none;
  }
  .rsv-cal-ts tbody {
    display: block;
    background: #cbd1dd;
  }
  .rsv-cal-ts tbody th, .rsv-cal-ts tbody td {
    padding: 0;
    width: 100%;
    height: 100%;
    background: none;
    border: 1px #a9b3c7;
    border-style: solid solid none solid;
  }
  .rsv-cal-ts tbody th.pn-cal, .rsv-cal-ts tbody th.no-data, .rsv-cal-ts tbody td.pn-cal, .rsv-cal-ts tbody td.no-data {
    display: none;
  }
  .rsv-cal-ts tbody th .date-dd, .rsv-cal-ts tbody td .date-dd {
    display: none;
  }
  .rsv-cal-ts tbody th .date-full, .rsv-cal-ts tbody td .date-full {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    width: 200px;
    height: 100%;
    min-height: 80px;
    box-sizing: border-box;
  }
  .rsv-cal-ts tbody th .date-tx, .rsv-cal-ts tbody td .date-tx {
    display: none;
  }
  .rsv-cal-ts tbody th.holiday .date-dd, .rsv-cal-ts tbody th.holiday .date-full, .rsv-cal-ts tbody td.holiday .date-dd, .rsv-cal-ts tbody td.holiday .date-full {
    color: rgb(229, 121, 121);
  }
  .rsv-cal-ts tbody th.today, .rsv-cal-ts tbody td.today {
    background: none;
  }
  .rsv-cal-ts tbody th.today .rsv-lst-items, .rsv-cal-ts tbody td.today .rsv-lst-items {
    background: #effaff;
  }
  .rsv-lst-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 15px 14px;
    width: calc(100% - 200px);
    min-height: 80px;
    background: #fff;
    box-sizing: border-box;
  }
  .rsv-lst-items > li {
    margin: 0 5px 6px;
  }
  .rsv-lst-items > li:last-child {
    margin-bottom: 6px;
  }
}
@media print, screen and (max-width: 767px) {
  /*=======================================================================
  가로 해상도 767이하 css
     =======================================================================*/
  .rsv-cal-ts tbody th .date-full, .rsv-cal-ts tbody td .date-full {
    padding: 10px;
    width: 150px;
    font-size: 16px;
  }
  .rsv-lst-items {
    width: calc(100% - 150px);
  }
  .rsv-lst-state > dt {
    float: none;
    margin-bottom: 20px;
    text-align: center;
  }
  .rsv-lst-state > dd {
    float: none;
  }
  .rsv-lst-state > dd .ins-lst {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: -10px;
    text-align: center;
  }
  .rsv-lst-state > dd .ins-lst > li {
    display: inline-flex;
    vertical-align: top;
    margin-bottom: 10px;
  }
}
/* Crop */
.nx-crops-fadeIn {
  animation: nx_uns_fadein 0.5s;
}

.nx-crops-loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.75);
  margin: auto;
  position: fixed;
  display: none;
  box-sizing: border-box;
  z-index: 99999;
}
.nx-crops-loading.rel {
  position: relative;
  display: block;
}
.nx-crops-loading .nx-crops-loading2 {
  width: 100%;
  top: 50%;
  left: 0;
  text-align: center;
  position: absolute;
  z-index: 10;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.nx-crops-loading .nx-crops-loading2 span {
  display: inline-block;
  width: 5px;
  height: 20px;
  vertical-align: middle;
  margin-left: 4px;
  border-radius: 2.5px;
  animation: nx_crops_loading_bar 1s ease-in-out infinite;
}
.nx-crops-loading .nx-crops-loading2 span:nth-child(1) {
  margin-left: 0px;
  background: #f68f27;
  animation-delay: 0;
}
.nx-crops-loading .nx-crops-loading2 span:nth-child(2) {
  background: #90c828;
  animation-delay: 90ms;
}
.nx-crops-loading .nx-crops-loading2 span:nth-child(3) {
  background: #01a93e;
  animation-delay: 0.18s;
}
.nx-crops-loading .nx-crops-loading2 span:nth-child(4) {
  background: #1e75b4;
  animation-delay: 0.27s;
}

@keyframes nx_crops_loading_bar {
  0%, 40% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
}
.nx-crop-wrap {
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
}
.nx-crop-wrap .nx-crop-title {
  padding: 0 10px 12px 10px;
  display: flex;
  justify-content: space-between;
}
.nx-crop-wrap .nx-crop-title .nx-crop-stitle1 .nx-crop-title-crop .nx-crop-txt {
  height: 36px;
  align-items: center;
  display: flex;
}
.nx-crop-wrap .nx-crop-title .nx-crop-stitle1 .nx-crop-title-crop .nx-crop-multiply {
  padding: 8px 5px;
  float: left;
}

.nx-crop-sub {
  width: 100%;
  height: calc(100% - 60px);
}
.nx-crop-sub .cropper-container {
  margin: 0 auto;
}

.nx-slt1 {
  display: inline-block;
}
.nx-slt1 select {
  width: 100%;
  height: 40px;
  background: #ffffff url(../imgs/ico_v3/arr_select.png) no-repeat right 10px center;
  font-size: 14px;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  color: #333333;
  padding: 0 24px 0 10px;
  background-size: 7px auto;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.nx-int {
  width: 100%;
  height: 40px;
  color: #3a3a3a;
  padding: 10px;
  border: 1px solid #e3e3e3;
  vertical-align: middle;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
.nx-int:hover {
  border: 1px solid #5d6072;
}

@media print, screen and (max-width: 690px) {
  .nx-crop-wrap .nx-crop-title {
    flex-direction: column;
  }
  .nx-crop-wrap .nx-crop-title .nx-crop-stitle2 {
    margin-top: 10px;
  }
}
/*=======================================================================
마이페이지(my) css
=======================================================================*/
.nx-dash-wrap .profile-wrap {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  margin-top: 32px;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 16px;
  border: 1px solid #e3e3e3;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.04);
}
.nx-dash-wrap .profile-wrap .l-wrap {
  display: flex;
  align-items: center;
  padding: 8px 10px;
}
.nx-dash-wrap .profile-wrap .l-wrap .img {
  width: 54px;
  height: 54px;
  margin-right: 14px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 50%;
}
.nx-dash-wrap .profile-wrap .l-wrap .name {
  font-size: 18px;
  color: #2b2c33;
  font-weight: 700;
}
.nx-dash-wrap .profile-wrap .l-wrap .id {
  font-size: 14px;
  color: #8c8e9e;
}
.nx-dash-wrap .menu-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 24px 0 32px;
  border-bottom: 1px solid #e1e1e1;
}
.nx-dash-wrap .menu-wrap .item {
  display: flex;
  align-items: center;
  width: calc(25% - 12px);
  padding: 22px;
  border-radius: 16px;
  border: 1px solid rgba(82, 104, 219, 0.16);
  background: linear-gradient(139deg, #FCFCFF 25.03%, #FAFAFF 74.97%);
  box-shadow: 0px 3px 8px 0px rgba(71, 88, 176, 0.1);
  box-sizing: border-box;
  transition: 0.3s ease all;
  cursor: pointer;
}
.nx-dash-wrap .menu-wrap .item .menu {
  margin-left: 12px;
  font-size: 17px;
  font-weight: 700;
  color: #2b2c33;
}
.nx-dash-wrap .menu-wrap .item:hover {
  border: 1px solid rgba(72, 99, 239, 0.72);
  box-shadow: 0px 6px 18px 0px rgba(71, 88, 176, 0.09);
}
.nx-dash-wrap .tit {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 56px 0 14px;
  font-size: 18px;
  font-weight: 700;
  color: #2b2c33;
}
.nx-dash-wrap .tit .more {
  display: block;
  padding: 4px 20px 4px 8px;
  font-size: 13px;
  font-weight: 500;
  color: #656878;
  background: url(../imgs/my/more_arr.png) no-repeat right 8px center/8px;
  transition: 0.3s ease all;
  border-radius: 6px;
}
.nx-dash-wrap .tit .more:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.nx-dash-wrap .box {
  padding: 24px;
  border: 1px solid #c7c7c7;
  border-radius: 8px;
}
.nx-dash-wrap .edu-lst {
  overflow: hidden;
}
.nx-dash-wrap .edu-lst li {
  width: calc((100% - 72px - 1px) / 4);
  margin-left: 24px;
  float: left;
}
.nx-dash-wrap .edu-lst li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-dash-wrap .edu-lst li:nth-child(n+5) {
  margin-top: 24px;
  clear: none;
}
.nx-dash-wrap .edu-lst li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-dash-wrap .edu-lst li a {
  overflow: hidden;
  display: block;
}
.nx-dash-wrap .edu-lst .img-wrap1 + .txt-wrap {
  margin-top: 15px;
}
.nx-dash-wrap .edu-lst .img-wrap2 {
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 75%;
}
.nx-dash-wrap .edu-lst .img-wrap2 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.nx-dash-wrap .edu-lst .txt-wrap {
  position: relative;
}
.nx-dash-wrap .edu-lst .txt-wrap p + p {
  margin-top: 6px;
}
.nx-dash-wrap .edu-lst .txt-wrap p + .btn-wrap {
  margin-top: 20px;
}
.nx-dash-wrap .edu-lst .txt-wrap .btn-wrap + p {
  margin-top: 20px;
}
.nx-dash-wrap .edu-lst .txt-wrap .status {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px;
  font-size: 12px;
  color: #fff;
}
.nx-dash-wrap .edu-lst .txt-wrap .status.ing {
  background: #03799d;
}
.nx-dash-wrap .edu-lst .txt-wrap .cate {
  font-size: 14px;
  color: #999;
  line-height: 1.5;
}
.nx-dash-wrap .edu-lst .txt-wrap .title {
  font-size: 20px;
  color: #333;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-dash-wrap .edu-lst .txt-wrap .title .dday {
  display: inline-block;
  padding: 0px 5px;
  margin-right: 5px;
  font-size: 0.7em;
  color: #fff;
  background: #03799D;
  border-radius: 2px;
}
.nx-dash-wrap .edu-lst .txt-wrap .place {
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-dash-wrap .edu-lst .txt-wrap .schedule {
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-dash-wrap .edu-lst .txt-wrap .price {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.nx-dash-wrap .edu-lst .txt-wrap .ct {
  margin-top: 10px;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.5em;
  max-height: 3em !important;
}
.nx-dash-wrap .edu-lst .txt-wrap .btn {
  display: inline-block;
  min-width: 140px;
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  color: #666;
  line-height: 40px;
  text-align: center;
  background: #fff;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.nx-dash-wrap .board-lst {
  overflow: hidden;
}
.nx-dash-wrap .board-lst li {
  width: calc((100% - 72px - 1px) / 4);
  margin-left: 24px;
  float: left;
}
.nx-dash-wrap .board-lst li:nth-child(-n+4) {
  margin-top: 0;
  clear: none;
}
.nx-dash-wrap .board-lst li:nth-child(n+5) {
  margin-top: 24px;
  clear: none;
}
.nx-dash-wrap .board-lst li:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}
.nx-dash-wrap .board-lst li a {
  overflow: hidden;
  display: block;
}
.nx-dash-wrap .board-lst li a .menu {
  font-size: 15px;
  font-weight: 500;
  color: #5268db;
}
.nx-dash-wrap .board-lst li a .title {
  margin-top: 6px;
  font-size: 17px;
  font-weight: 700;
  color: #2b2c33;
}
.nx-dash-wrap .board-lst li a .cont {
  margin-top: 10px;
  font-size: 15px;
  color: #5a5a5a;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.7em;
  max-height: 6.8em !important;
  height: 6.8em;
}
.nx-dash-wrap .board-lst li a .date {
  margin-top: 10px;
  font-size: 13px;
  color: #acacac;
}
.nx-dash-wrap .chart-wrap {
  overflow: hidden;
}
.nx-dash-wrap .chart-wrap .item {
  width: calc((100% - 48px - 1px) / 3);
  margin-left: 24px;
  float: left;
}
.nx-dash-wrap .chart-wrap .item:nth-child(-n+3) {
  margin-top: 0;
  clear: none;
}
.nx-dash-wrap .chart-wrap .item:nth-child(n+4) {
  margin-top: 24px;
  clear: none;
}
.nx-dash-wrap .chart-wrap .item:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.nx-dash-wrap .chart-wrap .item .title {
  margin-bottom: 12px;
  font-size: 18px;
  color: #2b2c33;
  text-align: center;
}

.nx-my-tab-wrap {
  margin-bottom: 30px;
}
.nx-my-tab-wrap .btn-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.nx-my-tab-wrap .btn-wrap .l-wrap {
  display: flex;
  align-items: center;
}
.nx-my-tab-wrap .btn-wrap .l-wrap .home {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 10px;
  margin-right: 8px;
  color: #2b2c33;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  box-sizing: border-box;
  transition: 0.3s ease all;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
}
.nx-my-tab-wrap .btn-wrap .l-wrap .home span {
  margin-left: 6px;
}
.nx-my-tab-wrap .btn-wrap .l-wrap .home:hover {
  background: #fcfcfc;
}
.nx-my-tab-wrap .btn-wrap .l-wrap .menu {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 10px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.04);
  transition: 0.3s ease all;
}
.nx-my-tab-wrap .btn-wrap .l-wrap .menu:hover {
  background: rgba(0, 0, 0, 0.08);
}
.nx-my-tab-wrap .btn-wrap .lyr-menu {
  display: none;
  overflow-y: auto;
  position: absolute;
  top: 42px;
  left: 0;
  z-index: 10;
  width: 240px;
  max-height: 500px;
  padding: 10px 8px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  box-shadow: 0px 24px 40px -26px rgba(0, 0, 0, 0.16), 0px 2px 14px 0px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .m-top {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 60px;
  background: rgba(255, 255, 255, 0.72);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .m-top .tit {
  margin-left: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #2b2c33;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .m-top .cls {
  display: flex;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  color: #2b2c33;
  font-size: 18px;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li {
  margin-top: 6px;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li:first-child {
  margin-top: 0;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  padding: 8px 34px;
  font-weight: 500;
  color: #2b2c33;
  box-sizing: border-box;
  transition: 0.3s ease all;
  background-size: 20px !important;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a .ico_arr1_d {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -10px;
  font-size: 10px;
  transition: 0.3s ease all;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.on .ico_arr1_d {
  transform: rotate(180deg);
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a:hover {
  color: #5268db;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.home {
  background: url(../imgs/my/my_smenu_home.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.home:hover {
  background: url(../imgs/my/my_smenu_home_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.apply {
  background: url(../imgs/my/my_smenu_apply.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.apply:hover {
  background: url(../imgs/my/my_smenu_apply_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.edu {
  background: url(../imgs/my/my_smenu_edu.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.edu:hover {
  background: url(../imgs/my/my_smenu_edu_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.event {
  background: url(../imgs/my/my_smenu_event.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.event.on, .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.event:hover {
  background: url(../imgs/my/my_smenu_event_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.event.on {
  color: #5268db;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.teacher {
  background: url(../imgs/my/my_smenu_teacher.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.teacher:hover {
  background: url(../imgs/my/my_smenu_teacher_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.sp {
  background: url(../imgs/my/my_smenu_teacher.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.sp.on, .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.sp:hover {
  background: url(../imgs/my/my_smenu_teacher_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.sp.on {
  color: #5268db;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.shop {
  background: url(../imgs/my/my_smenu_shop.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.shop:hover {
  background: url(../imgs/my/my_smenu_shop_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.order {
  background: url(../imgs/my/my_smenu_order.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.order:hover {
  background: url(../imgs/my/my_smenu_order_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.payment {
  background: url(../imgs/my/my_smenu_payment.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.payment:hover {
  background: url(../imgs/my/my_smenu_payment_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.discount {
  background: url(../imgs/my/my_smenu_discount.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.discount:hover {
  background: url(../imgs/my/my_smenu_discount_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.counsel {
  background: url(../imgs/my/my_smenu_counsel.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.counsel:hover {
  background: url(../imgs/my/my_smenu_counsel_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.gcomm {
  background: url(../imgs/my/my_smenu_gcomm.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.gcomm:hover {
  background: url(../imgs/my/my_smenu_gcomm_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.reserve {
  background: url(../imgs/my/my_smenu_reserve.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.reserve.on, .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.reserve:hover {
  background: url(../imgs/my/my_smenu_reserve_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.reserve.on {
  color: #5268db;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.exam {
  background: url(../imgs/my/my_smenu_exam.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.exam:hover {
  background: url(../imgs/my/my_smenu_exam_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.review {
  background: url(../imgs/my/my_smenu_review.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.review:hover {
  background: url(../imgs/my/my_smenu_review_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.user {
  background: url(../imgs/my/my_smenu_user.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.user.on, .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.user:hover {
  background: url(../imgs/my/my_smenu_user_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.user.on {
  color: #5268db;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.biz {
  background: url(../imgs/my/my_smenu_biz.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.biz:hover {
  background: url(../imgs/my/my_smenu_biz_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.badge {
  background: url(../imgs/my/my_smenu_badge.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.badge.on, .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.badge:hover {
  background: url(../imgs/my/my_smenu_badge_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.badge.on {
  color: #5268db;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.certify {
  background: url(../imgs/my/my_smenu_certify.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.certify.on, .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.certify:hover {
  background: url(../imgs/my/my_smenu_certify_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.certify.on {
  color: #5268db;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.building {
  background: url(../imgs/my/my_smenu_building.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.building.on, .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.building:hover {
  background: url(../imgs/my/my_smenu_building_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.building.on {
  color: #5268db;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.product {
  background: url(../imgs/my/my_smenu_product.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.product.on, .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.product:hover {
  background: url(../imgs/my/my_smenu_product_active.png) no-repeat 7px center;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.product.on {
  color: #5268db;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li .menu2-wrap {
  display: none;
  overflow: hidden;
  margin: 0 4px 0 37px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.03);
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li .menu2-wrap > li > a {
  position: relative;
  display: block;
  padding: 8px 8px 8px 26px;
  font-weight: 500;
  color: #2b2c33;
  transition: 0.3s ease all;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li .menu2-wrap > li > a.on, .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li .menu2-wrap > li > a:hover {
  color: #5268db;
}
.nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li .menu2-wrap > li > a.on:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #5268db;
  border-radius: 4px;
}
.nx-my-tab-wrap .tab-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 32px;
  border-radius: 12px;
  border: 1px solid rgba(72, 99, 239, 0.32);
  background: #fcfcff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.08);
}
.nx-my-tab-wrap .tab-wrap .menu-name {
  min-width: 200px;
  padding-right: 30px;
  font-size: 22px;
  color: #2d345a;
  font-weight: 700;
}
.nx-my-tab-wrap .tab-wrap .sub {
  overflow: hidden;
}
.nx-my-tab-wrap .tab-wrap .sub li {
  float: left;
  margin-right: 32px;
}
.nx-my-tab-wrap .tab-wrap .sub li:last-child {
  margin-right: 0;
}
.nx-my-tab-wrap .tab-wrap .sub li a {
  position: relative;
  display: block;
  height: 48px;
  line-height: 48px;
  font-weight: 500;
  color: #656878;
}
.nx-my-tab-wrap .tab-wrap .sub li a:hover, .nx-my-tab-wrap .tab-wrap .sub li a.on {
  color: #5268db;
}
.nx-my-tab-wrap .tab-wrap .sub li a.on:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background: #5268db;
  border-radius: 4px;
}

/* 검색 */
.nx-my-search {
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3;
}

.nx-my-lst-search {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -6px;
}
.nx-my-lst-search > li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 6px;
  width: 100%;
}
.nx-my-lst-search > li.ls-half {
  width: 100%;
}
.nx-my-lst-search > li .tit {
  display: flex;
  align-items: center;
  padding-left: 6px;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  font-size: 16px;
  color: #000;
}
.nx-my-lst-search > li .cnt {
  width: 100%;
}
.nx-my-lst-search > li .cnt::after {
  content: "";
  display: table;
  clear: both;
}
.nx-my-lst-search > li .cnt .nx-my-date-wrap {
  float: left;
  width: calc(100% - 180px);
}
.nx-my-lst-search > li .ins-col {
  width: calc((100% - 44px) / 2);
}
.nx-my-lst-search > li .nx-my-btn {
  float: left;
  display: block;
  margin-right: 6px;
  width: 54px;
  height: 40px;
  background: #fff;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  border-radius: 8px;
  font-size: 16px;
  line-height: 40px;
  color: #666;
  text-align: center;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.nx-my-lst-search > li .nx-my-btn:hover, .nx-my-lst-search > li .nx-my-btn.active {
  color: #333;
  background: #bbc0cf;
  border-color: #bbc0cf;
}
.nx-my-lst-search > li .nx-my-select {
  float: left;
}
.nx-my-lst-search > li .nx-my-input-text {
  float: left;
}
.nx-my-lst-search > li .nx-my-btn-box {
  float: right;
}

.nx-my-date-wrap {
  position: relative;
  max-width: 260px;
  height: 40px;
}
.nx-my-date-wrap .nx-my-input-date {
  padding: 10px 34px 10px 14px;
  width: 100%;
  height: 40px;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  color: #333;
  font-size: 16px;
  vertical-align: middle;
  box-sizing: border-box;
}
.nx-my-date-wrap .nx-my-input-date::-moz-placeholder {
  color: #666;
}
.nx-my-date-wrap .nx-my-input-date::placeholder {
  color: #666;
}
.nx-my-date-wrap .nx-my-btn-date {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  right: 11px;
  top: 10px;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../imgs/ico_cal.png) no-repeat 0 0;
  vertical-align: top;
  background-size: 22px auto;
}

.nx-my-input-radio {
  float: left;
  position: relative;
  overflow: hidden;
  margin-right: 6px;
  padding: 0 8px;
  min-width: 100px;
  height: 40px;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  box-sizing: border-box;
}
.nx-my-input-radio:last-child {
  margin-right: 0;
}
.nx-my-input-radio input[type=radio] {
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  outline: 0;
  opacity: 0;
  visibility: hidden;
}
.nx-my-input-radio input[type=radio]:checked + label::after {
  opacity: 1;
}
.nx-my-input-radio .nx-my-lbl {
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  color: #666;
  line-height: 40px;
  vertical-align: top;
  box-sizing: border-box;
}
.nx-my-input-radio .nx-my-lbl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  background: #e3e3e3;
  border-radius: 50%;
}
.nx-my-input-radio .nx-my-lbl::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  background: #666;
  border: none \0 /IE89;
  border-radius: 50%;
  box-sizing: content-box;
  opacity: 0;
}

.nx-my-input-check {
  float: left;
  position: relative;
  overflow: hidden;
  margin-right: 6px;
  padding: 0 8px;
  min-width: 100px;
  height: 40px;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  box-sizing: border-box;
}
.nx-my-input-check:last-child {
  margin-right: 0;
}
.nx-my-input-check input[type=checkbox] {
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  outline: 0;
  opacity: 0;
  visibility: hidden;
}
.nx-my-input-check input[type=checkbox]:checked + label::before {
  background-image: url(../imgs/ico_checkbox.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 12px;
}
.nx-my-input-check .nx-my-lbl {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  color: #666;
  line-height: 40px;
  vertical-align: top;
  box-sizing: border-box;
}
.nx-my-input-check .nx-my-lbl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: #e3e3e3;
  border-radius: 5px;
}

.nx-my-select {
  padding: 0 30px 0 10px;
  width: 100%;
  height: 40px;
  background: #fff url(../imgs/arr_select.png) no-repeat right 10px center;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  color: #666;
  font-size: 16px;
  background-size: 14px auto;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.nx-my-select + .nx-my-input-text {
  margin-left: 6px;
}
.nx-my-select.width-s1 {
  max-width: 100px;
}

.nx-my-input-text {
  padding: 10px;
  width: 100%;
  height: 40px;
  border: 1px solid #e3e3e3;
  border-radius: 8px !important;
  color: #333;
  font-size: 16px;
  vertical-align: middle;
  box-sizing: border-box;
}
.nx-my-input-text::-moz-placeholder {
  color: #e3e3e3;
}
.nx-my-input-text::placeholder {
  color: #e3e3e3;
}
.nx-my-input-text.width-m1 {
  max-width: 260px;
}

.nx-my-btn-search {
  position: relative;
  display: inline-block;
  padding: 0 28px 0 42px;
  height: 40px;
  vertical-align: top;
  background: #37394d;
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.nx-my-btn-search:hover {
  opacity: 0.8;
}
.nx-my-btn-search .ico-search {
  position: absolute;
  left: 16px;
  top: 50%;
  display: block;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  background: url(../imgs/edu_ico_search.png) no-repeat center center;
  background-size: 18px auto;
}

/* 텝메뉴 */
.nx-my-nav-tnb {
  margin: 30px 0 24px;
}
.nx-my-nav-tnb .nx-my-tnb::after {
  content: "";
  display: table;
  clear: both;
}
.nx-my-nav-tnb .nx-my-tnb > li {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}
.nx-my-nav-tnb .nx-my-tnb > li:last-child {
  margin-right: 0;
}
.nx-my-nav-tnb .nx-my-tnb > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 124px;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #e3e3e3;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #bbb;
  transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
}
.nx-my-nav-tnb .nx-my-tnb > li > a:hover, .nx-my-nav-tnb .nx-my-tnb > li > a.active {
  border-color: #3663ae;
  color: #3663ae;
}

/* 학습진행도 */
.nx-edu-progress {
  position: relative;
  height: 20px;
}
.nx-edu-progress .nx-edu-progress-bar {
  position: absolute;
  left: 0;
  top: 7px;
  display: inline-block;
  width: calc(100% - 44px);
  height: 6px;
  background: #eee;
  border-radius: 6px;
}
.nx-edu-progress .nx-edu-progress-bar strong {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 0;
  height: 6px;
  background: #3663ae;
  border-radius: 6px;
  transition: width 0.3s ease-in-out;
}
.nx-edu-progress .nx-edu-tx {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 44px;
  text-align: right;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #3663ae;
  vertical-align: top;
}

@media screen and (min-width: 1200px) {
  /*=======================================================================
  가로 해상도 1200이상 css
     =======================================================================*/
  /* 검색 : 1200px */
  .nx-my-lst-search > li.ls-half {
    width: calc((100% - 44px) / 2);
  }
}
@media print, screen and (max-width: 767px) {
  /*=======================================================================
  가로 해상도 767이하 css
     =======================================================================*/
  .nx-my-tab-wrap .tab-wrap {
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    padding: 12px 16px;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    width: auto;
    max-height: 100%;
    padding: 60px 0 0 0;
    border: none;
    border-radius: 0;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .m-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap {
    padding: 0 8px;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a {
    height: 64px;
    padding: 8px 56px;
    font-size: 22px;
    background-size: 32px !important;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a .ico_arr1_d {
    font-size: 13px;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.home {
    background: url(../imgs/my/my_smenu_home_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.apply {
    background: url(../imgs/my/my_smenu_apply_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.edu {
    background: url(../imgs/my/my_smenu_edu_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.event {
    background: url(../imgs/my/my_smenu_event_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.teacher {
    background: url(../imgs/my/my_smenu_teacher_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.sp {
    background: url(../imgs/my/my_smenu_teacher_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.shop {
    background: url(../imgs/my/my_smenu_shop_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.order {
    background: url(../imgs/my/my_smenu_order_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.payment {
    background: url(../imgs/my/my_smenu_payment_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.discount {
    background: url(../imgs/my/my_smenu_discount_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.counsel {
    background: url(../imgs/my/my_smenu_counsel_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.gcomm {
    background: url(../imgs/my/my_smenu_gcomm_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.reserve {
    background: url(../imgs/my/my_smenu_reserve_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.exam {
    background: url(../imgs/my/my_smenu_exam_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.review {
    background: url(../imgs/my/my_smenu_review_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.user {
    background: url(../imgs/my/my_smenu_user_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.biz {
    background: url(../imgs/my/my_smenu_biz_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.badge {
    background: url(../imgs/my/my_smenu_badge_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.certify {
    background: url(../imgs/my/my_smenu_certify_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.building {
    background: url(../imgs/my/my_smenu_building_active@3x.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li > a.product {
    background: url(../imgs/my/my_smenu_product_active.png) no-repeat 12px center;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li .menu2-wrap {
    margin-left: 56px;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li .menu2-wrap > li > a {
    padding: 12px 12px 12px 36px;
    font-size: 17px;
  }
  .nx-my-tab-wrap .btn-wrap .lyr-menu .menu1-wrap > li .menu2-wrap > li > a.on:before {
    left: 22px;
  }
  .nx-dash-wrap .profile-wrap {
    padding: 8px;
  }
  .nx-dash-wrap .profile-wrap .l-wrap .img {
    width: 48px;
    height: 48px;
  }
  .nx-dash-wrap .profile-wrap .l-wrap .name {
    font-size: 16px;
  }
  .nx-dash-wrap .profile-wrap .l-wrap .id {
    font-size: 12px;
  }
  .nx-dash-wrap .menu-wrap .item {
    width: calc(50% - 8px);
    padding: 15px;
  }
  .nx-dash-wrap .menu-wrap .item img {
    width: 31px;
    height: 31px;
  }
  .nx-dash-wrap .menu-wrap .item .menu {
    font-size: 16px;
  }
  .nx-dash-wrap .edu-lst li, .nx-dash-wrap .board-lst li {
    width: calc((100% - 24px - 1px) / 2);
    margin-left: 24px;
  }
  .nx-dash-wrap .edu-lst li:nth-child(-n+2), .nx-dash-wrap .board-lst li:nth-child(-n+2) {
    margin-top: 0;
    clear: none;
  }
  .nx-dash-wrap .edu-lst li:nth-child(n+3), .nx-dash-wrap .board-lst li:nth-child(n+3) {
    margin-top: 24px;
    clear: none;
  }
  .nx-dash-wrap .edu-lst li:nth-child(4n+1), .nx-dash-wrap .board-lst li:nth-child(4n+1) {
    clear: none;
    margin-left: 24px;
  }
  .nx-dash-wrap .edu-lst li:nth-child(2n+1), .nx-dash-wrap .board-lst li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .nx-dash-wrap .chart-wrap .item {
    width: calc((100% - 0px - 1px) / 1);
    margin-left: 0px;
  }
  .nx-dash-wrap .chart-wrap .item:nth-child(-n+1) {
    margin-top: 0;
    clear: none;
  }
  .nx-dash-wrap .chart-wrap .item:nth-child(n+2) {
    margin-top: 50px;
    clear: none;
  }
  .nx-dash-wrap .chart-wrap .item:nth-child(3n+1) {
    clear: none;
    margin-left: 0px;
  }
  .nx-dash-wrap .chart-wrap .item:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
  }
  /* 검색 : 767px */
  .nx-my-lst-search > li .ins-col {
    width: 100%;
  }
  .nx-my-lst-search > li .nx-my-btn-box {
    clear: both;
    float: none;
    padding-top: 10px;
    width: 100%;
    text-align: right;
  }
  /* 텝메뉴 : 767px */
  .nx-my-nav-tnb .nx-my-tnb > li {
    width: calc((100% - 16px) / 3);
  }
  .nx-my-nav-tnb .nx-my-tnb > li:nth-child(3n+3) {
    margin-right: 0;
  }
  .nx-my-nav-tnb .nx-my-tnb > li > a {
    width: 100%;
  }
}
@media print, screen and (max-width: 519px) {
  .nx-dash-wrap .menu-wrap .item {
    width: 100%;
  }
}
@media print, screen and (max-width: 425px) {
  /*=======================================================================
  가로 해상도 425이하 css
     =======================================================================*/
  .nx-my-select.width-s1 + .nx-my-input-text {
    max-width: calc(100% - 106px);
  }
}
.my2-arti {
  margin-top: 16px;
  padding: 0 12px 16px;
  border-radius: 12px;
  border: 1px solid #E7E7E7;
  background: #F6F6F6;
}
.my2-arti:first-of-type {
  margin-top: 0;
}
.my2-arti > .my2-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 8px;
}
.my2-arti > .my2-ct .my2-lst-goods .goods-item {
  margin-bottom: 10px;
}
.my2-arti > .my2-ct .my2-lst-goods .goods-item:last-child {
  margin-bottom: 0;
}
.my2-arti > .my2-ct .my2-lst-goods .goods-item > a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 12px 12px 12px 80px;
  min-height: 56px;
  border-radius: 12px;
  border: 1px solid #E7E7E7;
  background: #FFF;
}
.my2-arti > .my2-ct .my2-lst-goods .goods-item > a .goods-thum {
  overflow: hidden;
  position: absolute;
  left: 12px;
  top: 12px;
  border-radius: 6px;
  border: 1px solid #000;
  box-sizing: border-box;
}
.my2-arti > .my2-ct .my2-lst-goods .goods-item > a .goods-thum img {
  width: 56px;
  vertical-align: top;
}
.my2-arti > .my2-ct .my2-lst-goods .goods-item > a .goods-ct-wrap .goods-tit {
  margin-bottom: 4px;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}
.my2-arti > .my2-ct .my2-lst-goods .goods-item > a .goods-ct-wrap .goods-desc {
  color: #7F7F84;
  font-family: "Noto Sans KR";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 18.2px */
}
.my2-arti > .my2-ct .my2-lst-goods .goods-item > a .goods-state {
  padding: 4px;
  color: #656878;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 21px */
}
.my2-arti > .my2-ct .goods-view-all {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.my2-arti > .my2-ct .goods-view-all span {
  display: inline-block;
  vertical-align: top;
  padding-right: 14px;
  background: url(../imgs/ico_cart2_arr_b1.png) no-repeat right 0 center/12px auto;
  color: #8C8E9E;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  transition: coloc 0.25s ease;
}
.my2-arti > .my2-ct .goods-view-all:hover span {
  color: #656878;
}

.my2-info-wrap .my2-lst-info {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -10px;
}
.my2-info-wrap .my2-lst-info .info-item {
  display: flex;
  margin: 0 28px 10px 0;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}
.my2-info-wrap .my2-lst-info .info-item .my2-date {
  flex-shrink: 0;
  color: #2B2C33;
}
.my2-info-wrap .my2-lst-info .info-item .my2-info-tit {
  flex-shrink: 0;
  margin-right: 4px;
  color: #7F7F84;
}
.my2-info-wrap .my2-lst-info .info-item .my2-info-desc {
  flex-shrink: 0;
  color: #2B2C33;
  word-break: keep-all;
}
.my2-info-wrap .my2-lst-info .info-item .my2-info-state1 {
  color: #ED3E3E;
}
.my2-info-wrap + .my2-btn-wrap {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
}
.my2-info-wrap + .my2-btn-wrap a {
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  padding: 8px 16px;
  border-radius: 8px;
  border: 1px solid #DBDBDB;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  transition: color 0.25s ease;
}
.my2-info-wrap + .my2-btn-wrap a:hover {
  color: #656878;
}
.my2-info-wrap + .my2-btn-wrap a + a {
  margin-left: 8px;
}
.my2-info-wrap + .my2-btn-wrap a.my2-btn-state1 {
  color: #E84F68;
}
.my2-info-wrap + .my2-btn-wrap a.my2-btn-state1:hover {
  color: #F26F84;
}
.my2-info-wrap + .my2-btn-wrap a.my2-btn-state2 {
  color: #5268DB;
}
.my2-info-wrap + .my2-btn-wrap a.my2-btn-state2:hover {
  color: #3954E0;
}

.my2-detail-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid #E7E7E7;
  background: #F6F6F6;
}
.my2-detail-top .my2-info-wrap .my2-lst-info {
  position: relative;
  padding-left: 156px;
}
.my2-detail-top .my2-info-wrap .my2-lst-info .info-item:first-child {
  position: absolute;
  left: 0;
  top: 0;
}
.my2-detail-top .my2-info-wrap .my2-lst-info .info-item .my2-info-desc {
  flex-shrink: 1;
}

.my2-detail-arti {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 36px 16px 36px 116px;
  border-bottom: 1px solid #E1E1E1;
}
.my2-detail-arti .my2-detail-thum {
  overflow: hidden;
  position: absolute;
  left: 16px;
  top: 36px;
  width: 80px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
}
.my2-detail-arti .my2-detail-thum img {
  width: 100%;
  vertical-align: top;
}
.my2-detail-arti .my2-detail-ct-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}
.my2-detail-arti .my2-detail-ct-wrap .my2-detail-ct {
  width: calc(100% - 200px);
}
.my2-detail-arti .my2-detail-ct-wrap .my2-detail-ct .my2-tit {
  color: #2B2C33;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.my2-detail-arti .my2-detail-ct-wrap .my2-detail-ct .my2-desc {
  margin-top: 4px;
  color: #2B2C33;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
}
.my2-detail-arti .my2-detail-ct-wrap .my2-detail-ct .my2-info-full {
  margin-top: 12px;
}
.my2-detail-arti .my2-detail-ct-wrap .my2-detail-ct .my2-info-full .my2-item {
  margin-bottom: 8px;
  color: #7F7F84;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.my2-detail-arti .my2-detail-ct-wrap .my2-detail-ct .my2-info-full .my2-item:last-child {
  margin-bottom: 0;
}
.my2-detail-arti .my2-detail-ct-wrap .my2-detail-ct .my2-info-full .my2-item .my2-str {
  color: #2B2C33;
}
.my2-detail-arti .my2-detail-ct-wrap .my2-detail-btn-wrap {
  width: 160px;
}
.my2-detail-arti .my2-detail-ct-wrap .my2-detail-btn-wrap a {
  width: 100%;
}
.my2-detail-arti .my2-detail-ct-wrap .my2-detail-btn-wrap a + a {
  margin-top: 8px;
}

/* 메달 */
.nx-authbadge-top {
  margin-bottom: 20px;
}
.nx-authbadge-top .nx-authbadge-tit {
  margin-bottom: 10px;
  padding-left: 28px;
  background: url(../imgs/my/my_badge_ico_tit.png) no-repeat 0 0/24px auto;
  color: #191919;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
.nx-authbadge-top .nx-authbadge-lead {
  margin-bottom: 20px;
  color: #474747;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
}

.nx-possbadge-box {
  padding: 26px 20px;
  border-radius: 10px;
  background: #F8F8F8;
  text-align: center;
}
.nx-possbadge-box > .nx-tit {
  margin-bottom: 20px;
  color: #191919;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}
.nx-possbadge-box > .nx-tit .nx-cnt {
  color: #A3A3A3;
}
.nx-possbadge-box > .nx-authbadge-msg {
  margin-top: 20px;
  color: #474747;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
}

.nx-lst-possbadge {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 -10px -20px;
}
.nx-lst-possbadge .nx-item {
  position: relative;
  margin: 0 10px 20px;
  width: 80px;
  height: 80px;
}
.nx-lst-possbadge .nx-item::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #E8E8E8;
  border-radius: 50%;
  background: #fff url(../imgs/my/my_badge_ico_add.png) no-repeat center center/20px auto;
  box-sizing: border-box;
}
.nx-lst-possbadge .nx-item .nx-possbadge-thumb {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.nx-authbadge-ct {
  border-top: 2px solid #F5F5F5;
}

.nx-lst-authbadge {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px -16px;
}
.nx-lst-authbadge .nx-item {
  position: relative;
  margin: 0 8px 16px;
  width: calc((100% - 80px) / 5);
}
.nx-lst-authbadge .nx-item > a {
  display: block;
  padding: 30px 10px;
  border-radius: 10px;
  border: 1px solid #F5F5F5;
  background: #FBFBFB;
  box-sizing: border-box;
  text-align: center;
  transition: background 0.35s ease, border 0.35se ease;
}
.nx-lst-authbadge .nx-item .nx-authbadge-state {
  position: absolute;
  left: 0;
  top: 0;
}
.nx-lst-authbadge .nx-item .nx-tit {
  margin-top: 14px;
  color: #A3A3A3;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}
.nx-lst-authbadge .nx-item.nx-poss > a {
  border-color: #E8E8E8;
  background: #FFF;
}
.nx-lst-authbadge .nx-item.nx-poss .nx-tit {
  color: #2B2C33;
}

.nx-authbadge-state {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  width: 46px;
  height: 26px;
  border-radius: 4px;
  border: 1px solid #E1E1E1;
  background: #E1E1E1;
  box-sizing: border-box;
  vertical-align: top;
  text-align: center;
  color: #565656;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
}
.nx-authbadge-state.nx-authbadge-state1 {
  background: #fff;
  border-color: #C7C7C7;
  color: #2B2C33;
}
.nx-authbadge-state.nx-authbadge-state2 {
  background: #5268DB;
  border-color: #5268DB;
  color: #fff;
}

.nx-authbadge-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  text-align: center;
}
.nx-authbadge-thumb img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
  transition: filter 0.35s ease;
}

/* 건물임대관리 */
.nx-lst-rentinfo .nx-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #FFF;
  box-shadow: 0 2px 26px -15px rgba(0, 0, 0, 0.22);
}
.nx-lst-rentinfo .nx-item .nx-col1 {
  display: flex;
  justify-content: space-between;
  padding-right: 24px;
  width: 35.5%;
  border-right: 1px solid #EEEEEE;
  box-sizing: border-box;
}
.nx-lst-rentinfo .nx-item .nx-col1 .nx-thumb {
  width: 24.865%;
}
.nx-lst-rentinfo .nx-item .nx-col1 .nx-thumb img {
  max-width: 100%;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  vertical-align: top;
}
.nx-lst-rentinfo .nx-item .nx-col1 .nx-ins-wrap {
  width: calc(75.135% - 20px);
}
.nx-lst-rentinfo .nx-item .nx-col1 .nx-ins-wrap .nx-state-wrap {
  margin-bottom: 8px;
}
.nx-lst-rentinfo .nx-item .nx-col1 .nx-ins-wrap .nx-state-wrap .nx-rent-state {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  min-width: 64px;
  padding: 0 8px;
  vertical-align: top;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.nx-lst-rentinfo .nx-item .nx-col1 .nx-ins-wrap .nx-state-wrap .nx-rent-state.nx-rent-state1 {
  background: rgba(82, 104, 219, 0.12);
  color: #5268DB;
}
.nx-lst-rentinfo .nx-item .nx-col1 .nx-ins-wrap .nx-state-wrap .nx-rent-state.nx-rent-state2 {
  background: rgba(0, 0, 0, 0.08);
  color: #656878;
}
.nx-lst-rentinfo .nx-item .nx-col1 .nx-ins-wrap .nx-address {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.nx-lst-rentinfo .nx-item .nx-col1 .nx-ins-wrap .nx-address .nx-name {
  color: #2B2C33;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
.nx-lst-rentinfo .nx-item .nx-col1 .nx-ins-wrap .nx-address .nx-detail-add {
  position: relative;
  margin-left: 8px;
  padding-left: 9px;
  color: #2B2C33;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}
.nx-lst-rentinfo .nx-item .nx-col1 .nx-ins-wrap .nx-address .nx-detail-add::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  margin-top: -8px;
  width: 1px;
  height: 16px;
  background: #3A3A3A;
}
.nx-lst-rentinfo .nx-item .nx-col1 .nx-ins-wrap .nx-rent-term {
  margin-bottom: 4px;
  color: #656878;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.nx-lst-rentinfo .nx-item .nx-col1 .nx-ins-wrap .nx-rent-turn {
  color: #7F7F84;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.nx-lst-rentinfo .nx-item .nx-col2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 24px;
  width: 21.5%;
  border-right: 1px solid #EEEEEE;
  box-sizing: border-box;
  text-align: center;
}
.nx-lst-rentinfo .nx-item .nx-col3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 24px;
  width: 21.5%;
  border-right: 1px solid #EEEEEE;
  box-sizing: border-box;
  text-align: center;
}
.nx-lst-rentinfo .nx-item .nx-col4 {
  display: flex;
  align-items: center;
  padding: 20px 24px;
  width: 21.5%;
  box-sizing: border-box;
}
.nx-lst-rentinfo .nx-item .nx-ins-lst {
  text-align: center;
}
.nx-lst-rentinfo .nx-item .nx-ins-lst .nx-tit {
  margin-bottom: 4px;
  color: #2B2C33;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.nx-lst-rentinfo .nx-item .nx-ins-lst .nx-price {
  margin-bottom: 6px;
  color: #2B2C33;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
.nx-lst-rentinfo .nx-item .nx-ins-lst .nx-note {
  color: #7F7F84;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.nx-lst-rentinfo .nx-item .nx-etc-info .nx-ins-item {
  margin-bottom: 6px;
  color: #656878;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.nx-lst-rentinfo .nx-item .nx-etc-info .nx-ins-item:last-child {
  margin-bottom: 0;
}
.nx-lst-rentinfo .nx-item .nx-etc-info .nx-ins-item .nx-ins-desc {
  color: #2B2C33;
  font-weight: 500;
}

.nx-list-wrap {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #e1e1e1;
  background: #F6F6F6;
}
.nx-list-wrap .nx-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
  color: #656878;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.nx-list-wrap .nx-top.nx-rentadmin1 .nx-md-col1, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-md-col1 {
  display: none;
}
.nx-list-wrap .nx-top.nx-rentadmin1 .nx-col1, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col1 {
  width: 5.5%;
}
.nx-list-wrap .nx-top.nx-rentadmin1 .nx-col2, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col2 {
  width: 10.5%;
}
.nx-list-wrap .nx-top.nx-rentadmin1 .nx-col3, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col3 {
  width: 10.5%;
}
.nx-list-wrap .nx-top.nx-rentadmin1 .nx-col4, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col4 {
  width: 10.5%;
}
.nx-list-wrap .nx-top.nx-rentadmin1 .nx-col5, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col5 {
  width: 10.5%;
}
.nx-list-wrap .nx-top.nx-rentadmin1 .nx-col6, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col6 {
  width: 10.5%;
}
.nx-list-wrap .nx-top.nx-rentadmin1 .nx-col7, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col7 {
  width: 10.5%;
}
.nx-list-wrap .nx-top.nx-rentadmin1 .nx-col8, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col8 {
  padding: 4px 0;
  width: 10.5%;
}
.nx-list-wrap .nx-top.nx-rentadmin1 .nx-col9, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col9 {
  width: 10.5%;
}
.nx-list-wrap .nx-top.nx-rentadmin1 .nx-col10, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col10 {
  width: 10.5%;
}
.nx-list-wrap .nx-top.nx-rentadmin2 .nx-col1, .nx-list-wrap .nx-ct.nx-rentadmin2 .nx-col1 {
  width: 5.5%;
}
.nx-list-wrap .nx-top.nx-rentadmin2 .nx-col2, .nx-list-wrap .nx-ct.nx-rentadmin2 .nx-col2 {
  width: 12%;
}
.nx-list-wrap .nx-top.nx-rentadmin2 .nx-col3, .nx-list-wrap .nx-ct.nx-rentadmin2 .nx-col3 {
  width: 12%;
}
.nx-list-wrap .nx-top.nx-rentadmin2 .nx-col4, .nx-list-wrap .nx-ct.nx-rentadmin2 .nx-col4 {
  width: 46.5%;
}
.nx-list-wrap .nx-top.nx-rentadmin2 .nx-col5, .nx-list-wrap .nx-ct.nx-rentadmin2 .nx-col5 {
  width: 12%;
}
.nx-list-wrap .nx-top.nx-rentadmin2 .nx-col6, .nx-list-wrap .nx-ct.nx-rentadmin2 .nx-col6 {
  width: 12%;
}
.nx-list-wrap .nx-top .nx-col-no, .nx-list-wrap .nx-ct .nx-col-no {
  justify-content: center !important;
  width: 50px;
}
.nx-list-wrap .nx-top .nx-col-no .nx-tx, .nx-list-wrap .nx-ct .nx-col-no .nx-tx {
  text-align: center !important;
}
.nx-list-wrap .nx-top .nx-col-w50, .nx-list-wrap .nx-ct .nx-col-w50 {
  justify-content: center !important;
  width: calc((100% - 50px) / 2);
}
.nx-list-wrap .nx-top .nx-col-w50 .nx-tx, .nx-list-wrap .nx-ct .nx-col-w50 .nx-tx {
  text-align: center !important;
}
.nx-list-wrap .nx-top .nx-col-w25, .nx-list-wrap .nx-ct .nx-col-w25 {
  justify-content: center !important;
  width: calc((100% - 50px) * 0.25);
}
.nx-list-wrap .nx-top .nx-col-w25 .nx-tx, .nx-list-wrap .nx-ct .nx-col-w25 .nx-tx {
  text-align: center !important;
}
.nx-list-wrap .nx-lst-my .nx-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 3px 28px -12px rgba(0, 0, 0, 0.22);
  text-align: center;
}
.nx-list-wrap .nx-lst-my .nx-item:last-child {
  margin-bottom: 0;
}
.nx-list-wrap .nx-lst-my .nx-item > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  min-height: 52px;
  box-sizing: border-box;
}
.nx-list-wrap .nx-lst-my .nx-item > div .nx-md-tit {
  display: none;
}
.nx-list-wrap .nx-lst-my .nx-item > div .nx-tx {
  width: 100%;
  color: #2B2C33;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
.nx-list-wrap .nx-lst-my .nx-item > div .nx-tx.nx-state1 {
  color: #5268DB;
}
.nx-list-wrap .nx-lst-my .nx-item > div .nx-tx.nx-state2 {
  color: #2B2C33;
}
.nx-list-wrap .nx-lst-my .nx-item > div .nx-tx.nx-img {
  width: 68px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 6px;
}
.nx-list-wrap .nx-lst-my .nx-item > div .nx-tx.nx-no-img {
  background: #f5f5f5;
}
.nx-list-wrap .nx-lst-my .nx-item > div .nx-tx.nx-no-img > img {
  padding: 10px;
  box-sizing: border-box;
}
.nx-list-wrap .nx-lst-my .nx-item > div .nx-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 26px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
.nx-list-wrap .nx-lst-my .nx-item > div .nx-badge.nx-badge-c {
  background: rgba(0, 0, 0, 0.06);
  color: #7F7F84;
}
.nx-list-wrap .nx-lst-my .nx-item > div .nx-badge.nx-badge-ing {
  background: rgba(82, 104, 219, 0.1215686275);
  color: #5268DB;
}
.nx-list-wrap .nx-lst-my .nx-item > div .nx-badge.nx-badge-non {
  background: rgba(253, 94, 54, 0.1215686275);
  color: #FD5E36;
}
.nx-list-wrap .nx-lst-my .nx-item .nx-btn-rent-cls {
  display: none;
}
.nx-list-wrap .nx-lst-my .nx-item .nx-link-open {
  display: none;
}
.nx-list-wrap .nx-lst-my .nx-item .nx-link {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.nx-list-wrap .nx-btn-ds {
  display: block;
  margin: 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.04) url(../imgs/my/ico_ds.png) no-repeat center center/20px auto;
  transition: background-color 0.25s ease;
}
.nx-list-wrap .nx-btn-ds:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.nx-list-wrap .nx-btn-ds span {
  font-size: 0;
  text-indent: -9999px;
}
.nx-list-wrap .nx-rentpay-state {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  min-width: 56px;
  height: 24px;
  padding: 2px 8px;
  border-radius: 6px;
  border: 1px solid;
  box-sizing: border-box;
  vertical-align: top;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}
.nx-list-wrap .nx-rentpay-state.nx-rentpay-state1 {
  border-color: #C7C7C7;
  color: #7F7F84;
}
.nx-list-wrap .nx-rentpay-state.nx-rentpay-state2 {
  border-color: #F26F84;
  color: #E84F68;
}
.nx-list-wrap .nx-rentpay-state.nx-rentpay-state3 {
  border-color: #5268DB;
  color: #5268DB;
}

/* 상태버튼 */
.nx-status-A, .nx-status-B, .nx-status-C {
  width: 64px;
  height: 26px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nx-status-A {
  color: #7f7f84;
  background: rgba(0, 0, 0, 0.06);
}

.nx-status-B {
  color: #31b01a;
  background: rgba(49, 176, 26, 0.12);
}

.nx-status-C {
  color: #fd5e36;
  background: rgba(253, 94, 54, 0.12);
}

/* 상태버튼 */
.nx-pagenate {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.nx-pagenate .nx-pn-btn-prev, .nx-pagenate .nx-pn-btn-next {
  font-size: 0;
  text-indent: -9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background-color: rgba(0, 0, 0, 0.04);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px auto;
  vertical-align: top;
  text-align: center;
  transition: background-color 0.25s ease;
}
.nx-pagenate .nx-pn-btn-prev a, .nx-pagenate .nx-pn-btn-next a {
  display: block;
  width: 100%;
  height: 100%;
}
.nx-pagenate .nx-pn-btn-prev:hover, .nx-pagenate .nx-pn-btn-next:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.nx-pagenate .nx-pn-btn-prev.disabled, .nx-pagenate .nx-pn-btn-next.disabled {
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.nx-pagenate .nx-pn-btn-prev.disabled a, .nx-pagenate .nx-pn-btn-next.disabled a {
  cursor: default;
}
.nx-pagenate .nx-pn-btn-prev {
  background-image: url(../imgs/my/ico_prev.png);
}
.nx-pagenate .nx-pn-btn-prev.disabled {
  background-image: url(../imgs/my/ico_prev2.png);
}
.nx-pagenate .nx-pn-btn-next {
  background-image: url(../imgs/my/ico_next.png);
}
.nx-pagenate .nx-pn-btn-next.disabled {
  background-image: url(../imgs/my/ico_next2.png);
}
.nx-pagenate .nx-pn-btn-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.04);
  vertical-align: top;
  color: #2B2C33;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  transition: background-color 0.25s ease;
}
.nx-pagenate .nx-pn-btn-num a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 36px;
}
.nx-pagenate .nx-pn-btn-num:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.nx-pagenate .nx-pn-btn-num.active {
  background: #5268DB;
  color: #fff;
  font-weight: 700;
}
.nx-pagenate .nx-pn-btn-num.disabled {
  background: none;
}
.nx-pagenate .nx-pn-btn-num.disabled a {
  cursor: default;
}
.nx-pagenate .nx-pn-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  width: 36px;
  height: 36px;
  border-radius: 14px;
  vertical-align: top;
  color: #2B2C33;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.newpop-dsment-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.newpop-dsment-top .nx-tit-wrap .nx-tit1 {
  color: #656878;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}
.newpop-dsment-top .nx-tit-wrap .nx-tit2 {
  color: #2B2C33;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
}
.newpop-dsment-top .nx-btn-print {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
  min-width: 80px;
  height: 36px;
  padding: 2px 16px;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #DBDBDB;
  background: #FFF;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  transition: background-size 0.25s ease;
}
.newpop-dsment-top .nx-btn-print .nx-ico-print {
  display: block;
  width: 18px;
  height: 18px;
  background: url(../imgs/my/ico_print.png) no-repeat center center/18px auto;
}
.newpop-dsment-top .nx-btn-print .nx-tx {
  color: #2B2C33;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.newpop-dsment-top .nx-btn-print:hover {
  background: #FCFCFC;
}

.newpop-dsment-ct .newpop-dsment-col-group1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .newpop-dsment-col1, .newpop-dsment-ct .newpop-dsment-col-group1 .newpop-dsment-col2 {
  width: calc((100% - 24px) / 2);
}
.newpop-dsment-ct .newpop-dsment-col-group1 .newpop-dsment-col1 > .nx-tit, .newpop-dsment-ct .newpop-dsment-col-group1 .newpop-dsment-col2 > .nx-tit {
  margin-bottom: 8px;
  color: #2B2C33;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info {
  border-top: 1px solid #2B2C33;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info .nx-ins-wrap .nx-tit-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 10px;
  height: 36px;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info .nx-ins-wrap .nx-tit-wrap .nx-item1, .newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info .nx-ins-wrap .nx-tit-wrap .nx-item2 {
  color: #7F7F84;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info .nx-ins-wrap .nx-tit-wrap .nx-tit1 {
  padding-right: 10px;
  width: 60%;
  box-sizing: border-box;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info .nx-ins-wrap .nx-tit-wrap .nx-tit2 {
  width: 40%;
  text-align: right;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info .nx-desc-wrap1 .nx-d2-lst .nx-d2-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 10px;
  height: 32px;
  border-radius: 6px;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info .nx-desc-wrap1 .nx-d2-lst .nx-d2-item:nth-child(odd) {
  background: rgba(0, 0, 0, 0.03);
}
.newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info .nx-desc-wrap1 .nx-d2-lst .nx-d2-item .nx-tit {
  padding-right: 10px;
  width: 60%;
  box-sizing: border-box;
  color: #656878;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info .nx-desc-wrap1 .nx-d2-lst .nx-d2-item .nx-desc {
  width: 40%;
  color: #2B2C33;
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info .nx-desc-wrap2 {
  margin-top: 12px;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info .nx-desc-wrap2 .nx-lst-total {
  padding-top: 8px;
  border-top: 1px solid #DBDBDB;
  box-sizing: border-box;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info .nx-desc-wrap2 .nx-lst-total .nx-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 10px;
  height: 32px;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info .nx-desc-wrap2 .nx-lst-total .nx-item .nx-tit {
  padding-right: 10px;
  width: 60%;
  box-sizing: border-box;
  color: #2B2C33;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .nx-lst-dsment-info .nx-desc-wrap2 .nx-lst-total .nx-item .nx-desc {
  width: 40%;
  color: #2B2C33;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .newpop-dsment-col3 {
  padding: 40px 0;
  width: 100%;
}
.newpop-dsment-ct .newpop-dsment-col-group1 .newpop-dsment-col3 .nx-dsment-bx {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 360px;
  height: 52px;
  gap: 4px;
  border-radius: 8px;
  border: 1px solid #C5CDF2;
  box-sizing: border-box;
  text-align: center;
  color: #5268DB;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.newpop-dsment-ct .newpop-dsment-col-group2 {
  overflow: hidden;
  display: flex;
  border: 1px solid #C7C7C7;
  border-radius: 8px;
  box-sizing: border-box;
}
.newpop-dsment-ct .newpop-dsment-col-group2 .newpop-dsment-col3, .newpop-dsment-ct .newpop-dsment-col-group2 .newpop-dsment-col4 {
  width: 50%;
}
.newpop-dsment-ct .newpop-dsment-col-group2 .nx-lst-dsment-payment .nx-item {
  display: flex;
  border-bottom: 1px solid #E1E1E1;
  box-sizing: border-box;
}
.newpop-dsment-ct .newpop-dsment-col-group2 .nx-lst-dsment-payment .nx-item:last-child {
  border-bottom: none;
}
.newpop-dsment-ct .newpop-dsment-col-group2 .nx-lst-dsment-payment .nx-item .nx-tit {
  display: flex;
  align-items: center;
  width: 50%;
  height: 52px;
  padding: 4px 14px;
  background: #F6F6F6;
  box-sizing: border-box;
  color: #2B2C33;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.newpop-dsment-ct .newpop-dsment-col-group2 .nx-lst-dsment-payment .nx-item .nx-desc {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50%;
  height: 52px;
  padding: 4px 14px;
  background: #fff;
  box-sizing: border-box;
  color: #2B2C33;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.my-inner-sect {
  margin-top: 28px;
}
.my-inner-sect:first-of-type {
  margin-top: 0;
}

.my-inner-tit1 {
  margin-bottom: 14px;
  color: #2B2C33;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.my-lst-eval .my-item {
  position: relative;
  margin-bottom: 16px;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #FFF;
  box-shadow: 0 2px 26px -15px rgba(0, 0, 0, 0.22);
  box-sizing: border-box;
}
.my-lst-eval .my-item:last-child {
  margin-bottom: 0;
}
.my-lst-eval .my-item a {
  display: flex;
  align-items: center;
  height: 100%;
}
.my-lst-eval .my-item .my-thumb {
  flex-shrink: 0;
  overflow: hidden;
  width: 80px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #FFF;
  box-shadow: 0 2px 26px -15px rgba(0, 0, 0, 0.22);
}
.my-lst-eval .my-item .my-thumb img {
  width: 100%;
  vertical-align: top;
}
.my-lst-eval .my-item .my-tit {
  margin-left: 20px;
  color: #2B2C33;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}
.my-lst-eval .my-item .my-ins-wrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.my-lst-eval .my-item .my-ins-wrap .my-info1 {
  margin-left: 32px;
  color: #2B2C33;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}
.my-lst-eval .my-item .my-ins-wrap .my-info2 {
  margin-left: 32px;
  color: #2B2C33;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
}
.my-lst-eval .my-item .my-ins-wrap .my-info2 .my-count {
  margin-left: 8px;
  color: #7F7F84;
}
.my-lst-eval .my-item .my-ins-wrap .my-info2 .my-count strong {
  display: inline-block;
  vertical-align: top;
  font-size: 22px;
  color: #2B2C33;
  line-height: 28px;
}

.nx-btn-wrap {
  margin-bottom: 12px;
  text-align: right;
}

.nx-my-back {
  display: flex;
}
.nx-my-back .nx-my-back-img {
  width: 44px;
  height: 36px;
  margin-right: 8px;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
}
.nx-my-back .nx-my-back-img:hover {
  background: #fcfcfc;
}
.nx-my-back .nx-my-back-txt {
  color: #2b2c33;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
}

.nx-my-tit-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
  margin-bottom: 14px;
}
.nx-my-tit-wrap .nx-my-tit {
  color: #2b2c33;
  font-size: 18px;
  font-weight: 700;
}

@media screen and (max-width: 1023px) {
  .nx-lst-authbadge .nx-item {
    width: calc((100% - 64px) / 4);
  }
  /* 건물임대관리 */
  .nx-lst-rentinfo .nx-item .nx-col1 {
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #EEEEEE;
  }
  .nx-lst-rentinfo .nx-item .nx-col1 .nx-thumb {
    width: 96px;
  }
  .nx-lst-rentinfo .nx-item .nx-col1 .nx-ins-wrap {
    width: calc(100% - 116px);
  }
  .nx-lst-rentinfo .nx-item .nx-col2 {
    padding: 16px 20px;
    width: 33.333%;
  }
  .nx-lst-rentinfo .nx-item .nx-col3 {
    padding: 16px 20px;
    width: 33.333%;
  }
  .nx-lst-rentinfo .nx-item .nx-col4 {
    padding: 16px 20px;
    width: 33.333%;
  }
}
@media only screen and (max-width: 759px) {
  .my2-arti > .my2-ct .my2-lst-goods .goods-item {
    margin-bottom: 10px;
  }
  .my2-arti > .my2-ct .my2-lst-goods .goods-item:last-child {
    margin-bottom: 0;
  }
  .my2-arti > .my2-ct .my2-lst-goods .goods-item > a {
    flex-direction: column;
  }
  .my2-arti > .my2-ct .my2-lst-goods .goods-item > a .goods-ct-wrap {
    width: 100%;
  }
  .my2-arti > .my2-ct .my2-lst-goods .goods-item > a .goods-state {
    margin-top: 4px;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
  }
  .my2-info-wrap .my2-lst-info {
    margin-bottom: -5px;
  }
  .my2-info-wrap .my2-lst-info .info-item {
    margin: 0 14px 5px 0;
  }
  .my2-info-wrap .my2-lst-info .info-item:first-child {
    width: calc(100% - 14px);
  }
  .my2-info-wrap + .my2-btn-wrap {
    flex-direction: column;
  }
  .my2-info-wrap + .my2-btn-wrap a + a {
    margin: 4px 0 0 0;
  }
  .my2-detail-top .my2-info-wrap .my2-lst-info {
    padding-left: 0;
  }
  .my2-detail-top .my2-info-wrap .my2-lst-info .info-item:first-child {
    position: relative;
    left: auto;
    top: auto;
  }
  .my2-detail-arti .my2-detail-ct-wrap {
    flex-direction: column;
  }
  .my2-detail-arti .my2-detail-ct-wrap .my2-detail-ct {
    width: 100%;
  }
  .my2-detail-arti .my2-detail-ct-wrap .my2-detail-btn-wrap {
    margin-top: 20px;
  }
  .my2-detail-arti .my2-detail-ct-wrap .my2-detail-btn-wrap a {
    width: 100%;
  }
  .my2-detail-arti .my2-detail-ct-wrap .my2-detail-btn-wrap a + a {
    margin-top: 8px;
  }
  /* 메달 */
  .nx-lst-possbadge {
    margin: 0 -3px -6px;
  }
  .nx-lst-possbadge .nx-item {
    margin: 0 3px 6px;
    width: 48px;
    height: 48px;
  }
  .nx-lst-possbadge .nx-item::before {
    background-size: 12px auto;
  }
  .nx-lst-authbadge .nx-item {
    width: calc((100% - 48px) / 3);
  }
  .nx-lst-authbadge .nx-item .nx-authbadge-thumb {
    height: 48px;
  }
  /* 건물임대관리 */
  .nx-lst-rentinfo .nx-item {
    padding: 12px 12px 16px;
  }
  .nx-lst-rentinfo .nx-item .nx-col1 {
    margin-bottom: 0;
    padding-right: 0;
  }
  .nx-lst-rentinfo .nx-item .nx-col1 .nx-thumb {
    width: 80px;
  }
  .nx-lst-rentinfo .nx-item .nx-col1 .nx-ins-wrap {
    width: calc(100% - 96px);
  }
  .nx-lst-rentinfo .nx-item .nx-col1 .nx-ins-wrap .nx-state-wrap {
    margin-bottom: 8px;
  }
  .nx-lst-rentinfo .nx-item .nx-col2 {
    width: 50%;
  }
  .nx-lst-rentinfo .nx-item .nx-col3 {
    width: 50%;
    border-right: none;
  }
  .nx-lst-rentinfo .nx-item .nx-col4 {
    padding: 16px 20px 0;
    width: 100%;
    border-top: 1px solid #EEEEEE;
  }
  .nx-list-wrap {
    padding: 8px 12px 12px;
  }
  .nx-list-wrap.md-keep-base .nx-top {
    display: flex;
  }
  .nx-list-wrap.md-keep-base .nx-lst-my .nx-item {
    height: auto;
  }
  .nx-list-wrap .nx-top {
    display: none;
  }
  .nx-list-wrap .nx-top.nx-rentadmin1 .nx-col1, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col1 {
    display: none;
  }
  .nx-list-wrap .nx-top.nx-rentadmin1 .nx-col2, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col2 {
    display: none;
  }
  .nx-list-wrap .nx-top.nx-rentadmin1 .nx-col3, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col3 {
    display: none;
  }
  .nx-list-wrap .nx-top.nx-rentadmin1 .nx-col4, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col4 {
    display: none;
  }
  .nx-list-wrap .nx-top.nx-rentadmin1 .nx-col5, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col5 {
    width: 100%;
  }
  .nx-list-wrap .nx-top.nx-rentadmin1 .nx-col6, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col6 {
    width: 100%;
  }
  .nx-list-wrap .nx-top.nx-rentadmin1 .nx-col7, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col7 {
    width: 100%;
  }
  .nx-list-wrap .nx-top.nx-rentadmin1 .nx-col8, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col8 {
    position: absolute;
    right: 0;
    top: 0;
    padding: 14px 12px;
    width: auto;
  }
  .nx-list-wrap .nx-top.nx-rentadmin1 .nx-col9, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col9 {
    width: 100%;
  }
  .nx-list-wrap .nx-top.nx-rentadmin1 .nx-col10, .nx-list-wrap .nx-ct.nx-rentadmin1 .nx-col10 {
    justify-content: flex-end;
    width: 100%;
  }
  .nx-list-wrap .nx-top.nx-rentadmin2 .nx-col1, .nx-list-wrap .nx-ct.nx-rentadmin2 .nx-col1 {
    display: none;
  }
  .nx-list-wrap .nx-top.nx-rentadmin2 .nx-col2, .nx-list-wrap .nx-ct.nx-rentadmin2 .nx-col2 {
    display: none;
  }
  .nx-list-wrap .nx-top.nx-rentadmin2 .nx-col3, .nx-list-wrap .nx-ct.nx-rentadmin2 .nx-col3 {
    display: none;
  }
  .nx-list-wrap .nx-top.nx-rentadmin2 .nx-col4, .nx-list-wrap .nx-ct.nx-rentadmin2 .nx-col4 {
    width: calc(100% - 80px);
  }
  .nx-list-wrap .nx-top.nx-rentadmin2 .nx-col4 .nx-tx, .nx-list-wrap .nx-ct.nx-rentadmin2 .nx-col4 .nx-tx {
    width: 100% !important;
  }
  .nx-list-wrap .nx-top.nx-rentadmin2 .nx-col5, .nx-list-wrap .nx-ct.nx-rentadmin2 .nx-col5 {
    width: 80px;
  }
  .nx-list-wrap .nx-top.nx-rentadmin2 .nx-col5 .nx-tx, .nx-list-wrap .nx-ct.nx-rentadmin2 .nx-col5 .nx-tx {
    width: 100% !important;
    text-align: center !important;
  }
  .nx-list-wrap .nx-top.nx-rentadmin2 .nx-col6, .nx-list-wrap .nx-ct.nx-rentadmin2 .nx-col6 {
    display: none;
  }
  .nx-list-wrap .nx-lst-my .nx-item {
    overflow: hidden;
    margin-bottom: 12px;
    height: 52px;
    transition: height 0.25s ease;
  }
  .nx-list-wrap .nx-lst-my .nx-item > div {
    padding: 8px 12px;
    height: auto;
    min-height: auto;
  }
  .nx-list-wrap .nx-lst-my .nx-item > div .nx-md-tit {
    display: block;
    width: auto;
    color: #7F7F84;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }
  .nx-list-wrap .nx-lst-my .nx-item > div .nx-tx {
    width: auto;
    text-align: left;
  }
  .nx-list-wrap .nx-lst-my .nx-item > div .nx-badge {
    width: 56px;
    height: 26px;
    font-size: 13px;
  }
  .nx-list-wrap .nx-lst-my .nx-item .nx-md-col1 {
    display: flex;
    padding-left: 52px;
    padding-right: 76px;
    width: 100%;
    height: 52px;
  }
  .nx-list-wrap .nx-lst-my .nx-item .nx-btn-rent-cls {
    font-size: 0;
    text-indent: -9999px;
    position: absolute;
    z-index: 9;
    left: 8px;
    top: 8px;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #fff;
    transition: background-color 0.25s ease;
  }
  .nx-list-wrap .nx-lst-my .nx-item .nx-btn-rent-cls::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../imgs/my/ico_arr_r1.png) no-repeat center center/16px auto;
  }
  .nx-list-wrap .nx-lst-my .nx-item .nx-link-open {
    font-size: 0;
    text-indent: -9999px;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
  .nx-list-wrap .nx-lst-my .nx-item.active {
    height: auto;
  }
  .nx-list-wrap .nx-lst-my .nx-item.active .nx-btn-rent-cls {
    background: rgba(0, 0, 0, 0.04);
  }
  .nx-list-wrap .nx-lst-my .nx-item.active .nx-btn-rent-cls::after {
    transform: rotate(90deg);
  }
  .nx-list-wrap .nx-lst-my .nx-item.active .nx-link-open {
    display: none;
  }
  .nx-list-wrap .nx-lst-my .nx-item > .nx-col1 .nx-tx {
    color: #7f7f84;
  }
  .nx-list-wrap .nx-btn-ds {
    margin: 0 0 0 auto;
  }
  .newpop-dsment-top {
    flex-direction: column;
  }
  .newpop-dsment-top .nx-tit-wrap {
    margin-bottom: 12px;
  }
  .newpop-dsment-top .nx-btn-print {
    margin-left: auto;
  }
  .newpop-dsment-ct .newpop-dsment-col-group1 {
    flex-direction: column;
  }
  .newpop-dsment-ct .newpop-dsment-col-group1 .newpop-dsment-col1, .newpop-dsment-ct .newpop-dsment-col-group1 .newpop-dsment-col2 {
    width: 100%;
  }
  .newpop-dsment-ct .newpop-dsment-col-group1 .newpop-dsment-col1 {
    margin-bottom: 24px;
  }
  .newpop-dsment-ct .newpop-dsment-col-group2 {
    flex-direction: column;
  }
  .newpop-dsment-ct .newpop-dsment-col-group2 .newpop-dsment-col3, .newpop-dsment-ct .newpop-dsment-col-group2 .newpop-dsment-col4 {
    width: 100%;
  }
  .newpop-dsment-ct .newpop-dsment-col-group2 .newpop-dsment-col3 .nx-lst-dsment-payment .nx-item:last-child {
    border-bottom: 1px solid #E1E1E1;
  }
  .my-lst-eval .my-item {
    padding: 12px;
  }
  .my-lst-eval .my-item a {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    min-height: 80px;
  }
  .my-lst-eval .my-item .my-thumb {
    position: absolute;
    left: 0;
    top: 0;
  }
  .my-lst-eval .my-item .my-tit {
    margin-left: 96px;
    width: calc(100% - 96px);
  }
  .my-lst-eval .my-item .my-ins-wrap {
    display: block;
    margin: 10px 0 0 96px;
    width: calc(100% - 96px);
  }
  .my-lst-eval .my-item .my-ins-wrap .my-info1 {
    display: block;
    margin-left: 0;
    line-height: 1.25;
  }
  .my-lst-eval .my-item .my-ins-wrap .my-info2 {
    display: block;
    margin-left: 0;
    font-size: 14px;
    line-height: 1.25;
  }
  .my-lst-eval .my-item .my-ins-wrap .my-info2 .my-count strong {
    font-size: 16px;
    line-height: 18px;
  }
}
/* 모바일세로 */
@media only screen and (max-width: 519px) {
  .nx-lst-authbadge .nx-item {
    width: calc((100% - 32px) / 2);
  }
}
.cart2-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.cart2-wrap .cart2-list-area {
  width: calc(100% - 424px);
}
.cart2-wrap .cart2-list-area .cart2-check-all {
  padding: 0 16px 20px;
}
.cart2-wrap .cart2-list-area .cart2-list-form + .cart2-btn-wrap-md {
  display: none;
  margin-top: 16px;
}
.cart2-wrap .cart2-list-area .cart2-list-form + .cart2-btn-wrap-md .cart2-btn-primary {
  width: 100%;
}
.cart2-wrap .cart2-counter-area {
  width: 400px;
}

.cart2-lst-items {
  border-top: 1px solid #2B2C33;
}
.cart2-lst-items > .cart2-item {
  position: relative;
  min-height: 74px;
  padding: 36px 16px;
  border-bottom: 1px solid #E1E1E1;
}
.cart2-lst-items .cart2-item-check {
  position: relative;
  box-sizing: border-box;
}
.cart2-lst-items .cart2-item-check .cart2-chk-wrap {
  position: absolute;
  left: 0;
  top: 0;
}
.cart2-lst-items .cart2-item-check .cart2-chk-wrap ~ .cart2-ct {
  padding-left: 28px;
}
.cart2-lst-items .cart2-item-check .cart2-chk-wrap ~ .cart2-thumb {
  left: 28px;
}
.cart2-lst-items .cart2-item-check .cart2-chk-wrap ~ .cart2-thumb ~ .cart2-ct {
  padding-left: 128px;
}
.cart2-lst-items .cart2-thumb {
  position: absolute;
  left: 0;
  top: 0;
}
.cart2-lst-items .cart2-thumb img {
  overflow: hidden;
  width: 80px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  vertical-align: top;
}
.cart2-lst-items .cart2-thumb ~ .cart2-ct {
  padding-left: 100px;
}
.cart2-lst-items .cart2-ct {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.cart2-lst-items .cart2-ct .cart2-btn-del {
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}
.cart2-lst-items .cart2-ct .cart2-tit-wrap {
  overflow: hidden;
  padding-right: 88px;
  color: #2B2C33;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
}
.cart2-lst-items .cart2-ct .cart2-quanty-wrap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 22px;
}
.cart2-lst-items .cart2-ct .cart2-quanty-wrap .cart2-quanty {
  display: flex;
  width: 114px;
  justify-content: space-between;
}
.cart2-lst-items .cart2-ct .cart2-quanty-wrap .cart2-quanty .cart2-btn-down, .cart2-lst-items .cart2-ct .cart2-quanty-wrap .cart2-quanty .cart2-btn-up {
  font-size: 0;
  text-indent: -9999px;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 40px;
  border: 1px solid #DBDBDB;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
}
.cart2-lst-items .cart2-ct .cart2-quanty-wrap .cart2-quanty .cart2-btn-down:disabled, .cart2-lst-items .cart2-ct .cart2-quanty-wrap .cart2-quanty .cart2-btn-up:disabled {
  background-color: #F6F6F6;
  cursor: default;
}
.cart2-lst-items .cart2-ct .cart2-quanty-wrap .cart2-quanty .cart2-btn-down {
  background-image: url(../imgs/ico/ico_cart2_down.png);
}
.cart2-lst-items .cart2-ct .cart2-quanty-wrap .cart2-quanty .cart2-btn-up {
  background-image: url(../imgs/ico/ico_cart2_up.png);
}
.cart2-lst-items .cart2-ct .cart2-quanty-wrap .cart2-quanty .cart2-ipt-quanty {
  width: 50px;
  height: 30px;
  text-align: center;
  color: #2B2C33;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box;
}
.cart2-lst-items .cart2-ct .cart2-quanty-wrap .cart2-price {
  color: #2B2C33;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.cart2-lst-items .cart2-ct .cart2-option-area {
  margin-top: 16px;
}
.cart2-lst-items .cart2-ct .cart2-d-date {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 16px;
}
.cart2-lst-items .cart2-ct .cart2-d-date .cart2-lbl {
  margin-right: 12px;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.cart2-lst-items .cart2-ct .cart2-option-price {
  margin-top: 16px;
  text-align: right;
}
.cart2-lst-items .cart2-ct .cart2-option-price .cart2-lbl {
  margin-right: 8px;
}
.cart2-lst-items .cart2-ct .cart2-option-price .cart2-lbl, .cart2-lst-items .cart2-ct .cart2-option-price .cart2-val {
  color: #2B2C33;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}

.cart2-lst-goods {
  padding: 0 16px;
  border-radius: 8px;
  background: #F6F6F6;
}
.cart2-lst-goods .cart2-goods-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px 40px 12px 4px;
  line-height: 140%; /* 22.4px */
}
.cart2-lst-goods .cart2-goods-item .cart2-tit, .cart2-lst-goods .cart2-goods-item .cart2-option-quanty, .cart2-lst-goods .cart2-goods-item .cart2-val {
  color: #656878;
  font-style: normal;
  font-weight: 400;
}
.cart2-lst-goods .cart2-goods-item .cart2-tit, .cart2-lst-goods .cart2-goods-item .cart2-option-quanty {
  font-size: 14px;
}
.cart2-lst-goods .cart2-goods-item .cart2-option-quanty {
  flex-shrink: 0;
  margin-left: 16px;
}
.cart2-lst-goods .cart2-goods-item .cart2-val {
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 10px;
  font-size: 16px;
}
.cart2-lst-goods .cart2-goods-item .cart2-option-del {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.04) url(../imgs/ico/ico_cart2_del.png) no-repeat center center/16px auto;
  transition: background 0.25s ease;
}
.cart2-lst-goods .cart2-goods-item .cart2-option-del:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.cart2-lst-slted-goods {
  padding-left: 20px;
}
.cart2-lst-slted-goods .cart2-goods-item {
  list-style: disc;
}
.cart2-lst-slted-goods .cart2-goods-item > .cart2-ins-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart2-lst-slted-goods .cart2-goods-item .cart2-option-tit {
  color: #7F7F84;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.cart2-lst-slted-goods .cart2-goods-item .cart2-price {
  flex-shrink: 0;
  margin-left: 24px;
  color: #2B2C33;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}

.cart2-counter-area {
  border-radius: 12px;
  border: 1px solid #DBDBDB;
  background: #FFF;
}
.cart2-counter-area .cart2-arti-counter {
  padding: 24px 20px;
  border-bottom: 6px solid #F6F6F6;
}
.cart2-counter-area .cart2-arti-counter:last-of-type {
  border-bottom: none;
}
.cart2-counter-area .cart2-tit-counter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 12px;
  color: #2B2C33;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
}
.cart2-counter-area .cart2-tit-counter .cart2-msg {
  margin-left: auto;
  color: #7F7F84;
  font-size: 13px;
  font-weight: 400;
}
.cart2-counter-area .cart2-lst-info .cart2-ins-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.cart2-counter-area .cart2-lst-info .cart2-ins-wrap:last-of-type {
  margin-bottom: 0;
}
.cart2-counter-area .cart2-lst-info .cart2-ins-wrap .cart2-tit {
  width: 72px;
  color: #ACACAC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.cart2-counter-area .cart2-lst-info .cart2-ins-wrap .cart2-desc {
  width: calc(100% - 80px);
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.cart2-counter-area .cart2-address-wrap {
  margin-bottom: 16px;
}
.cart2-counter-area .cart2-address-wrap .cart2-btn-edit {
  position: absolute;
  right: 0;
  top: 0;
}
.cart2-counter-area .cart2-address-wrap .cart2-lst-address {
  width: calc(100% - 50px);
}
.cart2-counter-area .cart2-txta-wrap .cart2-lbl {
  display: block;
  margin-bottom: 8px;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
}
.cart2-counter-area .cart2-txta-wrap textarea.cart2-txta1 {
  height: 80px;
}

.cart2-address-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.cart2-address-wrap .cart2-lst-address {
  width: 100%;
}
.cart2-address-wrap .cart2-lst-address > li {
  margin-bottom: 8px;
}
.cart2-address-wrap .cart2-lst-address > li:last-child {
  margin-bottom: 0;
}
.cart2-address-wrap .cart2-lst-address > li.cart2-name .cart2-tx {
  color: #2B2C33;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 21px */
}
.cart2-address-wrap .cart2-lst-address > li.cart2-name .cart2-dname {
  margin-left: 4px;
  color: #5268DB;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}
.cart2-address-wrap .cart2-lst-address > li.cart2-tel {
  color: #656878;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.cart2-address-wrap .cart2-lst-address > li.cart2-add1 {
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}

.cart2-lst-slt-items .cart2-slt-item {
  position: relative;
  margin-bottom: 8px;
  padding: 12px;
  border-radius: 8px;
  background: #F6F6F6;
}
.cart2-lst-slt-items .cart2-slt-item:last-child {
  margin-bottom: 0;
}
.cart2-lst-slt-items .cart2-slt-item .cart2-btn-del-item {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  right: 12px;
  top: 12px;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.04) url(../imgs/ico/ico_cart2_del2.png) no-repeat center center/16px auto;
  transition: background 0.25s ease;
}
.cart2-lst-slt-items .cart2-slt-item .cart2-btn-del-item:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.cart2-lst-slt-items .cart2-slt-item .cart2-btn-del-item + .cart2-name {
  width: calc(100% - 40px);
}
.cart2-lst-slt-items .cart2-slt-item .cart2-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.cart2-lst-slt-items .cart2-slt-item .cart2-d-add-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 6px;
}
.cart2-lst-slt-items .cart2-slt-item .cart2-d-add-wrap .cart2-chg-add {
  margin-left: 8px;
  color: #5268DB;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 18.2px */
}

.cart2-price-area .cart2-total-price-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 8px;
}
.cart2-price-area .cart2-total-price-wrap .cart2-total-tit {
  color: #2B2C33;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.cart2-price-area .cart2-total-price-wrap .cart2-total-price {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.cart2-price-area .cart2-total-price-wrap .cart2-total-price .cart2-price-num {
  width: 100%;
  color: #2B2C33;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
}
.cart2-price-area .cart2-total-price-wrap .cart2-total-price .cart2-price-msg {
  margin-top: 2px;
  width: 100%;
  text-align: right;
  color: #ACACAC;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 16.8px */
}
.cart2-price-area .cart2-btn-wrap {
  margin-top: 24px;
}
.cart2-price-area .cart2-btn-wrap .cart2-btn-primary, .cart2-price-area .cart2-btn-wrap .cart2-btn-secondly {
  width: 100%;
}
.cart2-price-area .cart2-btn-wrap a + a {
  margin-top: 8px;
}

.cart2-lst-price .cart2-price-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.cart2-lst-price .cart2-price-item:last-child {
  margin-bottom: 0;
}
.cart2-lst-price .cart2-price-item .cart2-price-tit {
  color: #ACACAC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.cart2-lst-price .cart2-price-item .cart2-num {
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

.cart2-subt {
  color: #E84F68 !important;
}

.cart2-lst-add .add-item {
  margin-bottom: 24px;
}
.cart2-lst-add .add-item:last-child {
  margin-bottom: 0;
}
.cart2-lst-add .add-item .add-item-lbl {
  display: inline-block;
  margin-bottom: 8px;
  vertical-align: top;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
}
.cart2-lst-add .add-item .add-item-row {
  display: flex;
}
.cart2-lst-add .add-item .add-item-row + .add-item-row {
  margin-top: 8px;
}
.cart2-lst-add .add-item .cart2-btn-blue {
  flex-shrink: 0;
  margin-left: 8px;
}

.cart2-btn1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  padding: 4px 8px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #DBDBDB;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #2B2C33;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  transition: color 0.25s ease, background 0.25s ease;
}
.cart2-btn1.cart2-btn-del {
  color: #E84F68;
}
.cart2-btn1.cart2-btn-del:hover {
  color: #F26F84;
}
.cart2-btn1.cart2-d-add {
  padding: 4px 13px;
  height: 26px;
  color: #656878;
  font-size: 13px;
}
.cart2-btn1.cart2-d-add .cart2-arr {
  padding-right: 11px;
  background: url(../imgs/ico/ico_cart2_arr_r1.png) no-repeat right center/10px auto;
}
.cart2-btn1.cart2-d-add:hover {
  background: #F6F6F6;
}
.cart2-btn1.cart2-btn-blue {
  padding: 4px 16px;
  color: #5268DB;
}
.cart2-btn1.cart2-btn-blue:hover {
  background: #F6F6F6;
}

.cart2-btn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  padding: 4px 8px;
  height: 28px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #656878;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  transition: background 0.25s ease;
}
.cart2-btn2:hover {
  background: rgba(0, 0, 0, 0.08);
}

.cart2-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  padding: 4px 8px;
  height: 46px;
  border-radius: 8px;
  background: #5268DB;
  box-shadow: 0 2px 4px 0px rgba(82, 104, 219, 0.32);
  box-sizing: border-box;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
  transition: background 0.25s ease;
}
.cart2-btn-primary:hover {
  background: #677ADF;
}

.cart2-btn-secondly {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  padding: 4px 8px;
  height: 46px;
  border-radius: 8px;
  border: 1px solid #DBDBDB;
  background: #FCFCFC;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #2B2C33;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
  transition: background 0.25s ease, color 0.25s ease;
}
.cart2-btn-secondly:hover {
  color: #656878;
}
.cart2-btn-secondly.cart2-btn-del {
  color: #E84F68;
}
.cart2-btn-secondly.cart2-btn-del:hover {
  color: #F26F84;
}

.cart2-btn-primary.cart2-btn-sm, .cart2-btn-secondly.cart2-btn-sm {
  padding: 4px 20px;
  height: 36px;
  font-size: 14px;
}
.cart2-btn-primary.cart2-btn-sm2, .cart2-btn-secondly.cart2-btn-sm2 {
  padding: 4px 16px;
  height: 36px;
  font-size: 14px;
}
.cart2-btn-primary.cart2-btn-fl, .cart2-btn-secondly.cart2-btn-fl {
  margin-right: auto;
}
.cart2-btn-primary.cart2-btn-fr, .cart2-btn-secondly.cart2-btn-fr {
  margin-left: auto;
}

.cart2-btn-cls-md {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  width: 52px;
  height: 52px;
  background: #fff url(../imgs/ico/ico_cart2_cls.png) no-repeat center center/24px auto;
}

.cart2-chk-wrap {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  box-sizing: border-box;
}
.cart2-chk-wrap .cart2-chk1 {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.cart2-chk-wrap .cart2-chk1:checked + .cart2-lbl::after {
  border-color: #5268DB;
  background-color: #5268DB;
  box-shadow: 0 2px 4px 0 rgba(82, 104, 219, 0.32);
}
.cart2-chk-wrap .cart2-lbl {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: top;
  box-sizing: border-box;
}
.cart2-chk-wrap .cart2-lbl::after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #DBDBDB;
  background: #FFF url(../imgs/ico/ico_cart2_chk1.png) no-repeat center center/16px auto;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  transition: background 0.25s ease, border 0.25s ease, box-shadow 0.25s ease;
}
.cart2-chk-wrap .cart2-tx {
  display: inline-block;
  vertical-align: top;
  padding-left: 22px;
  line-height: 20px;
}

select.cart2-slt-option {
  padding: 0 12px 0 34px;
  width: 100%;
  height: 44px;
  border-radius: 8px;
  background: #F6F6F6 url(../imgs/ico/ico_cart2_plus.png) no-repeat 12px center/20px auto;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box;
  color: #656878;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

select.cart2-slt1 {
  padding: 8px 36px 8px 14px;
  width: 100%;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #DBDBDB !important;
  background: #fff url(../imgs/ico/ico_cart2_slt1.png) no-repeat right 8px center/20px auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
select.cart2-slt1:hover {
  background-color: #fcfcfc;
}

input.cart2-ipt-date[type=date] {
  padding: 4px 14px;
  height: 36px;
  border-radius: 8px !important;
  border: 1px solid #DBDBDB !important;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

textarea.cart2-txta1 {
  padding: 8px 12px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #DBDBDB !important;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box;
  resize: none;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
textarea.cart2-txta1.cart2-height-md {
  height: 80px;
}

input.cart2-ipt1 {
  padding: 8px 12px;
  width: 100%;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #DBDBDB !important;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.cart2-ipt-xsm {
  max-width: 96px;
}

.cart2-ipt-xsm2 {
  max-width: 128px;
}

.cart2-ipt-sm {
  max-width: 160px;
}

.cart2-ipt-md {
  max-width: 320px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=date],
input[type=tel],
input[type=email],
select.cart2-slt1,
textarea {
  transition: box-shadow 0.25s ease, border 0.25s ease;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=tel]:focus,
input[type=email]:focus,
select.cart2-slt1:focus,
textarea:focus {
  border: 1px solid #C5CDF2 !important;
  box-shadow: 0px 0px 0px 4px rgba(197, 205, 242, 0.24) !important;
}
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=email]::-moz-placeholder, select.cart2-slt1::-moz-placeholder, textarea::-moz-placeholder {
  color: #ACACAC;
}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
input[type=date]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
select.cart2-slt1::placeholder,
textarea::placeholder {
  color: #ACACAC;
}

.newpop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
}
.newpop .newpop-bg {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(25, 25, 25, 0.4);
}
.newpop.active {
  display: flex;
  visibility: visible;
  opacity: 1;
}
.newpop .newpop-inner {
  overflow: hidden;
  position: fixed;
  z-index: 1001;
  top: 16px;
  left: 16px;
  right: 16px;
  bottom: 16px;
  max-width: 600px;
  min-width: 200px;
  width: calc(100% - 38px);
  min-height: 200px;
  max-height: 600px;
  padding: 58px 0 28px;
  margin: auto;
  background: #fff;
  box-shadow: 0 56px 80px -16px rgba(0, 0, 0, 0.36);
  border-radius: 12px;
  box-sizing: border-box;
}
.newpop .newpop-inner2 {
  overflow: hidden;
  position: fixed;
  z-index: 1001;
  top: 16px;
  left: 16px;
  right: 16px;
  bottom: 16px;
  max-width: 100%;
  max-height: 100%;
  width: calc(100% - 38px);
  height: calc(100% - 38px);
  padding-top: 58px;
  margin: auto;
  background: #fff;
  box-shadow: 0 56px 80px -16px rgba(0, 0, 0, 0.36);
  border-radius: 12px;
  box-sizing: border-box;
}
.newpop .newpop-top, .newpop .newpop-top2 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 58px;
}
.newpop .newpop-top .newpop-tit, .newpop .newpop-top2 .newpop-tit {
  display: flex;
  align-items: center;
  padding: 6px 48px 6px 24px;
  height: 100%;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #37394d;
  font-weight: 700;
}
.newpop .newpop-top .newpop-btn-cls, .newpop .newpop-top2 .newpop-btn-cls {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  right: 16px;
  top: 50%;
  display: block;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  background: url(../imgs/ico/ico_cart2_cls.png) no-repeat center center/24px auto;
  border-radius: 6px;
  transition: background 0.25s ease;
}
.newpop .newpop-top .newpop-btn-cls:hover, .newpop .newpop-top2 .newpop-btn-cls:hover {
  background-color: #F2F2F2;
}
.newpop .newpop-top2 {
  border-radius: 12px 12px 0 0;
  background: #FFF;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.08);
}
.newpop .newpop-content {
  -webkit-overflow-scrolling: touch;
  overflow-x: visible;
  overflow-y: auto;
  position: relative;
  padding: 0 28px;
  height: 100%;
  box-sizing: border-box;
  scroll-snap-type: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.newpop .newpop-content .newpop-form-wrap {
  padding-top: 16px;
}
.newpop .newpop-content .newpop-view-wrap {
  padding-top: 16px;
}
.newpop .newpop-content .cart2-address-wrap {
  padding: 16px 88px 16px 0;
  border-bottom: 1px solid #E1E1E1;
}
.newpop .newpop-content .cart2-address-wrap .cart2-btn-slt {
  position: absolute;
  right: 0;
  top: 16px;
  width: 80px;
}
.newpop .newpop-content .cart2-address-wrap .cart2-btn-slt.active {
  background-color: #FCFCFC;
  color: #7F7F84;
}
.newpop .newpop-content .cart2-address-wrap .cart2-link {
  position: absolute;
  right: 0;
  bottom: 16px;
}
.newpop .newpop-content .cart2-address-wrap .cart2-link {
  display: flex;
}
.newpop .newpop-content .cart2-address-wrap .cart2-link .cart2-link-item {
  position: relative;
  padding-right: 1px;
}
.newpop .newpop-content .cart2-address-wrap .cart2-link .cart2-link-item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  margin-top: -8px;
  width: 1px;
  height: 16px;
  background: #E1E1E1;
}
.newpop .newpop-content .cart2-address-wrap .cart2-link .cart2-link-item:last-child {
  padding-right: 0;
}
.newpop .newpop-content .cart2-address-wrap .cart2-link .cart2-link-item:last-child::after {
  display: none;
}
.newpop .newpop-content .cart2-address-wrap .cart2-link .cart2-link-item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  padding: 4px 8px;
  border-radius: 6px;
  color: #656878;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  transition: background 0.25s ease;
}
.newpop .newpop-content .cart2-address-wrap .cart2-link .cart2-link-item a:hover {
  background: rgba(0, 0, 0, 0.08);
}
.newpop .newpop-content .newpop-btn-wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.newpop .newpop-content .newpop-btn-wrap.mt-l {
  margin-top: 24px;
}
.newpop .newpop-content .newpop-btn-wrap.newpop-align-c {
  justify-content: center;
}
.newpop .newpop-content .newpop-btn-wrap a + a {
  margin-left: 8px;
}
.newpop .newpop-content2 {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 12px;
  height: 100%;
  background: #E1E1E1;
  box-sizing: border-box;
}
.newpop .newpop-pdf-col {
  position: relative;
  padding-top: 44px;
  width: 57.5%;
  height: 100%;
  box-sizing: border-box;
}
.newpop .newpop-pdf-col .newpop-btn-wrap {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 36px;
}
.newpop .newpop-pdf-col .newpop-pdf-wrap {
  -webkit-overflow-scrolling: touch;
  overflow-x: visible;
  overflow-y: auto;
  position: relative;
  height: 100%;
  box-sizing: border-box;
  scroll-snap-type: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.newpop .newpop-pdf-col .newpop-pdf-box {
  overflow: hidden;
  margin: 0 64px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.24);
  background: #FFF;
}
.newpop .newpop-pdf-col .newpop-pdf-box:last-child {
  margin-bottom: 0;
}
.newpop .newpop-pdf-col .newpop-pdf-box .newpop-pdf-top {
  display: flex;
  align-items: center;
  padding: 4px 12px;
  height: 36px;
  background: rgba(0, 0, 0, 0.03);
  box-sizing: border-box;
}
.newpop .newpop-pdf-col .newpop-pdf-box .newpop-pdf-top .newpop-pdf-tit {
  color: #7F7F84;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.newpop .newpop-pdf-col .newpop-pdf-box .newpop-pdf-ct img {
  width: 100%;
  vertical-align: top;
}
.newpop .newpop-btn-add {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 12px;
  min-width: 100px;
  height: 36px;
  border-radius: 8px;
  box-sizing: border-box;
  vertical-align: top;
  transition: background-color 0.25s ease;
}
.newpop .newpop-btn-add:hover {
  background: rgba(0, 0, 0, 0.08);
}
.newpop .newpop-btn-add i {
  margin-right: 2px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px auto;
}
.newpop .newpop-btn-add i.newpop-ico-add {
  background-image: url(../imgs/my/ico_edu_add.png);
}
.newpop .newpop-btn-add .newpop-tx {
  color: #656878;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -1px;
}
.newpop .newpop-box-col {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  border: 1px solid #C7C7C7;
  background: #FFF;
  box-shadow: 0 2px 9px 0px rgba(0, 0, 0, 0.09);
  padding: 52px 0 60px;
  width: calc(42.5% - 8px);
  height: 100%;
  box-sizing: border-box;
}
.newpop .newpop-box-col .newpop-box-top {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  padding: 4px 12px;
  width: 100%;
  height: 52px;
  border-bottom: 1px solid #eee;
  background: #fff;
  box-sizing: border-box;
}
.newpop .newpop-box-col .newpop-box-top .newpop-box-tit {
  color: #2B2C33;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.newpop .newpop-box-col .newpop-box-ct {
  -webkit-overflow-scrolling: touch;
  overflow-x: visible;
  overflow-y: auto;
  box-sizing: border-box;
  scroll-snap-type: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 100%;
}
.newpop .newpop-box-col .newpop-box-ct .newpop-inner-sect {
  padding: 20px;
  border-bottom: 1px solid #EEE;
  background: #fff;
  transition: background-color 0.25s ease;
}
.newpop .newpop-box-col .newpop-box-ct .newpop-inner-sect.active {
  background-color: #F1F3FC;
}
.newpop .newpop-box-col .newpop-box-ct .newpop-inner-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.newpop .newpop-box-col .newpop-box-ct .newpop-inner-top .newpop-inner-tit {
  color: #2B2C33;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}
.newpop .newpop-box-col .newpop-box-ct .newpop-inner-top .newpop-btn-trash {
  font-size: 0;
  text-indent: -9999px;
  display: block;
  width: 36px;
  height: 28px;
  border-radius: 6px;
  background: url(../imgs/my/ico_edu_trash.png) no-repeat center center/20px auto;
  transition: background-color 0.25s ease;
}
.newpop .newpop-box-col .newpop-box-ct .newpop-inner-top .newpop-btn-trash:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.newpop .newpop-box-col .newpop-box-ct .newpop-box-msg {
  padding: 20px;
  border-radius: 8px;
  background: #F6F6F6;
  color: #565656;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.newpop .newpop-box-col .newpop-box-ct .newpop-inner-wrap {
  margin-bottom: 20px;
}
.newpop .newpop-box-col .newpop-box-ct .newpop-inner-wrap:last-child {
  margin-bottom: 0;
}
.newpop .newpop-box-col .newpop-box-ft {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 12px;
  width: 100%;
  height: 60px;
  border-top: 1px solid #E1E1E1;
  background: #FFF;
  box-sizing: border-box;
}
.newpop .newpop-box-col .newpop-box-ft .newpop-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  height: 28px;
  border-radius: 6px;
  color: #5268DB;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  transition: background-color 0.25s ease;
}
.newpop .newpop-box-col .newpop-box-ft .newpop-link:hover {
  background: rgba(82, 104, 219, 0.08);
}

.newpop-txta1 {
  padding: 8px 12px;
  width: 100%;
  height: 200px;
  border-radius: 8px;
  border: 1px solid #DBDBDB;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  resize: none;
  color: #2B2C33;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.newpop-txta1::-moz-placeholder {
  color: #ACACAC;
}
.newpop-txta1::placeholder {
  color: #ACACAC;
}

.newpop-lbl1 {
  display: inline-block;
  margin-bottom: 8px;
  vertical-align: top;
}
.newpop-lbl1 .newpop-tx {
  color: #2B2C33;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

input.newpop-ipt1 {
  padding: 8px 12px;
  width: 100%;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #DBDBDB;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  resize: none;
  color: #2B2C33;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
input.newpop-ipt1.newpop-ws {
  max-width: 64px;
}
input.newpop-ipt1::-moz-placeholder {
  color: #ACACAC;
}
input.newpop-ipt1::placeholder {
  color: #ACACAC;
}

.newpop-arti {
  margin-top: 32px;
}
.newpop-arti:first-of-type {
  margin-top: 0;
}
.newpop-arti > .newpop-tit {
  margin-bottom: 8px;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

.newpop-ts-wrap + .newpop-ts-wrap {
  margin-top: 32px;
}

.newpop-ts1 {
  width: 100%;
}
.newpop-ts1 th, .newpop-ts1 td {
  text-align: center;
}
.newpop-ts1 th.align-l, .newpop-ts1 td.align-l {
  text-align: left;
}
.newpop-ts1 th.align-r, .newpop-ts1 td.align-r {
  text-align: right;
}
.newpop-ts1 thead th, .newpop-ts1 thead td {
  padding: 10px 4px;
  border: 1px #3A3A3A;
  border-style: solid none solid none;
  box-sizing: border-box;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
}
.newpop-ts1 tbody th, .newpop-ts1 tbody td {
  padding: 14px 4px;
  border-bottom: 1px solid #eee;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.newpop-ts1 .cart2-chk-wrap {
  margin: 0 auto;
  width: 16px;
}

.newpop-lst-info {
  padding-left: 20px;
}
.newpop-lst-info .newpop-item {
  list-style: disc;
  color: #656878;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

.cart2-payment-wrap {
  margin: 0 auto;
  max-width: 600px;
}
.cart2-payment-wrap > .cart2-btn-wrap {
  display: flex;
  margin-top: 24px;
}
.cart2-payment-wrap > .cart2-btn-wrap a + a {
  margin-left: 8px;
}

.cart2-align-r {
  justify-content: flex-end;
}

.cart2-align-c {
  justify-content: center;
}

.cart2-arti-payment {
  margin-bottom: 32px;
}
.cart2-arti-payment:last-child {
  margin-bottom: 0;
}
.cart2-arti-payment .cart2-tit-payment {
  margin-bottom: 12px;
  color: #2B2C33;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
}
.cart2-arti-payment .cart2-refund-msg {
  color: #656878;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.cart2-arti-payment .cart2-price-area .cart2-lst-price .cart2-price-item {
  margin-bottom: 12px;
}
.cart2-arti-payment .cart2-price-area .cart2-total-price-wrap {
  padding-top: 12px;
  border-top: 1px solid #E1E1E1;
}

.cart2-box-payment {
  padding: 20px;
  border-radius: 8px;
  background: #F6F6F6;
}
.cart2-box-payment .cart2-inner-wrap {
  margin-bottom: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E1E1E1;
}
.cart2-box-payment .cart2-inner-wrap:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}

.cart2-lst-point .cart2-item {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E1E1E1;
}
.cart2-lst-point .cart2-item:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.cart2-lst-point .cart2-ins-wrap {
  display: flex;
  justify-content: space-between;
}
.cart2-lst-point .cart2-ins-wrap .cart2-ins-tit {
  padding: 8px 8px 8px 0;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.cart2-lst-point .cart2-ins-wrap .cart2-ins-ct {
  display: flex;
  align-items: center;
}
.cart2-lst-point .cart2-ins-wrap .cart2-ins-ct .cart2-val {
  margin-right: 12px;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}
.cart2-lst-point .cart2-msg {
  margin-top: 6px;
  text-align: right;
  color: #656878;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

.cart2-lst-slt {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px -8px;
}
.cart2-lst-slt .cart2-item {
  margin: 0 4px 8px;
}
.cart2-lst-slt .cart2-item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 18px;
  height: 36px;
  border-radius: 40px;
  border: 1px solid #DBDBDB;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  transition: all 0.25s ease;
}
.cart2-lst-slt .cart2-item a.active {
  border: 2px solid #5268DB;
  box-shadow: 0 2px 4px 0px rgba(82, 104, 219, 0.32);
  color: #3954E0;
}

.cart2-complete-wrap {
  margin: 0 auto;
  max-width: 400px;
}
.cart2-complete-wrap .cart2-btn-wrap {
  display: flex;
  margin-top: 40px;
}
.cart2-complete-wrap .cart2-btn-wrap a + a {
  margin-left: 8px;
}

.cart2-complete-msg {
  margin-bottom: 40px;
  padding-top: 120px;
  background: url(../imgs/ico/ico_cart2_complete.png) no-repeat center top/104px auto;
}
.cart2-complete-msg .cart2-msg1 {
  display: block;
  color: #2B2C33;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
}
.cart2-complete-msg .cart2-msg2 {
  display: block;
  margin-top: 8px;
  color: #2B2C33;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}

.cart2-order-info .cart2-lst-order-info {
  padding: 24px 0;
  border: 1px #E1E1E1;
  border-style: solid none solid none;
}
.cart2-order-info .cart2-lst-order-info .cart2-ins-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.cart2-order-info .cart2-lst-order-info .cart2-ins-wrap:last-child {
  margin-bottom: 0;
}
.cart2-order-info .cart2-lst-order-info .cart2-ins-wrap .cart2-ins-tit {
  width: 100px;
  color: #ACACAC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.cart2-order-info .cart2-lst-order-info .cart2-ins-wrap .cart2-ins-desc {
  width: calc(100% - 112px);
  text-align: right;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.cart2-order-info .cart2-lst-order-info .cart2-ins-wrap .cart2-order-no {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.cart2-order-info .cart2-lst-order-info .cart2-ins-wrap .cart2-ins-lst .cart2-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 8px;
}
.cart2-order-info .cart2-lst-order-info .cart2-ins-wrap .cart2-ins-lst .cart2-item:last-child {
  margin-bottom: 0;
}
.cart2-order-info .cart2-order-price-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
.cart2-order-info .cart2-order-price-wrap .cart2-order-tit {
  color: #2B2C33;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.cart2-order-info .cart2-order-price-wrap .cart2-order-price {
  color: #353847;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.newpop-authbadge-top {
  padding-bottom: 24px;
  border-bottom: 1px solid #E1E1E1;
}
.newpop-authbadge-top .nx-authbadge-thumb {
  margin-bottom: 20px;
}
.newpop-authbadge-top .nx-authbadge-state-wrap {
  margin-bottom: 10px;
  text-align: center;
}
.newpop-authbadge-top .nx-authbadge-tit {
  margin-bottom: 10px;
  text-align: center;
}
.newpop-authbadge-top .nx-authbadge-tit strong {
  color: #2B2C33;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.newpop-authbadge-top .nx-authbadge-lead {
  color: #565656;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -1px;
}

.newpop-add-form {
  padding-top: 16px;
}

.newpop-lst-add-items.view-mode .add-item {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}
.newpop-lst-add-items .add-item {
  margin-bottom: 24px;
}
.newpop-lst-add-items .add-item .add-item-lbl {
  display: inline-block;
  margin-bottom: 8px;
  vertical-align: top;
  color: #2B2C33;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
.newpop-lst-add-items .add-item .add-item-row + .add-item-row {
  margin-top: 8px;
}
.newpop-lst-add-items .add-item .add-msg {
  color: #656878;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.newpop-lst-add-items .add-item .add-msg2 {
  color: #2B2C33;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.newpop-lst-add-items .add-item .add-sample-image {
  width: 100%;
  vertical-align: top;
}

.newpop-msg-box {
  margin: 24px 0;
  padding: 20px;
  border-radius: 8px;
  background: #F6F6F6;
}
.newpop-msg-box .newpop-tit {
  color: #565656;
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
}
.newpop-msg-box .newpop-lead {
  margin-top: 4px;
  color: #565656;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
}

.newpop-lst-view .view-item {
  display: flex;
  justify-content: space-between;
}
.newpop-lst-view .view-item .view-tit {
  padding: 16px 0;
  width: 100px;
  box-sizing: border-box;
  color: #2B2C33;
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.newpop-lst-view .view-item .view-desc {
  padding: 16px 0;
  width: calc(100% - 124px);
  border-bottom: 1px solid #EEE;
  box-sizing: border-box;
  color: #2B2C33;
  font-size: 14px;
  line-height: 20px;
}
.newpop-lst-view .view-item .view-desc .view-state1 {
  color: #5268DB;
}

.newpop-reply-wrap {
  margin-top: 43px;
  padding: 16px;
  border-radius: 12px;
  background: #F6F6F6;
}
.newpop-reply-wrap .newpop-reply-top .newpop-reply-tit {
  margin-bottom: 8px;
  color: #7F7F84;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.newpop-reply-wrap .newpop-reply-ct .newpop-reply-input-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newpop-reply-wrap .newpop-reply-ct .newpop-reply-input-wrap .cart2-ipt1 {
  width: calc(100% - 74px);
}
.newpop-reply-wrap .newpop-reply-ct .newpop-reply-input-wrap .cart2-btn-primary {
  flex-shrink: 0;
}
.newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item {
  padding: 24px 8px 0;
}
.newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-top .newpop-info {
  margin-bottom: 12px;
}
.newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-top .newpop-info .newpop-user {
  color: #2B2C33;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-top .newpop-info .newpop-date {
  margin-left: 8px;
  color: #8C8E9E;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-top .newpop-link {
  flex-shrink: 0;
  display: inline-block;
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 6px;
  color: #E84F68;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  vertical-align: top;
  transition: background-color 0.25s ease;
}
.newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-top .newpop-link:hover {
  background: rgba(232, 79, 104, 0.08);
}
.newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-ct {
  position: relative;
  padding-left: 26px;
}
.newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-ct::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  display: block;
  width: 3px;
  height: 100%;
  background: #E7E7E7;
}
.newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-ct .newpop-reply-puts {
  color: #2B2C33;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
}

@media screen and (max-width: 1023px) {
  .cart2-wrap .cart2-list-area {
    width: calc(100% - 324px);
  }
  .cart2-wrap .cart2-counter-area {
    width: 300px;
  }
  .cart2-lst-items > .cart2-item {
    padding: 16px 0;
  }
}
@media only screen and (max-width: 759px) {
  .cart2-wrap {
    display: block;
  }
  .cart2-wrap .cart2-list-area {
    width: auto;
  }
  .cart2-wrap .cart2-list-area .cart2-check-all {
    padding: 0 0 20px;
  }
  .cart2-wrap .cart2-list-area .cart2-list-form + .cart2-btn-wrap-md {
    display: block;
  }
  .cart2-wrap .cart2-counter-area {
    width: auto;
    margin-top: 30px;
  }
  .cart2-wrap .cart2-counter-area.cart2-before-login {
    margin-top: 36px;
    width: auto;
  }
  .cart2-wrap .cart2-counter-area.cart2-after-login {
    overflow-y: auto;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border: none;
  }
  .cart2-counter-area .cart2-arti-counter {
    padding: 20px;
  }
  .cart2-lst-items .cart2-ct .cart2-thumb-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .cart2-lst-items .cart2-ct .cart2-thumb-wrap > .cart2-ins-wrap {
    width: calc(100% - 96px);
  }
  .cart2-lst-items .cart2-ct .cart2-quanty-wrap {
    margin-top: 8px;
  }
  .cart2-lst-items .cart2-ct .cart2-option-area {
    margin-top: 12px;
  }
  .cart2-lst-slted-goods {
    padding-left: 0;
  }
  .cart2-lst-slted-goods .cart2-goods-item {
    list-style: none;
  }
  .cart2-lst-slted-goods .cart2-goods-item > .cart2-ins-wrap {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column-reverse;
  }
  .cart2-lst-slted-goods .cart2-goods-item .cart2-price {
    margin: 0 0 12px 0;
  }
  .cart2-btn-cls-md {
    display: block;
  }
  .newpop .newpop-content2 {
    display: block;
  }
  .newpop .newpop-pdf-col {
    margin-bottom: 20px;
    width: auto;
    height: calc(50% - 20px);
  }
  .newpop .newpop-pdf-col .newpop-pdf-box {
    margin-right: 0;
    margin-left: 0;
  }
  .newpop .newpop-box-col {
    width: auto;
    height: 50%;
  }
  .newpop-lst-view .view-item {
    display: block;
  }
  .newpop-lst-view .view-item .view-tit {
    padding: 16px 0 0;
    width: auto;
    text-align: left;
  }
  .newpop-lst-view .view-item .view-desc {
    padding: 8px 0 16px;
    width: auto;
  }
  .newpop-reply-wrap .newpop-reply-ct .newpop-reply-input-wrap {
    display: block;
    text-align: right;
  }
  .newpop-reply-wrap .newpop-reply-ct .newpop-reply-input-wrap .cart2-ipt1 {
    width: 100%;
  }
  .newpop-reply-wrap .newpop-reply-ct .newpop-reply-input-wrap .cart2-btn-primary {
    margin-top: 8px;
  }
  .newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item {
    padding: 24px 8px 0;
  }
  .newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-top .newpop-info {
    margin-bottom: 12px;
  }
  .newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-top .newpop-info .newpop-user {
    color: #2B2C33;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
  }
  .newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-top .newpop-info .newpop-date {
    margin-left: 8px;
    color: #8C8E9E;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }
  .newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-top .newpop-link {
    flex-shrink: 0;
    display: inline-block;
    margin-left: 8px;
    padding: 4px 8px;
    border-radius: 6px;
    color: #E84F68;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    vertical-align: top;
    transition: background-color 0.25s ease;
  }
  .newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-top .newpop-link:hover {
    background: rgba(232, 79, 104, 0.08);
  }
  .newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-ct {
    position: relative;
    padding-left: 26px;
  }
  .newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-ct::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 0;
    display: block;
    width: 3px;
    height: 100%;
    background: #E7E7E7;
  }
  .newpop-reply-wrap .newpop-reply-ct .newpop-lst-reply .newpop-item .newpop-ins-ct .newpop-reply-puts {
    color: #2B2C33;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
  }
}
/* 모바일세로 */
/* 로딩바 전체화면 */
@keyframes nx-full-loading-bar {
  0%, 40% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
}
.nx-full-loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.75);
  position: fixed;
  z-index: 9999;
  display: none;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.nx-full-loading .nx-full-loading-wrap {
  width: 100%;
  top: 50%;
  left: 0;
  text-align: center;
  position: absolute;
  z-index: 10;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.nx-full-loading .nx-full-loading-wrap span {
  width: 5px;
  height: 20px;
  margin-left: 4px;
  display: inline-block;
  vertical-align: middle;
  animation: nx-full-loading-bar 1s ease-in-out infinite;
  border-radius: 2.5px;
}
.nx-full-loading .nx-full-loading-wrap span:nth-child(1) {
  margin-left: 0px;
  background: #f68f27;
  animation-delay: 0;
}
.nx-full-loading .nx-full-loading-wrap span:nth-child(2) {
  background: #90c828;
  animation-delay: 90ms;
}
.nx-full-loading .nx-full-loading-wrap span:nth-child(3) {
  background: #01a93e;
  animation-delay: 0.18s;
}
.nx-full-loading .nx-full-loading-wrap span:nth-child(4) {
  background: #1e75b4;
  animation-delay: 0.27s;
}

/* 로딩바 전체화면 */
/* 제품인증 */
.nx-possserial-box {
  padding: 48px 32px;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 32px;
}
.nx-possserial-box > .nx-tit {
  color: #2b2c33;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 6px;
}
.nx-possserial-box > .nx-possserial-msg {
  color: #565656;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.nx-possserial-form {
  background: #F6F6F6;
  position: relative;
  padding: 24px 32px;
  border-radius: 12px;
}
.nx-possserial-form > .nx-table {
  position: relative;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
  border-style: hidden;
}
.nx-possserial-form > .nx-table tbody tr th, .nx-possserial-form > .nx-table tbody tr td {
  padding: 16px 24px 16px 0;
  color: #2b2c33;
}
.nx-possserial-form > .nx-table tbody tr th {
  text-align: right;
  vertical-align: top;
  padding: 24px 24px 16px 0;
}
.nx-possserial-form > .nx-table tbody tr td {
  position: relative;
}
.nx-possserial-form > .nx-table tbody tr td .nx-file-dash {
  clear: both;
  margin-bottom: 12px;
  border-bottom: 1px dashed #c1c1c1;
  padding-bottom: 10px;
}
.nx-possserial-form > .nx-table tbody tr td .nx-expl {
  font-weight: 400;
  line-height: 120%;
  color: #656878;
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid #e7e7e7;
  padding: 10px 12px;
  margin-bottom: 12px;
  border-radius: 6px;
}
.nx-possserial-form > .nx-table .nx-btn-n3 {
  color: #5268db;
}
.nx-possserial-form .nx-ts3-box .cls_btn {
  overflow: hidden;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 40px;
  height: 40px;
  transition: background 0.3s ease;
  background-image: url("../imgs/ico_v3/ico_delete_off.png");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center center;
}
.nx-possserial-form .nx-ts3-box .cls_btn:hover {
  background-image: url("../imgs/ico_v3/ico_delete_on.png");
}

.nx-pop-serial .nx-pop-search {
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
  border-bottom: 1px solid #e1e1e1;
}
.nx-pop-serial .nx-pop-list {
  color: #2b2c33;
  font-size: 14px;
  font-weight: 400;
  padding: 16px 12px;
  border-bottom: 1px solid #e1e1e1;
  cursor: pointer;
  display: flex;
  flex-direction: row;
}
.nx-pop-serial .nx-pop-list .nx-pop-list-wrap {
  width: calc(100% - 96px);
}
.nx-pop-serial .nx-pop-list .nx-pop-list-wrap .nx-pop-list-tit {
  color: #2b2c33;
  font-size: 16px;
  font-weight: 500;
}
.nx-pop-serial .nx-pop-list .nx-pop-list-wrap .nx-pop-list-code {
  color: #7f7f84;
  font-size: 13px;
  font-weight: 400;
}
.nx-pop-serial .nx-pop-list .nx-pop-list-img {
  width: 96px;
  height: 72px;
}

.nx-new-tab {
  display: flex;
}
.nx-new-tab .nx-new-sub {
  width: 100%;
  height: 52px;
  color: #565656;
  font-size: 18px;
  font-weight: 500;
  background: #f0f0f0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px;
  cursor: pointer;
  border-radius: 12px;
}
.nx-new-tab .nx-new-sub:first-child {
  margin: 0 4px 0 0;
}
.nx-new-tab .nx-new-sub:last-child {
  margin: 0 0 0 4px;
}
.nx-new-tab .nx-new-sub:hover {
  background: #e1e1e1;
}
.nx-new-tab .nx-new-sub.active {
  color: #ffffff;
  background: #5268db;
}

.nx-possserial-search {
  max-width: 760px;
  width: 100%;
  background: #F6F6F6;
  position: relative;
  margin: 32px auto 0;
  padding: 24px 32px;
  box-sizing: border-box;
  border-radius: 12px;
}
.nx-possserial-search .nx-serialsearch-wrap {
  display: flex;
  flex-direction: column;
}
.nx-possserial-search .nx-serialsearch-wrap .nx-serialsearch-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.nx-possserial-search .nx-serialsearch-wrap .nx-serialsearch-row .nx-serialsearch-tit {
  width: 100px;
  color: #2b2c33;
  font-weight: 700;
  line-height: 140%;
}
.nx-possserial-search .nx-serialsearch-wrap .nx-serialsearch-row .nx-serialsearch-data {
  max-width: 330px;
  width: 100%;
}
.nx-possserial-search .nx-serialsearch-wrap .nx-serialsearch-row .nx-serialsearch-btn {
  width: 100%;
  max-width: 340px;
  height: 20px;
  text-align: center;
  color: #7f7f84;
  background: #e1e1e1;
  font-weight: 500;
  padding: 8px 16px;
  margin-top: 16px;
  border-radius: 8px;
}
.nx-possserial-search .nx-serialsearch-wrap .nx-serialsearch-row .nx-serialsearch-btn.active {
  color: #ffffff;
  background: #5268db;
  box-shadow: 0 2px 4px 0px rgba(82, 104, 219, 0.32);
}

.nx-pop-certify {
  height: 95vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.nx-pop-certify .nx-tit-certify {
  color: #2b2c33;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 24px;
}
.nx-pop-certify .nx-wrap-certify1 {
  padding-bottom: 16px;
}
.nx-pop-certify .nx-wrap-certify1 .nx-btn-n3 {
  color: #5268db;
}
.nx-pop-certify .nx-wrap-certify2 {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 16px;
  border-top: 1px solid #eeeeee;
}
.nx-pop-certify .nx-wrap-certify2 .nx-wrap-timer {
  position: relative;
}
.nx-pop-certify .nx-wrap-certify2 .nx-wrap-timer .nx-txt-timer {
  right: 10px;
  top: 8px;
  color: #7f7f84;
  position: absolute;
}

@media only screen and (max-width: 759px) {
  /* 제품인증 */
  .nx-possserial-box {
    padding: 48px 0;
  }
  .nx-possserial-form {
    padding: 0;
  }
  .nx-possserial-form.nx-padding {
    padding: 12px;
  }
  .nx-possserial-form > .nx-table {
    padding: 24px 16px;
    display: block;
  }
  .nx-possserial-form > .nx-table tbody, .nx-possserial-form > .nx-table tbody tr, .nx-possserial-form > .nx-table tbody tr th, .nx-possserial-form > .nx-table tbody tr td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .nx-possserial-form > .nx-table tbody tr th {
    text-align: left;
    padding: 0 0 8px 0;
  }
  .nx-possserial-form > .nx-table tbody tr td {
    max-width: 100%;
    padding: 0 0 32px 0;
  }
  .nx-possserial-search .nx-serialsearch-wrap .nx-serialsearch-row {
    flex-direction: column;
  }
  .nx-possserial-search .nx-serialsearch-wrap .nx-serialsearch-row .nx-serialsearch-tit {
    width: 100%;
    margin-bottom: 8px;
  }
  .nx-pop-serial .nx-pop-list .nx-pop-list-wrap {
    width: calc(100% - 76px);
  }
  .nx-pop-serial .nx-pop-list .nx-pop-list-img {
    width: 76px;
    height: 57px;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    height: 0; /* 처음에 높이를 0으로 설정 */
  }
  to {
    opacity: 1;
    height: auto; /* 완전히 표시 */
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    height: auto;
  }
  to {
    opacity: 0;
    height: 0;
  }
}
.nxw-btn-11 {
  background: #fff;
}

.nxw-memb-nav-wrap {
  margin-bottom: 20px;
}
.nxw-memb-nav-wrap .nxw-memb-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nxw-memb-nav-wrap .nxw-memb-nav li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
}
.nxw-memb-nav-wrap .nxw-memb-nav li::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: #C7C7C7;
  border-radius: 50%;
}
.nxw-memb-nav-wrap .nxw-memb-nav li.active::after {
  display: none;
}
.nxw-memb-nav-wrap .nxw-memb-nav li.active .nxw-num {
  display: block;
}
.nxw-memb-nav-wrap .nxw-memb-nav li.active .nxw-tx {
  display: block;
}
.nxw-memb-nav-wrap .nxw-memb-nav li:has(~ .active)::after {
  display: block;
  background: #5268DB;
}
.nxw-memb-nav-wrap .nxw-memb-nav li .nxw-num {
  display: none;
  width: 40px;
  height: 40px;
  background: #5268DB;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: 500;
  line-height: 40px;
}
.nxw-memb-nav-wrap .nxw-memb-nav li .nxw-tx {
  display: none;
  margin-left: 8px;
  color: #5877E8;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.nxw-memb-box {
  padding: 40px;
  border-radius: 12px;
  background: #F6F6F6;
}
.nxw-memb-box > .nxw-memb-top {
  margin-bottom: 40px;
}
.nxw-memb-box .nxw-memb-tit1 {
  text-align: center;
}
.nxw-memb-box .nxw-memb-tit1 strong {
  color: #2B2C33;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.4;
}
.nxw-memb-box .nxw-memb-tit1 + .nxw-memb-lead1 {
  margin-top: 20px;
}
.nxw-memb-box .nxw-memb-lead1 {
  color: #7A7A7A;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

.nxw-lst-mslt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
.nxw-lst-mslt::after {
  content: "";
  flex: 0 1 42.5%;
  visibility: hidden;
}
.nxw-lst-mslt .nxw-item {
  flex: 0 1 42.5%;
}
.nxw-lst-mslt .nxw-item.col3 {
  flex: 0 1 28.37%;
}
.nxw-lst-mslt .nxw-item.active a {
  border-color: #5268DB;
  box-shadow: 0 2px 4px 0 rgba(82, 104, 219, 0.32);
}
.nxw-lst-mslt .nxw-item.fade a {
  background-color: #F6F6F6;
  transition: background-color 1s ease;
}
.nxw-lst-mslt .nxw-item.fade a .nxw-tit {
  opacity: 0.6;
  transition: background-color 1s ease;
}
.nxw-lst-mslt .nxw-item.fade a .nxw-tit strong {
  color: #333;
  text-align: center;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.4;
}
.nxw-lst-mslt .nxw-item.fade .nxw-label-chk .nxw-tit {
  opacity: 0.6;
  transition: background-color 1s ease;
}
.nxw-lst-mslt .nxw-item.fade .nxw-label-chk .nxw-tit strong {
  color: #333;
  text-align: center;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.4;
}
.nxw-lst-mslt .nxw-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 62px 20px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid #DBDBDB;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  transition: border 0.25s ease, box-shadow 0.25s ease;
}
.nxw-lst-mslt .nxw-item .nxw-label-chk {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 62px 20px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid #DBDBDB;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  transition: border 0.25s ease, box-shadow 0.25s ease;
}
.nxw-lst-mslt .nxw-item .nxw-checked-flag:checked + .nxw-label-chk {
  border-color: #5268DB;
  box-shadow: 0 2px 4px 0 rgba(82, 104, 219, 0.32);
}
.nxw-lst-mslt .nxw-item .nxw-tit {
  text-align: center;
}
.nxw-lst-mslt .nxw-item .nxw-tit strong {
  color: #333;
  text-align: center;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.4;
}
.nxw-lst-mslt .nxw-item .nxw-lead {
  color: #666;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
.nxw-lst-mslt .nxw-item .nxw-lead + .nxw-btn-10 {
  margin-top: 40px;
}

.nxw-cert-wrap {
  margin-top: 40px;
  overflow: hidden; /* 내용 넘침 방지 */
  max-height: 0; /* 기본적으로 높이를 0으로 설정 */
  opacity: 0; /* 처음엔 투명 */
  transition: max-height 1s ease, opacity 1s ease; /* 부드러운 전환 효과 */
}
.nxw-cert-wrap .nxw-msg {
  margin-bottom: 56px;
  padding-bottom: 40px;
  border-bottom: 1px solid #CCC;
  color: #666;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.nxw-cert-wrap .nxw-msg2 {
  color: #666;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.nxw-cert-wrap .nxw-lst-cert {
  margin: 0 auto;
  max-width: 555px;
}
.nxw-cert-wrap .nxw-lst-cert.max-w2 {
  max-width: 428px;
}
.nxw-cert-wrap .nxw-lst-cert.max-w3 {
  max-width: 455px;
}
.nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}
.nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap:last-child {
  margin-bottom: 0;
}
.nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-tit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 126px;
}
.nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-tit .nxw-lbl {
  color: #2B2C33;
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-item {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 150px);
}
.nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-item .nxw-input-wrap {
  position: relative;
  width: calc(100% - 85px);
}
.nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-item .nxw-btn-wrap {
  width: 80px;
}
.nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-item .nxw-input-wrap2 {
  position: relative;
}
.nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-item .nxw-btn-wrap2 {
  width: 117px;
}
.nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-item .nxw-btn-wrap button, .nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-item .nxw-btn-wrap a, .nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-item .nxw-btn-wrap2 button, .nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-item .nxw-btn-wrap2 a {
  width: 100%;
  box-sizing: border-box;
}
.nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-item .nxw-timer {
  position: absolute;
  z-index: 1;
  right: 12px;
  color: #7F7F84;
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
}
.nxw-cert-wrap.visible {
  max-height: 500px; /* 충분히 큰 값으로 설정 (내용에 맞게 조정) */
  opacity: 1; /* 완전히 보이도록 */
}
.nxw-cert-wrap.hidden {
  max-height: 0; /* 높이를 0으로 줄여 숨김 */
  opacity: 0; /* 투명하게 숨김 */
}

.nxw-ipt-memb {
  padding: 8px 12px;
  max-width: 100%;
  width: 100%;
  height: 36px;
  border: 1px solid #DBDBDB;
  border-radius: 8px !important;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  color: #656565;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  transition: box-shadow 0.25s ease, border 0.25s ease;
  outline: none;
  box-sizing: border-box;
}
.nxw-ipt-memb.w-m1 {
  max-width: 320px;
}
.nxw-ipt-memb.w-m2 {
  max-width: 480px;
}
.nxw-ipt-memb.w-s1 {
  max-width: 160px;
}

.nxw-txta-memb {
  padding: 8px 12px;
  max-width: 100%;
  width: 100%;
  height: 160px;
  border: 1px solid #DBDBDB;
  border-radius: 8px !important;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  color: #656565;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  transition: box-shadow 0.25s ease, border 0.25s ease;
  outline: none;
  box-sizing: border-box;
  resize: none;
}

.nxw-login-wrap {
  margin: 0 auto;
  max-width: 400px;
}
.nxw-login-wrap fieldset {
  font-size: 0;
  text-indent: -9999px;
}
.nxw-login-wrap .nxw-login .nxw-ins-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.nxw-login-wrap .nxw-login .nxw-ins-wrap:last-child {
  margin-bottom: 0;
}
.nxw-login-wrap .nxw-login .nxw-ins-wrap .nxw-tit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 24px;
  width: 80px;
  box-sizing: border-box;
}
.nxw-login-wrap .nxw-login .nxw-ins-wrap .nxw-tit .nxw-lbl {
  color: #2B2C33;
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
}
.nxw-login-wrap .nxw-login .nxw-ins-wrap .nxw-item {
  width: calc(100% - 80px);
}
.nxw-login-wrap .nxw-login .nxw-ins-wrap .nxw-item input {
  width: 100%;
}
.nxw-login-wrap .nxw-find {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 12px;
}
.nxw-login-wrap .nxw-find .nxw-btn-40 {
  padding-right: 8px !important;
  padding-left: 8px !important;
  width: auto;
}
.nxw-login-wrap .nxw-btn-wrap {
  margin-top: 12px;
}

.nxw-sns-login {
  position: relative;
  margin-top: 40px;
  padding-top: 40px;
}
.nxw-sns-login::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  margin-left: -30px;
  width: 60px;
  height: 1px;
  background: #CCC;
}
.nxw-sns-login > .nxw-top {
  margin-bottom: 24px;
}
.nxw-sns-login > .nxw-top .nxw-tit {
  color: #3A3A3A;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.nxw-sns-login > .nxw-top .nxw-lead {
  margin-top: 8px;
  color: #444;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.42;
}
.nxw-sns-login > .nxw-ct .nxw-sns-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: -20px;
}
.nxw-sns-login > .nxw-ct .nxw-sns-btn .nxw-item {
  margin: 0 10px 20px;
}
.nxw-sns-login > .nxw-ct .nxw-sns-btn .nxw-item a {
  display: block;
}
.nxw-sns-login > .nxw-ct .nxw-sns-btn .nxw-item a img {
  width: 48px;
  vertical-align: top;
}

.nxw-memb-f-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  text-align: center;
}
.nxw-memb-f-wrap .nxw-msg + .nxw-btn-11 {
  margin-left: 40px;
}
.nxw-memb-f-wrap .nxw-btn-10, .nxw-memb-f-wrap .nxw-btn-11, .nxw-memb-f-wrap .nxw-btn-12 {
  box-sizing: border-box;
  width: auto;
}
.nxw-memb-f-wrap a + a {
  margin-left: 8px;
}

.nxw-memb-complete-msg {
  margin-bottom: 20px;
  padding-top: 120px;
  background: url(../imgs/ico_v3/ico_memb_complete.png) no-repeat center top/104px auto;
  color: #2B2C33;
  text-align: center;
  font-size: 28px;
  line-height: 1.4;
}

.nxw-msg-box-wrap {
  text-align: center;
}

.nxw-msg-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  margin: 0 auto;
  padding: 20px 40px;
  border-radius: 12px;
  background: #fff;
}
.nxw-msg-box p {
  color: #2B2C33;
  font-size: 16px;
  line-height: 1.7;
}
.nxw-msg-box .nxw-f-c1 {
  color: #5268DB;
}

.nxw-lst-signup .nxw-ins-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 32px;
}
.nxw-lst-signup .nxw-ins-wrap:last-child {
  margin-bottom: 0;
}
.nxw-lst-signup .nxw-ins-wrap .nxw-tit {
  padding: 8px 0;
  width: 126px;
  box-sizing: border-box;
  text-align: right;
}
.nxw-lst-signup .nxw-ins-wrap .nxw-tit .nxw-lbl {
  color: #2B2C33;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.nxw-lst-signup .nxw-ins-wrap .nxw-tit .nxw-lbl .ex-msg {
  color: #878787;
}
.nxw-lst-signup .nxw-ins-wrap .nxw-item {
  width: calc(100% - 150px);
}
.nxw-lst-signup .nxw-ins-wrap .nxw-item .rowView {
  display: flex;
  gap: 8px;
  padding: 8px 0px;
}
.nxw-lst-signup .nxw-ins-wrap .nxw-item .expl {
  padding-top: 4px;
}
.nxw-lst-signup .nxw-ins-wrap .nxw-item .nxw-ins-row .nxw-ipt-20 {
  height: 160px;
}
.nxw-lst-signup .nxw-ins-wrap .nxw-item .nxw-ins-row .nxw-chk-10 .nxw-choice-wrap .nxw-icon-box {
  background-color: #FFF;
}
.nxw-lst-signup .nxw-ins-wrap .nxw-ins-row {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  width: 100%;
  gap: 6px;
}
.nxw-lst-signup .nxw-ins-wrap .nxw-ins-row:last-child {
  margin-bottom: 0;
}
.nxw-lst-signup .nxw-ins-wrap .nxw-ins-row input + .nxw-btn-10 {
  flex-shrink: 0;
  margin-left: 5px;
}
.nxw-lst-signup .nxw-ins-wrap .nxw-btn-10 {
  box-sizing: border-box;
}
.nxw-lst-signup .nxw-ins-wrap .nxw-btn-10.nxw-wa {
  width: auto !important;
}
.nxw-lst-signup .nxw-ins-lst-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: -8px;
  height: calc(100% + 8px);
}
.nxw-lst-signup .nxw-ins-lst-items .nxw-ins-item {
  margin: 0 8px 8px 0;
}
.nxw-lst-signup .nxw-ins-lst-items2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: -12px;
  height: calc(100% + 12px);
}
.nxw-lst-signup .nxw-ins-lst-items2.items-x4 .nxw-ins-item {
  width: calc((100% - 36px) / 4);
}
.nxw-lst-signup .nxw-ins-lst-items2.items-x4 .nxw-ins-item:nth-child(4n+4) {
  margin-right: 0;
}
.nxw-lst-signup .nxw-ins-lst-items2 .nxw-ins-item {
  margin: 0 12px 12px 0;
}
.nxw-lst-signup .nxw-chk-50 {
  height: 36px;
}

.nxw-memb-chkall {
  margin-top: 16px;
  display: flex; /* Flex 컨테이너 설정 */
  align-items: center; /* 수직 중앙 정렬 */
  justify-content: center; /* 수평 중앙 정렬 */
  height: 100%; /* 높이를 컨테이너에 맞게 설정 (필요 시) */
  text-align: center; /* 텍스트 중앙 정렬 (필요 시) */
}
.nxw-memb-chkall .nxw-chk-10 .nxw-choice-wrap .nxw-icon-box {
  background-color: #FFF;
}
.nxw-memb-chkall .nxw-chk-10 .nxw-choice-wrap .nxw-icon-txt {
  font-size: 16px;
}

.nxw-memb-guide-msg {
  margin-bottom: 32px;
  padding: 48px 0;
  border-bottom: 1px solid #E1E1E1;
  text-align: center;
}
.nxw-memb-guide-msg .nxw-tit {
  color: #2B2C33;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
.nxw-memb-guide-msg .nxw-tit + .nxw-lead {
  margin-top: 6px;
}
.nxw-memb-guide-msg .nxw-lead {
  color: #565656;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.nxw-txtDiv {
  height: 160px;
  overflow-y: auto;
  width: 100%;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #DBDBDB !important;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box;
  resize: none;
  color: #2B2C33;
  font-family: "Noto Sans KR";
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  outline: none;
  transition: box-shadow 0.25s ease, border 0.25s ease;
}
.nxw-txtDiv:hover {
  background: #FCFCFC;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.nxw-txtDiv:focus {
  border: 1px solid #C5CDF2 !important;
  box-shadow: 0px 0px 0px 4px rgba(197, 205, 242, 0.24) !important;
}
.nxw-txtDiv::-moz-placeholder {
  color: #ACACAC;
}
.nxw-txtDiv::placeholder {
  color: #ACACAC;
}

.nxw-join-proc1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
  margin-bottom: 50px;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
}
.nxw-join-proc1 .nxw-join-item {
  max-width: 140px;
  display: flex;
  min-width: 58.88px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.nxw-join-proc1 .nxw-join-item .nxw-item-img {
  padding: 20px;
  border-radius: 16px;
  background: var(--pt_palette-surface-subtle-base, #F9F9F9);
}
.nxw-join-proc1 .nxw-join-item .nxw-item-txt {
  color: var(--text-tertiary, #7F7F84);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.nxw-join-proc1 .nxw-join-item.on .nxw-item-img {
  background: var(--pt_palette-surface-subtle-base, #E9EEFF);
}
.nxw-join-proc1 .nxw-join-item.on .nxw-item-txt {
  color: var(--text-tertiary, #5268DB);
}
.nxw-join-proc3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
  margin-bottom: 50px;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
}
.nxw-join-proc3 .nxw-join-item {
  max-width: 200px;
  min-width: 115px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.nxw-join-proc3 .nxw-join-item .nxw-item-img {
  padding: 5px;
  border-radius: 16px;
}
.nxw-join-proc3 .nxw-join-item .nxw-item-txt {
  white-space: nowrap;
  color: var(--text-tertiary, #7F7F84);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.nxw-join-proc3 .nxw-join-item.on .nxw-item-img {
  background: var(--pt_palette-surface-subtle-base, #E9EEFF);
}
.nxw-join-proc3 .nxw-join-item.on .nxw-item-txt {
  color: var(--text-tertiary, #5268DB);
}
@media only screen and (max-width: 1023px) {
  .nxw-lst-mslt .nxw-item .nxw-tit strong {
    font-size: 20px;
  }
  .nxw-lst-mslt .nxw-item .nxw-lead {
    font-size: 14px;
  }
  .nxw-lst-mslt .nxw-item.fade a .nxw-tit strong {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .nxw-memb-box {
    padding: 24px;
  }
  .nxw-memb-box > .nxw-memb-top {
    margin-bottom: 20px;
  }
  .nxw-memb-box .nxw-memb-lead1 {
    font-size: 14px;
  }
  .nxw-lst-mslt {
    gap: 16px;
    flex-direction: column;
  }
  .nxw-lst-mslt .nxw-item {
    flex: 1 1 calc(100% - 48px);
  }
  .nxw-login-wrap .nxw-login .nxw-ins-wrap .nxw-tit {
    display: none;
  }
  .nxw-login-wrap .nxw-login .nxw-ins-wrap .nxw-item {
    width: 100%;
  }
  .nxw-login-wrap .nxw-find {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 12px;
  }
  .nxw-login-wrap .nxw-find .nxw-btn-40 {
    padding-right: 8px !important;
    padding-left: 8px !important;
    min-width: auto;
  }
  .nxw-login-wrap .nxw-btn-wrap {
    margin-top: 12px;
  }
  .nxw-cert-wrap {
    margin-top: 20px;
  }
  .nxw-cert-wrap .nxw-msg {
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 14px;
  }
  .nxw-cert-wrap .nxw-msg2 {
    font-size: 14px;
  }
  .nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap {
    display: block;
    margin-bottom: 32px;
  }
  .nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap:last-child {
    margin-bottom: 0;
  }
  .nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-tit {
    display: block;
    margin-bottom: 8px;
    width: auto;
  }
  .nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .nxw-cert-wrap .nxw-lst-cert .nxw-ins-wrap .nxw-item .nxw-input-wrap {
    width: calc(100% - 85px);
  }
  .nxw-lst-signup .nxw-ins-wrap {
    display: block;
  }
  .nxw-lst-signup .nxw-ins-wrap .nxw-tit {
    padding: 0 0 8px 0;
    width: auto;
    text-align: left;
  }
  .nxw-lst-signup .nxw-ins-wrap .nxw-item {
    width: auto;
  }
  .nxw-lst-signup .nxw-ins-lst-items2.items-x4 .nxw-ins-item {
    width: calc((100% - 24px) / 2);
  }
  .nxw-lst-signup .nxw-ins-lst-items2.items-x4 .nxw-ins-item:nth-child(even) {
    margin-right: 0;
  }
  .nxw-memb-guide-msg {
    margin-bottom: 20px;
    padding: 20px 0;
  }
  .nxw-memb-guide-msg .nxw-tit {
    font-size: 18px;
  }
  .nxw-memb-guide-msg .nxw-lead {
    font-size: 14px;
  }
  .nxw-join-proc1 .nxw-join-item .nxw-item-img {
    padding: 10px;
  }
  .nxw-join-proc3 .nxw-join-item {
    max-width: none;
    min-width: 72.8px;
    flex-direction: column;
  }
  .nxw-join-proc3 .nxw-join-item .nxw-item-img {
    padding: 10px;
  }
  .nxw-join-proc3 .nxw-join-item .nxw-item-txt {
    font-size: 13px;
  }
}
.nxw-wf {
  width: 100% !important;
}

.nxw-wa {
  width: auto !important;
}

a.nxw-sm {
  max-width: 80px;
}

a.nxw-md {
  max-width: 120px;
}

a.nxw-msm {
  min-width: 80px;
}

a.nxw-mmd {
  min-width: 120px;
}

input.nxw-tel {
  max-width: 60px;
}

input.nxw-xs {
  max-width: 64px;
}

input.nxw-sm {
  max-width: 160px;
}

input.nxw-md {
  max-width: 320px;
}

input.nxw-lg {
  max-width: 480px;
}

input.nxw-mxs {
  min-width: 64px;
}

input.nxw-msm {
  min-width: 160px;
}

input.nxw-mmd {
  min-width: 320px;
}

input.nxw-mlg {
  min-width: 480px;
}

textarea.nxw-sm {
  max-width: 136px;
}

textarea.nxw-md {
  max-width: 296px;
}

textarea.nxw-lg {
  max-width: 456px;
}

textarea.nxw-msm {
  min-width: 136px;
}

textarea.nxw-mmd {
  min-width: 296px;
}

textarea.nxw-mlg {
  min-width: 456px;
}

select.nxw-sm {
  max-width: 100px;
}

select.nxw-md {
  max-width: 200px;
}

select.nxw-lg {
  max-width: 300px;
}

select.nxw-msm {
  min-width: 100px;
}

select.nxw-mmd {
  min-width: 200px;
}

select.nxw-mlg {
  min-width: 300px;
}

.nxw-flex2 {
  flex: 1 1 calc(50% - 8px);
  max-width: calc(50% - 8px);
  box-sizing: border-box;
}

.nxw-flex3 {
  flex: 1 1 calc(33.3% - 8px);
  max-width: calc(33.3% - 8px);
  box-sizing: border-box;
}

.nxw-flex4 {
  flex: 1 1 calc(25% - 8px);
  max-width: calc(25% - 8px);
  box-sizing: border-box;
}

.nxw-flex5 {
  flex: 1 1 calc(20% - 8px);
  max-width: calc(20% - 8px);
  box-sizing: border-box;
}

.nxw-btn-10 {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  box-shadow: 0 2px 4px 0px rgba(82, 104, 219, 0.32);
  border-radius: 8px;
  padding: 8px 16px;
  text-align: center;
  background: #5268DB;
  box-sizing: border-box;
  color: #fff;
  font-family: "Noto Sans KR";
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  cursor: pointer;
  transition: background 0.25s ease;
}
.nxw-btn-10:hover {
  background: #677ADF;
}
.nxw-btn-10.disabled {
  color: #7F7F84;
  background-color: #E1E1E1;
  box-shadow: none;
}
.nxw-btn-10.disabled:hover {
  background-color: #E1E1E1;
}

.nxw-btn-11 {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  padding: 8px 16px;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #DBDBDB;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #5268DB;
  font-family: "Noto Sans KR";
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  transition: background 0.25s ease, color 0.25s ease;
}
.nxw-btn-11:hover {
  background: #FCFCFC;
}

.nxw-btn-12 {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  padding: 8px 16px;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #DBDBDB;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #2B2C33;
  font-family: "Noto Sans KR";
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  transition: background 0.25s ease, color 0.25s ease;
}
.nxw-btn-12:hover {
  background: #FCFCFC;
  color: #656878;
}
.nxw-btn-12.disabled {
  background: #FCFCFC;
  border-color: #E7E7E7;
  color: #7F7F84;
  box-shadow: none;
}

.nxw-btn-20 {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  padding: 8px 16px;
  text-align: center;
  border-radius: 8px;
  background: #E84F68;
  box-shadow: 0 2px 4px 0px rgba(82, 104, 219, 0.32);
  box-sizing: border-box;
  color: #fff;
  font-family: "Noto Sans KR";
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  transition: background 0.25s ease;
}
.nxw-btn-20:hover {
  background: #F26F84;
}
.nxw-btn-20.disabled {
  color: #7F7F84;
  background-color: #E1E1E1;
  box-shadow: none;
}

.nxw-btn-21 {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  padding: 8px 16px;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #DBDBDB;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #E84F68;
  font-family: "Noto Sans KR";
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  transition: background 0.25s ease, color 0.25s ease;
}
.nxw-btn-21:hover {
  background: #FCFCFC;
}

.nxw-btn-30 {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  padding: 8px 16px;
  text-align: center;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #656878;
  font-family: "Noto Sans KR";
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  transition: background 0.25s ease;
}
.nxw-btn-30:hover {
  background: rgba(0, 0, 0, 0.08);
}

.nxw-btn-40 {
  width: 100%;
  text-decoration: none;
  display: inline-block;
  padding: 4px 8px;
  text-align: center;
  border-radius: 6px;
  box-sizing: border-box;
  color: #5268DB;
  font-family: "Noto Sans KR";
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  transition: background 0.25s ease, color 0.25s ease;
}
.nxw-btn-40:hover {
  background: rgba(82, 104, 219, 0.08);
}

.nxw-btn-41 {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  padding: 4px 8px;
  text-align: center;
  border-radius: 6px;
  box-sizing: border-box;
  color: #656878;
  font-family: "Noto Sans KR";
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  transition: background 0.25s ease;
}
.nxw-btn-41:hover {
  background: rgba(0, 0, 0, 0.08);
}

.nxw-btn-42 {
  width: 100%;
  display: inline-block;
  text-decoration: none;
  padding: 4px 8px;
  text-align: center;
  border-radius: 6px;
  box-sizing: border-box;
  color: #E84F68;
  font-family: "Noto Sans KR";
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  transition: background 0.25s ease;
}
.nxw-btn-42:hover {
  background: rgba(232, 79, 104, 0.08);
}

.nxw-ipt-10 {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #DBDBDB;
  border-radius: 8px !important;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #656565;
  font-family: "Noto Sans KR";
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  outline: none;
}
.nxw-ipt-10:hover {
  border-radius: 8px;
  background: #FCFCFC;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.nxw-ipt-10::-moz-placeholder {
  color: #ACACAC;
}
.nxw-ipt-10::placeholder {
  color: #ACACAC;
}
.nxw-ipt-10:focus {
  border: 1px solid #C5CDF2 !important;
  box-shadow: 0px 0px 0px 4px rgba(197, 205, 242, 0.24) !important;
}

.nxw-ipt-20 {
  width: 100%;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #DBDBDB !important;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box;
  resize: none;
  color: #2B2C33;
  font-family: "Noto Sans KR";
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  outline: none;
  transition: box-shadow 0.25s ease, border 0.25s ease;
}
.nxw-ipt-20:hover {
  background: #FCFCFC;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.nxw-ipt-20:focus {
  border: 1px solid #C5CDF2 !important;
  box-shadow: 0px 0px 0px 4px rgba(197, 205, 242, 0.24) !important;
}
.nxw-ipt-20::-moz-placeholder {
  color: #ACACAC;
}
.nxw-ipt-20::placeholder {
  color: #ACACAC;
}

.nxw-ipt-30 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: #fff;
  border: 1px solid #DBDBDB;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}
.nxw-ipt-30 .nxw-input-search {
  width: 100%;
  border: none; /* 기본 테두리 제거 */
  outline: none; /* 포커스 시 테두리 제거 */
  color: #2B2C33; /* 글자 색상 */
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.nxw-ipt-30 .nxw-input-search:hover {
  background-color: #FCFCFC;
}
.nxw-ipt-30 .nxw-input-search:focus {
  border: none !important;
  -webkit-box-shadow: none !important;
}
.nxw-ipt-30 .nxw-input-search:focus::-moz-placeholder {
  color: #2B2C33;
}
.nxw-ipt-30 .nxw-input-search:focus::placeholder {
  color: #2B2C33;
}
.nxw-ipt-30 .nxw-input-search::-moz-placeholder {
  overflow: hidden;
  color: #acacac;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.nxw-ipt-30 .nxw-input-search::placeholder {
  overflow: hidden;
  color: #acacac;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.nxw-ipt-30:hover {
  background-color: #FCFCFC;
}
.nxw-ipt-30:focus-within {
  border: 1px solid #C5CDF2 !important;
  -webkit-box-shadow: 0px 0px 0px 4px rgba(197, 205, 242, 0.24) !important;
}
.nxw-ipt-30 .nxw-input-icon {
  content: "";
  width: 20px;
  height: 20px;
  position: static;
  background: url("../imgs/ico_v3/ico_search_srch.png") no-repeat center center; /* 돋보기 아이콘 */
  background-size: 16px 16px; /* 아이콘 크기 */
  z-index: 2;
}
.nxw-ipt-30 .nxw-input-icon.right {
  width: 20px;
  height: 20px;
  visibility: hidden;
  content: "";
  position: static;
  background: url("../imgs/ico_v3/icon_search_close.png") no-repeat center center;
  background-size: 20px 20px;
  z-index: 2;
  cursor: pointer;
}
.nxw-ipt-30.nw100 {
  width: auto;
}

.nxw-ipt-31 {
  width: 100%;
  height: 36px;
  padding: 5px 10px;
  color: #3a3a3a;
  font-size: 14px;
  background: url(../imgs/ico_v3/ico_calendar.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 94% 6px;
  padding: 5px 35px 5px 10px;
  border: 1px solid #e3e3e3;
  vertical-align: middle;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.nxw-ipt-31.nxw-white {
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 8px !important;
}
.nxw-ipt-31:hover {
  border: 1px solid #5d6072;
}

.nxw-slt-10 {
  width: 100%;
  padding: 8px 8px 8px 14px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #DBDBDB !important;
  background: #fff url(../imgs/ico_v3/ico_search_slt.png) no-repeat right 8px center/20px auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  -webkit-appearance: none; /* 크롬/사파리 */
  -moz-appearance: none; /* 파이어폭스 */
  appearance: none;
  outline: none;
}
.nxw-slt-10:hover {
  background-color: #fcfcfc;
}
.nxw-slt-10.sw {
  min-width: 128px;
}
.nxw-slt-10.mw {
  min-width: 200px;
}

.nxw-slt-20 {
  padding: 8px 25px 8px 12px;
  width: 100%;
  height: 36px;
  border: 1px solid transparent; /* 투명 테두리로 공간 확보 */
  background: #fff url(../imgs/ico_v3/ico_list_slt_arrow_down.png) no-repeat right 8px center/8px 8px;
  box-sizing: border-box;
  color: #2B2C33;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  -webkit-appearance: none; /* 크롬/사파리 */
  -moz-appearance: none; /* 파이어폭스 */
  appearance: none;
  outline: none;
}
.nxw-slt-20:hover {
  border-radius: var(--radius-_default, 8px);
  border: 1px solid var(--drpdwn-base_bdr, #DBDBDB);
  box-shadow: 0px var(--btn_shadow-outlined-y-base, 2px) var(--btn_shadow-outlined-blur-base, 4px) 0px var(--btn_shadow-outlined-bk-colour, rgba(0, 0, 0, 0.04));
}

.nxw-rdo-10 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: relative;
  cursor: pointer;
  line-height: 140%;
}
.nxw-rdo-10 .nxw-input-choice {
  display: none;
}
.nxw-rdo-10 .nxw-choice-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #2B2C33;
}
.nxw-rdo-10 .nxw-choice-wrap .nxw-icon-box .nxw-icon-choice1 {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: 22px;
  border: 1px solid var(--ico_chk-bdr, #DBDBDB);
  background: var(--ico_chk-bg_default, #FFF);
  box-shadow: 0px var(--btn_shadow-outlined-y-base, 2px) var(--btn_shadow-outlined-blur-base, 4px) 0px var(--btn_shadow-outlined-bk-colour, rgba(0, 0, 0, 0.04));
}
.nxw-rdo-10 .nxw-choice-wrap:hover .nxw-icon-box .nxw-icon-choice1 {
  background-color: rgba(0, 0, 0, 0.08);
}
.nxw-rdo-10 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-icon-box .nxw-icon-choice1 {
  background-image: url("../imgs/ico_v3/ico_radio1_on.png"); /* 체크 이미지 */
  background-repeat: no-repeat;
  background-size: 16px 16px; /* 아이콘 크기 */
  border: none;
  box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
}
.nxw-rdo-11-box {
  display: flex;
  padding: var(--rp-cart-checkout-greyBox-verti, 20px) var(--rp-cart-checkout-greyBox-horiz, 20px);
  flex-direction: column;
  align-self: stretch;
  border-radius: var(--radius-greyBox, 8px);
  background: var(--surface-greyBox, #F6F6F6);
}

.nxw-rdo-11 {
  display: flex;
  gap: 5px;
  position: relative;
  cursor: pointer;
}
.nxw-rdo-11 .nxw-input-choice {
  display: none;
}
.nxw-rdo-11 .nxw-out-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16px;
  border: 1px solid rgba(219, 219, 219, 0);
  border-radius: 12px;
}
.nxw-rdo-11 .nxw-choice-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  border-radius: 12px;
  color: #2B2C33;
}
.nxw-rdo-11 .nxw-choice-wrap .nxw-icon-box {
  display: flex;
  gap: 16px;
}
.nxw-rdo-11 .nxw-choice-wrap .nxw-icon-box .nxw-icon-choice1 {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: 22px;
  border: 1px solid var(--ico_chk-bdr, #DBDBDB);
  background: var(--ico_chk-bg_default, #FFF);
  box-shadow: 0px var(--btn_shadow-outlined-y-base, 2px) var(--btn_shadow-outlined-blur-base, 4px) 0px var(--btn_shadow-outlined-bk-colour, rgba(0, 0, 0, 0.04));
}
.nxw-rdo-11 .nxw-choice-wrap .nxw-icon-box .nxw-image-txt {
  color: var(--_text-_default, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
}
.nxw-rdo-11 .nxw-choice-wrap:hover .nxw-icon-box .nxw-icon-choice1 {
  background-color: rgba(0, 0, 0, 0.08);
}
.nxw-rdo-11 .nxw-choice-wrap .nxw-image-txt {
  color: var(--_text-_default, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.nxw-rdo-11 .nxw-input-choice:checked + .nxw-choice-wrap {
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
}
.nxw-rdo-11 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-out-line {
  border: 2px solid #5268db;
}
.nxw-rdo-11 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-out-line:hover {
  border-color: #677ADF;
}
.nxw-rdo-11 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-icon-box .nxw-icon-choice1 {
  background-image: url("../imgs/ico_v3/ico_radio1_on.png"); /* 체크 이미지 */
  background-repeat: no-repeat;
  background-size: 16px 16px; /* 아이콘 크기 */
  border: none;
  box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
}
.nxw-rdo-11 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-icon-txt {
  color: #3954E0;
}
.nxw-rdo-11 .nxw-input-choice:checked + .nxw-choice-wrap:hover {
  border-color: #677ADF;
}
.nxw-rdo-11 .nxw-input-choice:checked + .nxw-choice-wrap:hover .nxw-icon-txt {
  color: #677ADF;
}
.nxw-rdo-11.sample {
  flex: 1 1 calc(25% - 12px); /* 25% = 4개씩 */
  max-width: calc(25% - 12px); /* 버튼 크기 제한 */
  box-sizing: border-box; /* 패딩 포함한 크기 계산 */
}

.nxw-rdo-21 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: relative;
  cursor: pointer;
  line-height: normal;
}
.nxw-rdo-21 .nxw-input-choice {
  display: none;
}
.nxw-rdo-21 .nxw-out-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #dbdbdb;
  border-radius: 40px;
}
.nxw-rdo-21 .nxw-choice-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 40px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  color: #2B2C33;
}
.nxw-rdo-21 .nxw-choice-wrap:hover {
  background-color: #FCFCFC;
}
.nxw-rdo-21 .nxw-input-choice:checked + .nxw-choice-wrap {
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
}
.nxw-rdo-21 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-out-line {
  border: 2px solid #5268db;
}
.nxw-rdo-21 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-out-line:hover {
  border-color: #677ADF;
}
.nxw-rdo-21 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-icon-txt {
  color: #3954E0;
}
.nxw-rdo-21 .nxw-input-choice:checked + .nxw-choice-wrap:hover {
  border-color: #677ADF;
}
.nxw-rdo-21 .nxw-input-choice:checked + .nxw-choice-wrap:hover .nxw-icon-txt {
  color: #677ADF;
}

.nxw-rdo-41 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: relative;
  cursor: pointer;
  line-height: 140%;
}
.nxw-rdo-41 .nxw-input-choice {
  display: none;
}
.nxw-rdo-41 .nxw-out-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #dbdbdb;
  border-radius: 12px;
}
.nxw-rdo-41 .nxw-choice-wrap {
  width: 100%;
  text-align: left;
  padding: 10px 18px;
  border-radius: 12px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  color: #2B2C33;
}
.nxw-rdo-41 .nxw-choice-wrap .nxw-image-txt {
  color: var(--btn-txt_primary, #2B2C33);
  text-align: left;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
}
.nxw-rdo-41 .nxw-choice-wrap:hover {
  background-color: #FCFCFC;
}
.nxw-rdo-41 .nxw-input-choice:checked + .nxw-choice-wrap {
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
}
.nxw-rdo-41 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-out-line {
  border: 2px solid #5268db;
}
.nxw-rdo-41 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-out-line:hover {
  border-color: #677ADF;
}
.nxw-rdo-41 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-icon-txt {
  color: #3954E0;
}
.nxw-rdo-41 .nxw-input-choice:checked + .nxw-choice-wrap:hover {
  border-color: #677ADF;
}
.nxw-rdo-41 .nxw-input-choice:checked + .nxw-choice-wrap:hover .nxw-icon-txt {
  color: #677ADF;
}
.nxw-rdo-41.sample {
  flex: 1 1 calc(25% - 12px); /* 25% = 4개씩 */
  max-width: calc(25% - 12px); /* 버튼 크기 제한 */
  box-sizing: border-box; /* 패딩 포함한 크기 계산 */
}

.nxw-chk-10 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: relative;
  cursor: pointer;
  line-height: 140%;
}
.nxw-chk-10 .nxw-input-choice {
  display: none;
}
.nxw-chk-10 .nxw-choice-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #2B2C33;
}
.nxw-chk-10 .nxw-choice-wrap .nxw-icon-box .nxw-icon-choice1 {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: var(--radius-checkbox, 4px);
  border: 1px solid var(--ico_chk-bdr, #DBDBDB);
}
.nxw-chk-10 .nxw-choice-wrap:hover .nxw-icon-box .nxw-icon-choice1 {
  background-color: rgba(0, 0, 0, 0.08);
}
.nxw-chk-10 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-icon-box .nxw-icon-choice1 {
  background-image: url("../imgs/ico_v3/ico_check1_on.png"); /* 체크 이미지 */
  background-repeat: no-repeat;
  background-size: 16px 16px; /* 아이콘 크기 */
  border: none;
  box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
}
.nxw-chk-10 .nxw-input-choice:checked + .nxw-choice-wrap:hover .nxw-icon-box .nxw-icon-choice1 {
  background-image: url("../imgs/ico_v3/ico_check1_hover.png"); /* 체크 이미지 */
  background-color: transparent;
}

.nxw-chk-20 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: relative;
  cursor: pointer;
  line-height: 140%;
}
.nxw-chk-20 .nxw-input-choice {
  display: none;
}
.nxw-chk-20 .nxw-out-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #dbdbdb;
  border-radius: 40px;
}
.nxw-chk-20 .nxw-choice-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px 8px 10px;
  border-radius: 40px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  color: #2B2C33;
}
.nxw-chk-20 .nxw-choice-wrap .nxw-icon-box .nxw-icon-choice1 {
  display: block;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border-radius: 50%;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
}
.nxw-chk-20 .nxw-choice-wrap:hover {
  background-color: #FCFCFC;
}
.nxw-chk-20 .nxw-choice-wrap:hover .nxw-icon-box .nxw-icon-choice1 {
  background: rgba(0, 0, 0, 0.04);
}
.nxw-chk-20 .nxw-input-choice:checked + .nxw-choice-wrap {
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
}
.nxw-chk-20 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-icon-box .nxw-icon-choice1 {
  background-image: url("../imgs/ico_v3/ico_search_chk.png"); /* 체크 이미지 */
  background-repeat: no-repeat;
  background-size: 18px 18px; /* 아이콘 크기 */
  border: none;
}
.nxw-chk-20 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-out-line {
  border: 2px solid #5268db;
}
.nxw-chk-20 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-out-line:hover {
  border-color: #677ADF;
}
.nxw-chk-20 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-icon-txt {
  color: #3954E0;
}
.nxw-chk-20 .nxw-input-choice:checked + .nxw-choice-wrap:hover {
  border-color: #677ADF;
}
.nxw-chk-20 .nxw-input-choice:checked + .nxw-choice-wrap:hover .nxw-icon-txt {
  color: #677ADF;
}
.nxw-chk-20 .nxw-input-choice:checked + .nxw-choice-wrap:hover .nxw-icon-box .nxw-icon-choice1 {
  background-image: url("../imgs/ico_v3/ico_search_chk_hover.png");
}

.nxw-chk-21 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: relative;
  cursor: pointer;
  line-height: normal;
}
.nxw-chk-21 .nxw-input-choice {
  display: none;
}
.nxw-chk-21 .nxw-out-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #dbdbdb;
  border-radius: 40px;
}
.nxw-chk-21 .nxw-choice-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 40px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  color: #2B2C33;
}
.nxw-chk-21 .nxw-choice-wrap:hover {
  background-color: #FCFCFC;
}
.nxw-chk-21 .nxw-input-choice:checked + .nxw-choice-wrap {
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
}
.nxw-chk-21 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-out-line {
  border: 2px solid #5268db;
}
.nxw-chk-21 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-out-line:hover {
  border-color: #677ADF;
}
.nxw-chk-21 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-icon-txt {
  color: #3954E0;
}
.nxw-chk-21 .nxw-input-choice:checked + .nxw-choice-wrap:hover {
  border-color: #677ADF;
}
.nxw-chk-21 .nxw-input-choice:checked + .nxw-choice-wrap:hover .nxw-icon-txt {
  color: #677ADF;
}

.nxw-chk-22 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: relative;
  cursor: pointer;
  line-height: 140%;
}
.nxw-chk-22 .nxw-input-choice {
  display: none;
}
.nxw-chk-22 .nxw-out-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #dbdbdb;
  border-radius: 40px;
}
.nxw-chk-22 .nxw-choice-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px 8px 16px;
  border-radius: 40px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  color: #2B2C33;
}
.nxw-chk-22 .nxw-choice-wrap .nxw-icon-box .nxw-icon-star1 {
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("../imgs/ico_v3/ico_search_star1.png"); /* 체크 이미지 */
  background-repeat: no-repeat;
  background-size: 18px 18px; /* 아이콘 크기 */
}
.nxw-chk-22 .nxw-choice-wrap .nxw-icon-box .nxw-icon-heart1 {
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("../imgs/ico_v3/ico_search_heart1.png"); /* 체크 이미지 */
  background-repeat: no-repeat;
  background-size: 18px 18px; /* 아이콘 크기 */
}
.nxw-chk-22 .nxw-choice-wrap:hover {
  background-color: #FCFCFC;
}
.nxw-chk-22.active .nxw-icon-box .nxw-icon-star1 {
  width: 18px;
  height: 18px;
  background-image: url("../imgs/ico_v3/ico_search_star1_on.png"); /* 체크 이미지 */
  background-repeat: no-repeat;
  background-size: 18px 18px; /* 아이콘 크기 */
  border: none;
}
.nxw-chk-22.active .nxw-icon-box .nxw-icon-heart1 {
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("../imgs/ico_v3/ico_search_heart1_on.png"); /* 체크 이미지 */
  background-repeat: no-repeat;
  background-size: 18px 18px; /* 아이콘 크기 */
  border: none;
}
.nxw-chk-22.active .nxw-out-line {
  border: 2px solid #5268db;
  box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
}
.nxw-chk-22.active .nxw-out-line:hover {
  border-color: #677ADF;
}

.nxw-chk-40 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: relative;
  cursor: pointer;
  line-height: 140%;
}
.nxw-chk-40 .nxw-input-choice {
  display: none;
}
.nxw-chk-40 .nxw-out-line {
  min-width: 200px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #dbdbdb;
  border-radius: 12px;
}
.nxw-chk-40 .nxw-choice-wrap {
  min-width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 12px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  color: #2B2C33;
}
.nxw-chk-40 .nxw-choice-wrap .nxw-image-box {
  width: 100%;
  text-align: center;
}
.nxw-chk-40 .nxw-choice-wrap .nxw-image-box .nxw-img {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}
.nxw-chk-40 .nxw-choice-wrap .nxw-image-txt {
  min-height: 34px;
  align-self: stretch;
  color: var(--btn-txt_primary, #2B2C33);
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
}
.nxw-chk-40 .nxw-choice-wrap:hover {
  background-color: #FCFCFC;
}
.nxw-chk-40 .nxw-input-choice:checked + .nxw-choice-wrap {
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
}
.nxw-chk-40 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-out-line {
  border: 2px solid #5268db;
}
.nxw-chk-40 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-out-line:hover {
  border-color: #677ADF;
}
.nxw-chk-40 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-icon-txt {
  color: #3954E0;
}
.nxw-chk-40 .nxw-input-choice:checked + .nxw-choice-wrap:hover {
  border-color: #677ADF;
}
.nxw-chk-40 .nxw-input-choice:checked + .nxw-choice-wrap:hover .nxw-icon-txt {
  color: #677ADF;
}

.nxw-chk-41 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: relative;
  cursor: pointer;
  line-height: 140%;
}
.nxw-chk-41 .nxw-input-choice {
  display: none;
}
.nxw-chk-41 .nxw-out-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #dbdbdb;
  border-radius: 12px;
}
.nxw-chk-41 .nxw-choice-wrap {
  width: 100%;
  text-align: left;
  padding: 10px 18px;
  border-radius: 12px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  color: #2B2C33;
}
.nxw-chk-41 .nxw-choice-wrap .nxw-image-txt {
  color: var(--btn-txt_primary, #2B2C33);
  text-align: left;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
}
.nxw-chk-41 .nxw-choice-wrap:hover {
  background-color: #FCFCFC;
}
.nxw-chk-41 .nxw-input-choice:checked + .nxw-choice-wrap {
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(82, 104, 219, 0.32);
}
.nxw-chk-41 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-out-line {
  border: 2px solid #5268db;
}
.nxw-chk-41 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-out-line:hover {
  border-color: #677ADF;
}
.nxw-chk-41 .nxw-input-choice:checked + .nxw-choice-wrap .nxw-icon-txt {
  color: #3954E0;
}
.nxw-chk-41 .nxw-input-choice:checked + .nxw-choice-wrap:hover {
  border-color: #677ADF;
}
.nxw-chk-41 .nxw-input-choice:checked + .nxw-choice-wrap:hover .nxw-icon-txt {
  color: #677ADF;
}
.nxw-chk-41.center .nxw-choice-wrap {
  text-align: center;
}

.nxw-tog-10 {
  display: none;
}
.nxw-tog-10 + label {
  overflow: hidden;
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 48px;
  height: 28px;
  padding: 4px;
  vertical-align: middle;
  background: #E9EAED;
  border: 1px solid #d5d7e3;
  box-sizing: border-box;
  border-radius: 14px;
  transition: 0.1s ease all;
}
.nxw-tog-10 + label span {
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  font-size: 12px;
  color: #5d6072;
  text-align: center;
  font-weight: bold;
  background: #fff;
  margin: 2px 4px;
  border-radius: 10px;
  transition: all 0.1s ease;
}
.nxw-tog-10 + label:hover {
  background-color: #E0E1E4;
}
.nxw-tog-10:checked + label {
  background-color: #5268DB;
}
.nxw-tog-10:checked + label span {
  left: 18px;
  color: #fff;
  background: #fff;
}
.nxw-tog-10:checked + label:hover {
  background-color: #677ADF;
}
.nxw-tog-10:disabled + label, .nxw-tog-10.disabled + label {
  background: #E9EAED;
  border: 1px solid #E9EAED;
  opacity: 0.5;
  cursor: default;
}
.nxw-tog-10:disabled + label span, .nxw-tog-10.disabled + label span {
  color: #fff;
  background: #fff;
}
.nxw-tog-10:checked.disabled + label, .nxw-tog-10:checked:disabled + label {
  background: #5268DB;
  border: 1px solid #FFF;
  opacity: 0.5;
  cursor: default;
}
.nxw-tog-10:checked.disabled + label span, .nxw-tog-10:checked:disabled + label span {
  color: #fff;
  background: #fff;
}

.nxw-tog-20 {
  position: relative;
  display: flex;
  width: 34px;
  max-width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  border: 1px solid #DBDBDB;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  cursor: pointer;
}
.nxw-tog-20 .nxw-icon-count {
  display: flex;
  width: 18px;
  height: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
  background: var(--_surface-accent, #5268DB);
  position: absolute;
  right: -5px;
  top: -5px;
}
.nxw-tog-20 .nxw-icon-count .nxw-count-number {
  display: flex;
  position: absolute;
  top: 2px;
  color: var(--_mp_sem-_text-white, #FFF);
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 15.4px */
}
.nxw-tog-20 .nxw-icon-filter1 {
  width: 24px;
  height: 24px;
  background: url("../imgs/ico_v3/icon_search_filter.png") no-repeat center center;
  background-size: 24px 24px; /* 아이콘 크기 */
}
.nxw-tog-20 .nxw-icon-star1 {
  width: 20px;
  height: 20px;
  background: url("../imgs/ico_v3/ico_search_star1.png") no-repeat center center;
  background-size: 20px 20px; /* 아이콘 크기 */
}
.nxw-tog-20 .nxw-icon-heart1 {
  width: 20px;
  height: 20px;
  background: url("../imgs/ico_v3/ico_search_heart1.png") no-repeat center center;
  background-size: 20px 20px; /* 아이콘 크기 */
}
.nxw-tog-20 .nxw-icon-berger1 {
  width: 24px;
  height: 24px;
  background: url("../imgs/ico_v3/ico_list_berger1.png") no-repeat center center;
  background-size: 24px 24px; /* 아이콘 크기 */
}
.nxw-tog-20 .nxw-icon-tab1 {
  width: 24px;
  height: 24px;
  background: url("../imgs/ico_v3/ico_list_tab.png") no-repeat center center;
  background-size: 24px 24px; /* 아이콘 크기 */
}
.nxw-tog-20 .nxw-icon-plus1 {
  width: 24px;
  height: 24px;
  background: url("../imgs/ico_v3/ico_plus1.png") no-repeat center center;
  background-size: 24px 24px; /* 아이콘 크기 */
}
.nxw-tog-20.active {
  border: 1px solid #C5CDF2;
  background: #EDEFFA;
}
.nxw-tog-20.active .nxw-icon-star1 {
  background: url("../imgs/ico_v3/ico_search_star1_on.png") no-repeat center center;
  background-size: 20px 20px;
}
.nxw-tog-20.active .nxw-icon-heart1 {
  background: url("../imgs/ico_v3/ico_search_heart1_on.png") no-repeat center center;
  background-size: 20px 20px;
}
.nxw-tog-20.active .nxw-icon-berger1 {
  background: url("../imgs/ico_v3/ico_list_berger1_on.png") no-repeat center center;
  background-size: 24px 24px;
}
.nxw-tog-20.active .nxw-icon-tab1 {
  background: url("../imgs/ico_v3/ico_list_tab_on.png") no-repeat center center;
  background-size: 24px 24px;
}
.nxw-tog-20.noborder {
  border: none;
  box-shadow: none;
}

.nxw-bag-20 {
  display: flex;
  padding: 5px 4px 5px 8px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 8px;
  border: 1px solid var(--btn-bdr_base, #DBDBDB);
  background: #FFF;
}
.nxw-bag-20 .nxw-f-icon {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.nxw-bag-20 .nxw-f-icon.nxw-x {
  background: url("../imgs/ico_v3/ico_bag_x1.png") no-repeat center center;
  background-size: 16px 16px;
}
.nxw-bag-20 .nxw-c-txt {
  color: #7A7A7A;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.28px;
}
.nxw-bag-20 .nxw-b-icon {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.nxw-bag-20 .nxw-b-icon.nxw-x {
  background: url("../imgs/ico_v3/ico_bag_x1.png") no-repeat center center;
  background-size: 16px 16px;
}

/*
ver.1
2025-02-27 jm
다중탭형 체크
*/
.nxw-chk-50 {
  border-radius: 12px;
  border-color: #E1E1E1;
  border-style: solid;
  border-width: 1px;
  padding: 6px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  row-gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  height: calc(100% - 280px);
  position: relative;
  background-color: #F6F6F6;
}
.nxw-chk-50 .nxw-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 175px;
  position: relative;
  height: 100%;
  box-sizing: border-box;
  overflow: scroll;
}
.nxw-chk-50 .nxw-title-wrap .place-title-item {
  color: #2b2c33;
  font-weight: 400;
  border-radius: 8px;
  padding: 14px 18px 14px 18px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  row-gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.nxw-chk-50 .nxw-title-wrap .place-title-item:hover {
  background: rgba(0, 0, 0, 0.04);
}
.nxw-chk-50 .nxw-title-wrap .place-title-item.active {
  font-weight: 700;
  background: #ffffff;
  border-style: solid;
  border-color: #dbdbdb;
  border-width: 1px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}
.nxw-chk-50 .nxw-item-wrap {
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.nxw-chk-50 .nxw-item-wrap .nxw-item-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 5px;
  overflow-y: scroll;
  box-sizing: border-box;
}

.nxw-title-wrap-mobile {
  display: none;
}

.nxw-slt-list-wrap {
  display: flex;
  min-height: var(--_size-form-region-resultBox-min-height, 60px);
  padding: var(--rsrv_seat-resultBox_pd, 12px);
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px var(--rsrv_seat-resultBox_gap, 8px);
  align-self: stretch;
  flex-wrap: wrap;
  height: 100px;
  max-height: 90px;
  border-radius: var(--radius-default, 8px);
  border: 1px solid var(--rsrv_seat-result_box_bdr, #E1E1E1);
  overflow-y: scroll;
  box-sizing: border-box;
}

.nxw-fe-rsv-sch-pop input[type=radio].fill + label, .nxw-fe-rsv-sch-pop input[type=checkbox].fill + label {
  min-width: auto;
  padding: 0 10px;
  color: #333;
  background: #fff;
  border: 1px solid #8db8e8;
}
.nxw-fe-rsv-sch-pop input[type=radio].fill + label .txt, .nxw-fe-rsv-sch-pop input[type=checkbox].fill + label .txt {
  line-height: 30px;
}
.nxw-fe-rsv-sch-pop input[type=radio].fill + label .check, .nxw-fe-rsv-sch-pop input[type=checkbox].fill + label .check {
  border: none;
  background: #dedede;
  border-radius: 2px;
}
.nxw-fe-rsv-sch-pop input[type=radio].fill:checked + label, .nxw-fe-rsv-sch-pop input[type=checkbox].fill:checked + label {
  color: #fff;
  background: #8db8e8;
}
.nxw-fe-rsv-sch-pop input[type=radio].fill:checked + label .check, .nxw-fe-rsv-sch-pop input[type=checkbox].fill:checked + label .check {
  background: #fff;
}
.nxw-fe-rsv-sch-pop .region {
  position: relative;
  overflow: hidden;
  padding: 16px;
  border: 1px solid #ccc;
}
.nxw-fe-rsv-sch-pop .region .name {
  padding-bottom: 10px;
  margin: 30px 0 10px;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #e3e3e3;
  clear: both;
}
.nxw-fe-rsv-sch-pop .region .name:first-child {
  margin-top: 0;
}
.nxw-fe-rsv-sch-pop .region input[type=radio].fill + label, .nxw-fe-rsv-sch-pop .region input[type=checkbox].fill + label {
  float: left;
  width: calc(25% - 9px);
  margin-left: 12px;
}
.nxw-fe-rsv-sch-pop .region input[type=radio].fill + label:nth-of-type(4n+1), .nxw-fe-rsv-sch-pop .region input[type=checkbox].fill + label:nth-of-type(4n+1) {
  margin-left: 0;
}
.nxw-fe-rsv-sch-pop .p1 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #3a3a3a;
}
.nxw-fe-rsv-sch-pop .selected_lst {
  padding: 16px;
  margin-top: 10px;
  background: #fff;
  border: 1px solid #c4c4c4;
}
.nxw-fe-rsv-sch-pop .selected_lst span {
  display: inline-block;
  padding: 0 10px;
  margin-right: 5px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
  background: #8db8e8;
}
.nxw-fe-rsv-sch-pop .selected_lst span a {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 8px;
  text-align: center;
  line-height: 16px;
  vertical-align: text-top;
  border: 2px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
}

/* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */
/*
ver.1
2025-01-31 jm
검색 도구 상자
*/
.nxw-search-wrap {
  width: 100%;
  padding-bottom: 20px;
}
.nxw-search-wrap .nxw-mob-menu {
  display: none;
}
.nxw-search-wrap .nxw-wrap-inner {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 16px 24px;
  border-radius: 12px;
  border: 1px solid #EAEAEA;
  background: #F9F9F9;
}
.nxw-search-wrap .nxw-wrap-inner.typeClean {
  background-color: transparent;
  border: none;
}
.nxw-search-wrap .nxw-wrap-outter {
  width: 100%;
  text-align: center;
  padding-top: 20px;
}
.nxw-search-wrap .nxw-wrap-outter-mob {
  display: none;
}
.nxw-search-wrap .nxw-item-line {
  border-top: 1px solid #E1E1E1;
}
.nxw-search-wrap .nxw-item-bag {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  align-self: stretch;
  flex-wrap: wrap;
}
.nxw-search-wrap .nxw-item-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.nxw-search-wrap .nxw-item-wrap .nxw-item-box {
  display: flex;
  flex-direction: column;
}
.nxw-search-wrap .nxw-item-wrap .nxw-item-box.searchCriteria {
  display: none;
}
.nxw-search-wrap .nxw-item-wrap .nxw-item-box .nxw-box-tit {
  align-self: stretch;
  color: #7F7F84;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  margin-bottom: 6px;
}
.nxw-search-wrap .nxw-item-wrap .nxw-item-box .nxw-box-cont {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  color: var(--btn-txt_primary, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}
.nxw-search-wrap .nxw-item-wrap .nxw-item-box .nxw-box-cont.nxw-cont-col {
  flex-direction: column;
}
.nxw-search-wrap .nxw-item-wrap .nxw-item-box .nxw-box-cont.nxw-cont-col .nxw-bag-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.nxw-search-wrap .nxw-item-wrap .nxw-item-box.typeBasic {
  width: 100%;
  flex-direction: row;
}
.nxw-search-wrap .nxw-item-wrap .nxw-item-box.typeBasic .nxw-box-cont {
  flex-wrap: nowrap;
}
.nxw-search-wrap .nxw-item-wrap .nxw-item-box.typeBasic .nxw-box-cont.contRight {
  margin-left: auto;
  gap: 8px;
}
.nxw-search-wrap .nxw-item-wrap .nxw-item-box.type3 .nxw-box-cont {
  padding-top: 4px;
}
.nxw-search-wrap .nxw-item-wrap .nxw-item-box.type3 .nxw-slt-10 {
  width: auto;
  min-width: 384px;
}

.nxw-sort-wrap {
  width: 100%;
  padding: 36px 0px 8px 0px;
}
.nxw-sort-wrap .nxw-box-cont {
  display: flex;
  gap: 8px;
  color: var(--btn-txt_primary, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}
.nxw-sort-wrap .nxw-box-cont .nxw-slt-10 {
  width: auto;
}
.nxw-sort-wrap .nxw-box-cont.contCenter {
  justify-content: center;
}

.nxw-tab-100 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* 남는 아이템은 왼쪽 정렬 */
  gap: 12px;
}
.nxw-tab-100 .nxw-tab-100-in {
  box-sizing: border-box;
  text-align: center;
  padding: 12px 20px;
  border-radius: 8px;
  background: rgba(82, 104, 219, 0.12);
  box-shadow: 0 2px 4px 0px rgba(82, 104, 219, 0.32);
  vertical-align: top;
  color: #5268DB;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  transition: background 0.25s ease;
}
.nxw-tab-100 .nxw-tab-100-in:hover {
  background: rgba(82, 104, 219, 0.2);
}
.nxw-tab-100 .nxw-tab-100-in.active {
  color: #FFF;
  background-color: #5268DB;
}
.nxw-tab-100.div2 .nxw-tab-100-in:nth-child(n) {
  flex: 0 1 calc(50% - 16px); /* 동일한 크기로 유지 */
}
.nxw-tab-100.div3 .nxw-tab-100-in:nth-child(n) {
  flex: 0 1 calc(33.3% - 16px); /* 동일한 크기로 유지 */
}
.nxw-tab-100.div4 .nxw-tab-100-in:nth-child(n) {
  flex: 0 1 calc(25% - 16px); /* 동일한 크기로 유지 */
}
.nxw-tab-100.div5 .nxw-tab-100-in:nth-child(n) {
  flex: 0 1 calc(20% - 16px); /* 동일한 크기로 유지 */
}

.nxw-cb-10 {
  position: relative;
  width: 230px;
  min-width: 230px;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.nxw-cb-10 .nxw-cb-checked {
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  cursor: pointer;
  border-radius: 8px;
}
.nxw-cb-10 .nxw-cb-checked::after {
  content: "";
  position: absolute;
  top: 45%;
  right: 10px;
  width: 12px;
  height: 10px;
  background-image: url("../imgs/ico_v3/ico-chevron-arrowd.png"); /* 아래쪽 화살표 이미지 경로 */
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}
.nxw-cb-10 .nxw-cb-checked::before {
  content: "";
  position: absolute;
  top: 25%;
  right: 10px;
  width: 12px;
  height: 10px;
  background-image: url("../imgs/ico_v3/ico-chevron-arrow.png"); /* 위쪽 화살표 이미지 경로 */
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}
.nxw-cb-10 .nxw-cb-items {
  position: absolute;
  top: 110%;
  left: 0;
  width: 150%;
  display: none; /* 기본적으로 숨김 */
  z-index: 10;
  min-width: 256px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--srchBar-c_gap, 32px);
  border-radius: var(--radius-srchBar_otln, 12px);
  border: 1px solid var(--srchBar-outline, #EAEAEA);
  background: #FFF;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
}
.nxw-cb-10 .nxw-cb-items .nxw-cb-header {
  display: flex;
  padding: var(--rp-modal-header_top, 12px) var(--rp-modal-header_right, 12px) var(--rp-modal-header_bttm, 8px) var(--rp-modal-header_left, 16px);
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border-modal-header-bttm, rgba(0, 0, 0, 0.04));
  background: var(--_surface-modal-header, #FAFAFC);
}
.nxw-cb-10 .nxw-cb-items .nxw-cb-header .nxw-left-tit {
  color: var(--text-default, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 23.8px */
}
.nxw-cb-10 .nxw-cb-items .nxw-cb-botton {
  display: flex;
  padding: var(--pt_prod-f_btn_fixed_verti, 8px) 16px;
  justify-content: space-between;
  align-items: center;
  border-top: var(--divider-thin, 0.5px) solid var(--_pt_border-divider_base, #E1E1E1);
  background: #FFF;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
}
.nxw-cb-10 .nxw-cb-items .nxw-cb-botton .nx-btn-reset {
  display: flex;
  height: 36px;
  padding: 0px 24px 0px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
}
.nxw-cb-10 .nxw-cb-items .nxw-cb-item {
  margin: 0px 16px;
  padding: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.nxw-cb-10 .nxw-cb-items .nxw-cb-item:hover {
  border-radius: 8px;
}
.nxw-cb-10.open .nxw-cb-items {
  display: block;
}

.nxw-btn-icon-square {
  position: relative;
  display: flex;
  width: 34px;
  max-width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  border: 1px solid #DBDBDB;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  cursor: pointer;
}
.nxw-btn-icon-square .nxw-icon-count {
  display: flex;
  width: 18px;
  height: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
  background: var(--_surface-accent, #5268DB);
  position: absolute;
  right: -5px;
  top: -5px;
}
.nxw-btn-icon-square .nxw-icon-count .nxw-count-number {
  display: flex;
  position: absolute;
  top: 2px;
  color: var(--_mp_sem-_text-white, #FFF);
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 15.4px */
}
.nxw-btn-icon-square .nxw-icon-filter1 {
  width: 24px;
  height: 24px;
  background: url("../imgs/ico_v3/icon_search_filter.png") no-repeat center center;
  background-size: 24px 24px; /* 아이콘 크기 */
}
.nxw-btn-icon-square .nxw-icon-star1 {
  width: 20px;
  height: 20px;
  background: url("../imgs/ico_v3/ico_search_star1.png") no-repeat center center;
  background-size: 20px 20px; /* 아이콘 크기 */
}
.nxw-btn-icon-square .nxw-icon-heart1 {
  width: 20px;
  height: 20px;
  background: url("../imgs/ico_v3/ico_search_heart1.png") no-repeat center center;
  background-size: 20px 20px; /* 아이콘 크기 */
}
.nxw-btn-icon-square .nxw-icon-berger1 {
  width: 24px;
  height: 24px;
  background: url("../imgs/ico_v3/ico_list_berger.png") no-repeat center center;
  background-size: 24px 24px; /* 아이콘 크기 */
}
.nxw-btn-icon-square .nxw-icon-tab1 {
  width: 24px;
  height: 24px;
  background: url("../imgs/ico_v3/ico_list_tab.png") no-repeat center center;
  background-size: 24px 24px; /* 아이콘 크기 */
}
.nxw-btn-icon-square .nxw-icon-del1 {
  width: 24px;
  height: 24px;
  background: url("../imgs/ico_v3/ico_del3.png") no-repeat center center;
  background-size: 24px 24px; /* 아이콘 크기 */
}
.nxw-btn-icon-square.active {
  border: 1px solid #C5CDF2;
  background: #EDEFFA;
}
.nxw-btn-icon-square.active .nxw-icon-star1 {
  background: url("../imgs/ico_v3/ico_search_star1_on.png") no-repeat center center;
  background-size: 20px 20px;
}
.nxw-btn-icon-square.active .nxw-icon-heart1 {
  background: url("../imgs/ico_v3/ico_search_heart1_on.png") no-repeat center center;
  background-size: 20px 20px;
}
.nxw-btn-icon-square.active .nxw-icon-berger1 {
  background: url("../imgs/ico_v3/ico_list_berger_on.png") no-repeat center center;
  background-size: 24px 24px;
}
.nxw-btn-icon-square.active .nxw-icon-tab1 {
  background: url("../imgs/ico_v3/ico_list_tab_on.png") no-repeat center center;
  background-size: 24px 24px;
}
.nxw-btn-icon-square.noborder {
  border: none;
  box-shadow: none;
}
.nxw-btn-icon-square.noborder {
  border: none;
  box-shadow: none;
}

.nxw-badge-10 {
  display: flex;
  padding: 5px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  font-family: Pretendard;
  font-size: var(--status-fs, 14px);
  font-style: normal;
  font-weight: var(--status-fw, 500);
  line-height: normal;
  letter-spacing: var(--status-ls, -0.28px);
}
.nxw-badge-10.blue {
  color: #059AE5;
  background: rgba(5, 154, 229, 0.12);
}
.nxw-badge-10.orange {
  color: #FF9800;
  background: rgba(255, 152, 0, 0.16);
}
.nxw-badge-10.gray {
  color: #7F7F84;
  background: rgba(0, 0, 0, 0.06);
}
.nxw-badge-10.green {
  color: #31B01A;
  background: rgba(49, 176, 26, 0.12);
}

@media print, screen and (max-width: 768px) {
  .nx-input-item .nx-input-icon.right {
    z-index: -1;
  }
  /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */ /* 검색 */
  .nxw-search-wrap {
    width: 100%;
  }
  .nxw-search-wrap .nxw-mob-menu {
    display: flex;
    width: 100%;
    gap: 8px;
  }
  .nxw-search-wrap .nxw-wrap-inner {
    margin-top: 8px;
  }
  .nxw-search-wrap .nxw-wrap-inner.innerClose {
    display: none;
  }
  .nxw-search-wrap .nxw-wrap-inner.innerClose.active {
    display: flex; /* 활성화 상태일 때 표시 */
  }
  .nxw-search-wrap .nxw-item-wrap {
    flex-direction: column;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box {
    display: flex;
    flex-direction: column;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box.searchCriteria {
    display: block;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box.typeBasic {
    width: 100%;
    flex-direction: row;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box.typeBasic .nxw-box-cont {
    flex-wrap: nowrap;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box.typeBasic .nxw-box-cont .nxw-slt-10 {
    display: none;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box.typeBasic .nxw-box-cont .nxw-ipt-30 {
    min-width: auto;
    display: none;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box.typeBasic .nxw-box-cont.contRight {
    margin-left: 0px;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box.typeBasic .nxw-box-cont.contRight .nxw-btn-10 {
    width: 100%;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box.type3 .nx-input-item {
    width: auto;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box .nxw-box-cont {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box .nxw-box-cont.hidden {
    display: none;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box .nxw-box-cont.contRight {
    margin-left: 0;
    width: 100%;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box .nxw-box-cont.contRight .nxw-slt-10 {
    width: 100%;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box .nxw-box-cont.type3 .nxw-slt-10 {
    width: 100%;
    min-width: auto;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box .nxw-box-cont.type3 .nxw-choice-13 {
    max-width: none;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box.boxRight {
    margin-left: auto;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-item-box.hidden {
    display: none;
  }
  .nxw-search-wrap .nxw-item-wrap .nxw-sidebar {
    display: none;
  }
  .nxw-search-wrap .nxw-item-wrap.resetGap {
    gap: 24px;
  }
  .nxw-search-wrap .nxw-wrap-outter-mob {
    margin-top: 8px;
    display: flex;
    gap: 8px;
    overflow-x: auto; /* 가로 스크롤 활성화 */
    white-space: nowrap;
    cursor: grab; /* 기본 커서를 grab으로 설정 */
    scroll-behavior: smooth;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none; /* 드래그 방지 */
  }
  .nxw-search-wrap .nxw-wrap-outter-mob::-webkit-scrollbar {
    display: none; /* 스크롤바 숨김 */
  }
  .nxw-sort-wrap {
    padding: 20px 0px 8px 0px;
  }
  .nxw-sort-wrap .nxw-box-cont .nxw-slt-10 {
    width: 100%;
    min-width: auto;
  }
}
@media print, screen and (max-width: 518px) {
  /* chk-50 */
  .nxw-title-wrap-mobile {
    width: 100%;
    padding: 0px 0px 5px 0px;
    display: block;
    box-sizing: border-box;
  }
  .nxw-chk-50 {
    flex-direction: column;
  }
  .nxw-chk-50 .nxw-title-wrap {
    display: none;
  }
}
/* 신규버전 20250228 centermodal.v3 수정 */
/* 신규버전 20250228 centermodal.v2 수정 */
.nxw-cm-pt-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1010;
  max-width: 90%;
  min-width: 288px;
  max-height: 90%;
  min-height: 100px;
  margin: auto;
  padding-top: 55px;
  border: 1px solid #cfcfcf;
  background: #fff;
  /* box-shadow: 0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1); */
  box-sizing: border-box;
  border-radius: 3px;
}
.nxw-cm-pt-modal > .top {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 40px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -ms-border-radius-topleft: 3px;
  -ms-border-radius-topright: 3px;
  -ms-border-radius-bottomright: 0;
  -ms-border-radius-bottomleft: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.nxw-cm-pt-modal > .top .tit {
  padding: 0 60px 0 20px;
  font-size: 18px;
  font-weight: 700;
  color: #444444;
  line-height: 40px;
}
.nxw-cm-pt-modal .cls {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 0 0 0 3px;
  background: #ee6868;
}
.nxw-cm-pt-modal .cls .ico_x {
  font-size: 16px;
  color: #fff;
}
.nxw-cm-pt-modal > .ct {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  position: relative;
  height: calc(100% - 5px);
  background: #fff;
  box-sizing: border-box;
}
.nxw-cm-pt-modal > .ct > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.nxw-cm-pt-modal > .btn_wrap {
  height: 60px;
  padding: 10px 0;
  box-sizing: border-box;
  text-align: center;
}

.nxw-cm-popup-top {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -ms-border-radius-topleft: 3px;
  -ms-border-radius-topright: 3px;
  -ms-border-radius-bottomright: 0;
  -ms-border-radius-bottomleft: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: var(--rp-modal-header_top, 12px) var(--rp-modal-header_right, 15px) var(--rp-modal-header_bttm, 8px) var(--rp-modal-header_left, 12px);
  border-radius: var(--radius-modal, 12px) var(--radius-modal, 12px) 0px 0px;
  border-bottom: 1px solid var(--border-modal-header-bttm, rgba(0, 0, 0, 0.04));
  background: var(--_surface-modal-header, #FAFAFC);
}

.nxw-cm-popup-top-tit {
  color: var(--text-default, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 23.8px */
}

.nxw-cm-cls {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.nxw-cm-popup-ico-x {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../imgs/ico_v3/ico_bag_x1.png") no-repeat center center;
  background-size: 32px 32px;
  cursor: pointer;
}

/* 신규버전 20250225 jm */
.nxw-pop-txt-strong {
  color: var(--pt_text-default, #5877E8);
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  letter-spacing: -0.4px;
}
.nxw-pop-txt-strong.fontSize1 {
  font-size: 20px;
}
.nxw-pop-txt-strong.fontSize2 {
  font-size: 16px;
}

.nxw-box-item-ipt {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.nxw-box-item-ipt .nxw-ipt-tit {
  color: var(--_text-item_label, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
}

.nxw-box-item-card {
  width: 100%;
}
.nxw-box-item-card .nxw-choice-wrap {
  justify-content: flex-start;
  gap: 16px;
}

.nxw-pop-screen {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  overflow: auto;
  z-index: 10000;
}
.nxw-pop-screen .nxw-pop-cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 78%;
  max-width: 400px;
  background-color: #FEFEFE;
  border-radius: 12px;
  padding: 20px;
  height: auto;
  max-height: 90%;
  overflow-y: auto;
}
.nxw-pop-screen .nxw-pop-cont .nxw-pop-cont-top {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  padding: 12px 15px 8px 15px;
  background: #FAFAFC;
}
.nxw-pop-screen .nxw-pop-cont .nxw-pop-cont-top .nxw-pop-top-txt-box {
  display: flex;
  align-items: center;
}
.nxw-pop-screen .nxw-pop-cont .nxw-pop-cont-top .nxw-pop-top-txt-box .nxw-pop-top-txt-box-main {
  color: var(--text-default, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 23.8px */
}
.nxw-pop-screen .nxw-pop-cont .nxw-pop-cont-top .nxw-pop-top-icon-box .nxw-ico-x {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../imgs/ico_v3/ico_bag_x1.png") no-repeat center center;
  background-size: 32px 32px;
  cursor: pointer;
}
.nxw-pop-screen .nxw-pop-cont .nxw-pop-cont-main {
  display: flex;
  flex-direction: column;
}

.nxw-cont-main-tit {
  color: var(--pt_text-default, #3A3A3A);
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  letter-spacing: -0.4px;
}

.nxw-cont-main-menuTit {
  color: var(--_text-_default, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
}

.nxw-cont-rcpt-box {
  display: flex;
  padding: 12px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 10px;
  background: var(--surface-greyBox, #F6F6F6);
}
.nxw-cont-rcpt-box .nxw-box-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.nxw-cont-rcpt-box .nxw-box-item .nxw-item-name {
  color: var(--pt_text-neutral, #878787);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}
.nxw-cont-rcpt-box .nxw-box-item .nxw-item-cont {
  color: var(--pt_text-prominent, #1A1A1A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}
.nxw-cont-rcpt-box .nxw-box-line {
  width: 100%;
  border-top: 1px solid var(--border-divider_base, #E1E1E1);
}

.nxw-cont-bill-box {
  display: flex;
  margin-top: 20px;
  padding: 12px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 10px;
  background: var(--surface-greyBox, #F6F6F6);
}
.nxw-cont-bill-box .nxw-box-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.nxw-cont-bill-box .nxw-box-item .nxw-item-name {
  color: var(--_mp_sem-_text-mblue-base, #656878);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.nxw-cont-bill-box .nxw-box-item .nxw-item-name.nxw-sum {
  color: var(--_text-_default, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.nxw-cont-bill-box .nxw-box-item .nxw-item-cont {
  color: var(--_text-_default, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.nxw-cont-bill-box .nxw-box-item .nxw-item-cont.nxw-sum {
  color: var(--_text-_default, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
}
.nxw-cont-bill-box .nxw-box-line {
  width: 100%;
  border-top: 1px solid var(--border-divider_base, #E1E1E1);
}

.nxw-cont-ipt-box {
  display: flex;
  padding: 12px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 10px;
  background: var(--surface-greyBox, #F6F6F6);
}
.nxw-cont-ipt-box .nxw-box-item-rdo {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.nxw-cont-ipt-box .nxw-box-line {
  width: 100%;
  border-top: 1px solid var(--border-divider_base, #E1E1E1);
}

.nxw-item-checkbox {
  color: var(--btn-txt_primary, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 19.2px */
}

.nxw-item-agreeTxt {
  border-radius: var(--radius-greyBox, 8px);
  background: var(--surface-greyBox, #F6F6F6);
  padding: 20px;
  color: var(--666666, #666);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

.nxw-cont-flag-item {
  display: flex;
  margin-top: 10px;
  padding: 16px 20px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  background: var(--palette-surface-subtle_bl-light, #F1F3FC);
}
.nxw-cont-flag-item .nxw-item-name {
  color: var(--pt_text-default, #3A3A3A);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.32px;
}
.nxw-cont-flag-item .nxw-item-txt {
  color: var(--pt_text-default, #3A3A3A);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.32px;
}

.nxw-cont-flag-txt {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  background: var(--palette-surface-subtle_bl-light, #F1F3FC);
}
.nxw-cont-flag-txt .nxw-item-name {
  color: var(--mono-mono-01292929-text, #292929);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}

.nxw-cont-main-rdo-box {
  display: flex;
  padding: var(--rp-cart-checkout-greyBox-verti, 20px) var(--rp-cart-checkout-greyBox-horiz, 20px);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.nxw-cont-main-rdo-box .nxw-box-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.nxw-cont-tit {
  align-self: stretch;
  color: var(--_text-_default, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 28.9px */
}

.nxw-cont-stit {
  padding-top: 12px;
  align-self: stretch;
  color: var(--_text-dialog_desc, #656878);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

.nxw-cont-profile-menuTit {
  display: flex;
  padding: var(--rp-sect-tl-top, 28px) 0px var(--rp-sect_tl_bttm, 14px) 0px;
  align-items: flex-end;
  gap: 8px;
  align-self: stretch;
  color: var(--text-default, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: var(--rp-fs_sect_tl, 18px);
  font-style: normal;
  font-weight: var(--rp-fw_sect_tl, 700);
  line-height: 140%; /* 25.2px */
}

.nxw-cont-profile-top {
  display: flex;
  padding: var(--rp-sect-tl-top-none, 0px) 20px var(--rp-sect_tl_bttm, 14px) 20px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--Mono-Mono06_E8E8E8, #E8E8E8);
}
.nxw-cont-profile-top .nxw-top-namecard {
  display: flex;
  min-width: 320px;
  align-items: center;
  gap: 20px;
  flex: 1 0 0;
}
.nxw-cont-profile-top .nxw-top-namecard .nxw-namecard-name {
  display: flex;
  flex-direction: column;
}
.nxw-cont-profile-top .nxw-top-namecard .nxw-namecard-name .nxw-name-info {
  display: flex;
  gap: 12px;
}
.nxw-cont-profile-top .nxw-top-namecard .nxw-namecard-name .nxw-name-info .nxw-name-info-nm {
  color: #000;
  /* PC_Bold/PC_Subtitle01_B */
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 125% */
  letter-spacing: -0.48px;
}
.nxw-cont-profile-top .nxw-top-namecard .nxw-namecard-name .nxw-name-info .nxw-name-info-box {
  display: flex;
  gap: 8px;
  align-items: center;
}
.nxw-cont-profile-top .nxw-top-namecard .nxw-namecard-name .nxw-name-info .nxw-name-info-box .nxw-box-exp {
  color: var(--pt_text-neutral, #878787);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.28px;
}
.nxw-cont-profile-top .nxw-top-namecard .nxw-namecard-name .nxw-name-info .nxw-name-info-box .nxw-box-score {
  color: var(--pt_text-prominent, #1A1A1A);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.28px;
}
.nxw-cont-profile-top .nxw-top-namecard .nxw-namecard-name .nxw-name-skill {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nxw-cont-profile-top .nxw-top-namecard .nxw-namecard-name .nxw-name-skill .nxw-skill-dot {
  border-radius: 999px;
  background: var(--border-divider_base, #E1E1E1);
  width: 4px;
  height: 4px;
}
.nxw-cont-profile-top .nxw-top-namecard .nxw-namecard-name .nxw-name-skill .nxw-skill-cate {
  color: var(--pt_text-secondary, #5A5A5A);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.nxw-cont-profile-top .nxw-top-namecard .nxw-namecard-name .nxw-name-skill .nxw-skill-types {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nxw-cont-profile-top .nxw-top-namecard .nxw-namecard-name .nxw-name-skill .nxw-skill-types .nxw-types-type {
  display: flex;
  padding: 5px 8px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--btn-bdr_base, #DBDBDB);
  background: #FFF;
}
.nxw-cont-profile-top .nxw-top-namecard .nxw-namecard-name .nxw-name-skill .nxw-skill-types .nxw-types-others {
  color: var(--pt_text-neutral, #878787);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: -0.28px;
}
.nxw-cont-profile-top .nxw-top-skill {
  display: none;
}
.nxw-cont-profile-top .nxw-top-btn {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.nxw-cont-profile-vInfo {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
.nxw-cont-profile-vInfo .nxw-vInfo-item {
  display: flex;
  padding: 20px 30px;
  flex: 1 1 calc(16% - 20px);
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid var(--_pt_border-divider_base, #E1E1E1);
}
.nxw-cont-profile-vInfo .nxw-vInfo-item .nxw-item-tit {
  color: var(--pt_text-neutral, #878787);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.28px;
}
.nxw-cont-profile-vInfo .nxw-vInfo-item .nxw-item-info {
  color: var(--mono-mono-01292929-text, #292929);
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  letter-spacing: -0.4px;
}

.nxw-cont-profile-vJoinInfo {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 30px;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 10px;
  background: var(--surface-greyBox, #F6F6F6);
}
.nxw-cont-profile-vJoinInfo .nxw-vJoinInfo-item {
  display: flex;
  gap: 20px;
}
.nxw-cont-profile-vJoinInfo .nxw-vJoinInfo-item .nxw-item-tit {
  width: 100px;
  color: var(--pt_text-neutral, #878787);
  /* PC_Bold/PC_Text02_B */
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}
.nxw-cont-profile-vJoinInfo .nxw-vJoinInfo-item .nxw-item-info {
  display: flex;
  gap: 10px;
}
.nxw-cont-profile-vJoinInfo .nxw-vJoinInfo-item .nxw-item-info .nxw-info-value {
  color: var(--pt_text-prominent, #1A1A1A);
  /* PC_Regular/PC_Text02_R */
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}
.nxw-cont-profile-vInter {
  color: var(--pt_text-secondary, #5A5A5A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
  overflow-wrap: break-word; /* 최신 표준 */
}

.nxw-cont-profile-vSkill {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  align-self: stretch;
  flex-wrap: wrap;
}
.nxw-cont-profile-vSkill .nxw-vSkill-item {
  display: flex;
  padding: 5px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid var(--btn-bdr_base, #DBDBDB);
  background: #FFF;
}

.nxw-cont-profile-vProject {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.nxw-cont-profile-vProject .nxw-vProject-item {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.nxw-cont-profile-vProject .nxw-vProject-item .nxw-item-date {
  min-width: 85px;
  color: var(--pt_text-neutral, #878787);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}
.nxw-cont-profile-vProject .nxw-vProject-item .nxw-item-tit {
  color: var(--pt_text-prominent, #1A1A1A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}

.nxw-cont-profile-vfile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.nxw-cont-profile-vfile .nxw-vfile-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.nxw-cont-profile-vfile .nxw-vfile-item .nxw-item-fileData {
  display: flex;
  gap: 8px;
}
.nxw-cont-profile-vfile .nxw-vfile-item .nxw-item-fileData .nxw-fileData-name {
  color: var(--pt_text-default, #3A3A3A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}
.nxw-cont-profile-vfile .nxw-vfile-item .nxw-item-fileData .nxw-fileData-size {
  color: var(--pt_text-neutral, #878787);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}

.nxw-cont-profile-vReview {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
}
.nxw-cont-profile-vReview .nxw-vReview-item {
  display: flex;
  padding: 20px 30px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-radius: 10px;
  background: var(--surface-greyBox, #F6F6F6);
}
.nxw-cont-profile-vReview .nxw-vReview-item .nxw-item-profile {
  display: flex;
  gap: 14px;
}
.nxw-cont-profile-vReview .nxw-vReview-item .nxw-item-profile .nxw-profile-img {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.nxw-cont-profile-vReview .nxw-vReview-item .nxw-item-profile .nxw-profile-info {
  display: flex;
  flex-direction: column;
}
.nxw-cont-profile-vReview .nxw-vReview-item .nxw-item-profile .nxw-profile-info .nxw-info-name {
  color: var(--mono-mono-01292929-text, #292929);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.32px;
}
.nxw-cont-profile-vReview .nxw-vReview-item .nxw-item-profile .nxw-profile-info .nxw-info-date {
  color: var(--pt_text-neutral, #878787);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.24px;
}
.nxw-cont-profile-vReview .nxw-vReview-item .nxw-item-cont {
  align-self: stretch;
  color: var(--pt_text-default, #3A3A3A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}
.nxw-cont-profile-vReview .nxw-vReview-item .nxw-item-projectInfo {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.nxw-cont-profile-vReview .nxw-vReview-item .nxw-item-projectInfo .nxw-projectInfo-box {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nxw-cont-profile-vReview .nxw-vReview-item .nxw-item-projectInfo .nxw-projectInfo-box .nxw-box-tit {
  color: var(--pt_text-neutral, #878787);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}
.nxw-cont-profile-vReview .nxw-vReview-item .nxw-item-projectInfo .nxw-projectInfo-box .nxw-box-name {
  color: var(--Mono-Mono02_474747, #474747);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}

.nxw-pop-cont-bottom {
  display: flex;
  justify-content: space-between;
  padding: 10px 0px 0px 0px;
  gap: 12px;
}
.nxw-pop-cont-bottom .nxw-pop-cont-bottom-btn {
  display: flex;
  gap: 8px;
}

@media only screen and (max-width: 768px) {
  .nxw-pop-screen .nxw-pop-cont .nxw-pop-cont-bottom {
    display: flex;
    justify-content: space-between;
    gap: 12px;
  }
  .nxw-pop-screen .nxw-pop-cont .nxw-pop-cont-bottom .nxw-pop-cont-bottom-btn {
    display: flex;
    gap: 8px;
  }
  .nxw-cont-profile-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .nxw-cont-profile-top .nxw-top-namecard .nxw-namecard-name .nxw-name-info {
    flex-direction: column;
  }
  .nxw-cont-profile-top .nxw-top-namecard .nxw-namecard-name .nxw-name-skill {
    display: none;
  }
  .nxw-cont-profile-top .nxw-top-skill {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .nxw-cont-profile-top .nxw-top-skill .nxw-skill-dot {
    border-radius: 999px;
    background: var(--border-divider_base, #E1E1E1);
    width: 4px;
    height: 4px;
  }
  .nxw-cont-profile-top .nxw-top-skill .nxw-skill-cate {
    color: var(--pt_text-secondary, #5A5A5A);
    font-family: "Noto Sans KR";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 22.4px */
  }
  .nxw-cont-profile-top .nxw-top-skill .nxw-skill-types {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .nxw-cont-profile-top .nxw-top-skill .nxw-skill-types .nxw-types-type {
    display: flex;
    padding: 5px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--btn-bdr_base, #DBDBDB);
    background: #FFF;
  }
  .nxw-cont-profile-top .nxw-top-skill .nxw-skill-types .nxw-types-others {
    color: var(--pt_text-neutral, #878787);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    letter-spacing: -0.28px;
  }
  .nxw-cont-profile-top .nxw-top-btn {
    width: 100%;
    flex-direction: row;
    gap: 8px;
  }
  .nxw-cont-profile-top .nxw-top-btn .nxw-top-btn-item {
    width: calc(50% - 8px);
  }
  .nxw-cont-profile-vInfo .nxw-vInfo-item {
    flex: 1 1 calc(30% - 10px);
  }
  .nxw-cont-profile-vJoinInfo {
    padding: 20px;
  }
  .nxw-cont-profile-vfile .nxw-vfile-item .nxw-item-fileData {
    flex-direction: column;
  }
  .nxw-cont-profile-vReview .nxw-vReview-item .nxw-item-projectInfo {
    flex-direction: column;
    gap: 8px;
  }
}
.nx-top-wrap {
  padding: 40px 0px 30px 0px;
}
.nx-top-wrap .nx-top-banner {
  display: flex;
  padding: 19px 20px;
  border-radius: var(--pt_radius-edu-bundle_island, 8px);
  background: rgba(82, 104, 219, 0.1);
}
.nx-top-wrap .nx-top-banner .nx-banner-item {
  display: flex;
  align-items: center;
}
.nx-top-wrap .nx-top-banner .nx-banner-item.left {
  margin-right: auto;
}
.nx-top-wrap .nx-top-banner .nx-banner-item .nx-banner-txt {
  color: var(--text-default, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.4px;
}
.nx-top-wrap .nx-top-banner .nx-banner-item .nx-banner-txt .nx-innerTxt1 {
  color: #5268DB;
}

.nx-match-list-wrap .nx-sort-box {
  display: flex;
  padding: 0px 0px var(--rp-srchBar-sortby_bttm, 12px) 0px;
  align-items: center;
  align-self: stretch;
}
.nx-match-list-wrap .nx-sort-box .nx-box-type {
  display: flex;
}
.nx-match-list-wrap .nx-sort-box .nx-box-sort {
  margin-left: auto;
}
.nx-match-list-wrap .nx-list-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nx-match-list-wrap .nx-list-box .nx-list-item {
  display: flex;
  padding: 20px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  border-radius: var(--radius-lg, 12px);
  box-shadow: 0px 0px 0px 1px var(--list-card_bdr, rgba(0, 0, 0, 0.1)), 0px 2px 26px -15px rgba(0, 0, 0, 0.22);
}
.nx-match-list-wrap .nx-list-box .nx-list-item.pic {
  background: rgba(5, 154, 229, 0.05);
}
.nx-match-list-wrap .nx-list-box .nx-list-item.end {
  background: #F6F6F6;
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-mian {
  width: 100%;
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-mian .nx-item-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-mian .nx-item-top .nx-top-inner {
  display: flex;
  gap: 8px;
  align-items: center;
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-mian .nx-item-top .nx-top-inner .nx-inner-txt {
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  letter-spacing: -0.28px;
  color: var(--status-caution_txt, #FF9800);
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-mian .nx-item-top .nx-top-inner .nx-inner-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: url("/img/icon/ico_list_star.png") no-repeat center center;
  background-size: 24px 24px; /* 아이콘 크기 */
  cursor: pointer;
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-mian .nx-item-top .nx-top-inner .nx-inner-icon.active {
  background: url("/img/icon/ico_list_star_on.png") no-repeat center center;
  background-size: 24px 24px; /* 아이콘 크기 */
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-mian .nx-item-tit {
  overflow: hidden;
  color: var(--pt_text-prominent, #1A1A1A);
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
  padding-bottom: 8px;
  word-wrap: break-word;
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-mian .nx-item-subTit {
  overflow: hidden;
  color: var(--_mp_sem-_text-mblue-base, #656878);
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.28px;
  padding-bottom: 21px;
  word-wrap: break-word;
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-mian .nx-item-status {
  display: flex;
  gap: 8px;
  align-items: center;
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-mian .nx-item-status .nx-status-domain {
  color: var(--pt_text-secondary, #5A5A5A);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-mian .nx-item-status .nx-status-dot {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--border-divider_base, #E1E1E1);
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-mian .nx-item-status .nx-status-box {
  display: flex;
  gap: 8px;
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-mian .nx-item-status .nx-status-box .nx-box-skill {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid var(--btn-bdr_base, #DBDBDB);
  background: #FFF;
  color: var(--pt_text-tertiary, #7A7A7A);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: -0.28px;
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-cont {
  width: 260px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 10px;
  background: var(--surface-ghostBox, rgba(0, 0, 0, 0.03));
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-cont .nx-cont-row {
  display: flex;
  justify-content: space-between;
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-cont .nx-cont-row .nx-row-txt {
  color: var(--pt_text-neutral, #878787);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.28px;
}
.nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-cont .nx-cont-row .nx-row-date {
  color: var(--pt_text-prominent, #1A1A1A);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.28px;
}
.nx-match-list-wrap .nx-list-box.typeTab {
  flex-direction: row;
  flex-wrap: wrap;
}
.nx-match-list-wrap .nx-list-box.typeTab .nx-list-item {
  flex: 1 1 calc(30% - 16px);
  flex-direction: column;
}
.nx-match-list-wrap .nx-list-box.typeTab .nx-list-item .nx-item-cont {
  width: 90%;
}

.nx-frm-wrap {
  width: 100%;
}
.nx-frm-wrap .nx-frm-tit {
  color: var(--_text-_default, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
}
.nx-frm-wrap .nx-frm-cont {
  width: 100%;
  display: flex;
  padding: var(--rp-cart-checkout-greyBox-verti, 20px) var(--rp-cart-checkout-greyBox-horiz, 20px);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: var(--radius-greyBox, 8px);
  background: var(--surface-greyBox, #F6F6F6);
  margin-top: 12px;
  margin-bottom: 32px;
  box-sizing: border-box;
}
.nx-frm-wrap .nx-frm-cont .nx-cont-center {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--btn-txt_primary, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 19.2px */
}
.nx-frm-wrap .nx-frm-cont .nx-cont-box {
  display: flex;
  padding: var(--rp-input_form-item-top, 16px) var(--rp-input_form-item-right, 0px) var(--rp-input_form-item_bttm, 16px) var(--rp-input_form-item-left, 0px);
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  align-self: stretch;
}
.nx-frm-wrap .nx-frm-cont .nx-cont-box .nx-box-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.nx-frm-wrap .nx-frm-cont .nx-cont-box .nx-tit-box {
  display: flex;
  flex-direction: column;
  min-width: var(--rp-input_form-label_min_width, 150px);
  padding: var(--rp-input_form-label-top, 8px) var(--rp-input_form-label-right, 24px) var(--rp-input_form-label-bttm, 8px) var(--rp-input_form-label-left, 0px);
  flex-direction: column;
  text-align: right;
}
.nx-frm-wrap .nx-frm-cont .nx-cont-box .nx-tit-box .nx-box-tit {
  align-self: stretch;
  color: var(--_text-item_label, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
}
.nx-frm-wrap .nx-frm-cont .nx-cont-box .nx-tit-box .nx-box-subTit {
  color: var(--pt_text-neutral, #878787);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.nx-frm-wrap .nx-frm-cont .nx-cont-box .nx-box-items {
  width: 100%;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 12px;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.nx-frm-wrap .nx-frm-cont .nx-cont-box .nx-box-items .nxw-rdo-41 {
  flex: 1 1 calc(25% - 12px); /* 25% = 4개씩 */
  max-width: calc(25% - 12px); /* 버튼 크기 제한 */
  box-sizing: border-box; /* 패딩 포함한 크기 계산 */
}
.nx-frm-wrap .nx-frm-cont .nx-cont-box .nx-box-ipt {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  width: 100%;
}
.nx-frm-wrap .nx-frm-cont .nx-cont-box .nx-box-ipt .nx-ipt-txt {
  align-content: center;
}
.nx-frm-wrap .nx-frm-cont .nx-cont-box .nxw-ipt-20 {
  height: 160px;
}

.nx-btn-box {
  text-align: center;
}

.nx-match-half-wrap {
  display: flex;
  gap: 40px;
  padding: 0px 12px 56px 12px;
}
.nx-match-half-wrap .nx-half-left-wrap {
  width: 62.59%;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-half-topTab {
  display: flex;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--border-divider_base, #E1E1E1);
  background: #FFF;
  color: var(--pt_text-prominent, #5A5A5A);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.nx-match-half-wrap .nx-half-left-wrap .nx-half-topTab .nx-topTab-tab {
  display: flex;
  height: 48px;
  padding: 0px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-half-topTab .nx-topTab-tab.active {
  color: var(--pt_text-prominent, #1A1A1A);
  border-bottom: 2px solid var(--border-tab-second_t, #2B2C33);
  font-weight: 700;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-tit {
  display: flex;
  padding: var(--rp-sect-tl-top, 28px) 0px var(--rp-sect_tl_bttm, 14px) 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-bottom: 1px solid var(--border-divider_base, #E1E1E1);
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-tit .nx-tit-badge {
  display: flex;
  gap: 8px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-tit .nx-tit-badge .nx-inner-txt {
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  letter-spacing: -0.28px;
  color: var(--status-caution_txt, #FF9800);
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-tit .nx-item-tit {
  overflow: hidden;
  color: var(--pt_text-prominent, #1A1A1A);
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
  padding-bottom: 8px;
  word-wrap: break-word;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-tit .nx-item-subTit {
  overflow: hidden;
  color: var(--_mp_sem-_text-mblue-base, #656878);
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.28px;
  padding-bottom: 21px;
  word-wrap: break-word;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-tit .nx-item-status {
  display: flex;
  gap: 8px;
  align-items: center;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-tit .nx-item-status .nx-status-domain {
  color: var(--pt_text-secondary, #5A5A5A);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-tit .nx-item-status .nx-status-dot {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--border-divider_base, #E1E1E1);
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-tit .nx-item-status .nx-status-box {
  display: flex;
  gap: 8px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-tit .nx-item-status .nx-status-box .nx-box-skill {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid var(--btn-bdr_base, #DBDBDB);
  background: #FFF;
  color: var(--pt_text-tertiary, #7A7A7A);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: -0.28px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-tit {
  display: flex;
  padding: var(--rp-sect-tl-top, 28px) 0px var(--rp-sect_tl_bttm, 14px) 0px;
  align-items: flex-end;
  gap: 8px;
  align-self: stretch;
  color: var(--text-default, #2B2C33);
  font-family: "Noto Sans KR";
  font-size: var(--rp-fs_sect_tl, 18px);
  font-style: normal;
  font-weight: var(--rp-fw_sect_tl, 700);
  line-height: 140%; /* 25.2px */
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-box {
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  align-self: stretch;
  border-radius: 10px;
  background: var(--surface-greyBox, #F6F6F6);
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-box .nx-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-box .nx-item .nx-item-tit {
  width: 100px;
  color: var(--pt_text-neutral, #878787);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-box .nx-item .nx-item-cont {
  color: var(--pt_text-prominent, #1A1A1A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-box .nx-item .nx-item-txt {
  align-self: stretch;
  color: var(--pt_text-secondary, #5A5A5A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-fileBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-fileBox .nx-fileBox-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-fileBox .nx-fileBox-item .nx-item-wrap {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-fileBox .nx-fileBox-item .nx-item-wrap .nx-wrap-txt {
  color: var(--pt_text-default, #3A3A3A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-fileBox .nx-fileBox-item .nx-item-wrap .nx-wrap-size {
  color: var(--pt_text-neutral, #878787);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.32px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-ul {
  color: var(--Mono-Mono02_474747, #474747);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
  list-style-type: disc; /* 기본값 */
  list-style-position: outside; /* 점을 글자 영역 밖에 위치 */
  padding-left: 20px; /* 점과 글자 사이 여백 */
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-ul .nx-cont-li {
  display: list-item; /* 혹시 사라졌다면 다시 활성화 */
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-skillBox {
  display: flex;
  gap: 8px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-skillBox .nx-skillBox-item {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid var(--btn-bdr_base, #DBDBDB);
  background: #FFF;
  color: var(--pt_text-tertiary, #7A7A7A);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: -0.28px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-profile {
  display: flex;
  padding: 20px 30px;
  align-items: center;
  gap: 30px;
  align-self: stretch;
  flex-wrap: wrap;
  border-radius: 10px;
  background: var(--surface-greyBox, #F6F6F6);
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-profile .nx-profile-line {
  width: 1px;
  align-self: stretch;
  background: var(--border-divider_base, #E1E1E1);
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-profile .nx-profile-info1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-profile .nx-profile-info1 .nx-info1-img {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-profile .nx-profile-info1 .nx-info1-nameCard {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-profile .nx-profile-info1 .nx-info1-nameCard .nx-nameCard-name {
  color: var(--pt_text-default, #3A3A3A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.32px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-profile .nx-profile-info1 .nx-info1-nameCard .nx-nameCard-sub1 {
  color: var(--pt_text-neutral, #878787);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.24px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-profile .nx-profile-info2 {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-profile .nx-profile-info2 .nx-info2-subInfo {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-profile .nx-profile-info2 .nx-info2-subInfo .nx-subInfo-tit {
  color: var(--pt_text-neutral, #878787);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-cont .nx-cont-profile .nx-profile-info2 .nx-info2-subInfo .nx-subInfo-cont {
  color: var(--pt_text-secondary, #5A5A5A);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: -0.32px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox {
  display: flex;
  padding: var(--rp-sect-tl-top, 28px) 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item {
  display: flex;
  padding: 30px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  justify-content: space-between;
  border-radius: 10px;
  background: var(--BW-BW_White-FFFFFF, #FFF);
  box-shadow: 0px 0px 0px 1px var(--list-tb_row_bdr, rgba(0, 0, 0, 0.08)), 0px 3px 28px -12px rgba(0, 0, 0, 0.22);
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile {
  display: flex;
  gap: 20px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile .nx-profile-img {
  width: 80px;
  height: 80px;
  border-radius: 999px;
  border: 1px solid #E5E5E5;
  background: url(<path-to-image>) lightgray -75.281px -6.285px/313.212% 208.833% no-repeat;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile .nx-profile-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile .nx-profile-info .nx-info-subBox {
  display: flex;
  align-items: center;
  gap: 12px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile .nx-profile-info .nx-info-subBox .nx-subBox-name {
  color: var(--text-default, #2B2C33);
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 125% */
  letter-spacing: -0.48px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile .nx-profile-info .nx-info-subBox .nx-subBox-eval {
  display: flex;
  gap: 20px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile .nx-profile-info .nx-info-subBox .nx-subBox-eval .nx-eval-box {
  display: flex;
  gap: 8px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile .nx-profile-info .nx-info-subBox .nx-subBox-eval .nx-eval-box .nx-box-tit {
  color: var(--pt_text-tertiary, #7A7A7A);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.28px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile .nx-profile-info .nx-info-subBox .nx-subBox-eval .nx-eval-box .nx-box-score {
  color: var(--text-default, #2B2C33);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.28px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile .nx-profile-info .nx-item-status {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile .nx-profile-info .nx-item-status .nx-status-domain {
  color: var(--pt_text-secondary, #5A5A5A);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile .nx-profile-info .nx-item-status .nx-status-dot {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--border-divider_base, #E1E1E1);
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile .nx-profile-info .nx-item-status .nx-status-box {
  display: flex;
  gap: 8px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile .nx-profile-info .nx-item-status .nx-status-box .nx-box-skill {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid var(--btn-bdr_base, #DBDBDB);
  background: #FFF;
  color: var(--pt_text-tertiary, #7A7A7A);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: -0.28px;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab.hidden {
  display: none;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-mob-btn-box {
  display: none;
}
.nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nxw-half-reviewBox {
  display: flex;
  padding-top: var(--rp-input_form-item-top, 16px);
  align-items: flex-start;
  align-content: flex-start;
  gap: 0px var(--rp-input_form-item_r_gap, 0px);
  align-self: stretch;
  flex-wrap: wrap;
}
.nx-match-half-wrap .nx-half-right-wrap {
  width: 34.01%;
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item {
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 20px;
  align-self: stretch;
  border-radius: var(--radius-lg, 12px);
  box-shadow: 0px 0px 0px 1px var(--list-card_bdr, rgba(0, 0, 0, 0.1)), 0px 2px 26px -15px rgba(0, 0, 0, 0.22);
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item.pic {
  background: rgba(5, 154, 229, 0.05);
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item.end {
  background: #F6F6F6;
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-mian {
  width: 100%;
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-mian .nx-item-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-mian .nx-item-top .nx-top-inner {
  display: flex;
  gap: 8px;
  align-items: center;
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-mian .nx-item-top .nx-top-inner .nx-inner-txt {
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  letter-spacing: -0.28px;
  color: var(--status-caution_txt, #FF9800);
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-mian .nx-item-top .nx-top-inner .nx-inner-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: url("/img/icon/ico_list_star.png") no-repeat center center;
  background-size: 24px 24px; /* 아이콘 크기 */
  cursor: pointer;
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-mian .nx-item-top .nx-top-inner .nx-inner-icon.active {
  background: url("/img/icon/ico_list_star_on.png") no-repeat center center;
  background-size: 24px 24px; /* 아이콘 크기 */
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-mian .nx-item-tit {
  overflow: hidden;
  color: var(--pt_text-prominent, #1A1A1A);
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.4px;
  padding-bottom: 8px;
  word-wrap: break-word;
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-mian .nx-item-subTit {
  overflow: hidden;
  color: var(--_mp_sem-_text-mblue-base, #656878);
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.28px;
  padding-bottom: 21px;
  word-wrap: break-word;
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-mian .nx-item-status {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-mian .nx-item-status .nx-status-domain {
  color: var(--pt_text-secondary, #5A5A5A);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 22.4px */
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-mian .nx-item-status .nx-status-dot {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--border-divider_base, #E1E1E1);
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-mian .nx-item-status .nx-status-box {
  display: flex;
  gap: 8px;
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-mian .nx-item-status .nx-status-box .nx-box-skill {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid var(--btn-bdr_base, #DBDBDB);
  background: #FFF;
  color: var(--pt_text-tertiary, #7A7A7A);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 128.571% */
  letter-spacing: -0.28px;
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-cont {
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 10px;
  background: var(--surface-ghostBox, rgba(0, 0, 0, 0.03));
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-cont .nx-cont-row {
  display: flex;
  justify-content: space-between;
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-cont .nx-cont-row .nx-row-txt {
  color: var(--pt_text-neutral, #878787);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.28px;
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-cont .nx-cont-row .nx-row-date {
  color: var(--pt_text-prominent, #1A1A1A);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.28px;
}
.nx-match-half-wrap .nx-half-right-wrap .nx-list-item .nx-item-btnBox {
  margin-left: auto;
  box-sizing: border-box;
}

@media print, screen and (max-width: 768px) {
  .nx-top-wrap .nx-top-banner {
    flex-direction: column;
    gap: 8px;
  }
  .nx-top-wrap .nx-top-banner .nx-banner-item.right {
    margin-left: auto;
  }
  .nx-match-list-wrap .nx-sort-box .nx-box-type {
    display: none;
  }
  .nx-match-list-wrap .nx-list-box.typeTab {
    flex-direction: column;
  }
  .nx-match-list-wrap .nx-list-box .nx-list-item {
    flex-direction: column;
  }
  .nx-match-list-wrap .nx-list-box .nx-list-item .nx-item-cont {
    width: 90%;
  }
  .nx-frm-wrap .nx-frm-cont .nx-cont-box {
    flex-direction: column;
    box-sizing: border-box;
  }
  .nx-frm-wrap .nx-frm-cont .nx-cont-box .nx-tit-box {
    flex-direction: row;
    gap: 6px;
  }
  .nx-frm-wrap .nx-frm-cont .nx-cont-box .nx-tit-box {
    text-align: left;
  }
  .nx-frm-wrap .nx-frm-cont .nx-cont-box .nx-box-items .nxw-rdo-41 {
    flex: 1 1 calc(50% - 12px); /* 25% = 4개씩 */
    max-width: calc(50% - 12px); /* 버튼 크기 제한 */
    box-sizing: border-box; /* 패딩 포함한 크기 계산 */
  }
  .nx-match-half-wrap .nx-half-left-wrap {
    width: 100%;
  }
  .nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item {
    align-items: stretch;
    flex-direction: column;
  }
  .nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-applicantBox-item .nx-item-profile .nx-profile-info .nx-info-subBox {
    align-items: flex-start;
    flex-direction: column;
  }
  .nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-item-btn {
    width: 100%;
  }
  .nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-half-applicantBox .nx-item-btn .nxw-btn-12 {
    max-width: none;
  }
  .nx-match-half-wrap .nx-half-left-wrap .nx-left-tab .nx-mob-btn-box {
    display: block;
  }
  .nx-match-half-wrap .nx-half-right-wrap {
    display: none;
  }
}
.nx-code {
  overflow: hidden;
}