@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif; /* 1 */
  font-size: 14px;
  line-height: 1.2;
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* a:active,
a:hover {
  outline: 0;
} */
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: 700;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif; /* 1 */
  white-space: pre-wrap;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: 700;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.sr_only {
  overflow: hidden;
  position: absolute !important;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.editor_wrap {
  position: relative;
}

.editor_reset {
  overflow: hidden;
  cursor: text;
}
.editor_reset h4 {
  margin: 1.33em 0;
  font-weight: bold;
}
.editor_reset hr {
  margin: 15px 0;
  border: 0;
  border-top: 1px dashed #cbcbcb;
}
.editor_reset ul, .editor_reset ol {
  display: block;
  padding-left: 30px;
}
.editor_reset ul li {
  list-style: disc;
}
.editor_reset ul ul li {
  list-style: circle;
}
.editor_reset ul ul ul li {
  list-style: square;
}
.editor_reset ol li,
.editor_reset ol ul ol li {
  list-style: decimal;
}
.editor_reset ol ul li {
  list-style: circle;
}
.editor_reset ol ul ul li {
  list-style: square;
}
.editor_reset em {
  font-style: italic;
}
.editor_reset img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.editor_reset a,
.editor_reset a:hover,
.editor_reset a:active,
.editor_reset a:focus {
  color: #010101 !important;
  text-decoration: underline !important;
}
.editor_reset a span,
.editor_reset a:hover span,
.editor_reset a:active span,
.editor_reset a:focus span {
  color: #010101 !important;
}
.editor_reset * + p, .editor_reset * + ul, .editor_reset * + ol {
  margin: 10px 0 0;
}
.editor_reset pre {
  padding: 14px 20px;
  background-color: #333;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
.editor_reset pre code {
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  color: #FFF;
}
.editor_reset pre .ph {
  display: block;
  color: #999;
}
.editor_reset b, .editor_reset strong {
  font-weight: bold;
}
.editor_reset .u_rmcplayer a {
  text-decoration: none !important;
  cursor: pointer !important;
}
.editor_reset .u_rmcplayer .u_rmcplayer_progress .u_rmc_definition_ly li a {
  color: #fff !important;
}
.editor_reset .u_rmcplayer .u_rmcplayer_progress .u_rmc_definition_ly li a:hover {
  color: #0aeb7f !important;
}

.dp_b {
  display: block !important;
}

.dp_ib {
  display: inline-block !important;
}

.hidden_scroll {
  overflow: hidden !important;
}

.hidden {
  display: none !important;
}

.pt_st {
  position: static !important;
}

.fl_n {
  float: none !important;
}

.fl_l {
  float: left !important;
}

.fl_r {
  float: right !important;
}

.c_strong {
  color: #4564d8 !important;
}

.c_valid {
  color: #01c000 !important;
}

.c_danger {
  color: #f87d08 !important;
}

.c_error {
  color: red !important;
}

.prt2 {
  position: relative;
  top: 2px;
}

.prt3 {
  position: relative;
  top: 3px;
}

.prt8 {
  position: relative;
  top: 8px;
}

.prt9 {
  position: relative;
  top: 9px;
}

.prt10 {
  position: relative;
  top: 9px;
}

.prt13 {
  position: relative;
  top: 13px;
}

.mpa0 {
  margin: 0 !important;
  padding: 0 !important;
}

.ma0 {
  margin: 0 !important;
}

.mat_mn31 {
  margin-top: -31px !important;
}

.mat0 {
  margin-top: 0 !important;
}

.mat3 {
  margin-top: 3px !important;
}

.mat4 {
  margin-top: 4px !important;
}

.mat5 {
  margin-top: 5px !important;
}

.mat6 {
  margin-top: 6px !important;
}

.mat8 {
  margin-top: 8px !important;
}

.mat9 {
  margin-top: 9px !important;
}

.mat10 {
  margin-top: 10px !important;
}

.mat12 {
  margin-top: 12px !important;
}

.mat15 {
  margin-top: 15px !important;
}

.mat17 {
  margin-top: 17px !important;
}

.mat20 {
  margin-top: 20px !important;
}

.mat21 {
  margin-top: 21px !important;
}

.mat23 {
  margin-top: 23px !important;
}

.mat24 {
  margin-top: 24px !important;
}

.mat25 {
  margin-top: 25px !important;
}

.mat30 {
  margin-top: 30px !important;
}

.mat33 {
  margin-top: 33px !important;
}

.mat35 {
  margin-top: 35px !important;
}

.mat40 {
  margin-top: 40px !important;
}

.mat42 {
  margin-top: 42px !important;
}

.mat50 {
  margin-top: 50px !important;
}

.mat60 {
  margin-top: 60px !important;
}

.mat64 {
  margin-top: 64px !important;
}

.mat70 {
  margin-top: 70px !important;
}

.mat-3 {
  margin-top: -3px !important;
}

.mat-10 {
  margin-top: -10px !important;
}

.mat-13 {
  margin-top: -13px !important;
}

.mat-20 {
  margin-top: -20px !important;
}

.mat-31 {
  margin-top: -31px !important;
}

.mal1 {
  margin-left: 1px 10px !important;
}

.mal3 {
  margin-left: 3px !important;
}

.mal5 {
  margin-left: 5px !important;
}

.mal8 {
  margin-left: 8px !important;
}

.mal10 {
  margin-left: 10px !important;
}

.mal13 {
  margin-left: 13px !important;
}

.mal15 {
  margin-left: 15px !important;
}

.mal16 {
  margin-left: 16px !important;
}

.mal2 {
  margin-left: 2px !important;
}

.mal20 {
  margin-left: 20px !important;
}

.mal25 {
  margin-left: 25px !important;
}

.mal30 {
  margin-left: 30px !important;
}

.mal32 {
  margin-left: 32px !important;
}

.mal40 {
  margin-left: 40px !important;
}

.mar5 {
  margin-right: 5px !important;
}

.mar8 {
  margin-right: 8px !important;
}

.mar10 {
  margin-right: 10px !important;
}

.mar12 {
  margin-right: 12px !important;
}

.mar30 {
  margin-right: 30px !important;
}

.mab0 {
  margin-bottom: 0 !important;
}

.mab5 {
  margin-bottom: 5px !important;
}

.mab8 {
  margin-bottom: 8px !important;
}

.mab15 {
  margin-bottom: 15px !important;
}

.mab16 {
  margin-bottom: 16px !important;
}

.mab12 {
  margin-bottom: 12px !important;
}

.mab10 {
  margin-bottom: 10px !important;
}

.mab20 {
  margin-bottom: 20px !important;
}

.mab24 {
  margin-bottom: 24px !important;
}

.mab30 {
  margin-bottom: 30px !important;
}

.mab40 {
  margin-bottom: 40px !important;
}

.mab80 {
  margin-bottom: 80px !important;
}

.pab20 {
  padding-bottom: 20px !important;
}

.pab40 {
  padding-bottom: 40px !important;
}

.pal0 {
  padding-left: 0 !important;
}

.pal5 {
  padding-left: 5px !important;
}

.pal10 {
  padding-left: 10px !important;
}

.pal20 {
  padding-left: 20px !important;
}

.pal24 {
  padding-left: 24px !important;
}

.pal30 {
  padding-left: 30px !important;
}

.pal40 {
  padding-left: 40px !important;
}

.pal50 {
  padding-left: 50px !important;
}

.par10 {
  padding-right: 10px !important;
}

.par15 {
  padding-right: 15px !important;
}

.par20 {
  padding-right: 20px !important;
}

.par30 {
  padding-right: 30px !important;
}

.pat0 {
  padding-top: 0 !important;
}

.pat5 {
  padding-top: 5px !important;
}

.pat10 {
  padding-top: 10px !important;
}

.pat15 {
  padding-top: 15px !important;
}

.pat20 {
  padding-top: 20px !important;
}

.pat30 {
  padding-top: 30px !important;
}

.pat40 {
  padding-top: 40px !important;
}

.pab0 {
  padding-bottom: 0 !important;
}

.pab6 {
  padding-bottom: 6px !important;
}

.pab10 {
  padding-bottom: 10px !important;
}

.pab14 {
  padding-bottom: 14px !important;
}

.pab30 {
  padding-bottom: 30px !important;
}

.top-1 {
  top: -1px !important;
}

.top-2 {
  top: -2px !important;
}

.height_auto {
  height: auto;
}

.ellipsis {
  display: block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}

.nowrap {
  white-space: nowrap;
}

.bdnone {
  border: 0 !important;
}

.bgnone {
  background: none !important;
}

.bd_b {
  border-bottom: 1px solid #e5e5e5;
}

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

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

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

.txd_n {
  text-decoration: none !important;
}

.scroll {
  overflow: auto;
  position: relative;
}

.scroll_y {
  overflow-y: auto;
}

.red {
  color: #ff5230;
}

.gray {
  color: #848484;
}

.sub_font_color {
  color: #999 !important;
}

.point_font_color {
  color: #333 !important;
}

.point_font_color2 {
  color: #fe522c;
}

.tit_font_color {
  color: #010101 !important;
}

.fs11 {
  font-size: 11px !important;
}

.fs12 {
  font-size: 12px !important;
}

.fs13 {
  font-size: 13px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs36 {
  font-size: 36px !important;
}

.va_t,
.vatop {
  vertical-align: top !important;
}
.va_t .txt_desc::before,
.vatop .txt_desc::before {
  top: 2px;
  bottom: auto;
}

.va_m,
.vamiddle {
  vertical-align: middle !important;
}

.bold {
  font-weight: 700 !important;
}

.hidden_element {
  display: none !important;
}

h2.tit {
  margin: 33px 0 13px;
  font-size: 16px;
  font-weight: 600;
  color: #010101;
}
h2.tit .sub {
  font-weight: normal;
  color: #999;
}

.dimmed {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 3000;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=85);
  opacity: 0.85;
}

.w670 {
  width: 670px !important;
}

.w579 {
  width: 579px !important;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.underline {
  text-decoration: underline;
}

.clear:before, .clear:after {
  display: table;
  clear: both;
  content: " ";
}

.pnt {
  color: #010101;
}

.pnt2 {
  color: #333;
}

.pnt3 {
  color: #666;
}

.pnt4 {
  color: #999;
}

.c_pnt {
  color: #00c73c;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
}

:before,
:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

textarea:focus,
input:focus {
  outline: none;
}

input[type=button],
input[type=submit],
input[type=reset],
input[type=file]::-webkit-file-upload-button,
button {
  -webkit-border-radius: 0;
          border-radius: 0;
}

/* mooc base */
html,
body {
  min-height: 100%;
}

html {
  height: 100%;
}

a {
  color: #666;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
}

.mozilla p, .mozilla strong, .mozilla em {
  -webkit-transform: skew(0deg);
      -ms-transform: skew(0deg);
          transform: skew(0deg);
}

p, strong, em {
  -webkit-transform: skew(0.001deg);
      -ms-transform: skew(0.001deg);
          transform: skew(0.001deg);
}

body {
  background: #fff;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
body #container {
  width: 100%;
  min-width: 1160px;
  position: relative;
}
body #container::before {
  content: "";
  display: block;
  width: 320px;
  border-right: 1px solid #f0f0f0;
  position: absolute;
  top: 65px;
  bottom: 0px;
  left: 0;
  z-index: 1700;
  background-color: #fff;
}
body #container::after {
  content: "";
  display: block;
  clear: both;
}
body.re_pack #container {
  min-height: -webkit-calc(100vh - 144px);
  min-height: calc(100vh - 144px);
}
body.full #container::before {
  display: none;
}
body.boost_course_main_body #container::before {
  display: none;
}
body.w1080 #container::before, body.mng_lc #container::before, body.responsive #container::before {
  display: none;
}
body.fs #container::before {
  display: none;
}
body.fs #footer.new_f {
  bottom: auto;
}
body.re_pack.min_1080 #container::before {
  display: none;
}
body.re_pack.min_1080 #content {
  width: 100%;
  min-width: 1080px;
  margin: 0;
}

a {
  text-decoration: none;
}

a:focus, a:hover, button:focus, button:hover {
  outline: 0px transparent !important;
  outline: none;
}

@font-face {
  font-family: NanumGothic;
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumGothic-Regular.eot);
  /* IE9 Compat Modes */
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumGothic-Regular.eot?#iefix) format(embedded-opentype), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumGothic-Regular.woff) format(woff);
  /* Modern Browsers */
  src: local(※), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumGothic-Regular.woff) format(woff);
}
@font-face {
  font-family: NanumSquareWebFont-R;
  font-style: normal;
  font-weight: 300;
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_se_R.eot);
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_se_R.woff2) format("woff2");
}
@font-face {
  font-family: NanumSquareWebFont;
  font-style: normal;
  font-weight: 400;
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acR.eot);
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acR.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acR.woff) format("woff"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acR.ttf) format("truetype");
}
@font-face {
  font-family: NanumSquareWebFont;
  font-style: normal;
  font-weight: 700;
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acB.eot);
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acB.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acB.woff) format("woff"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acB.ttf) format("truetype");
}
@font-face {
  font-family: NanumSquareWebFont;
  font-style: normal;
  font-weight: 900;
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare/NanumSquare_acEB.eot);
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare/NanumSquare_acEB.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acEB.woff) format("woff"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_acEB.ttf) format("truetype");
}
@font-face {
  font-family: NanumSquareRoundWebFont;
  font-style: normal;
  font-weight: 300;
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundR.eot);
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundR.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundR.woff) format("woff"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundR.ttf) format("truetype");
}
@font-face {
  font-family: NanumSquareRoundWebFont;
  font-style: normal;
  font-weight: 700;
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundB.eot);
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundB.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundB.woff) format("woff"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundB.ttf) format("truetype");
}
@font-face {
  font-family: NanumSquareRoundWebFont;
  font-style: normal;
  font-weight: 900;
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundEB.eot);
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundEB.eot?#iefix) format("embedded-opentype"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundEB.woff) format("woff"), url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquareRoundEB.ttf) format("truetype");
}
/* reset */
ul,
ol,
li,
dl,
dt,
dd,
button,
fieldset,
p {
  margin: 0;
  padding: 0;
}

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

button {
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
}

textarea {
  resize: none;
}

em {
  font-style: normal;
}

fieldset {
  border: 0;
}

:-ms-input-placeholder {
  color: #999 !important;
}

::-webkit-input-placeholder {
  color: #999 !important;
}

:-moz-placeholder {
  color: #999 !important;
}

::-moz-placeholder {
  color: #999 !important;
}

::-ms-clear {
  display: none;
}

.blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}

.re_pack .re_confirm .login {
  width: 856px !important;
  background: #fff;
  margin: 0 !important;
  padding: 80px;
}

.re_pack #header {
  z-index: 2200;
  position: relative;
  min-height: 56px;
  text-align: left;
  min-width: 1160px;
}
.re_pack #header:before, .re_pack #header:after {
  display: table;
  clear: both;
  content: " ";
}
.re_pack #header {
  background: #384047;
}
.re_pack #header[class^=main_] {
  background-color: transparent;
  border-bottom: 1px solid #f0f0f0;
}
.re_pack #header[class^=main_] .header_wrap {
  width: 1080px;
  height: 82px;
  margin: auto;
  position: relative;
}
.re_pack #header[class^=main_] .header_wrap::after {
  content: "";
  display: block;
  clear: both;
}
.re_pack #header[class^=main_] .header_wrap .logo {
  width: auto;
  position: relative;
  height: 82px;
  padding: 29px 40px 29px 0;
  background: none;
  float: left;
}
.re_pack #header[class^=main_] .header_wrap .layout_in {
  position: relative;
  height: 82px;
  padding: 20px 0;
  border: 0;
  background-color: transparent;
  float: none;
}
.re_pack #header[class^=main_] .header_wrap .layout_in::after {
  content: "";
  display: block;
  clear: both;
}
.re_pack #header[class^=main_] .header_wrap .layout_in .lnk {
  float: left;
}
.re_pack #header[class^=main_] .header_wrap .layout_in .lnk a {
  color: #2a2c2f;
}
.re_pack #header[class^=main_] .header_wrap .layout_in .gnb {
  float: right;
  margin-top: 5px;
}
.re_pack #header[class^=main_] .header_wrap .layout_in .gnb li {
  height: auto;
}
.re_pack #header[class^=main_] .header_wrap .layout_in .gnb li.ic span {
  color: #25292f;
}
.re_pack #header[class^=main_] .header_wrap .layout_in .gnb li.search .group {
  background-color: #f7f7f7;
}
.re_pack #header[class^=main_] .header_wrap .layout_in .gnb li.search .group .btn:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-search-gnb);
  background-repeat: no-repeat;
  background-position: -420px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.re_pack #header[class^=main_] .header_wrap .layout_in .gnb li.search .group input {
  color: #2a2c2f;
}
.re_pack #header[class^=main_] .header_wrap .layout_in .gnb li.search + li .login {
  margin-left: -15px;
}
.re_pack #header[class^=main_] .header_wrap .layout_in .gnb li + li::before {
  background-color: #e6e6e6;
}
.re_pack #header[class^=main_] .gnb.ly_type2 .ly_dropdown .noti_list .category {
  color: #25292f;
}
.re_pack #header[class^=default_] .gnb > li > a.login {
  background-color: #25292f;
  color: #fff;
  font-size: 13px;
  line-height: 14px;
  width: 132px;
  height: 38px;
  margin-top: -3px;
  letter-spacing: 0;
}
.re_pack #header[class^=default_] .gnb > li.search + li .login {
  margin-left: -23px;
}
.re_pack #header[class^=default_].whale {
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
}
.re_pack #header[class^=default_].whale .logo {
  width: auto;
  height: 64px;
  min-width: 320px;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 20px;
  background-color: #fff;
}
.re_pack #header[class^=default_].whale .logo a {
  vertical-align: middle;
  overflow: visible;
}
.re_pack #header[class^=default_].whale .logo a + a {
  margin-left: 33px;
  position: relative;
}
.re_pack #header[class^=default_].whale .logo a + a::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  top: 4px;
  left: -17px;
  position: absolute;
  background-color: #e9ebec;
  cursor: default;
}
.re_pack #header[class^=default_].whale .layout_in {
  float: none;
  height: 64px;
  background-color: #fff;
  padding: 16px 24px 15px 0;
}
.re_pack #header[class^=default_].whale .layout_in .gnb > li + li::before {
  background-color: #e6e6e6;
}
.re_pack #header[class^=default_].whale .layout_in .gnb > li.search .group {
  background-color: #f7f7f7;
}
.re_pack #header[class^=default_].whale .layout_in .gnb > li.search .group input {
  color: #2a2c2f;
}
.re_pack #header[class^=default_].whale .layout_in .gnb > li > a {
  color: #25292f;
}
.re_pack #header[class^=default_].whale .layout_in .gnb > li .count em {
  color: #ff5230;
}
.re_pack #header[class^=default_].whale .layout_in .gnb > li a.login {
  background-color: #f7f7f7;
  color: #2a2c2f;
  font-size: 13px;
  line-height: 14px;
  width: 132px;
  height: 38px;
  margin-top: -3px;
}
.re_pack #header[class^=default_].whale .layout_in .lnk {
  margin-left: 24px;
}
.re_pack #header .logo {
  width: 320px;
  height: 56px;
  padding: 20px 24px;
  background-color: #25292f;
  float: left;
  z-index: 10;
}
.re_pack #header .logo a,
.re_pack #header .logo .logo_area {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  line-height: 100%;
}
.re_pack #header .logo a img,
.re_pack #header .logo .logo_area img {
  vertical-align: top;
}
.re_pack #header .lnk {
  position: relative;
  text-align: center;
  float: left;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 19px;
}
.re_pack #header .lnk li + li {
  margin-left: 32px;
}
.re_pack #header .lnk li {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.re_pack #header .lnk li.partner::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background-color: #25292f;
  position: absolute;
  top: 8px;
  left: -17px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.re_pack #header .lnk a {
  font-size: 16px;
  font-weight: 700;
  color: #010101;
  -webkit-transform: skew(0.001deg);
      -ms-transform: skew(0.001deg);
          transform: skew(0.001deg);
}
.re_pack #header .lnk a.point_c {
  color: #00c73c;
}
.re_pack #header .lnk .boost_c a {
  display: inline-block;
  position: relative;
}
.re_pack #header .layout_in {
  width: auto;
  height: 56px;
  background: #384047;
  border-bottom: 0;
  padding: 12px 24px 12px 0;
  float: right;
}
.re_pack #header .gnb.ly_type2 {
  float: right;
}
.re_pack #header .gnb.ly_type2 > li {
  position: relative;
  display: block;
  float: left;
  height: 16px;
}
.re_pack #header .gnb.ly_type2 > li.ly_right .ly_dropdown {
  left: auto;
  right: 0;
}
.re_pack #header .gnb.ly_type2 > li + li {
  margin-left: 25px;
}
.re_pack #header .gnb.ly_type2 > li + .ic::before {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background-color: #666;
  position: absolute;
  top: 4px;
  left: -13px;
}
.re_pack #header .gnb.ly_type2 > li.ic {
  margin-top: 8px;
}
.re_pack #header .gnb.ly_type2 > li.ic.todo .ly_dropdown {
  left: -53px;
}
.re_pack #header .gnb.ly_type2 > li.search {
  height: 32px;
  margin-left: 20px;
}
.re_pack #header .gnb.ly_type2 > li.search::before {
  display: none;
}
.re_pack #header .gnb.ly_type2 > li.search .group {
  width: 136px;
  height: 32px;
  padding: 0 32px 0 8px;
  background-color: #25292f;
  position: relative;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.re_pack #header .gnb.ly_type2 > li.search .group input {
  color: #fff;
  font-size: 13px;
  line-height: 15px;
  border: 0;
  width: 100%;
  height: 32px;
  background-color: transparent;
}
.re_pack #header .gnb.ly_type2 > li.search .group .btn {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  right: 0;
}
.re_pack #header .gnb.ly_type2 > li.search .group .btn:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-search-gnb);
  background-repeat: no-repeat;
  background-position: -420px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.re_pack #header .gnb.ly_type2 > li:last-child::before {
  display: none;
}
.re_pack #header .gnb.ly_type2 > li > a {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  vertical-align: top;
}
.re_pack #header .gnb.ly_type2 > li > a.login {
  color: #2a2c2f;
  width: 151px;
  height: 42px;
  font-size: 16px;
  line-height: 18px;
  padding: 12px 0;
  text-align: center;
  -webkit-border-radius: 25px;
          border-radius: 25px;
  background-color: #f7f7f7;
  -webkit-transform: skew(0.001deg);
      -ms-transform: skew(0.001deg);
          transform: skew(0.001deg);
  letter-spacing: -1px;
  margin-top: -5px;
}
.re_pack #header .gnb.ly_type2 > li > a .name {
  overflow: hidden;
  display: inline-block;
  max-width: 146px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
  word-wrap: normal;
  vertical-align: top;
}
.re_pack #header .gnb.ly_type2 > li > a em {
  display: inline-block;
  font-weight: normal;
  vertical-align: top;
}
.re_pack #header .gnb.ly_type2 > li.ic > .ico_new2, .re_pack #header .gnb.ly_type2 > li.ic > .count {
  display: inline-block;
}
.re_pack #header .gnb.ly_type2 > li > .count {
  display: none;
  min-width: 17px;
  height: 16px;
  font-size: 13px;
  text-align: center;
  color: #fff;
  vertical-align: top;
}
.re_pack #header .gnb.ly_type2 > li > .count em {
  color: #FF5230;
  z-index: 10;
  display: inline-block;
  position: relative;
  height: 17px;
  padding-left: 4px;
  white-space: nowrap;
  line-height: 16px;
  vertical-align: top;
}
.re_pack #header .gnb.ly_type2 > li.nickname {
  margin-left: 8px;
}
.re_pack #header .gnb.ly_type2 > li.nickname > a {
  font-weight: normal;
}
.re_pack #header .gnb.ly_type2 > li.nickname > a .thumb {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  margin: 0px -1px 0 0;
  vertical-align: top;
  overflow: hidden;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.re_pack #header .gnb.ly_type2 > li.nickname > a .thumb:before {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-thumb-32);
  background-repeat: no-repeat;
  background-position: -753px -368px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.re_pack #header .gnb.ly_type2 > li.nickname > a .thumb::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 1px rgba(0, 0, 0, 0.08);
}
.re_pack #header .gnb.ly_type2 > li.nickname > a .thumb.bgnone:before {
  display: none;
}
.re_pack #header .gnb.ly_type2 > li.nickname .ly_dropdown {
  width: auto;
  height: auto;
  min-width: 160px;
  max-height: none;
  top: 39px;
  overflow: hidden;
  right: -2px;
  padding-bottom: 0;
}
.re_pack #header .gnb.ly_type2 > li.nickname .ly_dropdown ul {
  overflow: hidden;
  max-height: none;
}
.re_pack #header .gnb.ly_type2 > li.nickname .ly_dropdown ul li {
  padding: 0;
  text-align: center;
  border-top: 1px solid #edf0f2;
}
.re_pack #header .gnb.ly_type2 > li.nickname .ly_dropdown ul li:first-child {
  border-top: 0;
}
.re_pack #header .gnb.ly_type2 > li.nickname .ly_dropdown ul li a {
  display: block;
  color: #25292f;
  padding: 24px;
  font-size: 14px;
  line-height: 15px;
  white-space: nowrap;
}
.re_pack #header .gnb.ly_type2 > li.on .ly_dropdown {
  display: block;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown {
  position: absolute;
  top: 31px;
  right: auto;
  left: 0;
  display: none;
  width: 320px;
  max-height: none;
  padding-bottom: 24px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: solid 1px #edf0f2;
  -webkit-box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.04);
          box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.04);
  background: #fff;
  overflow: hidden;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown .ly_top {
  position: relative;
  height: auto;
  padding: 24px;
  background-color: #fff;
  -webkit-box-shadow: inset 0 -1px 0 0 #edf0f2;
          box-shadow: inset 0 -1px 0 0 #edf0f2;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown .ly_top h2 {
  margin: 0;
  padding: 0;
  color: #25292f;
  font-size: 16px;
  line-height: 17px;
  font-weight: 700;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown .ly_top .more {
  position: absolute;
  top: 27px;
  right: 26px;
  padding-right: 13px;
  color: #384047;
  font-size: 13px;
  line-height: 14px;
  font-weight: normal;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown .ly_top .more:after {
  content: "";
  position: absolute;
  top: 1px;
  right: -3px;
  width: 12px;
  height: 12px;
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon_arrow_r_12px);
  background-repeat: no-repeat;
  background-position: -972px -490px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown ul {
  overflow-y: auto;
  max-height: 318px;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown ul.ly_course li > a {
  min-height: 63px;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown ul.ly_todo li > a {
  min-height: 46px;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown ul.ly_news li > a {
  min-height: 46px;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li:before, .re_pack #header .gnb.ly_type2 > li .ly_dropdown li:after {
  display: table;
  clear: both;
  content: " ";
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li {
  padding: 15px;
  border-top: 1px solid #e5e5e5;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li > a {
  text-decoration: none !important;
  display: block;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .thumb {
  overflow: hidden;
  float: left;
  position: relative;
  width: 112px;
  height: 63px;
  background-color: #999;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .thumb:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_noimg2);
  background-repeat: no-repeat;
  background-position: -633px -761px;
  width: 35px;
  height: 35px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -17px;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .thumb::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 1px rgba(0, 0, 0, 0.08);
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .thumb.bgnone:before {
  display: none;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .thumb img {
  vertical-align: top;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .ic_state {
  float: left;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .info {
  overflow: hidden;
  padding-left: 15px;
  font-size: 12px;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .info .ti {
  color: #010101;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px !important;
  letter-spacing: -1px;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .info .ti:after {
  position: relative;
  top: 2px;
  margin-left: 5px;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .info .ti .day {
  display: inline-block;
  color: #ff5230;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .info .ti .day:after {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 1px;
  height: 11px;
  margin: 0 8px;
  background: #ccc;
  vertical-align: top;
  content: "";
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .info .ic_ad {
  margin-top: 5px;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .info .tx {
  margin-top: 3px;
  color: #4c4c4c;
  line-height: 16px !important;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown li .info .tx2 {
  margin-top: 3px;
  color: #999;
  line-height: 16px !important;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown .btn_jumpbar {
  display: none;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  padding: 0 32px 0 17px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  width: 150px;
  height: 36px;
  margin-left: -75px;
  text-align: left;
  background-color: #f14063;
  -webkit-box-shadow: 0 0 0 0 #f14063, 0 4px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 0 #f14063, 0 4px 6px rgba(0, 0, 0, 0.2);
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown .btn_jumpbar > span {
  display: inline-block;
  line-height: 36px;
  color: #FFF;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown .btn_jumpbar:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 21px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr_scr_down);
  background-repeat: no-repeat;
  background-position: -901px -505px;
  width: 11px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-top: -6px;
}
.re_pack #header .gnb.ly_type2 > li .ly_dropdown .option_box {
  border: none;
}
.re_pack #header .gnb.ly_type2 > li .scroll_wrap {
  max-height: 469px;
  overflow-y: auto;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul {
  font-weight: 300;
  overflow: hidden;
  max-height: none;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li {
  border-top: 0;
  overflow: hidden;
  padding: 24px 0 0 0;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li.nodata {
  padding: 24px 24px 0 24px;
  text-align: center;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li a {
  display: block;
  padding: 0 24px;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .news_detail {
  overflow: hidden;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .thumb {
  width: 72px;
  height: 40px;
  background-color: #E5E7E7;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .thumb.bgnone::before {
  display: none;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .thumb::before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_whaleclass/img_thumb.svg) no-repeat;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .thumb::after {
  border: solid 1px rgba(0, 23, 20, 0.04);
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .class_info {
  overflow: hidden;
  padding-left: 16px;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .class_info .tit {
  color: #25292f;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .class_info .time {
  color: #4c5c5a;
  font-size: 12px;
  line-height: 13px;
  margin-top: 4px;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .class_info .master {
  color: #828c96;
  font-size: 12px;
  line-height: 13px;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .list_title {
  color: #25292f;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  word-break: break-all;
  max-height: 44px;
  margin-bottom: 4px;
  -webkit-line-clamp: 2;
  line-height: 22px;
  font-weight: 300;
  font-size: 14px;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .info {
  color: #000;
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 4px;
  padding-left: 0;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .info em {
  font-weight: 700;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .sub_title {
  font-size: 12px;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #828c96;
}
.re_pack #header .gnb.ly_type2 > li .ly_top + .scroll_wrap > ul li .date {
  display: block;
  font-size: 11px;
  line-height: 12px;
  color: #828c96;
  margin-top: 12px;
}
.re_pack #header .gnb.ly_type2 > li .more_button {
  padding: 24px 24px 0 24px;
}
.re_pack #header .gnb.ly_type2 > li .my_news .ico_bx {
  display: block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  float: left;
  margin-right: 16px;
  text-align: center;
  line-height: 40px;
}
.re_pack #header .gnb.ly_type2 > li .my_news .ico_bx::after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
.re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_class::after {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon_book);
  background-repeat: no-repeat;
  background-position: -260px -761px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_assignment::after {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon_note);
  background-repeat: no-repeat;
  background-position: -740px -761px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_video::after {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon_video);
  background-repeat: no-repeat;
  background-position: -36px -793px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_live::after {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon_live);
  background-repeat: no-repeat;
  background-position: -452px -761px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_comment::after {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon_pen);
  background-repeat: no-repeat;
  background-position: -772px -761px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_quiz::after {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon_quiz);
  background-repeat: no-repeat;
  background-position: -900px -761px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_project::after {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon_project);
  background-repeat: no-repeat;
  background-position: -804px -761px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_post::after {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon_pen);
  background-repeat: no-repeat;
  background-position: -772px -761px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.re_pack #header .gnb.ly_type2 > li .my_news .ico_bx.ic_survey::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-survey);
  background-repeat: no-repeat;
  background-position: -516px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.re_pack #header .gnb.ly_type2 > li .my_news .read {
  background: #ccd1d0 !important;
}
.re_pack #header .gnb.ly_type2 > li .noti_list {
  font-weight: 300;
  max-height: none;
}
.re_pack #header .gnb.ly_type2 > li .noti_list .category {
  display: inline-block;
  padding: 0 8px;
  margin-bottom: 8px;
  height: 21px;
  line-height: 22px;
  background-color: #edf0f2;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-size: 12px;
  font-weight: bold;
  color: #25292f;
}
.re_pack #header .gnb.ly_type2 > li .noti_list .category.today {
  color: #fff;
  background-color: #05c3a7;
}
.re_pack #header .gnb.ly_type2 > li .noti_list .category.d_day {
  color: #fff;
  background-color: #0076E4;
}
.re_pack #header .gnb.ly_type2 > li .add_button {
  display: block;
  width: 100%;
  height: 48px;
  font-size: 13px;
  color: #25292f;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background-color: #f5f7f7;
  font-weight: 700;
}
.re_pack #header .gnb.ly_type2 > li .add_button .num {
  font-weight: 400;
}

.toast_message_bar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
}
.toast_message_bar .observe_set_message {
  position: relative;
  height: 48px;
  background-color: #00c73c;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=90);
  opacity: 0.9;
  line-height: 48px;
  color: #fff;
  text-align: center;
}
.toast_message_bar .observe_set_message.cancel {
  background-color: #dedede;
  color: #666;
}

#header.edwith {
  z-index: 200;
  position: relative;
  max-width: 100%;
  min-width: 1052px;
  text-align: left;
  background-repeat: repeat-x;
  background-position: 50% 0;
}
#header.edwith .logo {
  position: relative;
  z-index: 1;
  float: left;
  height: 100%;
  margin: 0 0 0 40px;
  background-color: #fff;
  padding: 0;
}
#header.edwith .logo:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
#header.edwith .logo a,
#header.edwith .logo .logo_area {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  line-height: 100%;
}
#header.edwith .logo a img,
#header.edwith .logo .logo_area img {
  vertical-align: middle;
  max-height: 24px;
}
#header.edwith .star_mooc_logo_box {
  position: relative;
  z-index: 1;
  float: left;
  height: 100%;
  margin: 0 -16px 0 24px;
}
#header.edwith .star_mooc_logo_box .logo_inner {
  display: table;
  height: 100%;
  table-layout: fixed;
}
#header.edwith .star_mooc_logo_box .star_mooc_logo {
  display: table-cell;
  height: 100%;
  font-size: 0;
  vertical-align: middle;
}
#header.edwith .star_mooc_logo_box .star_mooc_logo a {
  position: relative;
  display: inline-block;
  padding: 0 16px;
  vertical-align: middle;
}
#header.edwith .star_mooc_logo_box .star_mooc_logo a + a:before {
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #e9ebec;
  content: "";
}
#header.edwith .lnk {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  text-align: center;
}
#header.edwith .lnk li + li:before {
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 6px 31px 0 27px;
  background: #e9ebec;
  content: "";
  vertical-align: top;
}
#header.edwith .lnk li {
  display: inline-block;
}
#header.edwith .lnk li + li {
  margin-left: 0;
}
#header.edwith .lnk li + li::before {
  margin-top: 2px;
}
#header.edwith .lnk a {
  font-size: 16px;
  font-weight: 700;
  color: #010101;
}
#header.edwith .lnk a.point_c {
  color: #00c73c;
}
#header.edwith .lnk .boost_c a {
  display: inline-block;
  position: relative;
}
#header.edwith .lnk_box {
  display: inline-block;
  border: 1px solid #999;
  margin-top: 19px;
  margin-left: 23px;
  line-height: 22px;
  font-size: 12px;
  color: #666;
}
#header.edwith .lnk_box a {
  display: inline-block;
  padding: 0 10px;
}
#header.edwith .lnk_box a .ico_arrow {
  display: inline-block;
  margin-left: 4px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_more4);
  background-repeat: no-repeat;
  background-position: -868px -710px;
  width: 4px;
  height: 7px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
#header.edwith .gnb.ly_type2 {
  float: right;
  margin: 28px 32px 0;
}
#header.edwith .gnb.ly_type2 > li {
  display: inline-block;
  margin-right: 13px;
  vertical-align: top;
}
#header.edwith .gnb.ly_type2 > li.ic {
  margin-top: 0;
}
#header.edwith .gnb.ly_type2 > li + li {
  margin-left: 0;
}
#header.edwith .gnb.ly_type2 > li + li.ic:before {
  display: none;
}
#header.edwith .gnb.ly_type2 > li > a {
  display: inline-block;
  font-weight: 700;
  color: #010101;
  line-height: 1.7;
}
#header.edwith .gnb.ly_type2 > li > a .name {
  overflow: hidden;
  display: inline-block;
  max-width: 146px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
  word-wrap: normal;
  vertical-align: top;
}
#header.edwith .gnb.ly_type2 > li > a.login {
  width: auto !important;
  background-color: transparent !important;
  padding: 8px 0 !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
}
#header.edwith .gnb.ly_type2 > li > a em {
  display: inline-block;
  font-weight: normal;
  vertical-align: top;
}
#header.edwith .gnb.ly_type2 > li > .count {
  display: none;
  position: absolute;
  top: -6px;
  left: 16px;
  min-width: 17px;
  height: 17px;
  font-size: 11px;
  text-align: center;
  color: #fff;
}
#header.edwith .gnb.ly_type2 > li > .count:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  min-width: 8px;
  height: 17px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sp_bg_badge.png) no-repeat 0 0;
  z-index: 1;
  content: "";
}
#header.edwith .gnb.ly_type2 > li > .count:after {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  min-width: 8px;
  height: 17px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sp_bg_badge.png) no-repeat 100% 0;
  z-index: 1;
  content: "";
}
#header.edwith .gnb.ly_type2 > li > .count em {
  color: #fff !important;
  z-index: 10;
  display: inline-block;
  position: relative;
  height: 17px;
  padding: 0 5px;
  white-space: nowrap;
  line-height: 17px;
  vertical-align: top;
}
#header.edwith .gnb.ly_type2 > li .ly_dropdown {
  right: 0;
  top: 36px;
}
#header.edwith .gnb.ly_type2 > li.nickname {
  top: 1px;
  margin-left: 10px;
}
#header.edwith .gnb.ly_type2 > li.nickname > a .thumb {
  display: inline-block;
  margin: -5px -1px 0 0;
}
#header.edwith .gnb.ly_type2 > li.nickname > a .thumb::after {
  display: none;
}
#header.edwith .gnb.ly_type2 > li.nickname > a .thumb:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  width: 32px;
  height: 32px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-thumb-32);
  background-repeat: no-repeat;
  background-position: -753px -368px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#header.edwith .gnb.ly_type2 > li.nickname > a .thumb.bgnone:before {
  display: none;
}
#header.edwith .gnb.ly_type2 > li.lecture_build {
  margin: -4px 20px 0 0;
}
#header.edwith .gnb.ly_type2 > li.lecture_build a {
  display: block;
  width: 91px;
  height: 32px;
  background-color: #f5f5f5;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  font-size: 14px;
  font-weight: 600;
  color: #666;
  text-align: center;
  line-height: 32px;
}
#header.edwith .layout_in:before, #header.edwith .layout_in:after {
  display: table;
  clear: both;
  content: " ";
}
#header.edwith .layout_in {
  z-index: 5;
  position: relative;
  height: 81px;
  background: #fff;
  float: none;
  padding: 0;
  border-bottom: 1px solid #e6e6e6;
}
#header.edwith.sub.type2 .hd_txt {
  display: none;
}
#header.edwith.sub.type2 .register_desc {
  display: none;
}
#header.edwith .register_desc {
  overflow: hidden;
  height: 41px;
  margin: 0;
  border-bottom: 1px solid #E6E6E6;
  background: #F5F5F5;
  line-height: 41px;
  letter-spacing: -1px;
}
#header.edwith .register_desc span {
  display: block;
  width: 1060px;
  margin: 0 auto;
  padding-left: 65px;
}

.lnb {
  width: 320px;
  height: 100%;
  z-index: 1700;
  position: relative;
  float: left;
}
.lnb::after {
  content: "";
  width: 319px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.lnb .inc_sub .hd_txt {
  z-index: 30;
  position: relative;
  background-color: #fff;
}
.lnb .inc_sub .hd_txt > .inner {
  min-height: 209px;
  position: relative;
  padding: 24px;
}
.lnb .inc_sub .hd_txt .label_box:before, .lnb .inc_sub .hd_txt .label_box:after {
  display: table;
  clear: both;
  content: " ";
}
.lnb .inc_sub .hd_txt .label_box .project,
.lnb .inc_sub .hd_txt .label_box .level {
  float: left;
  font-size: 12px;
  letter-spacing: -0.5px;
  color: #fff;
  line-height: 14px;
  margin-bottom: 16px;
}
.lnb .inc_sub .hd_txt .label_box .project {
  padding-right: 10px;
  position: relative;
}
.lnb .inc_sub .hd_txt .label_box .project + .level::before {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 3px;
  left: -1px;
}
.lnb .inc_sub .hd_txt .label_box .level {
  padding: 0 8px;
  letter-spacing: -0.5px;
  position: relative;
}
.lnb .inc_sub .hd_txt .label_box .icon {
  display: inline-block;
  height: 10px;
  margin-right: 1px;
  font-size: 0;
  vertical-align: -1px;
}
.lnb .inc_sub .hd_txt .label_box .icon .level_bg {
  display: inline-block;
  width: 3px;
  height: 7px;
  margin-left: 2px;
  -webkit-border-radius: 0.5px;
          border-radius: 0.5px;
  background-color: #fff;
  opacity: 0.4;
}
.lnb .inc_sub .hd_txt .label_box .icon .level_bg:first-child {
  height: 4px;
  margin: 0;
  opacity: 1;
}
.lnb .inc_sub .hd_txt .label_box .icon .level_bg:last-child {
  height: 10px;
}
.lnb .inc_sub .hd_txt .label_box .icon.level2 .level_bg:nth-child(2), .lnb .inc_sub .hd_txt .label_box .icon.level3 .level_bg:nth-child(2) {
  opacity: 1;
}
.lnb .inc_sub .hd_txt .label_box .icon.level3 .level_bg:last-child {
  opacity: 1;
}
.lnb .inc_sub .hd_txt h2 {
  overflow: hidden;
  min-height: 76px;
  max-height: 180px;
  margin-bottom: 56px;
}
.lnb .inc_sub .hd_txt h2 a {
  color: #fff;
  display: inline-block;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
  text-decoration: none !important;
  letter-spacing: -0.07px;
  font-family: "NanumSquareWebFont";
  font-weight: 700;
}
.lnb .inc_sub .hd_txt .profile {
  width: 224px;
  display: block;
  position: absolute;
  bottom: 28px;
  color: #fff;
  padding-left: 40px;
  min-height: 32px;
}
.lnb .inc_sub .hd_txt .profile .thumb {
  display: block;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  position: absolute;
  left: 0;
  overflow: hidden;
  background-color: #fff !important;
}
.lnb .inc_sub .hd_txt .profile .thumb:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-thumb-32);
  background-repeat: no-repeat;
  background-position: -753px -368px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
}
.lnb .inc_sub .hd_txt .profile .thumb::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 1px rgba(0, 0, 0, 0.08);
}
.lnb .inc_sub .hd_txt .profile .thumb.bgnone:before {
  display: none;
}
.lnb .inc_sub .hd_txt .profile img {
  vertical-align: top;
}
.lnb .inc_sub .hd_txt .profile .name,
.lnb .inc_sub .hd_txt .profile .from {
  display: block;
  overflow: hidden;
  max-width: auto;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  color: #fff;
  font-family: "NanumSquareWebFont";
  font-weight: 700;
}
.lnb .inc_sub .hd_txt .profile .from {
  margin-top: 4px;
  opacity: 0.6;
}
.lnb .inc_sub .hd_txt .profile span:last-child.name {
  line-height: 32px;
}
.lnb .inc_sub .hd_txt .sns_area {
  position: absolute;
  right: 24px;
  bottom: 24px;
}
.lnb .inc_sub .hd_txt .sns_area .sns_share {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
}
.lnb .inc_sub .hd_txt .sns_area .sns_share:before {
  display: block;
  top: 0px;
  left: 9px;
  width: 20px;
  height: 20px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-snb-share);
  background-repeat: no-repeat;
  background-position: -547px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
}
.lnb .inc_sub .hd_txt .lecture_sub_tool {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 320px;
  min-height: 53px;
  position: relative;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool:before, .lnb .inc_sub .hd_txt .lecture_sub_tool:after {
  display: table;
  clear: both;
  content: " ";
}
.lnb .inc_sub .hd_txt .lecture_sub_tool {
  margin-top: 1px;
  padding: 12px 24px 12px 24px;
  background-color: #fafafa;
  -webkit-box-shadow: inset 0 -1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0;
          box-shadow: inset 0 -1px 0 0 #f0f0f0, inset -1px 0 0 0 #f0f0f0;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .count_info {
  min-width: 125px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  padding: 7px 16px 7px 0;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .count_info [class^=count_] {
  display: inline-block;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .count_info [class^=count_] + [class^=count_]:before {
  display: inline-block;
  width: 1px;
  height: 8px;
  margin: 0 8px 0 6px;
  background-color: #cccccc;
  vertical-align: middle;
  content: "";
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .count_info [class^=count_] em {
  font-weight: normal;
  color: #25292f;
  opacity: 0.6;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .manage_box {
  float: left;
  position: relative;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .btn_manage {
  color: #25292f;
  font-size: 12px;
  line-height: 14px;
  padding: 8px 32px 7px 16px;
  -webkit-border-radius: 22px;
          border-radius: 22px;
  background-color: #f0f0f0;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .btn_manage .open {
  width: 32px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .btn_manage .open:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-dropdown);
  background-repeat: no-repeat;
  background-position: -730px -684px;
  width: 12px;
  height: 13px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .btn_manage.on + .manage {
  display: block;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .manage {
  width: auto;
  min-width: 200px;
  display: none;
  position: absolute;
  top: 32px;
  background-color: #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.25);
          box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  z-index: 100;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .manage .inner {
  padding: 0 24px;
  margin: 24px 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 552px;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .manage .title {
  color: #25292f;
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .manage a:hover {
  text-decoration: none;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .manage li ul {
  margin-top: 19px;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .manage li ul li {
  position: relative;
  height: 16px;
  padding-left: 12px;
  line-height: 15px;
  white-space: nowrap;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .manage li ul li::before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background-color: #666;
  position: absolute;
  top: 6px;
  left: 0;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .manage li ul li + li {
  margin-top: 20px;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .manage li + li {
  margin-top: 40px;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .go_back {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 19px;
  text-align: center;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .go_back:before {
  content: "";
  margin: -2px 8px 0px 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  vertical-align: middle;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-go-back);
  background-repeat: no-repeat;
  background-position: -324px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  vertical-align: middle;
}
.lnb .inc_sub .hd_txt .lecture_sub_tool .blank_ico span:after {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  vertical-align: middle;
  margin: 0px 0 1px 9px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-help);
  background-repeat: no-repeat;
  background-position: -348px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.lnb .inc_sub.default .hd_txt .lecture_sub_tool, .lnb .inc_sub.default_whale .hd_txt .lecture_sub_tool {
  min-height: 47px;
}
.lnb .inc_sub.default .hd_txt .lecture_sub_tool .count_info, .lnb .inc_sub.default_whale .hd_txt .lecture_sub_tool .count_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lnb .inc_sub.default .hd_txt .lecture_sub_tool .count_info [class^=count_], .lnb .inc_sub.default_whale .hd_txt .lecture_sub_tool .count_info [class^=count_] {
  position: relative;
  width: 50%;
  text-align: center;
}
.lnb .inc_sub.default .hd_txt .lecture_sub_tool .count_info [class^=count_] em, .lnb .inc_sub.default_whale .hd_txt .lecture_sub_tool .count_info [class^=count_] em {
  margin-right: 8px;
}
.lnb .inc_sub.default .hd_txt .lecture_sub_tool .count_info [class^=count_] + [class^=count_]:before, .lnb .inc_sub.default_whale .hd_txt .lecture_sub_tool .count_info [class^=count_] + [class^=count_]:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -4px 0 0;
}
.lnb .open_menu {
  display: none;
  width: 32px;
  height: 32px;
  position: absolute;
  top: -43px;
  left: 20px;
}
.lnb .open_menu:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-menu-btn);
  background-repeat: no-repeat;
  background-position: -164px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  right: 0;
  bottom: 0;
  margin: auto;
  margin: 0;
}

#snb {
  background-color: #ffffff;
  padding: 24px;
  -webkit-box-shadow: inset -1px 0 0 0 #f0f0f0;
          box-shadow: inset -1px 0 0 0 #f0f0f0;
}
#snb + #content .page {
  width: 760px;
  min-height: 600px;
}
#snb .blank_ico span:after {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: 0px 0 1px 9px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-help);
  background-repeat: no-repeat;
  background-position: -348px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#snb .state_area {
  padding-top: 24px;
  border-top: 1px solid #f0f0f0;
}
#snb .state_area::after {
  content: "";
  display: block;
  clear: both;
}
#snb .state_area:first-child {
  padding-top: 0;
  border-top: 0;
  margin-top: -5px;
}
#snb .state_area .btn {
  color: #fff;
  display: block;
  height: 48px;
  font-size: 14px;
  line-height: 48px;
  font-weight: 600;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  margin-top: 8px;
}
#snb .state_area .btn:first-child {
  margin-top: 0;
  margin-bottom: 8px;
}
#snb .state_area .btn_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#snb .state_area .btn_box .btn {
  height: 40px;
  line-height: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 112px;
      -ms-flex: 1 1 112px;
          flex: 1 1 112px;
  margin: 0 0 0 8px;
}
#snb .state_area .info {
  color: #828c96;
  font-size: 12px;
  text-align: left;
  padding-top: 8px;
  line-height: 16px;
}
#snb .state_area .info.dark {
  color: #666;
}
#snb .learning_record:after {
  display: block;
  height: 1px;
  margin: 16px 8px;
  background-color: #f1f1f1;
  clear: both;
  content: "";
}
#snb .learning_record .learning_btn_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#snb .learning_record .learning_btn_box + .learning_btn_box {
  margin-top: 12px;
}
#snb .learning_record .btn_learning {
  width: 128px;
  min-width: 128px;
  height: 40px;
  background-color: #03c75a;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-family: "NanumSquareWebFont";
  font-weight: 700;
  font-size: 14px;
  color: #fff;
}
#snb .learning_record .btn_learning.end {
  background-color: #ff5230;
}
#snb .learning_record .authentication {
  width: 128px;
  min-width: 128px;
  height: 40px;
  background-color: #437fff;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-family: "NanumSquareWebFont";
  font-weight: 700;
  font-size: 14px;
  color: #fff;
}
#snb .learning_record .authentication.end {
  background-color: #d0d6d9;
}
#snb .learning_record .record_box {
  overflow: hidden;
  padding-left: 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  line-height: 0;
}
#snb .learning_record .record_box strong {
  display: block;
  font-size: 12px;
  line-height: normal;
  font-weight: normal;
  color: #828c96;
}
#snb .learning_record .record_box span {
  margin-top: 4px;
  font-size: 12px;
  color: #25292f;
  line-height: normal;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
#snb .learning_record .check_record {
  margin-top: 12px;
  width: 100%;
  background-color: #f7f7f7;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-size: 12px;
  color: #25292f;
  line-height: 14px;
  padding: 9px 10px;
  text-align: center;
}
#snb .learning_record .check_record:focus {
  outline: none;
}
#snb .whaleon:after {
  display: block;
  height: 1px;
  margin: 16px 8px;
  background-color: #f1f1f1;
  clear: both;
  content: "";
}
#snb .whaleon .whale_on_link {
  display: block;
}
#snb .whaleon .whale_on_link.before .link {
  background: #828C96;
}
#snb .whaleon .whale_on_link.before .link.student:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_whaleon_off);
  background-repeat: no-repeat;
  background-position: -753px -152px;
  width: 33px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#snb .whaleon .whale_on_link.before .info .text .lab {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_whaleon_tea_off);
  background-repeat: no-repeat;
  background-position: -605px -517px;
  width: 22px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#snb .whaleon .whale_on_link .link {
  display: block;
  background: #05C3A7;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  font-size: 15px;
  line-height: 19px;
  padding: 12px 0px 12px 0px;
  min-width: 194px;
  color: #fff;
  text-align: center;
}
#snb .whaleon .whale_on_link .link:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_whaleon);
  background-repeat: no-repeat;
  background-position: -650px -541px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#snb .whaleon .whale_on_link .link.student:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_whaleon_on);
  background-repeat: no-repeat;
  background-position: -753px -180px;
  width: 33px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#snb .whaleon .whale_on_link .info {
  margin-top: 8px;
  padding-right: 16px;
  position: relative;
}
#snb .whaleon .whale_on_link .info .text {
  color: #828c96;
  font-size: 13px;
  line-height: 20px;
}
#snb .whaleon .whale_on_link .info .text .lab {
  display: inline-block;
  vertical-align: -4px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_whaleon_tea_on);
  background-repeat: no-repeat;
  background-position: -635px -517px;
  width: 22px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin-right: 4px;
}
#snb .whaleon .whale_on_link .info .option_btn {
  position: absolute;
  top: 0;
  right: 0;
}
#snb .whaleon .whale_on_link .info .option_btn .btn {
  width: 24px;
  height: 20px;
}
#snb .whaleon .whale_on_link .info .option_btn .btn:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 8px;
  margin: -8px 0 0 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_whaleon_tea_option);
  background-repeat: no-repeat;
  background-position: -156px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#snb .whaleon .whale_on_link .info .option_btn .btn[aria-selected=true] + .layer {
  display: block;
  z-index: 10;
}
#snb .whaleon .whale_on_link .info .option_btn .layer {
  display: none;
  position: absolute;
  min-width: 120px;
  top: 28px;
  right: 0;
  padding: 8px 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 8px;
          border-radius: 8px;
}
#snb .whaleon .whale_on_link .info .option_btn .layer a {
  color: #25292F;
  display: block;
  padding: 8px 16px;
  font-size: 13px;
  line-height: 14px;
  white-space: nowrap;
}
#snb .whaleon .whale_on_link .info .option_btn .layer a + a {
  margin-top: 4px;
}
#snb .nav_menu ul + ul {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #e6e6e6;
}
#snb .nav_menu .hr {
  margin: 16px 0;
  padding: 0 8px;
  display: block;
  height: 1px;
}
#snb .nav_menu .hr:after {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #f1f1f1;
  content: "";
}
#snb .nav_menu .hr + .hr {
  margin: -10px 0 18px;
}
#snb .nav_menu > ul > li {
  display: block;
  color: #333;
  margin-top: 8px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  position: relative;
  -webkit-transform: skew(0.001deg);
      -ms-transform: skew(0.001deg);
          transform: skew(0.001deg);
}
#snb .nav_menu > ul > li:first-of-type {
  margin-top: 0;
}
#snb .nav_menu > ul > li.notice .icon {
  display: block;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
}
#snb .nav_menu > ul > li.notice .icon path {
  fill: #FF5230;
}
#snb .nav_menu > ul > li .menu {
  color: #25292f;
  word-wrap: normal;
  vertical-align: top;
  font-weight: bold;
}
#snb .nav_menu > ul > li .whaleclass:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_whaleclass_s);
  background-repeat: no-repeat;
  background-position: -681px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-right: 8px;
  vertical-align: middle;
  content: "";
}
#snb .nav_menu > ul > li .btn_open {
  width: 48px;
  height: 46px;
  padding: 16px;
  position: absolute;
  top: 1px;
  right: 0;
  border-left: 1px solid #f1f1f1;
}
#snb .nav_menu > ul > li .btn_open::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-btn-arrow-down);
  background-repeat: no-repeat;
  background-position: -204px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#snb .nav_menu > ul > li.private .menu {
  position: relative;
  padding-right: 18px;
  color: #25292f;
}
#snb .nav_menu > ul > li.private .menu:after {
  position: absolute;
  top: 2px;
  right: 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-lock-snb-dark);
  background-repeat: no-repeat;
  background-position: -513px -661px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
}
#snb .nav_menu > ul > li:hover > a:before {
  background-position: -183px -179px;
}
#snb .nav_menu > ul > li.help span:after, #snb .nav_menu > ul > li ul li.help span:after {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin: 0px 0 1px 9px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-help);
  background-repeat: no-repeat;
  background-position: -348px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#snb .nav_menu > ul > li > a {
  display: block;
  position: relative;
  padding: 16px 48px 14px 24px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: solid 1px #f1f1f1;
  background-color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: skew(0deg);
      -ms-transform: skew(0deg);
          transform: skew(0deg);
}
#snb .nav_menu > ul > li > a span {
  color: #25292f;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}
#snb .nav_menu > ul > li.ext a span {
  vertical-align: middle;
}
#snb .nav_menu > ul > li.ext a:before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-share);
  background-repeat: no-repeat;
  background-position: -324px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
  content: "";
}
#snb .nav_menu > ul > li.ext + .ext {
  margin-top: 7px;
}
#snb .nav_menu > ul > li.ext + .ext .hr {
  margin: 12px 0 10px;
}
#snb .nav_menu > ul > li.ext + .ext .hr + .hr {
  margin: -2px 0 10px;
}
#snb .nav_menu > ul > li.video a .icon {
  display: block;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  margin: auto;
}
#snb .nav_menu > ul > li.active .btn_open::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-btn-arrow-up);
  background-repeat: no-repeat;
  background-position: -228px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#snb .nav_menu > ul > li.active .lect_2dep {
  display: block;
}
#snb .nav_menu > ul > li ol {
  display: none;
  margin: 24px 0 13px;
}
#snb .nav_menu > ul > li ol + ol {
  margin-top: 15px;
}
#snb .nav_menu > ul > li ol:last-child {
  margin-bottom: 24px;
}
#snb .nav_menu > ul > li ol .title {
  display: block;
  color: #666;
  font-size: 12px;
  line-height: 14px;
  padding-left: 16px;
  margin-bottom: 8px;
  font-weight: normal;
  margin-bottom: 8px;
}
#snb .nav_menu > ul > li ol li {
  display: block;
  font-weight: normal;
  position: relative;
}
#snb .nav_menu > ul > li ol li + li::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background-color: #ececec;
  position: absolute;
  top: -8px;
  left: 20px;
  z-index: 10;
}
#snb .nav_menu > ul > li ol li a {
  color: #25292f;
  display: block;
  font-size: 13px;
  line-height: 19px;
  position: relative;
  padding: 8px 15px 8px 39px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#snb .nav_menu > ul > li ol li a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  margin: auto;
  width: 8px;
  height: 8px;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
#snb .nav_menu > ul > li ol li a:hover {
  text-decoration: none;
  background-color: #f8f8f8;
}
#snb .nav_menu > ul > li ol li.done a::before {
  border: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-2depth-check);
  background-repeat: no-repeat;
  background-position: -536px -284px;
  width: 8px;
  height: 9px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#snb .nav_menu > ul > li ol li.now a {
  background-color: #f8f8f8;
}
#snb .nav_menu ul.lnk_lst {
  padding: 20px 0 12px;
  border-bottom: 1px solid #e6e6e6;
}
#snb .nav_menu ul.lnk_lst li {
  margin-bottom: 0;
}
#snb .nav_menu ul.lnk_lst li a {
  padding-left: 20px;
  font-size: 12px;
  color: #8d8d8d;
  font-weight: normal;
}
#snb .nav_menu ul.lnk_lst li a span {
  padding-right: 0;
}
#snb .nav_menu ul.lnk_lst li a:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_lnk);
  background-repeat: no-repeat;
  background-position: -624px -841px;
  width: 14px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
}
#snb nav ~ .widget {
  padding: 24px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: solid 1px #f1f1f1;
}
#snb .widget {
  margin-top: 8px;
}
#snb .widget h2 {
  position: relative;
  margin-bottom: 13px;
  font-size: 14px;
  line-height: 15px;
  font-weight: 700;
  -webkit-transform: skew(0.001deg);
      -ms-transform: skew(0.001deg);
          transform: skew(0.001deg);
}
#snb .widget fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
#snb .widget .poll p {
  line-height: 21px;
  color: #25292f;
  font-size: 14px;
  font-weight: 700;
}
#snb .widget .poll ul {
  margin: 9px 0 0 0;
}
#snb .widget .poll li {
  margin-bottom: 3px;
  font-size: 12px;
}
#snb .widget .poll .radio {
  width: 16px;
  height: 16px;
  top: 3px;
}
#snb .widget .poll .radio.checked {
  border: 0;
}
#snb .widget .poll .radio.checked::after {
  width: 4px;
  height: 4px;
  background-color: #fff;
}
#snb .widget .poll .ph {
  line-height: 17px;
  color: #25292f;
  margin-top: 3px;
}
#snb .widget .poll .btn {
  width: 100%;
  color: #25292f;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: 0;
  background-color: #fafafa;
  margin-top: 11px;
}
#snb .widget .info {
  padding: 24px 0 24px;
  margin-top: -8px;
}
#snb .widget .info .date_area {
  font-size: 12px;
}
#snb .widget .info .date_area li {
  line-height: 13px;
  margin-top: 16px;
}
#snb .widget .info .date_area li:first-child {
  margin-top: 0;
}
#snb .widget .info .date_area strong {
  color: #828c96;
  display: block;
  min-width: 88px;
  font-weight: 300;
  float: left;
}
#snb .widget .info .date_area .desc {
  display: block;
  color: #25292f;
  overflow: hidden;
}
#snb .privacy_area {
  border-top: 1px solid #f0f0f0;
  padding: 24px 0;
}
#snb .privacy_area .privacy_term > strong {
  display: block;
  color: #25292f;
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
}
#snb .privacy_area .privacy_term .term_box {
  margin-top: 16px;
}
#snb .privacy_area .privacy_term .term_box .term_row + .term_row {
  margin-top: 10px;
}
#snb .privacy_area .privacy_term .term_box dt {
  color: #333;
  font-size: 13px;
  line-height: 20px;
}
#snb .privacy_area .privacy_term .term_box dt + dd {
  margin-top: 2px;
}
#snb .privacy_area .privacy_term .term_box dd {
  color: #666;
  font-size: 13px;
  line-height: 20px;
}
#snb .privacy_area .agree_area {
  padding-top: 16px;
}
#snb .privacy_area .agree_area input[type=checkbox]:checked + .checkbox_label .check_icon {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_intro_privacy_checkbox_checked);
  background-repeat: no-repeat;
  background-position: -704px -629px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#snb .privacy_area .agree_area .checkbox_label {
  position: relative;
  padding-left: 28px;
  display: block;
  cursor: pointer;
}
#snb .privacy_area .agree_area .checkbox_label .check_icon {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_intro_privacy_checkbox);
  background-repeat: no-repeat;
  background-position: -676px -629px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#snb .privacy_area .agree_area .checkbox_label .text {
  color: #25292f;
  font-size: 15px;
  line-height: 20px;
}
#snb .banner {
  position: relative;
  margin: 0 auto;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  overflow: hidden;
  margin-top: 8px;
}
#snb .banner img {
  vertical-align: top;
}
#snb .banner a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#snb .setting_area {
  margin-top: 8px;
}
#snb .setting_area a {
  display: block;
  font-size: 12px;
  height: 29px;
  padding: 8px 0;
  line-height: 19px;
  color: #25292f;
  text-align: center;
  background-color: #fafafa;
}
#snb .setting_area a span {
  display: inline-block;
  line-height: 13px;
  vertical-align: top;
}
#snb .go_prev + ul {
  margin-top: 20px;
}
#snb .my_area {
  margin: 0 20px 30px 36px;
  padding: 0 0 25px 0;
  border-bottom: 1px solid #eaeaea;
  text-align: center;
}
#snb .my_area .thmb {
  position: relative;
  width: 146px;
  height: 146px;
  margin: 0 auto;
}
#snb .my_area .thmb img {
  vertical-align: top;
}
#snb .my_area .name {
  display: block;
  margin-top: 13px;
  font-weight: 700;
  color: #010101;
  font-size: 16px;
  word-break: keep-all;
}
#snb .my_area .from {
  display: block;
  margin-top: 4px;
  color: #010101;
  line-height: 1.2;
}
#snb .my_area ~ .state_area {
  margin-top: -10px;
}
#snb.manage nav {
  padding: 0 20px 0 0px;
}
#snb.manage nav ul + ul {
  padding-top: 23px;
  margin-top: 16px;
  border-top: 1px solid #e6e6e6;
}
#snb.manage nav .noline {
  padding-top: 0;
  border-top: none;
}
#snb.manage nav .hr {
  margin: -1px 0 18px;
  display: block;
  height: 1px;
  background: #e6e6e6;
}
#snb.manage nav .hr + .hr {
  margin: -10px 0 18px;
}
#snb.manage nav > ul > li {
  display: block;
  margin-top: 16px;
  color: #010101;
  font-weight: 700;
}
#snb.manage nav > ul > li + li {
  margin-top: 40px;
}
#snb.manage nav > ul > li:first-of-type {
  margin-top: 0;
}
#snb.manage nav > ul > li .menu {
  word-wrap: normal;
}
#snb.manage nav > ul > li .whaleclass:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_whaleclass_s);
  background-repeat: no-repeat;
  background-position: -681px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-right: 8px;
  vertical-align: middle;
  content: "";
}
#snb.manage nav > ul > li.active span {
  text-decoration: none;
}
#snb.manage nav > ul > li.private .menu {
  position: relative;
  padding-right: 19px;
  color: #999;
}
#snb.manage nav > ul > li.private .menu:after {
  position: absolute;
  top: 1px;
  right: 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_lecture_private_s_gray);
  background-repeat: no-repeat;
  background-position: 0px -868px;
  width: 13px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  content: "";
}
#snb.manage nav > ul > li:hover > a:before {
  background-position: -183px -179px;
}
#snb.manage nav > ul > li.ext + .last {
  margin-top: 18px;
}
#snb.manage nav > ul > li.last {
  margin-bottom: -12px;
}
#snb.manage nav > ul > li.sub > a span {
  padding-right: 20px;
  text-decoration: none;
}
#snb.manage nav > ul > li.sub > a:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr3);
  background-repeat: no-repeat;
  background-position: -468px -374px;
  width: 9px;
  height: 5px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 137px;
  margin-top: -4px;
}
#snb.manage nav > ul > li.sub.active > a:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr4);
  background-repeat: no-repeat;
  background-position: -481px -374px;
  width: 9px;
  height: 5px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
#snb.manage nav > ul > li.sub ul {
  display: none;
}
#snb.manage nav > ul > li.help span:after, #snb.manage nav > ul > li ul li.help span:after {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  vertical-align: middle;
  margin: 0px 0 1px 9px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-help);
  background-repeat: no-repeat;
  background-position: -348px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#snb.manage nav > ul > li > a {
  display: block;
  position: relative;
  border-bottom: 0;
  line-height: 18px;
  color: #010101;
}
#snb.manage nav > ul > li > a span {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#snb.manage nav > ul > li ul {
  margin: 13px 0 5px;
}
#snb.manage nav > ul > li ul li {
  display: block;
  margin-top: 20px;
  font-weight: normal;
}
#snb.manage nav > ul > li ul li:first-child {
  margin-top: 0;
}
#snb.manage nav > ul > li ul li a {
  display: block;
  position: relative;
  padding-left: 13px;
  color: #666;
}
#snb.manage nav > ul > li ul li a:before {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 1px;
  margin-top: -2px;
  width: 2px;
  height: 2px;
  background: #666;
  content: "";
}
#snb.manage nav > ul > li ul li:hover a, #snb.manage nav > ul > li ul li.active a {
  text-decoration: none;
}
#snb.manage nav ul.lnk_lst {
  padding: 20px 0 12px;
  border-bottom: 1px solid #e6e6e6;
}
#snb.manage nav ul.lnk_lst li {
  margin-bottom: 0;
}
#snb.manage nav ul.lnk_lst li a {
  padding-left: 20px;
  font-size: 12px;
  color: #8d8d8d;
  font-weight: normal;
}
#snb.manage nav ul.lnk_lst li a span {
  padding-right: 0;
}
#snb.manage nav ul.lnk_lst li a:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_lnk);
  background-repeat: no-repeat;
  background-position: -624px -841px;
  width: 14px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
}
#snb.manage nav .ext {
  font-size: 12px;
}
#snb.manage nav .ext a {
  color: #8d8d8d;
  font-weight: normal;
}
#snb.manage nav .ext a span {
  max-width: 126px;
  line-height: 19px;
  vertical-align: middle;
}
#snb.manage nav .ext a:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_ext);
  background-repeat: no-repeat;
  background-position: -588px -841px;
  width: 14px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-right: 7px;
  vertical-align: middle;
  content: "";
}
#snb.manage nav .ext:hover a:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_ext);
  background-repeat: no-repeat;
  background-position: -588px -841px;
  width: 14px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
#snb.manage nav .ext + .ext {
  margin-top: 7px;
}
#snb.manage nav .ext + .ext .hr {
  margin: 12px 0 10px;
}
#snb.manage nav .ext + .ext .hr + .hr {
  margin: -2px 0 10px;
}
#snb .go_back_home {
  display: block;
  font-size: 14px;
  line-height: 24px;
  padding-left: 32px;
  position: relative;
  color: #0076e4;
  font-weight: bold;
  padding-bottom: 16px;
}
#snb .go_back_home:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/sprite/sp_new_whaleclass.svg#ico_back_home);
  background-repeat: no-repeat;
  background-position: -636px -725px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}

body.re_pack #container.new_layout #content .page .page_header .page_title.mab0 {
  margin-bottom: 0 !important;
}
body.re_pack #content {
  width: 840px;
  margin: 0 auto;
  position: relative;
  padding: 74px 40px 120px;
  overflow: hidden;
}
body.re_pack #content h2.tit_section {
  margin: 0 0 10px;
  font-weight: 700;
  color: #333;
}
body.re_pack #content h2.tit_sub {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: normal;
  color: #010101;
}
body.re_pack #content fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
body.re_pack #content button {
  cursor: pointer;
}
body.re_pack #content .con_left {
  float: left;
  width: 760px;
}
body.re_pack #content .con_right {
  float: right;
  width: 220px;
  padding-left: 30px;
}
body.re_pack #content .con_right .con img {
  width: 190px;
  height: auto;
}
body.re_pack #content .page_header {
  position: relative;
  margin-bottom: 40px;
  border-bottom: 1px solid #f0f0f0;
}
body.re_pack #content .page_header .sub_title {
  display: inline-block;
  color: #999;
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 4px;
  font-weight: normal;
}
body.re_pack #content .page_header input.page_title {
  width: 100%;
  height: 48px;
  color: #25292F;
  font-size: 15px;
  padding: 0 16px;
  background: #FFFFFF;
  border: 1px solid #D0D6D9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
body.re_pack #content .page_header input.page_title::-webkit-input-placeholder {
  color: #999;
}
body.re_pack #content .page_header input.page_title:-ms-input-placeholder {
  color: #999;
}
body.re_pack #content .page_header input.page_title::-ms-input-placeholder {
  color: #999;
}
body.re_pack #content .page_header input.page_title::placeholder {
  color: #999;
}
body.re_pack #content .page_header input.page_title:focus {
  border-color: #384047;
}
body.re_pack #content .page_header h1 {
  position: relative;
  padding: 0;
  font-size: 32px;
  line-height: 52px;
  font-weight: 700;
  color: #25292f;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  max-height: 208px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 31px !important;
  margin-top: -7px;
  width: auto !important;
}
body.re_pack #content .page_header .dsc {
  color: #666;
  font-size: 14px;
  line-height: 20px;
  padding-top: 5px;
}
body.re_pack #content .page_header .title_tab {
  -webkit-box-shadow: inset 0 -1px 0px 0px #edf0f2;
          box-shadow: inset 0 -1px 0px 0px #edf0f2;
}
body.re_pack #content .page_header .title_tab::after {
  content: "";
  display: block;
  clear: both;
}
body.re_pack #content .page_header .title_tab li {
  float: left;
  position: relative;
  border-bottom: 4px solid transparent;
  padding: 0 4px 17px 4px;
}
body.re_pack #content .page_header .title_tab li .btn_tab {
  color: #828c96;
  font-size: 17px;
  line-height: 19px;
  font-weight: bold;
}
body.re_pack #content .page_header .title_tab li[aria-selected=true] {
  border-bottom-color: #25292F;
}
body.re_pack #content .page_header .title_tab li[aria-selected=true] .btn_tab {
  color: #25292f;
}
body.re_pack #content .page_header .title_tab li + li {
  margin-left: 24px;
}
body.re_pack #content .page_header.bdnone {
  margin-bottom: 10px;
}
body.re_pack #content .page_header.bbnone {
  border-bottom: 0;
}
body.re_pack #content .page_header .group_lr {
  margin-top: 0;
  padding-top: 7px;
}
body.re_pack #content .page_header .group_lr .group_l {
  float: none;
  overflow: hidden;
}
body.re_pack #content .page_header .group_lr.btn_case {
  margin-bottom: 0 !important;
}
body.re_pack #content .page_header .page_title .title {
  display: inline-block;
  vertical-align: middle;
  line-height: 19px;
}
body.re_pack #content .page_header .btn.btn_type2 {
  min-width: 57px;
  padding: 0px 16px;
  font-weight: normal;
  font-size: 14px;
  line-height: 40px;
  border: 0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  overflow: hidden;
  color: #010101;
  background-color: #FFF;
  border-color: #010101;
  height: 40px;
  letter-spacing: -1px;
  color: #2a2c2f;
  background-color: #f7f7f7;
  border-color: transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-left: 24px;
}
body.re_pack #content .page_header .btn.btn_type2:hover {
  color: #fff;
  background-color: #25292f;
}
body.re_pack #content .page_header .btn.btn_type2 + .btn.btn_type2 {
  margin-left: 4px;
}
body.re_pack #content .page_header .right_date_txt {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #333;
  text-align: right;
  line-height: 25px;
}
body.re_pack #content .page_header .right_date_txt .dsc {
  display: block;
  margin-top: -5px;
  font-size: 12px;
  color: #999;
}
body.re_pack #content .page_header .right_date_txt .dsc:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_caution_tiny);
  background-repeat: no-repeat;
  background-position: -170px -868px;
  width: 13px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 4px 4px 0;
  vertical-align: top;
  content: "";
}
body.re_pack #content .page_header .menu_manager_mobile {
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  height: 34px;
  background-color: #fff;
  border: 1px solid #333;
  font-size: 14px;
  font-weight: bold;
  color: #010101;
}
body.re_pack #content .page_header .group_r .it.it_added {
  padding-right: 0;
}
body.re_pack #content .page_header .group_r .it.it_added input::-webkit-input-placeholder {
  color: #999;
}
body.re_pack #content .page_header .group_r .it.it_added input:-ms-input-placeholder {
  color: #999;
}
body.re_pack #content .page_header .group_r .it.it_added input::-ms-input-placeholder {
  color: #999;
}
body.re_pack #content .page_header .group_r .it.it_added input::placeholder {
  color: #999;
}
body.re_pack #content .page_header .group_r .it.it_added input::-ms-clear {
  display: none;
}
body.re_pack #content .page_header .group_r .it.it_added input:-ms-input-placeholder {
  /* IE 10+ */
  color: #999 !important;
}
body.re_pack #content .page_header .group_r .it.it_added input:-moz-placeholder {
  /* Firefox 18- */
  color: #999 !important;
}
body.re_pack #content .page_header .group_r .it.it_added input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999 !important;
}
body.re_pack #content .page_header .group_r .it.it_added input::-webkit-input-placeholder {
  color: #999;
}
body.re_pack #content .page_header .group_r .it.it_added input {
  padding-right: 34px;
}
body.re_pack #content .page_header .group_r .it.it_added input:focus {
  background-color: #fff;
}
body.re_pack #content .page_header .reverse_wrap {
  display: inline-block;
  margin: 8px 16px 0 24px;
}
body.re_pack #content .page_header .reverse_wrap .ick {
  padding-left: 28px;
}
body.re_pack #content .page_header .reverse_wrap .ick .checkbox {
  top: 3px;
  border: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-keep-login-box);
  background-repeat: no-repeat;
  background-position: -519px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack #content .page_header .reverse_wrap .ick .checkbox.checked:after {
  top: 1px;
  left: 1px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-terms-ick-big);
  background-repeat: no-repeat;
  background-position: -631px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack #content .page_header .reverse_wrap .ick .checkbox.checked {
  background-image: none;
}
body.re_pack #content .page_header .reverse_wrap .ick .ph {
  color: #000;
}
body.re_pack #content .page_header .alarm_set_btn {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  min-width: 176px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  letter-spacing: -0.5px;
  background-color: #5762ea;
  margin-left: 24px;
}
body.re_pack #content .page_header .alarm_set_btn.disabled {
  background-color: #bfc2c7;
}
body.re_pack #content .h_area {
  position: relative;
  padding-bottom: 13px;
}
body.re_pack #content .h_area .ico {
  margin: 1px 3px 0 0;
  vertical-align: top;
}
body.re_pack #content .h_area h3 {
  display: inline-block;
  margin: 0;
  font-size: 16px;
  color: #333;
  font-weight: 700;
  vertical-align: top;
}
body.re_pack #content .h_area:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 3px;
  background: #ffcd00;
  content: "";
}
body.re_pack #content .page .ico_badge {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 3px;
  height: 19px;
  text-align: center;
}
body.re_pack #content .page .ico_badge .badge_txt {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  font-size: 12px;
  line-height: 19px;
  color: #FFF;
  background-color: #00c73c;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
body.re_pack #content .page .ico_badge.off .badge_txt {
  background-color: #999;
}
body.re_pack #content .page .ico_badge.off:before {
  background-position: 0 -20px;
}
body.re_pack #content .page .ico_badge.off:after {
  background-position: 100% -20px;
}
body.re_pack #content .page .level_emoji_box {
  position: relative;
  width: 160px;
  margin-left: 16px;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
body.re_pack #content .page .level_emoji_box [class*=level_]::before {
  width: 56px;
  height: 56px;
}
body.re_pack #content .chapter_list_group {
  position: absolute;
  left: 0;
  top: 42px;
  width: 100%;
  z-index: 1020;
}
body.re_pack #content .chapter_list_group .iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: none;
  vertical-align: bottom;
  z-index: 1030;
}
body.re_pack #content .chapter_list_box {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  min-height: 82px;
  max-height: 482px;
  -webkit-box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.05);
  background: #fff;
  z-index: 1040;
}
body.re_pack #content .chapter_list_box .list {
  position: relative;
  z-index: 100;
}
body.re_pack #content .chapter_list_box .list dt {
  height: 32px;
  padding: 0 15px;
  background: #fafafa;
  font-size: 14px;
  color: #999;
  line-height: 32px;
}
body.re_pack #content .chapter_list_box .list dd {
  height: 49px;
  line-height: 49px;
  border-top: 1px solid #f5f5f5;
}
body.re_pack #content .chapter_list_box .list dt + dd {
  border-top: 0;
}
body.re_pack #content .chapter_list_box .list dd a {
  display: block;
  overflow: hidden;
  padding: 0 17px;
  height: 49px;
  font-size: 14px;
  color: #666;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
body.re_pack #content .chapter_list_box .list .on a {
  color: #333;
  font-weight: bold;
}
body.re_pack #content .chapter_list_box .list dd a:before {
  display: inline-block;
  margin: 18px 4px 0 0;
  vertical-align: top;
  content: "";
}
body.re_pack #content .chapter_list_box .list .lecture a:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_chapter_lecture);
  background-repeat: no-repeat;
  background-position: -901px -242px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack #content .chapter_list_box .list .quiz a:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_chapter_quiz);
  background-repeat: no-repeat;
  background-position: -901px -258px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack #content .chapter_list_box .list .task a:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_chapter_task);
  background-repeat: no-repeat;
  background-position: -901px -274px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack #content .chapter_list_box .list .appraisal a:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_chapter_appraisal);
  background-repeat: no-repeat;
  background-position: -901px -226px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack #content .stats_report_box h2.tit {
  position: relative;
  display: inline-block;
  margin: 0;
  z-index: 10;
}
body.re_pack #content .stats_report_box .table tr:nth-child(2n) td {
  background: #fdfdfd;
}
body.re_pack #content .stats_report_box .table thead th {
  padding: 9px 0;
}
body.re_pack #content .stats_report_box .table .point {
  color: #00c73c;
}
body.re_pack #content .stats_report_box .table a {
  display: inline;
  position: static;
  padding: 0;
  line-height: 14px;
  white-space: normal;
  word-break: break-all;
}
body.re_pack #content .stats_report_box .table .sjt_txt {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}
body.re_pack #content .stats_report_box .table .sjt_txt.on {
  padding: 0 12px;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  background-color: #dedede;
}
body.re_pack #content .stats_report_box .check_navi {
  margin: -3px 0 10px 0;
  font-size: 16px;
  font-size: #010101;
}
body.re_pack #content .stats_report_box .check_navi .sjt {
  font-weight: 600;
  color: #010101;
}
body.re_pack #content .stats_report_box .report_list {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 12px;
  background: #fafafa;
}
body.re_pack #content .stats_report_box .report_list li {
  display: table-cell;
  height: 126px;
  text-align: center;
}
body.re_pack #content .stats_report_box .report_list .inner {
  padding-top: 20px;
}
body.re_pack #content .stats_report_box .report_list .inner .name {
  font-size: 14px;
  color: #666;
  line-height: 16px;
}
body.re_pack #content .stats_report_box .report_list .inner .total_cnt {
  display: block;
  padding: 12px 0 4px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  line-height: 22px;
}
body.re_pack #content .stats_report_box .report_list .inner .point {
  color: #00c73c;
}
body.re_pack #content .stats_report_box .report_list .inner .cnt {
  font-size: 14px;
  color: #999;
  line-height: 16px;
}
body.re_pack #content .stats_report_box .report_cal_box {
  padding-top: 16px;
}
body.re_pack #content .stats_report_box .report_cal_box .inner {
  position: relative;
  height: 74px;
  background: #fff;
  border: 1px solid #dedede;
  text-align: center;
}
body.re_pack #content .stats_report_box .report_cal_box .inner .date {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  color: #333;
  line-height: 74px;
}
body.re_pack #content .stats_report_box .report_cal_box .inner .cal_btn {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_cal);
  background-repeat: no-repeat;
  background-position: -876px -75px;
  width: 20px;
  height: 22px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  margin: 25px 0 0 3px;
  vertical-align: top;
}
body.re_pack #content .stats_report_box .report_cal_box .inner .outline {
  position: absolute;
  left: 438px;
  top: 52px;
  z-index: 20;
}
body.re_pack #content .stats_report_box .report_cal_box .dsc {
  padding-top: 5px;
  font-size: 12px;
  color: #999;
}
body.re_pack #content .stats_report_box .report_cal_box .dsc:before {
  display: inline-block;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_caution_tiny);
  background-repeat: no-repeat;
  background-position: -170px -868px;
  width: 13px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 0px 0 0 4px;
  vertical-align: top;
  content: "";
}
body.re_pack #content .stats_report_box .report_check_box {
  padding-top: 16px;
}
body.re_pack #content .stats_report_box .report_check_box .check_list_box {
  position: relative;
}
body.re_pack #content .stats_report_box .report_check_box .check_list_box .btn {
  position: absolute;
  right: 24px;
  top: 50%;
  margin-top: -17px;
}
body.re_pack #content .stats_report_box .report_check_box .check_list_box .check_list {
  padding: 19px 23px;
  border: 1px solid #dedede;
}
body.re_pack #content .stats_report_box .report_check_box .check_list_box .check_list li {
  margin-top: 6px;
}
body.re_pack #content .stats_report_box .report_check_box .check_list_box .check_list li:first-child {
  margin-top: 0;
}
body.re_pack #content .stats_report_box .report_check_box .check_list_box .check_list li:after {
  display: block;
  clear: both;
  content: "";
}
body.re_pack #content .stats_report_box .report_check_box .check_list_box .check_list .sjt_inner {
  float: left;
  position: relative;
  width: 115px;
}
body.re_pack #content .stats_report_box .report_check_box .check_list_box .check_list .sjt {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #333;
}
body.re_pack #content .stats_report_box .report_check_box .check_list_box .check_list .check_inner {
  display: block;
  overflow: hidden;
}
body.re_pack #content .stats_report_box .report_check_box .check_list_box .check_list .check_inner .ick + .ick {
  margin-left: 10px;
}
body.re_pack #content .stats_report_box .report_check_box .check_list_box .check_list .check_inner .date {
  padding-left: 38px;
  font-size: 14px;
  color: #666;
  vertical-align: sub;
}
body.re_pack #content .stats_report_box .report_check_box .check_list_box .check_list .check_inner.type2 .ick {
  margin-right: 10px;
}
body.re_pack #content .stats_report_box .report_check_box .check_list_box .check_list .check_inner.type2 .ick + .ick {
  margin-left: 0;
}
body.re_pack #content .stats_report_box .report_check_box .table {
  margin-top: 36px;
}
body.re_pack #content .stats_report_box .header_group {
  position: relative;
}
body.re_pack #content .stats_report_box .header_group .ico_help3 {
  margin-top: -1px;
}
body.re_pack #content .stats_report_box .tab_right_box {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 49px;
  border-bottom: 1px solid #ddd;
}
body.re_pack #content .stats_report_box .tab_right_box .tab {
  float: right;
}
body.re_pack #content .stats_report_box .tab_right_box .tab li {
  float: left;
  position: relative;
  min-width: 148px;
  border: 1px solid #d8d8d8;
  margin-left: -1px;
}
body.re_pack #content .stats_report_box .tab_right_box .tab .link {
  position: relative;
  display: block;
  background-color: #fdfdfd;
  height: 48px;
  padding: 0 10px;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body.re_pack #content .stats_report_box .tab_right_box .tab li.on .link {
  background-color: #fff;
  font-weight: 600;
}
body.re_pack #content .stats_report_box .tab_right_box .tab li.on:after {
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  height: 1px;
  background-color: #fff;
  content: "";
}
body.re_pack #content .stats_report_box .tab_right_box:after {
  display: block;
  clear: both;
  content: "";
}
body.re_pack #content .stats_report_box .right_check_box {
  position: absolute;
  right: 0;
  top: 2px;
  text-align: right;
}
body.re_pack #content .stats_report_box .right_check_box .ick.op1 .ph {
  color: #666;
}
body.re_pack #content .stats_report_box .right_check_box .ick + .ick {
  margin-left: 11px;
}
body.re_pack #content .stats_report_box .right_check_box .ick .checkbox {
  margin-top: 1px;
}
body.re_pack #content .stats_report_box .lecture_state .table, body.re_pack #content .stats_report_box .movie_state .table {
  margin-top: 24px;
}
body.re_pack #content .stats_report_box .video_slide .table {
  margin-top: 33px;
}
body.re_pack #content .stats_report_box .movie_state h2.tit {
  margin-top: 56px;
}
body.re_pack #content .stats_report_box .lecture_per_box h2.tit {
  margin-top: 32px;
}
body.re_pack #content .stats_report_box .lecture_per_box .table {
  margin-top: 10px;
}
body.re_pack #content .stats_report_box .lecture_per_box .table .table_sjt {
  padding-top: 12px;
  color: #999;
  background: #fff !important;
  text-align: left;
  vertical-align: top;
}
body.re_pack #content .stats_report_box .lecture_per_box .report_list {
  margin-top: 32px;
}
body.re_pack #content .stats_report_box .lecture_per_box .report_list li {
  height: 102px;
}
body.re_pack #content .stats_report_box .lecture_per_box .group_lr {
  margin-top: 15px;
}
body.re_pack #content .stats_report_box .lecture_per_box .title {
  padding-left: 24px;
}
body.re_pack #content .stats_report_box .student_play_box {
  position: relative;
  margin-top: 36px;
}
body.re_pack #content .stats_report_box .student_play_box .table {
  margin-top: 24px;
}
body.re_pack #content .stats_report_box .report_present_box {
  position: relative;
  margin-top: 36px;
}
body.re_pack #content .stats_report_box .report_present_box .table {
  margin-top: 24px;
}
body.re_pack #content .stats_report_box .report_present_box .header_group {
  padding-top: 11px;
  height: 50px;
}
body.re_pack #content .stats_report_box .report_movie_box {
  position: relative;
  margin-top: 31px;
}
body.re_pack #content .stats_report_box .report_movie_box .table {
  margin-top: 11px;
}
body.re_pack #content .stats_report_box .report_movie_box .table .movie_sjt {
  font-size: 12px;
  color: #999;
  vertical-align: middle;
}
body.re_pack #content .stats_report_box .report_movie_box .table .title {
  vertical-align: top;
  padding-top: 11px;
  background-color: #fff !important;
}
body.re_pack #content .stats_report_box .report_movie_box .table .play_time {
  line-height: 14px;
}
body.re_pack #content .stats_report_box .report_movie_box .table .in_table {
  padding: 0;
  vertical-align: top;
}
body.re_pack #content .stats_report_box .report_movie_box .table .in_table .in_table_inner {
  overflow: hidden;
}
body.re_pack #content .stats_report_box .report_movie_box .table .in_table .table {
  margin-top: -1px;
  border: 0;
  height: 100%;
}
body.re_pack #content .stats_report_box .report_movie_box .table .in_table .table td {
  background: #fff;
}
body.re_pack #content .stats_report_box .report_movie_box .table .in_table .table tr.even td {
  background: #fdfdfd;
}
body.re_pack #content .ly_popup {
  position: absolute;
  left: 0;
  top: 0;
  padding: 24px;
  background: #fdfdfd;
  border: solid 1px #d1d1d1;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
  z-index: 20;
}
body.re_pack #content .ly_popup .ly_sjt {
  display: block;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  color: #333;
  line-height: 18px;
}
body.re_pack #content .ly_popup .main_dsc {
  margin-top: 23px;
  font-size: 14px;
  color: #333;
  line-height: 16px;
}
body.re_pack #content .ly_popup .sub_dsc {
  margin-top: 8px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
body.re_pack #content .ly_popup .close_btn {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_ly_popup_close);
  background-repeat: no-repeat;
  background-position: -839px 0px;
  width: 33px;
  height: 33px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  right: 0;
  top: 0;
}
body.re_pack #content .new_boost_btm {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  z-index: 1500;
  border-top: 1px solid #f0f0f0;
}
body.re_pack #content .new_boost_btm .group_lr {
  width: 1160px;
  padding: 16px 40px 16px 360px;
  margin: auto;
  background-color: #fff;
}
body.re_pack #content .new_boost_btm .txt_desc {
  display: inline-block;
  margin-right: 21px;
  margin-top: 0;
}
body.re_pack #content .new_boost_btm .txt_desc:only-child {
  margin-right: 0;
  margin-top: 16px;
}
body.re_pack #content .new_boost_btm .gray_desc {
  display: inline-block;
  margin-right: 5px;
  color: #666;
  font-size: 13px;
  line-height: 20px;
}
body.re_pack #content .new_boost_btm .submit_num {
  display: inline-block;
  margin-right: 19px;
  color: #999;
}
body.re_pack #content .new_boost_btm .submit_num em {
  font-weight: 600;
  color: #333;
}

/* _footer.scss */
#footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  background: #fff;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
#footer:after {
  display: block;
  clear: both;
  content: "";
}
#footer .layout_in {
  padding: 0 36px;
  margin: 0 auto;
  position: relative;
  max-width: 1332px;
  min-width: 1052px;
  height: 175px;
  font-size: 12px;
  color: #999;
}
#footer .layout_in:after {
  display: block;
  clear: both;
  content: "";
}
#footer .f_lst {
  padding-top: 26px;
  line-height: 16px;
}
#footer .f_lst li {
  display: inline-block;
  color: #333;
  font-weight: 700;
}
#footer .f_lst li a {
  color: #333;
  font-size: 14px;
}
#footer .f_lst li + li {
  margin-left: 16px;
}
#footer .f_lst li + li a:before {
  content: "";
  margin: -1px 16px 1px 0;
  display: inline-block;
  width: 1px;
  height: 11px;
  background-color: #b2b2b2;
  vertical-align: middle;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
}
#footer .f_terms {
  padding-top: 24px;
  line-height: 13px;
}
#footer .f_terms a {
  display: inline-block;
  white-space: pre;
  color: #333;
}
#footer .f_terms strong {
  font-weight: 700;
}
#footer .f_terms .bar {
  margin: -1px 11px 1px 12px;
  display: inline-block;
  width: 1px;
  height: 11px;
  background-color: #cdcdcd;
  vertical-align: middle;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
}
#footer .f_terms_addres_box {
  overflow: hidden;
  margin-top: 8px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
#footer .f_terms_addres_box .addres_list {
  width: 672px;
  margin: -4px 0 0 -8px;
  overflow: hidden;
}
#footer .f_terms_addres_box .addres_list li {
  float: left;
  position: relative;
  margin-top: 6px;
  padding: 0 8px;
  font-size: 12px;
  color: #999;
  letter-spacing: -1px;
  line-height: 14px;
}
#footer .f_terms_addres_box .addres_list li .link {
  color: #999;
}
#footer .f_terms_addres_box .addres_list li:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background-color: #e9ebec;
  vertical-align: top;
  content: "";
}
#footer .f_app {
  position: absolute;
  right: 0;
  top: 110px;
  line-height: 0;
}
#footer .f_app a {
  float: left;
  margin-left: 10px;
}
#footer .f_app .ico_android {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_go_android);
  background-repeat: no-repeat;
  background-position: -772px -598px;
  width: 41px;
  height: 41px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
#footer .f_app .ico_apple {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_go_apple);
  background-repeat: no-repeat;
  background-position: -772px -643px;
  width: 41px;
  height: 41px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
#footer .copyright {
  margin-top: 16px;
  font-family: Helvetica, arial, "Apple SD Gothic Neo", sans-serif;
  color: #666;
  line-height: 14px;
}
#footer .copyright .corp {
  font-weight: normal;
  color: #333;
}
#footer.copy .layout_in {
  padding-top: 27px;
}
#footer .f_noti {
  display: none;
  border-bottom: 1px solid #f1f1f1;
}
#footer .f_noti .layout_in {
  height: 52px;
  border-top: none;
  font-size: 14px;
  line-height: 52px;
  color: #666;
}
#footer .f_noti .layout_in .tit {
  margin-right: 20px;
  color: #333;
  vertical-align: top;
}
#footer .f_noti .layout_in .dsc {
  display: inline-block;
  overflow: hidden;
  max-width: 60%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  letter-spacing: -0.7px;
}
#footer .f_noti .layout_in .more {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  color: #333;
}
#footer .f_noti .layout_in .more:after {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_more3);
  background-repeat: no-repeat;
  background-position: -868px -692px;
  width: 4px;
  height: 7px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-left: 9px;
}
#footer .sel_lang_box {
  position: absolute;
  right: 0;
  top: 14px;
}

#footer.new_f {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -88px;
  width: 100%;
  background-color: #25292f;
}
#footer.new_f:after {
  display: block;
  clear: both;
  content: "";
}
#footer.new_f.default .layout_in {
  background: #25292f url(https://ssl.pstatic.net/static/m/mooc/p/partner/boostcrs/new_boostcourse_24_white.svg) 100% 126px no-repeat;
  -webkit-background-size: 128px 24px;
          background-size: 128px 24px;
}
#footer.new_f .layout_in {
  height: auto;
  width: 1080px;
  margin: 0 auto;
  position: relative;
  max-width: 1332px;
  min-width: 1052px;
  font-size: 12px;
  padding: 0;
  color: #828c96;
  background-color: #25292f;
}
#footer.new_f .layout_in:after {
  display: block;
  clear: both;
  content: "";
}
#footer.new_f .f_lst {
  padding-top: 40px;
  line-height: 16px;
}
#footer.new_f .f_lst li {
  display: inline-block;
  color: #d9dce0;
  font-weight: 400;
}
#footer.new_f .f_lst li a {
  color: #d9dce0;
  font-size: 14px;
}
#footer.new_f .f_lst li + li {
  margin-left: 13px;
}
#footer.new_f .f_lst li + li a:before {
  content: "";
  margin: -1px 16px 1px 0;
  display: inline-block;
  width: 1px;
  height: 11px;
  background-color: #384047;
  vertical-align: middle;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
}
#footer.new_f .f_terms {
  padding-top: 40px;
  line-height: 13px;
}
#footer.new_f .f_terms a {
  display: inline-block;
  white-space: pre;
  color: #a5a8ad;
}
#footer.new_f .f_terms strong {
  font-weight: 700;
}
#footer.new_f .f_terms .bar {
  margin: -1px 6px 1px 5px;
  display: inline-block;
  width: 1px;
  height: 11px;
  background-color: #384047;
  vertical-align: middle;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
}
#footer.new_f .f_terms_box {
  margin-top: 22px;
}
#footer.new_f .f_terms_box p {
  letter-spacing: -0.3px;
}
#footer.new_f .f_terms_addres_box {
  overflow: hidden;
  margin-top: 6px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
#footer.new_f .f_terms_addres_box .addres_list {
  width: 842px;
  margin: -4px 0 0 -8px;
  overflow: hidden;
}
#footer.new_f .f_terms_addres_box .addres_list li {
  float: left;
  position: relative;
  margin-top: 7px;
  padding: 0 8px;
  font-size: 12px;
  color: #828c96;
  letter-spacing: -0.3px;
  line-height: 14px;
}
#footer.new_f .f_terms_addres_box .addres_list li:nth-child(4) {
  margin-right: 130px;
}
#footer.new_f .f_terms_addres_box .addres_list li .link {
  color: #828c96;
}
#footer.new_f .f_terms_addres_box .addres_list li:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background-color: #384047;
  vertical-align: top;
  content: "";
}
#footer.new_f .f_app {
  position: absolute;
  right: 0;
  top: 110px;
  line-height: 0;
}
#footer.new_f .f_app a {
  float: left;
  margin-left: 10px;
}
#footer.new_f .f_app .ico_android {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_go_android);
  background-repeat: no-repeat;
  background-position: -772px -598px;
  width: 41px;
  height: 41px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
#footer.new_f .f_app .ico_apple {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_go_apple);
  background-repeat: no-repeat;
  background-position: -772px -643px;
  width: 41px;
  height: 41px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
#footer.new_f .f_related {
  margin-top: 23px;
  padding: 25px 0 40px 0;
  border-top: 1px solid #384047;
}
#footer.new_f .f_related::after {
  content: "";
  display: block;
  clear: both;
}
#footer.new_f .f_related .copyright {
  color: #d9dce0;
  font-size: 12px;
  line-height: 16px;
}
#footer.new_f .f_related .list_wrap {
  float: right;
}
#footer.new_f .f_related .list_wrap .sns_list {
  float: left;
}
#footer.new_f .f_related .list_wrap .sns_list li {
  float: left;
}
#footer.new_f .f_related .list_wrap .sns_list li + li {
  margin-left: 16px;
}
#footer.new_f .f_related .list_wrap .sns_list a {
  display: block;
  width: 16px;
  height: 16px;
}
#footer.new_f .f_related .list_wrap .sns_list a.naver {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-naver);
  background-repeat: no-repeat;
  background-position: -444px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#footer.new_f .f_related .list_wrap .sns_list a.facebook {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-facebook);
  background-repeat: no-repeat;
  background-position: -300px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#footer.new_f .f_related .list_wrap .sns_list a.insta {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-instagram);
  background-repeat: no-repeat;
  background-position: -372px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#footer.new_f .f_related .list_wrap .site_list {
  float: left;
  margin-left: 24px;
  margin-top: 2px;
  width: 72px;
  position: relative;
}
#footer.new_f .f_related .list_wrap .site_list.open .btn_open i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  top: 0px;
}
#footer.new_f .f_related .list_wrap .site_list .btn_open {
  display: block;
  border: 0;
  color: #d9dce0;
  font-size: 12px;
  line-height: 13px;
  padding-right: 15px;
}
#footer.new_f .f_related .list_wrap .site_list .btn_open i {
  width: 12px;
  height: 13px;
  margin-left: 8px;
  display: block;
  position: absolute;
  top: -1px;
  right: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-dropdown-light);
  background-repeat: no-repeat;
  background-position: -433px -661px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
#footer.new_f .f_related .list_wrap .site_list .drop {
  display: none;
  width: 124px;
  padding: 16px;
  background-color: #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  position: absolute;
  bottom: 23px;
  right: 0;
  z-index: 10;
  -webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.16);
          box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.16);
}
#footer.new_f .f_related .list_wrap .site_list .drop li + li {
  margin-top: 16px;
}
#footer.new_f .f_related .list_wrap .site_list.open .drop {
  display: block;
}
#footer.new_f .btn_to_top {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 40px;
  right: 0;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background: #384047;
}
#footer.new_f .btn_to_top:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-go-to-top);
  background-repeat: no-repeat;
  background-position: -580px -629px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#footer.new_f .sel_lang_box {
  position: absolute;
  right: 0;
  top: 14px;
}
#footer.new_f[class^=simple] {
  height: 88px !important;
  min-height: 88px !important;
  padding: 38px 24px 0 24px;
}
#footer.new_f[class^=simple] .copyright {
  color: #828c96;
  font-size: 12px;
  line-height: 13px;
  margin-top: 0;
}
#footer.new_f[class^=simple] .btn_to_top {
  top: 24px;
  right: 24px;
}
#footer.new_f .btn_to_top {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 40px;
  right: 0px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
#footer.new_f .btn_to_top:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-go-to-top);
  background-repeat: no-repeat;
  background-position: -580px -629px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

body.re_pack.fs {
  background-image: none;
  /*    #wrap{
  		min-height: 1061px;
  	}*/
}
body.re_pack.fs #header {
  position: relative;
  padding-left: 0;
}
body.re_pack.fs #container {
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 176px;
  border-top: 0;
  border-bottom: 0;
  background-image: none;
}
body.re_pack.fs #content {
  float: none;
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 80px;
  padding-top: 0;
}

.ct_center {
  background: #F1F1F1;
}
.ct_center #header:after {
  display: none;
}
.ct_center #header:before {
  display: none;
}
.ct_center #container {
  width: 1056px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 236px;
  background: none;
}
.ct_center #content {
  padding: 0 36px;
}
.ct_center.v1 {
  background: #fff;
}

.ct_middle #wrap {
  min-height: 100%;
  height: 100%;
}
.ct_middle #header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.ct_middle #container {
  display: table;
  max-width: 100%;
  min-height: 100%;
  padding: 0;
  border-bottom: 0;
}
.ct_middle #container:before, .ct_middle #container:after {
  display: none;
}
.ct_middle #content {
  display: table-cell;
  padding: 81px 0 155px;
  vertical-align: middle;
  overflow: visible;
}
.ct_middle.ems_reject_page #content {
  padding: 81px 0 74px;
}
.ct_middle #footer {
  z-index: 30;
  min-width: 100%;
}

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

.fs_simple {
  background-image: none;
  background-color: #fafafa;
}
.fs_simple #wrap {
  height: 100%;
}
.fs_simple #header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.fs_simple #container {
  width: auto;
  min-height: 100%;
  padding: 61px 0 54px;
}
.fs_simple #content {
  max-width: none;
  padding: 0;
}
.fs_simple .simple_copy {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 36px;
  border-top: none;
  background: none;
  text-align: center;
}
.fs_simple .simple_copy .copyright {
  margin-top: 0;
  font-size: 12px;
  color: #999;
}
.fs_simple .simple_copy .copyright .corp {
  color: #333;
}

.re_pack.w1080.bg_gray {
  background-image: none;
  background-color: #f1f1f1;
  height: 100%;
}
.re_pack.w1080.bg_gray #wrap {
  min-height: 100%;
}
.re_pack.w1080.bg_gray #container {
  min-height: 100%;
}
.re_pack.w1080 #wrap {
  min-width: 1160px;
  position: relative;
}
.re_pack.w1080 #header[class^=main_] {
  background-color: #fff;
}
.re_pack.w1080 #container {
  width: 1160px;
  margin: 0 auto;
  padding: 40px 40px 380px;
}
.re_pack.w1080.bg_gray #content {
  width: 1080px;
}
.re_pack.w1080 #snb.mypage_menu {
  width: 200px;
  padding: 0;
  background-color: transparent;
  float: left;
}
.re_pack.w1080 #snb.mypage_menu + #content {
  width: 880px;
  padding: 0 0 0 24px;
  margin: 0;
}
.re_pack.w1080 #snb.mypage_menu nav {
  padding: 0;
}
.re_pack.w1080 #snb.mypage_menu nav li {
  margin-top: 4px;
  font-weight: normal;
}
.re_pack.w1080 #snb.mypage_menu nav li:first-child {
  margin-top: 0;
}
.re_pack.w1080 #snb.mypage_menu nav li a {
  display: block;
  height: 48px;
  padding: 0 20px;
  background-color: #fff;
  line-height: 48px;
  color: #666;
  text-decoration: none;
}
.re_pack.w1080 #snb.mypage_menu nav li.selected a {
  color: #fff;
}
.re_pack.w1080 #content {
  padding: 0;
  max-width: none;
}
.re_pack.w1080 #footer {
  position: absolute;
  left: auto;
  right: auto;
  bottom: 0;
}

.re_pack.responsive.bg_gray {
  background-image: none;
  background-color: #f1f1f1;
  height: 100%;
}
.re_pack.responsive.bg_gray #header {
  min-width: 1016px;
}
.re_pack.responsive.bg_gray #wrap {
  min-height: 100%;
  min-width: 1016px;
  position: relative;
}
.re_pack.responsive.bg_gray #container {
  width: auto;
  max-width: 1240px;
  min-height: 100%;
}
.re_pack.responsive.bg_gray #content {
  width: 100%;
}
.re_pack.responsive #header[class^=main_] {
  background-color: #fff;
}
.re_pack.responsive #container {
  min-width: 1016px;
  margin: 0 auto;
  padding: 40px 80px 164px;
}
.re_pack.responsive #snb.mypage_menu {
  width: 200px;
  padding: 0;
  background-color: transparent;
  float: left;
}
.re_pack.responsive #snb.mypage_menu + #content {
  width: 880px;
  padding: 0 0 0 24px;
  margin: 0;
}
.re_pack.responsive #snb.mypage_menu nav {
  padding: 0;
}
.re_pack.responsive #snb.mypage_menu nav li {
  margin-top: 4px;
  font-weight: normal;
}
.re_pack.responsive #snb.mypage_menu nav li:first-child {
  margin-top: 0;
}
.re_pack.responsive #snb.mypage_menu nav li a {
  display: block;
  height: 48px;
  padding: 0 20px;
  background-color: #fff;
  line-height: 48px;
  color: #666;
  text-decoration: none;
}
.re_pack.responsive #snb.mypage_menu nav li.selected a {
  color: #fff;
}
.re_pack.responsive #content {
  padding: 0;
  max-width: none;
}
.re_pack.responsive #footer {
  position: absolute;
  left: auto;
  right: auto;
  bottom: 0;
}

.bg_cpt {
  background-color: #ecf0f1;
}
.bg_cpt #wrap {
  min-width: 1080px;
}

.mobile:not([class*=view_]) .modal_wrap .modal_inner {
  display: block;
}
.mobile:not([class*=view_]) .modal_wrap .modal_inner .modal_container {
  display: block;
}
.mobile:not([class*=view_]) .modal_wrap .modal_inner .modal_container .modal_content {
  width: 100%;
  min-height: 100%;
  margin: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  padding: 0 20px 141px 20px;
}
.mobile:not([class*=view_]) .modal_wrap .modal_inner .modal_container .modal_content .modal_close {
  width: 24px;
  height: 24px;
}
.mobile:not([class*=view_]) .modal_wrap .modal_inner .modal_container .modal_content .modal_header .modal_title {
  color: #333;
  margin: 17px 0 18px 0;
  font-size: 16px;
  line-height: 17px;
  float: none;
  text-align: center;
}
.mobile:not([class*=view_]) .modal_wrap .modal_inner .modal_container .modal_content .modal_body {
  overflow: hidden;
  max-height: none;
  padding: 40px 0;
  margin: 0;
}

.modal_wrap {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  overflow: auto;
  -webkit-backface-visibility: hidden;
}
.modal_wrap h4,
.modal_wrap strong.tit {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.modal_wrap .ph {
  font-size: 14px;
}
.modal_wrap .modal_inner {
  display: table;
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal_wrap .modal_dimmed {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1049;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.modal_wrap .modal_dimmed iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal_wrap .ick .radio {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_radio);
  background-repeat: no-repeat;
  background-position: -407px -841px;
  width: 14px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .ick .radio.checked {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_radio_checked);
  background-repeat: no-repeat;
  background-position: -371px -841px;
  width: 14px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  background-color: transparent !important;
}
.modal_wrap .modal_container {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.modal_wrap .modal_container .btn.btn_type1 {
  color: #fff;
  height: 36px;
  padding: 0 19px 0;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.modal_wrap .modal_close {
  font-size: 0;
  line-height: 0;
  text-indent: -9999;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1055;
  border: 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/icon-modal-close.svg);
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.modal_wrap .modal_content {
  position: relative;
  z-index: 1055;
  width: 800px;
  margin: 30px auto;
  padding: 0 40px;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  background: #fff;
  text-align: left;
  padding-bottom: 40px;
}
.modal_wrap .modal_header:before, .modal_wrap .modal_header:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap .modal_header {
  border-bottom: 1px solid #333;
}
.modal_wrap .modal_header h1,
.modal_wrap .modal_header h2,
.modal_wrap .modal_header h3,
.modal_wrap .modal_header h4,
.modal_wrap .modal_header h5,
.modal_wrap .modal_header h6 {
  margin: 16px 0 24px 0;
  padding: 0;
  font-size: 24px;
  line-height: 27px;
  font-weight: 700;
  color: #2a2c2f;
}
.modal_wrap .modal_header h1 {
  margin-top: 22px;
  margin-bottom: 13px;
  padding: 34px 0 11px 0;
}
.modal_wrap .modal_header .modal_title {
  float: left;
}
.modal_wrap .modal_header .modal_title .sub {
  font-weight: normal;
}
.modal_wrap .modal_header .modal_title .cnt {
  color: #00c73c;
}
.modal_wrap .modal_header.border_b_n {
  border-bottom: 0 !important;
}
.modal_wrap .modal_header .group_lr .group_r .it {
  margin: 53px 0 0 0;
}
.modal_wrap .modal_header .group_lr .mat42 {
  margin-top: 58px !important;
}
.modal_wrap .modal_header .pg_num_area {
  float: right;
  padding-top: 61px;
}
.modal_wrap .modal_header .pg_num_area:before, .modal_wrap .modal_header .pg_num_area:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap .modal_header .pg_num_area .pg_num {
  float: left;
  width: 17px;
  height: 17px;
  background-color: #DADADA;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.modal_wrap .modal_header .pg_num_area .pg_num + .pg_num {
  margin-left: 4px;
}
.modal_wrap .modal_header .pg_num_area .pg_num em {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  text-indent: 1px;
  color: #FFF;
}
.modal_wrap .modal_header .pg_num_area .pg_num.on {
  background-color: #00c73c;
}
.modal_wrap .modal_header .pg_num_area:hover {
  cursor: default;
}
.modal_wrap .modal_body {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 500px;
}
.modal_wrap .modal_body::-webkit-scrollbar {
  width: 8px;
}
.modal_wrap .modal_body::-webkit-scrollbar-track {
  background: #fff;
}
.modal_wrap .modal_body::-webkit-scrollbar-thumb {
  background: #999;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.modal_wrap .modal_body .terms {
  color: #595c61;
  font-size: 14px;
  line-height: 22px;
}
.modal_wrap .modal_body > p + p {
  margin-top: 10px;
}
.modal_wrap .modal_body > * + p {
  margin-top: 10px;
}
.modal_wrap .modal_body.type2 {
  padding: 34px 0;
}
.modal_wrap .modal_body.type3 {
  padding: 30px;
  line-height: 1.8;
}
.modal_wrap .modal_body.type4 {
  overflow: hidden;
  max-height: 550px;
  padding: 0;
}
.modal_wrap .modal_body.type5 {
  overflow: hidden;
  max-height: 600px;
  padding: 24px 0 30px 0;
  line-height: 24px;
  letter-spacing: -1px;
}
.modal_wrap .modal_body.type6 {
  padding: 30px 30px 60px;
}
.modal_wrap .modal_body.scroll_x {
  position: relative;
  margin-top: -1px;
  overflow-x: auto;
  overflow-y: hidden;
  max-height: initial;
  z-index: 10;
}
.modal_wrap .modal_body.scroll_x + .modal_footer {
  margin-top: -1px;
}
.modal_wrap .modal_body p a {
  color: #00c73c;
}
.modal_wrap .modal_body fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.modal_wrap .modal_body .page {
  width: auto;
  min-height: auto;
}
.modal_wrap .modal_body .file_info {
  position: relative;
  margin: 0 0 20px 0;
  padding: 1px 0 0 64px;
  min-height: 46px;
}
.modal_wrap .modal_body .file_info:before, .modal_wrap .modal_body .file_info:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap .modal_body .file_info:before {
  position: absolute;
  top: 0;
  left: 0;
}
.modal_wrap .modal_body .file_info .btn {
  margin: 0 0 0 6px;
  vertical-align: top;
  cursor: pointer;
}
.modal_wrap .modal_body .file_info .btn input {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal_wrap .modal_body .file_info .info {
  position: relative;
  top: -1px;
  font-size: 12px;
  color: #999;
}
.modal_wrap .modal_body .file_info .info span {
  display: inline-block;
  float: left;
}
.modal_wrap .modal_body .file_info .info .bar {
  margin: 0 8px;
  color: #CCC;
}
.modal_wrap .modal_body .file_info .url {
  margin: 10px 0 0;
}
.modal_wrap .modal_body .ic_arrow_right {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr_right);
  background-repeat: no-repeat;
  background-position: -747px -787px;
  width: 13px;
  height: 9px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 0 6px;
  font-size: 0;
  line-height: 0;
}
.modal_wrap .modal_body .confirm_txt {
  margin-top: 8px;
}
.modal_wrap .modal_body .confirm_txt .title,
.modal_wrap .modal_body .confirm_txt .txt {
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
}
.modal_wrap .modal_body .confirm_txt .title {
  color: #333;
}
.modal_wrap .modal_body .confirm_txt .txt {
  margin-left: 12px;
}
.modal_wrap .modal_body .confirm_txt .ic_direction {
  display: inline-block;
  vertical-align: top;
  width: 13px;
  height: 9px;
  margin: 4px 6px 0;
  font-size: 0;
  line-height: 0;
}
.modal_wrap .modal_body .mailto {
  min-height: 32px;
}
.modal_wrap .modal_body .noti_box {
  padding: 20px;
  background-color: #F7F7F7;
  color: #666;
  line-height: 16px;
}
.modal_wrap .modal_body .noti_box + h2.tit {
  margin-top: 40px;
}
.modal_wrap .modal_body .lnk_go {
  display: inline-block;
  margin-top: 10px;
  line-height: 16px;
  color: #333;
  text-decoration: underline;
}
.modal_wrap .modal_body .lnk_go:after {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_more3);
  background-repeat: no-repeat;
  background-position: -868px -692px;
  width: 4px;
  height: 7px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-left: 4px;
  vertical-align: 1px;
}
.modal_wrap .modal_body .table.table_type1 td .txt_desc {
  padding-bottom: 3px;
}
.modal_wrap .modal_body .privacy_area {
  padding-top: 40px;
}
.modal_wrap .modal_body .privacy_area .privacy_title {
  color: #010101;
  font-sizE: 24px;
  line-height: 27px;
  font-weight: 700;
}
.modal_wrap .modal_body .privacy_area .privacy_title + .privacy_text {
  margin-top: 24px;
}
.modal_wrap .modal_body .privacy_area .privacy_text {
  color: #25292f;
  font-size: 14px;
  line-height: 25px;
}
.modal_wrap .modal_body .privacy_area .privacy_text b {
  font-weight: 700;
}
.modal_wrap .modal_body .privacy_area .privacy_term {
  margin-top: 24px;
}
.modal_wrap .modal_body .privacy_area .privacy_term .term_box {
  color: #384047;
  font-size: 13px;
  line-height: 20px;
}
.modal_wrap .modal_body .privacy_area .privacy_term .term_box .term_row {
  position: relative;
  padding-left: 10px;
}
.modal_wrap .modal_body .privacy_area .privacy_term .term_box .term_row + .term_row {
  margin-top: 3px;
}
.modal_wrap .modal_body .privacy_area .privacy_term .term_box .term_row:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  display: block;
  width: 2px;
  height: 2px;
  background: #384047;
}
.modal_wrap .modal_footer {
  position: relative;
  padding: 24px 0 0px;
  border-top: 1px solid #b3b3b3;
  text-align: right;
}
.modal_wrap .modal_footer:after {
  display: table;
  clear: both;
  content: "";
}
.modal_wrap .modal_footer.border_t_n {
  border-top: 0 !important;
}
.modal_wrap .modal_footer .group_lr {
  margin-top: 0;
}
.modal_wrap .modal_footer .btn + .btn {
  margin-left: 2px;
}
.modal_wrap .modal_footer .period_popup {
  text-align: left;
}
.modal_wrap .modal_footer .period_popup .txt_desc {
  display: inline-block;
  margin-right: 16px;
  line-height: 14px;
  vertical-align: middle;
}
.modal_wrap .modal_footer .period_popup .txt_desc::before {
  top: 1px;
}
.modal_wrap .modal_footer .period_popup .ick.fs12 {
  vertical-align: middle;
}
.modal_wrap .modal_footer .period_popup .period_set {
  margin-top: 8px;
  color: #a1a1a1;
}
.modal_wrap .modal_footer .period_popup .period_set .input_txt {
  width: 100px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #cbcbcb;
  line-height: 34px;
  color: #666;
}
.modal_wrap .modal_footer .txt_desc::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon-warning);
  background-repeat: no-repeat;
  background-position: -316px -934px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.modal_wrap .modal_footer .group_l {
  float: left;
}
.modal_wrap .modal_footer .group_l p.txt_desc {
  line-height: 14px;
  text-align: left;
}
.modal_wrap .modal_footer .group_l p.txt_desc:before {
  top: -1px;
}
.modal_wrap .modal_footer .group_r .btn.btn_type14 {
  height: 36px;
  padding: 10px 19px;
}
.modal_wrap .modal_footer .btn_privacy_disagree {
  padding: 0 20px;
  color: #828c96;
  font-size: 14px;
  line-height: 35px;
  font-weight: 700;
}
.modal_wrap .modal_footer .btn_privacy_disagree + .btn_privacy_agree {
  margin-left: 8px;
}
.modal_wrap .modal_footer .btn_privacy_agree {
  padding: 0 20px;
  color: #fff;
  font-size: 14px;
  line-height: 35px;
  font-weight: 700;
}
.modal_wrap .modal_editor .mce_editor .mce-btn-group {
  padding-right: 8px;
}
.modal_wrap .modal_editor .mce_editor .mce-btn-group .mce-first {
  margin-left: 9px;
}
.modal_wrap .modal_editor .mce_editor .modal_wrap .modal_editor .mce_editor .mce-btn-group {
  padding-right: 11px;
}
.modal_wrap .modal_editor .mce_editor .mce-btn-group .mce-btn + .mce-btn {
  margin-left: 6px;
}
.modal_wrap .btn_wrap {
  text-align: center;
  background-color: #f9f9f9;
}
.modal_wrap .btn_wrap .btn {
  padding: 30px 0;
  height: 100%;
  width: 100%;
}
.modal_wrap .dl_list {
  padding-top: 16px;
  margin-bottom: 16px;
  color: #333;
  font-size: 14px;
  line-height: 15px;
}
.modal_wrap .dl_list dt {
  float: left;
}
.modal_wrap .dl_list dt + dd {
  position: relative;
  padding-left: 17px;
}
.modal_wrap .dl_list dt + dd:before {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background-color: #ddd;
  position: absolute;
  left: 8px;
  top: 1.5px;
}
.modal_wrap .dl_list dd {
  overflow: hidden;
}
.modal_wrap {
  /* 강좌개설하기 */
}
.modal_wrap.new_lecture .input_url {
  text-transform: lowercase;
}
.modal_wrap.new_lecture .public .ick:first-child {
  margin-right: 50px;
}
.modal_wrap.new_lecture .lecture_type:before, .modal_wrap.new_lecture .lecture_type:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap.new_lecture .lecture_type {
  padding: 30px 0 28px;
}
.modal_wrap.new_lecture .lecture_type .type_area {
  display: table-cell;
  height: 331px;
  width: 342px;
  vertical-align: middle;
}
.modal_wrap.new_lecture .lecture_type .type_area .ick.big {
  width: 40px;
  height: 40px;
  padding-left: 0;
}
.modal_wrap.new_lecture .lecture_type .type_area .ick.big .radio {
  background-color: transparent;
}
.modal_wrap.new_lecture .lecture_type .type_area .ick.big .radio.checked {
  background-color: transparent;
}
.modal_wrap.new_lecture .lecture_type li {
  float: left;
  width: 342px;
  height: 331px;
  border: 1px solid #e6e6e6;
  text-align: center;
  cursor: pointer;
}
.modal_wrap.new_lecture .lecture_type li:first-child {
  margin: 0 12px 0 0;
}
.modal_wrap.new_lecture .lecture_type li.on {
  border-color: #999;
}
.modal_wrap.new_lecture .lecture_type .type dt {
  margin: 0 0 22px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #010101;
}
.modal_wrap.new_lecture .lecture_type .type dd {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  line-height: 23px;
  margin: 0;
}
.modal_wrap.new_lecture .lecture_type .type .sub {
  margin: 8px 0 0;
  color: #999;
  font-weight: normal;
  line-height: 19px;
  font-size: 14px;
}
.modal_wrap.new_lecture .lecture_type .type .bar {
  display: block;
  width: 20px;
  height: 1px;
  margin: 21px auto 0;
  background: #999;
}
.modal_wrap.new_lecture .lecture_type .ick {
  margin: 30px 0 0;
}
.modal_wrap {
  /* 변경사항 저장 확인, 변경사항 삭제 확인 */
}
.modal_wrap.cfrm_change .txts + .txts {
  padding: 5px 0 0;
}
.modal_wrap.cfrm_change .txts span,
.modal_wrap.cfrm_change .txts .slt {
  display: inline-block;
  margin-top: 0;
  vertical-align: top;
}
.modal_wrap.cfrm_change .txts span.txt {
  margin-top: 9px;
  padding: 0;
}
.modal_wrap.cfrm_change .txts .slt {
  display: inline-block;
}
.modal_wrap.pop_forum .sel_wrap {
  position: relative;
  z-index: 1000;
}
.modal_wrap.pop_forum .sel_wrap:before, .modal_wrap.pop_forum .sel_wrap:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap.pop_forum .box_area {
  padding: 0;
  border: 0;
}
.modal_wrap.pop_forum .box_area ul.tagit input[type=text] {
  border: 0;
}
.modal_wrap.pop_forum .box_area.tag dl dt {
  width: 80px;
}
.modal_wrap.pop_forum .modal_body {
  max-height: none;
}
.modal_wrap.pop_forum .modal_footer .group_l .txt_desc {
  display: inline-block;
  *display: inline;
}
.modal_wrap.pop_forum .modal_footer .group_l .ick {
  margin: 0px 0 0 15px;
  vertical-align: middle;
}
.modal_wrap.quiz_preview .modal_content, .modal_wrap.lecture_info_preview .modal_content {
  width: 850px;
}
.modal_wrap.quiz_preview .modal_body > section, .modal_wrap.lecture_info_preview .modal_body > section {
  margin-top: -1px;
}
.modal_wrap.quiz_preview .le_info, .modal_wrap.lecture_info_preview .le_info {
  padding-top: -1px;
  margin: 0;
}
.modal_wrap.peer_register_preview .modal_content {
  width: 820px;
}
.modal_wrap.peer_register_preview .modal_body > section {
  padding: 30px 0;
}
.modal_wrap.ce_preview .modal_content {
  width: 841px;
}
.modal_wrap.ce_preview .modal_body.ce.ce_view > div {
  padding-bottom: 26px;
}
.modal_wrap.ce_preview .modal_body.ce.ce_view > .material_view:first-child {
  margin-top: 0;
}
.modal_wrap.ce_preview .modal_body.forum_view .forum_func {
  height: 50px;
  margin: 0 0 29px;
  padding: 8px 5px 9px;
  border-bottom: 1px solid #e8e8e8;
}
.modal_wrap.survey_new .survey {
  padding: 32px 20px 0 20px !important;
  border: 1px solid #cfcfcf;
}
.modal_wrap.survey_new .survey .lst_survey {
  overflow: hidden;
  overflow-y: scroll;
  max-height: 115px;
}
.modal_wrap.survey_new .ta_c {
  margin-bottom: 15px;
}
.modal_wrap.survey_new .remove {
  display: none;
}
.modal_wrap.survey_result .survey_result_area {
  position: relative;
  border: 1px solid #e0e0e0;
}
.modal_wrap.survey_result .survey_result_area h2 {
  min-height: 63px;
  margin: 0;
  padding: 24px 20px 20px;
  background: #efefef;
  font-size: 16px;
  line-height: 18px;
  color: #333;
}
.modal_wrap.survey_result .survey_result_area .total_survey {
  position: absolute;
  top: 19px;
  right: 20px;
  font-size: 13px;
}
.modal_wrap.survey_result .survey_result_area .total_survey em {
  color: #00c73c;
}
.modal_wrap.survey_result .survey_result_area .result {
  overflow: hidden;
  overflow-y: scroll;
  max-height: 173px;
}
.modal_wrap.survey_result .survey_result_area .result li {
  padding: 20px 20px 17px;
  border-top: 1px solid #e0e0e0;
  color: #848484;
  line-height: 18px;
}
.modal_wrap.survey_result .survey_result_area .result li em {
  font-style: normal;
  font-size: 11px;
  color: #00c73c;
}
.modal_wrap.record_view .modal_content {
  width: 820px;
}
.modal_wrap.assess_incomplete h2 {
  margin: 70px 0 69px;
  font-size: 24px;
  color: #333;
  text-align: center;
}
.modal_wrap.assess_incomplete h2 em {
  color: #ffae00;
  font-style: normal;
}
.modal_wrap.assess_incomplete h3 {
  margin-bottom: 7px;
  color: #656565;
  font-size: 14px;
}
.modal_wrap.assess_incomplete h3 .ico {
  margin: -2px 4px 0 0;
}
.modal_wrap.assess_incomplete .table + h3 {
  margin-top: 35px;
}
.modal_wrap.assess_incomplete .table {
  margin: 0;
  border-bottom: 1px solid #e9e9e9;
}
.modal_wrap.assess_incomplete .table th {
  color: #010101;
}
.modal_wrap.assess_incomplete .table td {
  color: #a9a9a9;
}
.modal_wrap.assess_incomplete .table th,
.modal_wrap.assess_incomplete .table td {
  height: 50px;
  padding: 8px 0 5px;
  border-top: 1px solid #e9e9e9;
  text-align: center;
  font-weight: normal;
}
.modal_wrap.assess_incomplete .table .btn_type4 {
  margin-top: -3px;
  width: 87px;
}
.modal_wrap.assess_incomplete .btn_type2 {
  width: 84px;
}
.modal_wrap.quiz_load .modal_body {
  height: 500px;
}
.modal_wrap.quiz_load .quiz_load_table tfoot {
  text-align: center;
}
.modal_wrap.quiz_load .quiz_load_table tfoot a:hover, .modal_wrap.quiz_load .quiz_load_table tfoot a:focus {
  text-decoration: none;
}
.modal_wrap.quiz_load .quiz_load_table tfoot em {
  color: #999;
}
.modal_wrap.quiz_load .quiz_load_table tbody th {
  vertical-align: top;
}
.modal_wrap.quiz_load .quiz_load_table tbody td {
  text-align: left;
  vertical-align: top;
}
.modal_wrap.quiz_load .quiz_load_table .set a {
  display: inline-block;
  max-width: 434px;
  color: #333;
  text-decoration: none !important;
}
.modal_wrap.quiz_load .quiz_load_table .set em {
  display: inline-block;
  float: right;
  width: 86px;
  text-align: center;
}
.modal_wrap.quiz_load .quiz_load_table .set.active {
  font-weight: 700;
}
.modal_wrap.quiz_load .quiz_load_table .set.active + ul {
  display: block;
}
.modal_wrap.quiz_load .quiz_load_table ul {
  display: none;
  padding: 6px 0 4px;
}
.modal_wrap.quiz_load .quiz_load_table li {
  position: relative;
}
.modal_wrap.quiz_load .quiz_load_table li:before, .modal_wrap.quiz_load .quiz_load_table li:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap.quiz_load .quiz_load_table li .ick {
  overflow: visible;
}
.modal_wrap.quiz_load .quiz_load_table li .ick .ph {
  float: left;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  max-width: 410px;
}
.modal_wrap.quiz_load .quiz_load_table li .etc {
  overflow: hidden;
  float: right;
}
.modal_wrap.quiz_load .quiz_load_table li .etc span,
.modal_wrap.quiz_load .quiz_load_table li .etc em {
  display: block;
  float: left;
  width: 98px;
  text-align: center;
}
.modal_wrap.quiz_load .quiz_load_table li .etc em {
  width: 86px;
}
.modal_wrap.quiz_load .quiz_load_table li:before {
  position: absolute;
  top: 10px;
  left: -14px;
  font-size: 8px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#m_quizload_sub);
  background-repeat: no-repeat;
  background-position: -868px -740px;
  width: 4px;
  height: 4px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap.add_email .modal_header {
  position: relative;
  height: auto;
  border-bottom-color: #454545;
}
.modal_wrap.add_email .modal_header .group_lr {
  margin: 0;
}
.modal_wrap.add_email .modal_header .group_lr .group_r {
  margin-top: 37px;
}
.modal_wrap.add_email .modal_header .group_lr .group_r .nickname {
  position: relative;
  display: inline-block;
}
.modal_wrap.add_email .modal_header .group_lr .group_r .it {
  margin-top: 0;
}
.modal_wrap.add_email .modal_header .group_lr .group_r .slt {
  vertical-align: top;
}
.modal_wrap.add_email .modal_header .modal_title {
  float: none;
}
.modal_wrap.add_email .modal_header .page_search {
  position: absolute;
  right: 0;
  bottom: 5px;
}
.modal_wrap.add_email .table td strong {
  color: #00c73c;
}
.modal_wrap.add_email .paginate {
  margin: 24px 0 38px;
}
.modal_wrap.add_email .modal_body {
  border-bottom: 1px solid #ebebeb;
}
.modal_wrap.add_email .select_info {
  padding-right: 20px;
}
.modal_wrap.add_email .select_info em {
  color: #00c73c;
}
.modal_wrap.eval_peer .modal_content, .modal_wrap.eval_task .modal_content, .modal_wrap.quiz_rating .modal_content, .modal_wrap.quiz_result .modal_content {
  width: 849px;
}
.modal_wrap.eval_peer h2.tit, .modal_wrap.eval_task h2.tit, .modal_wrap.quiz_rating h2.tit, .modal_wrap.quiz_result h2.tit {
  margin: 23px 0 13px;
  font-size: 16px;
  font-weight: normal;
  color: #333;
}
.modal_wrap.eval_peer .txt.sm, .modal_wrap.eval_task .txt.sm, .modal_wrap.quiz_rating .txt.sm, .modal_wrap.quiz_result .txt.sm {
  color: #848484;
}
.modal_wrap.eval_peer .txt.sm strong, .modal_wrap.eval_task .txt.sm strong, .modal_wrap.quiz_rating .txt.sm strong, .modal_wrap.quiz_result .txt.sm strong {
  color: #010101;
}
.modal_wrap.eval_peer .eval_peer_lst, .modal_wrap.eval_task .eval_peer_lst, .modal_wrap.quiz_rating .eval_peer_lst, .modal_wrap.quiz_result .eval_peer_lst {
  margin-top: 8px;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.modal_wrap.eval_peer .eval_peer_lst li, .modal_wrap.eval_task .eval_peer_lst li, .modal_wrap.quiz_rating .eval_peer_lst li, .modal_wrap.quiz_result .eval_peer_lst li {
  position: relative;
  padding: 16px 20px 16px 80px;
  border-top: 1px solid #e6e6e6;
  color: #010101;
}
.modal_wrap.eval_peer .eval_peer_lst li:first-child, .modal_wrap.eval_task .eval_peer_lst li:first-child, .modal_wrap.quiz_rating .eval_peer_lst li:first-child, .modal_wrap.quiz_result .eval_peer_lst li:first-child {
  border-top: 0;
}
.modal_wrap.eval_peer .eval_peer_lst li p:before, .modal_wrap.eval_peer .eval_peer_lst li p:after, .modal_wrap.eval_task .eval_peer_lst li p:before, .modal_wrap.eval_task .eval_peer_lst li p:after, .modal_wrap.quiz_rating .eval_peer_lst li p:before, .modal_wrap.quiz_rating .eval_peer_lst li p:after, .modal_wrap.quiz_result .eval_peer_lst li p:before, .modal_wrap.quiz_result .eval_peer_lst li p:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap.eval_peer .eval_peer_lst li p, .modal_wrap.eval_task .eval_peer_lst li p, .modal_wrap.quiz_rating .eval_peer_lst li p, .modal_wrap.quiz_result .eval_peer_lst li p {
  margin-top: 0;
  line-height: 24px;
  color: #666;
}
.modal_wrap.eval_peer .eval_peer_lst li p strong, .modal_wrap.eval_task .eval_peer_lst li p strong, .modal_wrap.quiz_rating .eval_peer_lst li p strong, .modal_wrap.quiz_result .eval_peer_lst li p strong {
  color: #333;
}
.modal_wrap.eval_peer .eval_peer_lst li p strong:first-child, .modal_wrap.eval_task .eval_peer_lst li p strong:first-child, .modal_wrap.quiz_rating .eval_peer_lst li p strong:first-child, .modal_wrap.quiz_result .eval_peer_lst li p strong:first-child {
  float: left;
  margin-right: 5px;
}
.modal_wrap.eval_peer .eval_peer_lst li p strong:first-child + span, .modal_wrap.eval_task .eval_peer_lst li p strong:first-child + span, .modal_wrap.quiz_rating .eval_peer_lst li p strong:first-child + span, .modal_wrap.quiz_result .eval_peer_lst li p strong:first-child + span {
  overflow: hidden;
  display: block;
}
.modal_wrap.eval_peer .eval_peer_lst .peer_cnt, .modal_wrap.eval_task .eval_peer_lst .peer_cnt, .modal_wrap.quiz_rating .eval_peer_lst .peer_cnt, .modal_wrap.quiz_result .eval_peer_lst .peer_cnt {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#q_on);
  background-repeat: no-repeat;
  background-position: 0px -761px;
  width: 41px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 42px;
  font-weight: 700;
  color: #fff;
  text-indent: 0;
}
.modal_wrap.quiz_rating .qna_area {
  padding: 35px 20px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #f9f9f9;
}
.modal_wrap.quiz_rating .quiz_area:before, .modal_wrap.quiz_rating .quiz_area:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap.quiz_rating .quiz_area {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.modal_wrap.quiz_rating .quiz_area .txt_qh {
  float: left;
  margin-right: 4px;
}
.modal_wrap.quiz_rating .quiz_area .txt_q {
  display: block;
  overflow: hidden;
}
.modal_wrap.quiz_rating .answ_area:before, .modal_wrap.quiz_rating .answ_area:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap.quiz_rating .answ_area {
  margin-top: 33px;
}
.modal_wrap.quiz_rating .answ_area .thum {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof3);
  background-repeat: no-repeat;
  background-position: -178px -761px;
  width: 40px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  float: left;
  position: relative;
  margin-right: 20px;
  text-indent: 0;
}
.modal_wrap.quiz_rating .answ_area .thum img {
  width: 40px;
  height: 40px;
}
.modal_wrap.quiz_rating .answ_area strong,
.modal_wrap.quiz_rating .answ_area p {
  overflow: hidden;
  line-height: 24px;
}
.modal_wrap.quiz_rating .answ_area strong {
  color: #333;
}
.modal_wrap.quiz_rating .answ_area p {
  margin-top: 0;
}
.modal_wrap.quiz_submit_cfrm .q_txt {
  overflow: hidden;
  position: relative;
  padding: 0 130px 0 0;
  margin: 25px 0;
  color: #333;
}
.modal_wrap.quiz_submit_cfrm .q_txt em {
  font-weight: 700;
  color: #00c73c;
}
.modal_wrap.quiz_submit_cfrm .q_txt .submit_cnt {
  position: absolute;
  top: 0;
  right: 0;
  color: #999;
}
.modal_wrap.quiz_submit_cfrm .q_txt .submit_cnt em {
  color: #333;
}
.modal_wrap.quiz_result .quiz_desc {
  padding: 13px 0 0;
}
.modal_wrap.quiz_result .q_txt {
  padding-bottom: 10px;
}
.modal_wrap.quiz_result .q_txt + .q_txt {
  margin-top: -10px;
}
.modal_wrap.mail_comment .sel_wrap {
  position: relative;
}
.modal_wrap.mail_comment .sel_wrap:before, .modal_wrap.mail_comment .sel_wrap:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap.mail_comment .sel_wrap .slt {
  float: left;
  margin-right: 5px;
}
.modal_wrap.mail_comment .it_area {
  overflow: hidden;
}
.modal_wrap.mail_comment .atch_wrap {
  overflow: hidden;
}
.modal_wrap.mail_comment .atch_wrap .atch_area {
  height: 34px;
  margin: 0;
  padding: 0;
  border: none;
}
.modal_wrap.mail_comment .modal_footer .txt_desc:before {
  display: none;
}
.modal_wrap.modal_progress {
  z-index: 10001;
}
.modal_wrap.modal_progress .modal_content {
  width: 434px;
  height: 163px;
  overflow: hidden;
}
.modal_wrap.modal_progress .modal_content .inner .wrap {
  width: 292px;
  margin: 11px auto 7px;
}
.modal_wrap.modal_progress .modal_content .inner .wrap span {
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_progress_popup.png);
}
.modal_wrap.coachmark .modal_dimmed {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal_wrap.register_answer .tit {
  margin: 26px 0 14px;
  font-weight: 700;
  color: #444;
}
.modal_wrap.cbox .modal_header {
  border-bottom: 0;
}
.modal_wrap.cbox .modal_body {
  height: 581px;
  max-height: none;
  overflow-x: hidden;
}
.modal_wrap.cbox .modal_content {
  width: 986px;
}
.modal_wrap.cbox .cbox_group {
  height: 552px;
  overflow: hidden;
  margin-right: -1px;
}
.modal_wrap.cbox .cbox_group .cbox_area {
  float: left;
  width: 50%;
  margin-right: -1px;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course {
  width: 445px;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo .tit strong {
  display: block;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo .tit .tea,
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo .tit .date {
  font-size: 11px;
  line-height: 20px;
  color: #999;
  vertical-align: top;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo .tit span + span {
  margin-left: 8px;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo ul > li {
  margin-bottom: 24px;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo ul > li ul > li {
  margin-bottom: 0;
  line-height: 20px;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo ul > li ul > li + li {
  margin-top: 4px;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course .cbox_rdo ul > li ul > li .ick {
  line-height: 20px;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course.mine .cbox_rdo.mine {
  display: block;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course.mine .cbox_rdo.public {
  display: none;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course.public .cbox_rdo.mine {
  display: none;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course.public .cbox_rdo.public {
  display: block;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course + .cbox_lecture {
  margin-left: 16px;
  width: 445px;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course + .cbox_lecture .cbox_tit .tit,
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course + .cbox_lecture .cbox_tit .ph {
  color: #010101;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course + .cbox_lecture .tit {
  margin-bottom: -2px;
}
.modal_wrap.cbox .cbox_group .cbox_area.cbox_course + .cbox_lecture .lst {
  padding-left: 0;
}
.modal_wrap.cbox .cbox_group .cbox_tit.b_none {
  border-bottom: 0;
}
.modal_wrap.cbox .cbox_group .course_btn {
  color: #010101;
  font-size: 16px;
  font-weight: 700;
  display: block;
  width: 50%;
  float: left;
  height: 51px;
  margin-bottom: -1px;
  border-bottom: 1px solid #d1d1d1;
}
.modal_wrap.cbox .cbox_group .course_btn + .course_btn {
  border-left: 1px solid #d1d1d1;
}
.modal_wrap.cbox .cbox_group .course_btn[aria-selected=true] {
  background-color: #fff;
  border-bottom: #fff;
}
.modal_wrap.cbox.v2 .cbox_group .cbox_area {
  width: 291px;
}
.modal_wrap.cbox.v2 .cbox_group .cbox_area.cbox_course + .cbox_lecture {
  width: 291px;
}
.modal_wrap.cbox.v2 .cbox_group .cbox_lecture + .cbox_material {
  margin-left: 16px;
}
.modal_wrap.cbox .cbox_area {
  border: 1px solid #d1d1d1;
  height: 100%;
  padding-top: 50px;
}
.modal_wrap.cbox .cbox_tit {
  margin-top: -50px;
  height: 51px;
  overflow: hidden;
  background: #f2f2f2;
  border-bottom: 1px solid #d1d1d1;
  font-size: 18px;
  line-height: 49px;
  text-align: center;
}
.modal_wrap.cbox .cbox_tit .tit,
.modal_wrap.cbox .cbox_tit .ph {
  font-size: 16px;
  font-weight: 700;
  color: #242424;
  margin: 0;
}
.modal_wrap.cbox .cbox_tit ._total_count {
  vertical-align: bottom;
}
.modal_wrap.cbox .cbox_tit .ick {
  display: block;
}
.modal_wrap.cbox .cbox_tit .ick .checkbox {
  top: 18px;
  left: 20px;
}
.modal_wrap.cbox .cbox_con {
  height: 100%;
  overflow: auto;
  line-height: 25px;
  padding: 16px 0;
}
.modal_wrap.cbox .cbox_con .tit {
  margin-bottom: 4px;
  color: #333;
}
.modal_wrap.cbox .cbox_con .tit strong {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.modal_wrap.cbox .cbox_con .tit .info {
  margin-top: -5px;
  font-size: 11px;
  color: #999;
}
.modal_wrap.cbox .cbox_con .lst li {
  position: relative;
}
.modal_wrap.cbox .cbox_con .lst li:before, .modal_wrap.cbox .cbox_con .lst li:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap.cbox .cbox_con .lst li {
  padding-left: 14px;
}
.modal_wrap.cbox .cbox_con .lst li:before {
  position: absolute;
  top: 7px;
  left: 0;
  font-size: 8px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_bu);
  background-repeat: no-repeat;
  background-position: -552px -507px;
  width: 6px;
  height: 6px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap.cbox .cbox_con .lst ._lecture_item .ph::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 4px;
}
.modal_wrap.cbox .cbox_con .lst ._lecture_item.lec .ph::before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_modal_book);
  background-repeat: no-repeat;
  background-position: -708px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.modal_wrap.cbox .cbox_con .lst ._lecture_item.quiz .ph::before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_modal_quiz);
  background-repeat: no-repeat;
  background-position: -732px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.modal_wrap.cbox .cbox_con .lst ._lecture_item.task .ph::before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_modal_task);
  background-repeat: no-repeat;
  background-position: -756px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.modal_wrap.cbox .cbox_con .lst ._lecture_item.ico_survey .ph::before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_modal_survey);
  background-repeat: no-repeat;
  background-position: -715px -517px;
  width: 17px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.modal_wrap.cbox .cbox_rdo > ul > li {
  margin-bottom: 30px;
}
.modal_wrap.cbox .cbox_rdo > ul > li .tit {
  margin-bottom: 5px;
  padding: 0 10px 0 19px;
  line-height: 20px;
}
.modal_wrap.cbox .cbox_rdo > ul > li .tit strong {
  font-weight: normal;
}
.modal_wrap.cbox .cbox_rdo .lst li {
  padding: 0 10px 0 34px;
}
.modal_wrap.cbox .cbox_rdo .lst li:before {
  left: 20px;
}
.modal_wrap.cbox .cbox_rdo .lst li .ick {
  padding-left: 0;
  max-width: 95%;
}
.modal_wrap.cbox .cbox_rdo .lst li .ick .radio {
  display: none;
}
.modal_wrap.cbox .cbox_rdo .lst li .ick .ph {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  color: #333;
  top: 0 !important;
}
.modal_wrap.cbox .cbox_rdo .lst li.on {
  background-color: #f1f1f1;
  font-weight: 700;
  color: #010101;
}
.modal_wrap.cbox .cbox_rdo .lst li.on:after {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_next2);
  background-repeat: no-repeat;
  background-position: -801px -841px;
  width: 5px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  float: right;
  margin: 8px 0 0;
}
.modal_wrap.cbox .cbox_rdo .lst li.on .ick .ph {
  color: #010101;
  font-weight: 700;
}
.modal_wrap.cbox .cbox_chk {
  padding: 15px 20px;
}
.modal_wrap.cbox .cbox_chk > ul > li {
  margin-bottom: 8px;
}
.modal_wrap.cbox .cbox_chk .lst {
  padding-left: 23px;
}
.modal_wrap.cbox .cbox_chk .lst li .ick {
  display: block;
  overflow: visible;
}
.modal_wrap.cbox .cbox_chk .lst li .ick .ph {
  float: left;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.modal_wrap.cbox .cbox_last {
  position: relative;
  padding-bottom: 47px;
}
.modal_wrap.cbox .cbox_last .tit .ph {
  margin-top: 11px;
}
.modal_wrap.cbox .cbox_last .cbox_con.cbox_chk .tit .ph {
  margin-top: 0;
}
.modal_wrap.cbox .cbox_last .cbox_btm {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background: #fafafa;
  border-top: 1px solid #d1d1d1;
  height: 47px;
  line-height: 43px;
  padding: 0 6px;
  text-align: right;
}
.modal_wrap.cbox .cbox_last .cbox_btm p {
  display: inline-block;
  *display: inline;
  margin: 1px 16px -1px 0;
  color: #333;
}
.modal_wrap.cbox .cbox_last .cbox_btm p em {
  font-weight: 700;
  color: #010101;
}
.modal_wrap.cbox .cbox_lecture .cbox_rdo > ul > li {
  margin-bottom: 17px;
}
.modal_wrap.cbox .cbox_lecture .cbox_rdo > ul > li .tit {
  margin-bottom: 4px;
  color: #999;
}
.modal_wrap.cbox .cbox_lecture .cbox_chk .ick .ph {
  color: #333;
}
.modal_wrap.cbox .cbox_material .cbox_chk {
  padding: 14px 20px;
}
.modal_wrap.cbox .cbox_material .cbox_chk .material_view {
  position: relative;
  padding-left: 21px;
  font-size: 12px;
  line-height: 24px;
}
.modal_wrap.cbox .cbox_material .cbox_chk .material_view .ick {
  position: absolute;
  top: 6px;
  left: 0;
}
.modal_wrap.cbox .cbox_material .cbox_chk .material_view .ick .checkbox {
  top: 0;
}
.modal_wrap.cbox .cbox_material .cbox_chk .material_view .tit {
  margin-bottom: 3px;
  font-size: 14px;
  color: #333;
  display: block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  font-weight: normal !important;
}
.modal_wrap.cbox .cbox_material .cbox_chk .material_view .con {
  overflow: hidden;
  max-height: 38px;
  line-height: 19px;
  color: #999;
}
.modal_wrap.cbox .cbox_material .cbox_chk .material_view .material_desc {
  padding: 0 0 2px;
}
.modal_wrap.cbox .cbox_material .cbox_chk .material_view .material_item {
  float: none;
  width: 100%;
  height: auto;
  margin: 0;
  text-align: left;
}
.modal_wrap.cbox .cbox_material .cbox_chk .material_view .material_item .thmb {
  margin: 6px 0 6px;
  display: block;
  width: 138px;
  height: 103px;
}
.modal_wrap.cbox .cbox_material .cbox_chk .material_view .material_item .name {
  margin-right: 5px;
  display: inline-block;
  overflow: hidden;
  max-width: 70%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  font-weight: normal;
}
.modal_wrap.cbox .cbox_material .cbox_chk .material_view .material_item .url {
  display: inline-block;
  overflow: hidden;
  max-width: 95%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.modal_wrap.cbox .cbox_material .cbox_chk > ul > li {
  margin-bottom: 11px;
}
.modal_wrap.cbox .cbox_material .cbox_chk > ul > li.m_txt .material_desc {
  padding: 4px 0 0;
}
.modal_wrap.cbox .cbox_material .cbox_chk > ul > li.m_txt .material_desc .con {
  max-height: 90px !important;
  font-size: 14px !important;
  line-height: 18px !important;
  color: #333 !important;
  word-break: break-all !important;
  white-space: normal !important;
}
.modal_wrap.cbox .cbox_material .cbox_chk > ul > li.m_vod .material_vod {
  border-top: 1px solid #e6e6e6;
  padding-top: 11px;
}
.modal_wrap.cbox .cbox_material .cbox_chk > ul > li.m_vod .material_vod .file ~ .file {
  margin-top: 4px;
}
.modal_wrap.cbox .cbox_material .cbox_chk > ul > li.m_vod .material_vod .tit {
  margin-bottom: 1px;
  font-size: 13px;
  color: #666;
}
.modal_wrap.cbox .cbox_material .cbox_chk > ul > li.m_vod .material_vod .con {
  max-height: none;
  line-height: 16px;
}
.modal_wrap.cbox .cbox_material .cbox_chk > ul > li.m_vod .material_vod .con li {
  display: block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.modal_wrap.corp_agree .modal_body h2 {
  padding: 28px 0 14px !important;
  font-size: 14px;
  line-height: normal !important;
  font-weight: normal;
  color: #333;
}
.modal_wrap.corp_agree .modal_body .dsc {
  overflow: auto;
  height: 94px;
  padding: 10px 14px;
  border: 1px solid #cbcbcb;
  font-size: 12px;
  line-height: 22px;
}
.modal_wrap.corp_agree .modal_footer {
  border: none;
}
.modal_wrap .modal_content .course_f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: -13px;
  /* autoprefixer: ignore next */
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.modal_wrap .modal_content .course_f .txt_desc {
  margin-right: auto;
}
.modal_wrap .modal_content .course_f .ick {
  display: inline-block;
  margin-right: 16px;
  vertical-align: middle;
}
.modal_wrap .modal_content .course_f .ick .ph {
  color: #010101;
}
.modal_wrap .modal_content .course_f::after {
  display: block;
  clear: both;
  content: "";
}
.modal_wrap .modal_content .btn_fullscreen {
  float: right;
  line-height: 36px;
  font-size: 12px;
}
.modal_wrap .modal_content .btn_fullscreen:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_fullscreen);
  background-repeat: no-repeat;
  background-position: -738px -527px;
  width: 16px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-right: 6px;
  vertical-align: -2px;
  content: "";
}
.modal_wrap .modal_content .btn_fullscreen.off:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_fullscreen_off);
  background-repeat: no-repeat;
  background-position: -751px -478px;
  width: 16px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .modal_content .header_btn_box {
  float: right;
  margin-right: -8px;
  overflow: hidden;
  margin-top: 17px;
}
.modal_wrap .modal_content .header_btn_box a {
  position: relative;
  margin: 0 8px;
}
.modal_wrap .modal_content .header_btn_box a + a:after {
  position: absolute;
  left: -8px;
  top: 50%;
  margin-top: -5px;
  width: 1px;
  height: 10px;
  background-color: #e9ebec;
  content: "";
}
.modal_wrap .modal_content .header_btn_box .btn_fullscreen,
.modal_wrap .modal_content .header_btn_box .btn_code_list {
  float: left;
}
.modal_wrap .modal_content .btn_code_list {
  float: right;
  line-height: 36px;
  font-size: 12px;
}
.modal_wrap .modal_content .btn_code_list:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_code_list);
  background-repeat: no-repeat;
  background-position: -901px -717px;
  width: 10px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-right: 6px;
  vertical-align: -2px;
  content: "";
}
.modal_wrap .modal_content.ce_code .modal_header:before, .modal_wrap .modal_content.ce_code .modal_header:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap .modal_content.ce_code .modal_header {
  padding: 33px 0 8px;
  border-bottom: none;
}
.modal_wrap .modal_content.ce_code .modal_title {
  padding: 0;
}
.modal_wrap .modal_content.ce_code .modal_body {
  max-height: 660px;
}
.modal_wrap .modal_content.ce_code .modal_footer {
  border-top: none;
}
.modal_wrap .modal_content.ce_code .code_area {
  border: 1px solid #d1d1d1;
}
.modal_wrap .modal_content.ce_code .option_area:before, .modal_wrap .modal_content.ce_code .option_area:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap .modal_content.ce_code .option_area {
  padding: 10px 20px;
  border: 1px solid #d1d1d1;
  border-bottom: none;
}
.modal_wrap .modal_content.ce_code .option_area .slt {
  float: left;
}
.modal_wrap .modal_content.ce_code .option_area .btn {
  float: right;
}
.modal_wrap .modal_content.ce_code .code_result {
  padding-top: 34px;
}
.modal_wrap .modal_content.ce_code .code_result .title_area {
  margin-bottom: 13px;
}
.modal_wrap .modal_content.ce_code .code_result .title_area .title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.modal_wrap .modal_content.ce_code .result_box {
  padding: 20px;
  height: 120px;
  overflow-x: hidden;
  overflow-y: visible;
  background-color: #F7F7F7;
  color: #666;
}
.modal_wrap .modal_content .btn_fullscreen {
  float: right;
  line-height: 36px;
  font-size: 12px;
}
.modal_wrap .modal_content .btn_fullscreen:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_fullscreen);
  background-repeat: no-repeat;
  background-position: -738px -527px;
  width: 16px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-right: 6px;
  vertical-align: -2px;
  content: "";
}
.modal_wrap .modal_content .btn_fullscreen.off:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_fullscreen_off);
  background-repeat: no-repeat;
  background-position: -751px -478px;
  width: 16px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .modal_content.wide {
  width: 100%;
  height: 100%;
  margin: 0;
  border: none;
}
.modal_wrap .modal_content.wide .modal_footer {
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 30px;
}
.modal_wrap .modal_content.wide .modal_body {
  height: 100%;
  min-height: 656px;
}
.modal_wrap .modal_content.wide .modal_body .code_wrap {
  position: absolute;
  top: 80px;
  left: 30px;
  right: 30px;
  bottom: 84px;
}
.modal_wrap .modal_content.wide .modal_body .code_area {
  position: absolute;
  top: 54px;
  bottom: 195px;
  left: 0;
  right: 0;
}
.modal_wrap .modal_content.wide .modal_body .code_result {
  padding-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.modal_wrap .modal_content.wide .code_box {
  height: 100%;
}
.modal_wrap .modal_content.wide .CodeMirror {
  height: 100%;
}
.modal_wrap .modal_content.applyfilter .modal_body strong {
  color: #010101;
  line-height: 30px;
}
.modal_wrap .modal_content.sel_thumbnail .modal_body {
  overflow-y: inherit;
  width: 700px;
  height: auto;
  max-height: inherit;
  padding: 24px 0 20px;
}
.modal_wrap .modal_content.sel_thumbnail .outer_wrap {
  width: 712px;
  padding-right: 12px;
  height: 500px;
  overflow-y: auto;
}
.modal_wrap .modal_content.sel_thumbnail .thumbnail_area + .thumbnail_area {
  margin-top: 14px;
}
.modal_wrap .modal_content.sel_thumbnail .thumbnail_area h2 {
  font-size: 14px;
  color: #333;
}
.modal_wrap .modal_content.sel_thumbnail .thumbnail_list {
  height: 72px;
  margin-top: 9px;
}
.modal_wrap .modal_content.sel_thumbnail .thumbnail_list:before, .modal_wrap .modal_content.sel_thumbnail .thumbnail_list:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap .modal_content.sel_thumbnail .image_item {
  float: left;
}
.modal_wrap .modal_content.sel_thumbnail .image_item + .image_item {
  margin-left: 15px;
}
.modal_wrap .modal_content.sel_thumbnail .image_item a {
  position: relative;
  display: block;
  border: 1px solid #D1D1D1;
}
.modal_wrap .modal_content.sel_thumbnail .image_item img {
  width: 126px;
  height: 70px;
  vertical-align: top;
}
.modal_wrap .modal_content.sel_thumbnail .image_item .btn_select {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -14px 0 0 -14px;
}
.modal_wrap .modal_content.sel_thumbnail .image_item .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal_wrap .modal_content.sel_thumbnail .image_item:hover a {
  border-color: #000;
}
.modal_wrap .modal_content.sel_thumbnail .image_item:hover .btn_select {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_check_def);
  background-repeat: no-repeat;
  background-position: -839px -468px;
  width: 28px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .modal_content.sel_thumbnail .image_item:hover .btn_select:hover {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_check_over);
  background-repeat: no-repeat;
  background-position: -839px -532px;
  width: 28px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .modal_content.sel_thumbnail .image_item:hover .mask {
  background-color: rgba(0, 0, 0, 0.5);
}
.modal_wrap .modal_content.sel_thumbnail .image_item.select a {
  border-color: #00c73c;
}
.modal_wrap .modal_content.sel_thumbnail .image_item.select .btn_select {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_check_end);
  background-repeat: no-repeat;
  background-position: -839px -500px;
  width: 28px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .modal_content.sel_thumbnail .image_item.select .btn_select:hover {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_check_end);
  background-repeat: no-repeat;
  background-position: -839px -500px;
  width: 28px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .modal_content.sel_thumbnail .image_item.select .mask {
  background-color: rgba(0, 199, 60, 0.8);
}
.modal_wrap .modal_content.sel_thumbnail .btn_type10 {
  display: block;
  margin: 20px auto 0;
  text-align: center;
}
.modal_wrap .modal_content.sel_thumbnail ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
}
.modal_wrap .modal_content.sel_thumbnail ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
          border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
}
.modal_wrap .modal_content.upload_students .modal_body {
  padding-left: 0;
  padding-right: 0;
}
.modal_wrap .modal_content.upload_students .modal_body .file_download {
  margin-top: 15px;
}
.modal_wrap .modal_content.upload_students .modal_body .upload_area {
  height: 80px;
  margin-top: 30px;
  background-color: #F7F7F7;
}
.modal_wrap .modal_content.upload_students .modal_body p {
  line-height: 20px;
}
.modal_wrap .modal_content.upload_students .modal_body .if {
  width: 100%;
  height: 100%;
}
.modal_wrap .modal_content.upload_students .modal_body .btn_type4 {
  font-size: 16px;
  height: 100%;
}
.modal_wrap .modal_content.upload_students .modal_body .file_info {
  padding: 17px 0 17px 76px;
  margin: 0;
}
.modal_wrap .modal_content.upload_students .modal_body .file_info:before {
  top: 50%;
  margin-top: -23px;
  left: 20px;
}
.modal_wrap .modal_content.upload_students .modal_body .info .bar {
  margin-top: 5px;
}
.modal_wrap .modal_content.upload_students .modal_body .result_txt,
.modal_wrap .modal_content.upload_students .modal_body .txt {
  line-height: 16px;
  color: #333;
}
.modal_wrap .modal_content.upload_students .modal_body .result_txt {
  margin-bottom: 30px;
  font-weight: 600;
}
.modal_wrap .modal_content.upload_students .modal_body .txt {
  margin-bottom: 15px;
}
.modal_wrap .modal_content.upload_students .modal_body .success_num {
  color: #00c73c;
}
.modal_wrap .modal_content.upload_students .modal_body .fail_num {
  color: #FF5230;
}
.modal_wrap .modal_content.excel_lec .modal_header .modal_title {
  font-size: 20px;
  line-height: 27px;
}
.modal_wrap .modal_content.excel_lec .modal_body {
  padding: 24px 0;
  min-height: 230px;
}
.modal_wrap .modal_content.excel_lec .modal_body .result_txt {
  color: #333;
  font-size: 14px;
  line-height: 15px;
  font-weight: 700;
}
.modal_wrap .modal_content.excel_lec .modal_body .result_txt + p {
  color: #666;
  font-size: 14px;
  line-height: 20px;
  margin-top: 16px;
}
.modal_wrap .modal_content.excel_lec .modal_body p {
  line-height: 20px;
  margin-bottom: 16px;
}
.modal_wrap .modal_content.excel_lec .modal_body p .success_num {
  color: #03c75a;
}
.modal_wrap .modal_content.excel_lec .modal_body .upload_area {
  margin-top: 24px;
  background-color: #f7f7f7;
  text-align: center;
  line-height: 80px;
}
.modal_wrap .modal_content.excel_lec .modal_body .upload_area .bar {
  height: 10px;
  margin-top: 2px;
}
.modal_wrap .modal_content.excel_lec .modal_body .upload_area .btn {
  font-weight: 700;
  font-size: 16px;
}
.modal_wrap .modal_content.excel_lec .modal_body .upload_area .file_info {
  padding: 25px 20px 20px 76px;
  text-align: left;
  line-height: normal;
  margin-bottom: 0;
}
.modal_wrap .modal_content.excel_lec .modal_body .upload_area .file_info::before {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 20px;
}
.modal_wrap .modal_content.excel_lec .modal_body .upload_area .file_info .info {
  float: left;
  margin-top: 2px;
}
.modal_wrap .modal_content.excel_lec .modal_body .upload_area .file_info .name {
  display: block;
}
.modal_wrap .modal_content.excel_lec .modal_body .upload_area .file_info .btn.btn_type3 {
  font-size: 12px;
  font-weight: 400;
  margin-top: -2px;
}
.modal_wrap .modal_content.excel_lec .modal_footer .txt_desc {
  margin-top: 10px;
}
.modal_wrap .modal_content.select_stu {
  width: 860px;
}
.modal_wrap .modal_content.select_stu .modal_header {
  border-bottom: 0;
}
.modal_wrap .modal_content.select_stu table {
  table-layout: fixed;
}
.modal_wrap .modal_content.select_stu table th:first-child,
.modal_wrap .modal_content.select_stu table td:first-child {
  padding-left: 24px;
}
.modal_wrap .modal_content.select_stu table th:last-child,
.modal_wrap .modal_content.select_stu table td:last-child {
  padding-right: 24px;
}
.modal_wrap .modal_content.select_stu table thead th {
  padding: 15px 8px 16px;
}
.modal_wrap .modal_content.select_stu table tbody td {
  height: 61px;
  padding-right: 8px;
  padding-left: 8px;
}
.modal_wrap .modal_content.select_stu table tbody td .ick {
  line-height: 20px;
}
.modal_wrap .modal_content.select_stu table tbody td .ick .radio {
  border: 1.5px solid #b2b9b8 !important;
  width: 20px;
  height: 20px;
  top: 0px;
  background-image: none !important;
}
.modal_wrap .modal_content.select_stu table tbody td .ick .radio.checked {
  border: 0 !important;
}
.modal_wrap .modal_content.select_stu table tbody td .ick .radio.checked::after {
  width: 4px;
  height: 4px;
  background-color: #fff;
}
.modal_wrap .modal_content.select_stu .modal_footer {
  border-top: 0;
}
.modal_wrap .modal_content.select_stu .modal_close {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-modal-close-gray);
  background-repeat: no-repeat;
  background-position: -196px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.modal_wrap .modal_content.evaluation_table .modal_body {
  padding: 30px 0;
}
.modal_wrap .modal_content.evaluation_table .modal_body p {
  line-height: 20px;
}
.modal_wrap .modal_content.evaluation_table .file_download {
  margin-top: 15px;
  -webkit-border-radius: 0;
          border-radius: 0;
}
.modal_wrap .modal_content.evaluation_table .upload_area {
  height: 80px;
  margin-top: 30px;
  background-color: #f7f7f7;
  text-align: center;
  line-height: 80px;
  font-size: 16px;
}
.modal_wrap .modal_content.evaluation_table .upload_area.uploaded {
  text-align: left;
  line-height: normal;
}
.modal_wrap .modal_content.evaluation_table .upload_area.uploaded .file_info {
  margin: 0;
  padding: 17px 20px 17px 76px;
}
.modal_wrap .modal_content.evaluation_table .upload_area.uploaded .file_info:before {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 20px;
}
.modal_wrap .modal_content.evaluation_table .upload_area.uploaded .name {
  display: block;
}
.modal_wrap .modal_content.lecture_ly .btn_type10 {
  display: block;
  margin: 20px auto;
  text-align: center;
}
.modal_wrap .modal_content.copy_lecture .lecture_type:before, .modal_wrap .modal_content.copy_lecture .lecture_type:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_wrap .modal_content.copy_lecture .lecture_type {
  padding: 30px 0 28px;
}
.modal_wrap .modal_content.copy_lecture .lecture_type .type_area {
  display: table-cell;
  height: 331px;
  width: 342px;
  vertical-align: middle;
}
.modal_wrap .modal_content.copy_lecture .lecture_type .type_area .ick.big {
  width: 40px;
  height: 40px;
  padding-left: 0;
}
.modal_wrap .modal_content.copy_lecture .lecture_type li {
  float: left;
  width: 342px;
  height: 331px;
  border: 1px solid #e6e6e6;
  text-align: center;
  cursor: pointer;
}
.modal_wrap .modal_content.copy_lecture .lecture_type li:first-child {
  margin: 0 12px 0 0;
}
.modal_wrap .modal_content.copy_lecture .lecture_type li.on {
  border-color: #999;
}
.modal_wrap .modal_content.copy_lecture .lecture_type .type dt {
  margin: 0 0 22px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #010101;
}
.modal_wrap .modal_content.copy_lecture .lecture_type .type dd {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  line-height: 23px;
  margin: 0;
}
.modal_wrap .modal_content.copy_lecture .lecture_type .type .sub {
  margin: 8px 0 0;
  color: #999;
  font-weight: normal;
  line-height: 19px;
  font-size: 14px;
}
.modal_wrap .modal_content.copy_lecture .lecture_type .type .bar {
  display: block;
  width: 20px;
  height: 1px;
  margin: 21px auto 0;
  background: #999;
}
.modal_wrap .modal_content.copy_lecture .lecture_type .ick {
  margin: 30px 0 0;
}
.modal_wrap .modal_content.copy_lecture .modal_title span {
  display: inline-block;
}
.modal_wrap .modal_content.copy_lecture .lecture_info {
  padding: 25px 0;
}
.modal_wrap .modal_content.copy_lecture .lecture_info .table {
  margin-bottom: 13px;
}
.modal_wrap .modal_content.copy_lecture .lecture_info .table th {
  min-width: 100px;
  vertical-align: top;
  text-align: left;
}
.modal_wrap .modal_content.copy_lecture .lecture_info .table .title {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  color: #666;
}
.modal_wrap .modal_content.copy_lecture .lecture_info .table .title:before {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 8px;
  content: "";
}
.modal_wrap .modal_content.copy_lecture .lecture_info .table .title.name:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_modal_lecture);
  background-repeat: no-repeat;
  background-position: -819px -459px;
  width: 16px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .modal_content.copy_lecture .lecture_info .table .title.link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_modal_link);
  background-repeat: no-repeat;
  background-position: -819px -715px;
  width: 16px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .modal_content.copy_lecture .lecture_info .table .title.prof:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_modal_prof);
  background-repeat: no-repeat;
  background-position: -819px -277px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .modal_content.copy_lecture .lecture_info .table .title.type:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_modal_type);
  background-repeat: no-repeat;
  background-position: -819px -643px;
  width: 16px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .modal_content.copy_lecture .lecture_info .table .title.term:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_modal_term);
  background-repeat: no-repeat;
  background-position: -819px -607px;
  width: 16px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .modal_content.copy_lecture .lecture_info .table .title.time:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_modal_time);
  background-repeat: no-repeat;
  background-position: -819px -625px;
  width: 16px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .modal_content.copy_lecture .lecture_info .table .title.approve:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_modal_approve);
  background-repeat: no-repeat;
  background-position: -819px -589px;
  width: 16px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .modal_content.copy_lecture .lecture_info .table td {
  padding: 0 10px 8px;
  color: #333;
}
.modal_wrap .modal_content.copy_lecture .lecture_info .guide_txt {
  margin-top: 10px;
  color: #333;
}
.modal_wrap .modal_content.copy_lecture .guide_lst {
  padding: 25px 20px;
  background-color: #f9f9f9;
}
.modal_wrap .modal_content.copy_lecture .guide_lst li {
  position: relative;
  margin-top: 8px;
  padding-left: 7px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ico_dot_2x2_bg.gif) no-repeat 0 11px;
  vertical-align: top;
}
.modal_wrap .modal_content.copy_lecture .guide_lst li:first-of-type {
  margin-top: 0;
}
.modal_wrap .modal_content.copy_lecture .guide_lst .txt {
  display: inline-block;
  vertical-align: top;
  color: #666;
}
.modal_wrap .modal_content.copy_lecture .guide_lst .txt strong {
  color: #333;
}
.modal_wrap .modal_content.copy_lecture .table_type2 td.nickname {
  padding-left: 18px;
  text-align: left;
}
.modal_wrap .modal_content.copy_lecture .table_type2 td.email {
  text-align: left;
}
.modal_wrap.boost_course_modal {
  letter-spacing: -1px;
}
.modal_wrap.boost_course_modal .code_wrap {
  bottom: 30px !important;
}
.modal_wrap.boost_course_modal .modal_header {
  position: relative;
  padding: 34px 0 11px;
}
.modal_wrap.boost_course_modal .modal_header .modal_title {
  padding: 0;
}
.modal_wrap.boost_course_modal .modal_header .code_file {
  float: left;
  margin-left: 16px;
  margin-top: 17px;
  line-height: 36px;
}
.modal_wrap.boost_course_modal .modal_header .code_file:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_list_file);
  background-repeat: no-repeat;
  background-position: -789px -841px;
  width: 8px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  margin: 14px 8px 0 0;
  vertical-align: top;
}
.modal_wrap.boost_course_modal .nav_tab {
  top: auto;
  margin-top: -2px;
  padding-top: 16px;
  background-color: #fff;
}
.modal_wrap.boost_course_modal .nav_tab li {
  width: 148px;
}
.modal_wrap.boost_course_modal .nav_tab li a {
  display: block;
  padding: 0;
  text-align: center;
}
.modal_wrap.boost_course_modal .modal_content {
  width: 824px;
}
.modal_wrap.boost_course_modal .modal_content.wide {
  width: 100%;
}
.modal_wrap.boost_course_modal .modal_content.wide .code_review_body {
  height: auto !important;
}
.modal_wrap.boost_course_modal .project_body {
  max-height: inherit;
  padding-bottom: 40px;
}
.modal_wrap.boost_course_modal .code_review_body {
  height: 571px;
  max-height: inherit;
  border-bottom: 1px solid #b3b3b3;
  margin-top: 24px;
}
.modal_wrap.boost_course_modal .code_review {
  position: relative;
}
.modal_wrap.boost_course_modal .code_review .code_list_sjt {
  overflow: hidden;
  height: 48px;
  background-color: #fdfdfd;
  line-height: 48px;
}
.modal_wrap.boost_course_modal .code_review .code_list_sjt em {
  display: block;
  font-size: 14px;
  color: #333;
  letter-spacing: -1px;
}
.modal_wrap.boost_course_modal .code_review .code_list_sjt .file_name {
  float: left;
  width: 612px;
  padding-left: 24px;
}
.modal_wrap.boost_course_modal .code_review .code_list_sjt .review_cnt {
  float: right;
  width: 88px;
  text-align: center;
}
.modal_wrap.boost_course_modal .CodeMirror {
  min-height: 570px;
}
.modal_wrap.boost_course_modal.code .cmt_btn_box {
  border-top: 1px solid #e9e9e9;
  margin: 0 -16px;
  padding: 8px;
  text-align: right;
}
.modal_wrap.boost_course_modal.code .cmt_btn_box button + button {
  margin-left: 4px;
}
.modal_wrap.boost_course_modal.code .cmt_btn_box .ick_box {
  margin: 5px 0 0 8px;
  letter-spacing: -1px;
}
.modal_wrap.boost_course_modal.code .cmt_btn_box .ick_box .ph {
  font-weight: 600;
  color: #333;
}
.modal_wrap.boost_course_modal.code .cmt_btn_box .ick_box .ick + .ick {
  margin-left: 7px;
}
.modal_wrap.boost_course_modal.code .mce_editor ~ .cmt_btn_box {
  margin: 0;
  border-top: 0;
}
.modal_wrap.boost_course_modal.code .marker {
  display: block;
  width: 42px;
  text-align: left;
  height: 24px !important;
}
.modal_wrap.boost_course_modal.code .marker:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_code_cmt_add);
  background-repeat: no-repeat;
  background-position: -136px -868px;
  width: 13px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 6px;
  vertical-align: top;
  content: "";
}
.modal_wrap.boost_course_modal .group_lr {
  margin: 0;
}
.modal_wrap.boost_course_modal .cmt_label_box {
  padding: 16px;
}
.modal_wrap.boost_course_modal .cmt_label_box .result_label {
  display: inline-block;
  overflow: hidden;
  height: 24px;
  padding: 0 8px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background-color: #00c73c;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
}
.modal_wrap.boost_course_modal .cmt_label_box .result_label:before {
  display: inline-block;
  vertical-align: top;
  margin: 7px 8px 0 0;
  content: "";
}
.modal_wrap.boost_course_modal .cmt_label_box .result_label.good:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_code_review_good);
  background-repeat: no-repeat;
  background-position: -901px -833px;
  width: 10px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap.boost_course_modal .cmt_label_box .result_label.bad {
  background-color: #ff5230;
}
.modal_wrap.boost_course_modal .cmt_label_box .result_label.bad:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_code_review_bad);
  background-repeat: no-repeat;
  background-position: -901px -819px;
  width: 10px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap.boost_course_modal .cmt_label_box .result_label.point {
  background-color: #96a0aa;
}
.modal_wrap.boost_course_modal .cmt_label_box .result_label.point:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_code_review_point);
  background-repeat: no-repeat;
  background-position: -901px -847px;
  width: 10px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap.boost_course_modal .project_result_box {
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
.modal_wrap.boost_course_modal .project_result_box .result_state {
  padding-top: 40px;
}
.modal_wrap.boost_course_modal .project_result_box .result_state strong {
  display: block;
  font-size: 48px;
  font-weight: 700;
  color: #999;
  text-align: center;
  letter-spacing: -1.5px;
  line-height: 53px;
}
.modal_wrap.boost_course_modal .project_result_box .result_state strong.pass {
  color: #00c73c;
}
.modal_wrap.boost_course_modal .project_result_box .result_state strong.fail {
  color: #ff5230;
}
.modal_wrap.boost_course_modal .project_result_box .result_state .result_state_info {
  margin-top: 8px;
  font-size: 0;
  text-align: center;
}
.modal_wrap.boost_course_modal .project_result_box .result_state .result_state_info span {
  display: inline-block;
  position: relative;
  padding: 0 8px;
  font-size: 14px;
  color: #666;
  letter-spacing: -1px;
  vertical-align: top;
  line-height: 16px;
}
.modal_wrap.boost_course_modal .project_result_box .result_state .result_state_info span + span:before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 1px;
  height: 12px;
  background-color: #e9ebec;
  vertical-align: top;
  content: "";
}
.modal_wrap.boost_course_modal .project_result_box .result_state .result_state_info .review_cnt {
  font-weight: 600;
  color: #333;
}
.modal_wrap.boost_course_modal .project_result_box .result_state_box {
  overflow: hidden;
  margin-top: 40px;
  background-color: #f9fafb;
}
.modal_wrap.boost_course_modal .project_result_box .result_state_box li {
  float: left;
  position: relative;
  width: 233px;
  height: 158px;
  text-align: center;
}
.modal_wrap.boost_course_modal .project_result_box .result_state_box li:first-child {
  width: 234px;
}
.modal_wrap.boost_course_modal .project_result_box .result_state_box .sjt {
  display: block;
  padding-top: 24px;
  font-size: 14px;
  font-weight: 700;
  color: #999;
  letter-spacing: -0.5px;
  line-height: 16px;
}
.modal_wrap.boost_course_modal .project_result_box .result_state_box .cnt {
  display: block;
  padding-top: 16px;
  font-size: 24px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.5px;
  line-height: 26px;
}
.modal_wrap.boost_course_modal .project_result_box .result_state_box .info {
  display: block;
  padding-top: 4px;
  font-size: 14px;
  color: #666;
  letter-spacing: 0;
  line-height: 16px;
}
.modal_wrap.boost_course_modal .project_result_box .result_state_box .info em {
  color: #00c73c;
}
.modal_wrap.boost_course_modal .project_result_box .result_state_box .link {
  position: absolute;
  left: 50%;
  bottom: 24px;
  width: 73px;
  height: 24px;
  margin-left: -37px;
  background-color: #96a0aa;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  letter-spacing: -0.5px;
  line-height: 24px;
}
.modal_wrap.boost_course_modal .project_result_box .result_state_box .fail .cnt {
  color: #ff5230;
}
.modal_wrap.boost_course_modal .project_result_box .result_state_box .fail .link {
  background-color: #ff5230;
}
.modal_wrap.feedback_modal .modal_content {
  width: 848px;
}
.modal_wrap.feedback_modal .modal_content .modal_body {
  max-height: 573px;
  border: 1px solid #25292f;
}
.modal_wrap.feedback_modal .modal_content .modal_body .feedback_add_wrap {
  border: 0;
}
.modal_wrap .code_list {
  overflow: hidden;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_code_list.png) repeat;
  border-bottom: 1px solid #ebebeb;
}
.modal_wrap .code_list li {
  overflow: hidden;
  font-size: 0;
  border-top: 1px solid #ebebeb;
}
.modal_wrap .code_list .text {
  position: relative;
  padding-right: 88px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal_wrap .code_list .text .cnt {
  position: absolute;
  right: 0;
  top: 0;
  width: 88px;
  color: #666;
  text-align: center;
}
.modal_wrap .code_list .folder_link {
  display: block;
  padding-left: 24px;
}
.modal_wrap .code_list .folder_link .arr {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_list_arr_unfold);
  background-repeat: no-repeat;
  background-position: -401px -704px;
  width: 8px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  margin: 20px 8px 0 0;
  vertical-align: top;
}
.modal_wrap .code_list .folder_link.fold .arr {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_list_arr_fold);
  background-repeat: no-repeat;
  background-position: -389px -704px;
  width: 8px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .code_list .folder_link.fold + .depth {
  display: none;
}
.modal_wrap .code_list .file_link {
  padding-left: 24px;
}
.modal_wrap .code_list .list_dash {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_list_indent);
  background-repeat: no-repeat;
  background-position: -868px -732px;
  width: 4px;
  height: 4px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  float: left;
  margin: 20px 8px 0 0;
  vertical-align: top;
}
.modal_wrap .code_list .ico_radio {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_radio);
  background-repeat: no-repeat;
  background-position: -407px -841px;
  width: 14px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  float: left;
  margin: 13px 6px 0 0;
  vertical-align: top;
}
.modal_wrap .code_list a,
.modal_wrap .code_list .radio_box {
  display: block;
  overflow: hidden;
  height: 48px;
  padding: 0;
  font-size: 14px;
  color: #666;
  letter-spacing: -1px;
  text-decoration: none;
  line-height: 48px;
}
.modal_wrap .code_list .radio_box {
  padding-left: 24px;
}
.modal_wrap .code_list .radio_box input[type=radio]:checked + .ico_radio {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_radio_checked);
  background-repeat: no-repeat;
  background-position: -371px -841px;
  width: 14px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap .code_list .active {
  color: #00c73c;
  font-weight: 600;
}
.modal_wrap .depth {
  display: none;
}
.modal_wrap .depth .code_list {
  background: none;
}
.modal_wrap .folder_link + .depth {
  display: block;
}
.modal_wrap .code_list .depth .code_list {
  border-bottom: 0;
}
.modal_wrap .code_list .depth .code_list .file_link {
  padding-left: 40px;
}
.modal_wrap .code_list .depth .code_list .folder_link {
  padding-left: 40px;
}
.modal_wrap .code_list .folder {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_list_folder);
  background-repeat: no-repeat;
  background-position: -347px -704px;
  width: 10px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  margin: 20px 8px 0 0;
  font-size: 0;
  vertical-align: top;
}
.modal_wrap .code_list .file {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_list_file);
  background-repeat: no-repeat;
  background-position: -789px -841px;
  width: 8px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  margin: 19px 8px 0 0;
  vertical-align: top;
}
.modal_wrap.project_setting .modal_header {
  border: 0;
}
.modal_wrap.project_setting .modal_header h1 {
  padding-bottom: 23px;
}
.modal_wrap.project_setting .modal_body {
  overflow-y: inherit;
  max-height: initial;
}
.modal_wrap.project_setting .nav_tab a {
  width: 146px;
  padding: 0;
  text-align: center;
}
.modal_wrap.project_setting .set_dsc {
  margin-top: 20px;
  color: #333;
  letter-spacing: -1px;
  line-height: 16px;
}
.modal_wrap.project_setting .scroll_box {
  overflow-y: auto;
  margin-top: 20px;
  height: 383px;
  border-top: 1px solid #010101;
  border-bottom: 1px solid #d8d8d8;
}
.modal_wrap.project_setting .scroll_box .table {
  border: 0;
  table-layout: fixed;
  width: 100%;
}
.modal_wrap.project_setting .scroll_box .table.line {
  border-bottom: 1px solid #ebebeb;
}
.modal_wrap.project_setting .scroll_box .table tbody td {
  height: auto;
  padding: 17px 0;
  line-height: 14px;
}
.modal_wrap.project_setting .scroll_box .table .sjt {
  padding: 17px 10px;
  text-align: left;
}
.modal_wrap.openplatform .btn.btn_type1.on {
  background-color: #ff522f;
  border-color: #ff522f;
}
.modal_wrap.stats_student_play .modal_header {
  border-bottom: 0;
}
.modal_wrap.stats_student_play .modal_body {
  max-height: inherit;
  overflow-y: visible;
}
.modal_wrap.stats_student_play .modal_body .table {
  border-bottom: 1px solid #d8d8d8;
}
.modal_wrap.stats_student_play .modal_body .table .cell_left {
  text-align: left;
  padding-left: 24px;
}
.modal_wrap.stats_student_play .paginate {
  margin-top: 20px;
}
.modal_wrap.stats_student_play .modal_footer {
  border-top: 0;
  padding-top: 40px;
}
.modal_wrap .drag {
  display: inline-block;
  cursor: move;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_drag);
  background-repeat: no-repeat;
  background-position: -901px -486px;
  width: 9px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_wrap.type2 .modal_content {
  padding: 40px;
}
.modal_wrap.type2 .modal_body {
  margin: 24px 0;
}
.modal_wrap.record_check .modal_content {
  width: 780px;
}
.modal_wrap.record_check .modal_header {
  border-bottom: 0;
}
.modal_wrap.record_check .modal_title {
  margin-top: 14px;
}
.modal_wrap.record_check .modal_body {
  max-height: unset;
  max-height: none;
}
.modal_wrap.record_check .nav_tab {
  margin-top: 24px;
  top: 0;
  margin-bottom: 24px;
}
.modal_wrap.record_check .nav_tab li a {
  padding: 0 30px;
  min-width: 146px;
  text-align: center;
}
.modal_wrap.record_check .paginate {
  margin-bottom: 40px;
}
.modal_wrap.record_check .paginate .page_list a {
  color: #999;
}
.modal_wrap.record_check .paginate .page_list .selected {
  color: #333;
  text-decoration: underline;
  text-underline-position: from-font;
}
.modal_wrap.record_check .modal_footer {
  padding-top: 40px;
  padding-bottom: 8px;
}
.modal_wrap.record_check .learn_record,
.modal_wrap.record_check .auth_record {
  display: none;
}
.modal_wrap.record_check .learn_record.show,
.modal_wrap.record_check .auth_record.show {
  display: block;
}
.modal_wrap.record_check .learn_record table,
.modal_wrap.record_check .auth_record table {
  table-layout: fixed;
  border-bottom: 1px solid #EBEBEB;
  letter-spacing: 0;
}
.modal_wrap.record_check .learn_record table tbody tr:nth-child(2n) td,
.modal_wrap.record_check .auth_record table tbody tr:nth-child(2n) td {
  background: #FDFDFD;
}
.modal_wrap.record_check .learn_record table tr,
.modal_wrap.record_check .auth_record table tr {
  padding: 0 8px;
}
.modal_wrap.record_check .learn_record table tr th,
.modal_wrap.record_check .learn_record table tr td,
.modal_wrap.record_check .auth_record table tr th,
.modal_wrap.record_check .auth_record table tr td {
  padding: 0 8px;
}
.modal_wrap.record_check .learn_record table tr th:first-child,
.modal_wrap.record_check .learn_record table tr td:first-child,
.modal_wrap.record_check .auth_record table tr th:first-child,
.modal_wrap.record_check .auth_record table tr td:first-child {
  padding-left: 16px;
}
.modal_wrap.record_check .learn_record table tr th:last-child,
.modal_wrap.record_check .learn_record table tr td:last-child,
.modal_wrap.record_check .auth_record table tr th:last-child,
.modal_wrap.record_check .auth_record table tr td:last-child {
  padding-right: 16px;
}
.modal_wrap.record_check .learn_record table tr th,
.modal_wrap.record_check .auth_record table tr th {
  background: #FDFDFD;
  height: 48px;
}
.modal_wrap.member_list .modal_content {
  width: 780px;
}
.modal_wrap.privacy_agree .modal_content {
  width: 780px;
}
.modal_wrap .record_search_box {
  padding: 24px;
  background-color: #F5F7F7;
}
.modal_wrap .record_search_box .search_option {
  overflow: hidden;
}
.modal_wrap .record_search_box .search_option .title {
  display: block;
  float: left;
  color: #010101;
  font-size: 14px;
  line-height: 34px;
  font-weight: bold;
  min-width: 90px;
}
.modal_wrap .record_search_box .search_option .ipt_area {
  float: left;
}
.modal_wrap .record_search_box .search_option .ipt_area input {
  border-color: #d1d1d1;
}
.modal_wrap .record_search_box .search_option .ipt_area .ph {
  left: 12px;
}
.modal_wrap .record_search_box .search_option .ipt_area .wave {
  color: #666;
  font-weight: 400;
}
.modal_wrap .record_search_box .search_option .btn_type1 {
  height: 34px;
  margin-left: 8px;
  -webkit-border-radius: 0;
          border-radius: 0;
}

.sub_modal_wrap {
  position: relative;
}
.sub_modal_wrap .sub_modal {
  display: none;
  z-index: 10000;
  width: 497px;
  top: 8px;
  right: 8px;
  border: 1px solid #d1d1d1;
  position: absolute;
  padding: 35px 19px 39px;
  background: #FFF;
  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0 8px 8px rgba(0, 0, 0, 0.05);
}
.sub_modal_wrap .sub_modal.math {
  padding-bottom: 19px;
  width: 416px;
}
.sub_modal_wrap .sub_modal.math .s_btn {
  margin: 10px 0 0 0;
}
.sub_modal_wrap .sub_modal.math .it .ph {
  left: 16px;
  top: 10px;
}
.sub_modal_wrap .sub_modal .inner {
  margin: 25px 0 0;
}
.sub_modal_wrap .sub_modal .inner:before, .sub_modal_wrap .sub_modal .inner:after {
  display: table;
  clear: both;
  content: " ";
}
.sub_modal_wrap .sub_modal .file_path {
  overflow: hidden;
  position: relative;
  height: 23px;
}
.sub_modal_wrap .sub_modal .file_path input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.sub_modal_wrap .sub_modal .file_path span {
  display: block;
  width: 389px;
  height: 23px;
  padding: 0 5px;
  border: 1px solid #CBCBCB;
  line-height: 23px;
  float: left;
}
.sub_modal_wrap .sub_modal .file_path .s_btn {
  margin-left: -3px;
}
.sub_modal_wrap .sub_modal .s_btn {
  float: right;
  height: 23px;
  padding: 0 8px;
  border: 1px solid #CBCBCB;
  font-size: 12px;
  line-height: normal;
  color: #848484;
}
.sub_modal_wrap .sub_modal .tit {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #333;
}
.sub_modal_wrap .sub_modal .math_preview {
  overflow: auto;
  width: 100%;
  height: 55px;
  margin: 10px 0 0;
  padding: 5px 9px;
  border: 1px solid #D1D1D1;
  background: #FDFDFD;
  resize: none;
}
.sub_modal_wrap .sub_modal .close {
  position: absolute;
  top: 7px;
  right: 7px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-position: -876px -25px;
  width: 21px;
  height: 21px;
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
  -webkit-background-size: 913px 901px;
          background-size: 913px 901px;
}

.modal_paging {
  height: 30px;
  border-top: 1px solid #b3b3b3;
  padding: 20px 0;
  text-align: center;
}
.modal_paging + .modal_footer {
  border-top: none;
}
.modal_paging .inner {
  display: inline-block;
  text-align: center;
}
.modal_paging .inner:before, .modal_paging .inner:after {
  display: table;
  clear: both;
  content: " ";
}
.modal_paging a {
  display: block;
  overflow: hidden;
  position: relative;
  height: 40px;
  font-size: 14px;
  text-decoration: none;
  vertical-align: top;
}
.modal_paging .pre,
.modal_paging .next {
  float: left;
  position: relative;
}
.modal_paging .pre.disabled,
.modal_paging .next.disabled {
  visibility: hidden;
}
.modal_paging .pre {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_pg_prev);
  background-repeat: no-repeat;
  background-position: -839px -436px;
  width: 28px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_paging .next {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_pg_next);
  background-repeat: no-repeat;
  background-position: -839px -372px;
  width: 28px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_paging .pre.on {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_pg_prev_on);
  background-repeat: no-repeat;
  background-position: -839px -404px;
  width: 28px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_paging .next.on {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_pg_next_on);
  background-repeat: no-repeat;
  background-position: -839px -340px;
  width: 28px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.modal_paging .page_list {
  margin: 0 10px;
  float: left;
}
.modal_paging .page_list li {
  float: left;
  margin-left: 4px;
}
.modal_paging .page_list li:first-child {
  margin-left: 0;
}
.modal_paging .page_list a {
  display: block;
  width: 30px;
  height: 28px;
  line-height: 28px;
  color: #999;
  text-align: center;
  vertical-align: top;
}
.modal_paging .page_list .selected,
.modal_paging .page_list a:hover {
  border: 1px solid transparent;
  color: #333;
  line-height: 26px;
  cursor: default;
  text-decoration: underline;
  font-weight: 700;
}
.modal_paging .page_list .selected {
  margin: 0 -1px;
}
.modal_paging .page_list a:hover {
  cursor: pointer;
}

.group_lr.modal_search {
  margin-bottom: 20px;
  clear: both;
}

.modal_wrap .modal_header .group_lr.modal_search .group_r .it {
  margin: 0;
}

.tbl_student_add {
  width: 100%;
  table-layout: fixed;
}
.tbl_student_add td {
  padding: 20px 0 20px 20px;
}
.tbl_student_add th,
.tbl_student_add td {
  border-top: 1px solid #ebebeb;
  text-align: left;
}
.tbl_student_add tr:first-child th,
.tbl_student_add tr:first-child td {
  border-top: none;
}
.tbl_student_add .student_info {
  width: 175px;
  background-color: #fdfdfd;
}
.tbl_student_add .student_info label {
  padding-left: 30px;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  letter-spacing: -1px;
}
.tbl_student_add .student_info_input {
  position: relative;
}
.tbl_student_add .student_info_input .ph {
  z-index: 30;
  position: absolute;
  top: 4px;
  left: 10px;
  color: #999;
  font-size: 14px;
}
.tbl_student_add .student_info_input .input_txt {
  width: 100%;
  height: 34px;
  padding: 0 8px;
  border: 1px solid #cbcbcb;
  font-size: 14px;
  line-height: 34px;
  color: #666;
}
.tbl_student_add .student_info_input .msg {
  margin-top: 4px;
  font-size: 12px;
}
.tbl_student_add .student_info_input .grade {
  position: absolute;
  right: 8px;
  top: 6px;
  z-index: 10;
  font-size: 12px;
}
.tbl_student_add .student_info_input.sts_error .input_txt {
  border-color: #ff5230;
  color: #ff5230;
}
.tbl_student_add .student_info_input.sts_error .msg {
  color: #ff5230;
}
.tbl_student_add .student_info_input.sts_strong .input_txt {
  border-color: #4564d8;
  color: #4564d8;
}
.tbl_student_add .student_info_input.sts_strong .msg {
  color: #4564d8;
}
.tbl_student_add .student_info_input.sts_valid .input_txt {
  border-color: #1dbe20;
  color: #1dbe20;
}
.tbl_student_add .student_info_input.sts_valid .msg {
  color: #1dbe20;
}
.tbl_student_add .student_info_input.sts_danger .input_txt {
  border-color: #ff9c01;
  color: #ff9c01;
}
.tbl_student_add .student_info_input.sts_danger .msg {
  color: #ff9c01;
}

.student_add_case {
  margin: 0 -30px;
}
.student_add_case li {
  position: relative;
  height: 208px;
  padding: 70px 0 0 80px;
  border-top: 1px solid #eaeaea;
  font-size: 14px;
  letter-spacing: -1px;
  color: #999;
}
.student_add_case li:first-child {
  border-top: none;
}
.student_add_case li .add_case {
  display: block;
  margin-bottom: -4px;
  font-size: 24px;
  color: #333;
  line-height: 1.8;
}
.student_add_case li .btn_add {
  position: absolute;
  right: 80px;
  top: 50%;
  width: 147px;
  height: 43px;
  margin-top: -22px;
  background-color: #00c73c;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 43px;
}
.student_add_case li .btn_add:hover {
  text-decoration: none;
}

.modal_set_playtime {
  min-height: 360px;
  letter-spacing: -1px;
}
.modal_set_playtime .video_name {
  margin-top: 30px;
  line-height: 16px;
  color: #333;
}
.modal_set_playtime .list_set_playtime {
  margin-top: 16px;
}
.modal_set_playtime .list_set_playtime li {
  position: relative;
  padding-right: 21px;
}
.modal_set_playtime .list_set_playtime li + li {
  margin-top: 8px;
}
.modal_set_playtime .list_set_playtime .tbl_time .time_lable {
  display: inline-block;
  vertical-align: top;
  line-height: 34px;
}
.modal_set_playtime .list_set_playtime .tbl_time .time_setting {
  display: inline-block;
  width: 91px;
  padding-left: 8px;
  vertical-align: top;
}
.modal_set_playtime .list_set_playtime .tbl_time .entry_time {
  height: 34px;
  padding: 3px 10px 0;
  border: 1px solid #d1d1d1;
  letter-spacing: -1px;
}
.modal_set_playtime .list_set_playtime .tbl_time .entry_time .it input {
  height: 25px;
  padding: 0;
  border: none;
}
.modal_set_playtime .list_set_playtime .tbl_time .entry_time .it .ph {
  left: 0;
  top: 0;
}
.modal_set_playtime .list_set_playtime .tbl_time .timeset_group {
  overflow: hidden;
  display: none;
}
.modal_set_playtime .list_set_playtime .tbl_time .timeset_group.input_time {
  display: block;
}
.modal_set_playtime .list_set_playtime .tbl_time .time_dash {
  color: #999;
  text-align: center;
  vertical-align: top;
  line-height: 34px;
  display: inline-block;
  margin: 0 4px;
}
.modal_set_playtime .list_set_playtime .tbl_time .timeset {
  float: left;
  margin-top: 4px;
  line-height: 16px;
  vertical-align: top;
}
.modal_set_playtime .list_set_playtime .tbl_time .timeset .input_time {
  width: 9px;
  padding: 1px 0;
  border: none;
  border-bottom: 1px solid #333;
  color: #333;
  text-align: center;
  letter-spacing: -1px;
  vertical-align: top;
}
.modal_set_playtime .list_set_playtime .tbl_time .timeset .input_time.entry {
  border-bottom: none;
}
.modal_set_playtime .list_set_playtime .tbl_time .time_dot {
  float: left;
  line-height: 1.8;
}

.video_index_area {
  min-height: 400px;
  letter-spacing: -1px;
}
.video_index_area .video_name {
  margin-top: 30px;
  line-height: 16px;
  color: #333;
}
.video_index_area .list_video_index {
  margin-top: 16px;
}
.video_index_area .list_video_index li {
  position: relative;
  padding-right: 21px;
}
.video_index_area .list_video_index li + li {
  margin-top: 8px;
}
.video_index_area .list_video_index .tbl_time {
  display: table;
  width: 100%;
}
.video_index_area .list_video_index .tbl_time [class^=time_] {
  display: table-cell;
  vertical-align: top;
}
.video_index_area .list_video_index .tbl_time .time_setting {
  width: 91px;
  padding-left: 8px;
}
.video_index_area .list_video_index .tbl_time .time_dash {
  width: 16px;
  color: #999;
  text-align: center;
  vertical-align: middle;
}
.video_index_area .list_video_index .tbl_time .time_dash + .time_setting {
  padding-left: 0;
}
.video_index_area .list_video_index .tbl_time .entry_time {
  height: 34px;
  padding: 3px 10px 0;
  border: 1px solid #d1d1d1;
  letter-spacing: -1px;
}
.video_index_area .list_video_index .tbl_time .entry_time .it input {
  height: 25px;
  padding: 0;
  border: none;
}
.video_index_area .list_video_index .tbl_time .entry_time .it .ph {
  left: 2px;
  top: 7px;
}
.video_index_area .list_video_index .tbl_time .timeset_group {
  overflow: hidden;
}
.video_index_area .list_video_index .tbl_time .timeset_group.result {
  letter-spacing: 0;
  margin-top: 3px;
}
.video_index_area .list_video_index .tbl_time .timeset {
  float: left;
  margin-top: 4px;
  line-height: 16px;
  vertical-align: top;
}
.video_index_area .list_video_index .tbl_time .timeset .input_time {
  width: 9px;
  padding: 1px 0;
  border: none;
  border-bottom: 1px solid #333;
  color: #333;
  text-align: center;
  letter-spacing: -1px;
  vertical-align: top;
}
.video_index_area .list_video_index .tbl_time .time_dot {
  float: left;
  line-height: 1.8;
}
.video_index_area .list_video_index .btn_delete {
  position: absolute;
  right: 0;
  top: 0;
  width: 21px;
  height: 34px;
  text-align: right;
}
.video_index_area .list_video_index .btn_delete:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#m_close_small);
  background-repeat: no-repeat;
  background-position: -901px -624px;
  width: 11px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  content: "";
}
.video_index_area .add_btn {
  margin-top: 16px;
  text-align: center;
}

.modal_like_area {
  min-height: 400px;
}
.modal_like_area .list {
  overflow: hidden;
}
.modal_like_area .list li {
  overflow: hidden;
  height: 48px;
  border-bottom: 1px solid #ebebeb;
  line-height: 48px;
  color: #333;
}
.modal_like_area .list .thumb {
  display: block;
  float: left;
  overflow: hidden;
  width: 32px;
  height: 32px;
  margin-top: 8px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.modal_like_area .list .name {
  display: block;
  float: left;
  width: 250px;
  padding-left: 8px;
}
.modal_like_area .list .team {
  display: block;
  overflow: hidden;
  letter-spacing: -1px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal_like_area .no_list {
  display: block;
  margin-top: 30px;
  height: 96px;
  background: #fafafa;
  color: #333;
  text-align: center;
  line-height: 96px;
}

.new_modal {
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  z-index: 2000;
}
.new_modal .pop_close {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_popup_close);
  background-repeat: no-repeat;
  background-position: -233px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 10;
}
.new_modal .pop_close.white {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_popup_close_white);
  background-repeat: no-repeat;
  background-position: -205px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.new_modal .pop_header {
  padding: 40px;
  background-color: #222;
}
.new_modal .pop_header h1 {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  text-align: left;
  letter-spacing: -1px;
  line-height: 35px;
}
.new_modal .pop_header .header_dsc {
  margin-top: 8px;
  font-size: 16px;
  color: #999;
  letter-spacing: -0.5px;
  text-align: left;
  line-height: 18px;
}
.new_modal .pop_cont {
  padding: 40px 40px 0;
  position: relative;
  text-align: left;
}
.new_modal .pop_cont .sjt1 {
  font-size: 32px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.5px;
  line-height: 35px;
}
.new_modal .pop_cont .sjt2 {
  font-size: 26px;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.5px;
  line-height: 35px;
}
.new_modal .pop_cont .pop_dsc {
  font-size: 16px;
  color: #666;
  letter-spacing: -0.5px;
  line-height: 24px;
}
.new_modal .pop_cont .pop_dsc2 {
  font-size: 18px;
  color: #333;
  letter-spacing: -0.5px;
  text-align: center;
  line-height: 24px;
}
.new_modal .pop_cont .sjt1 + .pop_dsc,
.new_modal .pop_cont .sjt2 + .pop_dsc {
  margin-top: 16px;
}
.new_modal .pop_btn {
  margin-top: 40px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.new_modal .pop_btn a {
  display: table-cell;
  height: 56px;
  background-color: #333;
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  text-decoration: none;
  text-align: center;
  letter-spacing: -0.5px;
  vertical-align: middle;
  line-height: 22px;
}
.new_modal .pop_btn .btn_green {
  background-color: #00c73c;
}
.new_modal .pop_btn .btn_orange {
  background-color: #ff5230;
}
.new_modal .pop_btn .btn_gray {
  background-color: #96a0aa;
}
.new_modal .pop_btn.type_large a {
  height: 80px;
}
.new_modal .pop_btn.type_short {
  display: block;
  padding-bottom: 40px;
}
.new_modal .pop_btn.type_short a {
  display: inline-block;
  width: 200px;
  line-height: 56px;
}
.new_modal .pop_btn.type_short a + a {
  margin-left: 4px;
}
.new_modal .certificate_info {
  margin-top: 40px;
}
.new_modal .certificate_info .sjt {
  font-weight: 700;
  color: #333;
  line-height: 16px;
}
.new_modal .certificate_info .list {
  margin-top: 16px;
  padding: 16px 24px 24px;
  background-color: #f9fafb;
}
.new_modal .certificate_info .list li {
  margin-top: 8px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: normal;
  color: #999;
  letter-spacing: -0.4px;
  line-height: 16px;
}
.new_modal .certificate_info .list li:before {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 4px;
  background-color: #ccc;
  vertical-align: middle;
  content: "";
}
.new_modal .certificate_info .certificate_input_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.new_modal .certificate_info .certificate_input_area .certificate_input {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 211px;
      -ms-flex: 0 1 211px;
          flex: 0 1 211px;
}
.new_modal .certificate_info .certificate_input_area .certificate_input + .certificate_input {
  margin-left: 24px;
}
.new_modal .certificate_info .certificate_input_area .certificate_input .input_title {
  display: block;
  color: #333;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  padding-bottom: 8px;
}
.new_modal .certificate_info .certificate_input_area .certificate_input .it {
  display: block;
}
.new_modal .certificate_info .certificate_input_area .certificate_input .it input {
  height: 40px;
  padding-left: 15px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  color: #25292f;
}
.new_modal .certificate_info .certificate_input_area .certificate_input .it input::-webkit-input-placeholder {
  color: #828c96 !important;
}
.new_modal .certificate_info .certificate_input_area .certificate_input .it input:-ms-input-placeholder {
  color: #828c96 !important;
}
.new_modal .certificate_info .certificate_input_area .certificate_input .it input::-ms-input-placeholder {
  color: #828c96 !important;
}
.new_modal .certificate_info .certificate_input_area .certificate_input .it input::placeholder {
  color: #828c96 !important;
}
.new_modal .certificate_info .certificate_input_area .certificate_input .warning_text {
  display: block;
  margin-top: 8px;
  color: #ff5230;
  font-size: 11px;
  line-height: 14px;
}
.new_modal .certificate_info .certificate_input_info {
  margin-top: 8px;
  color: #828c96;
  font-size: 12px;
  line-height: 16px;
}
.new_modal .review_cancel_chk {
  padding-top: 8px;
  letter-spacing: -0.5px;
  line-height: 16px;
}
.new_modal .review_cancel_chk .chk_list {
  overflow: hidden;
  font-weight: 300;
  color: #333;
}
.new_modal .review_cancel_chk .chk_list li {
  margin-top: 8px;
}
.new_modal .review_cancel_chk .chk_list li:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_check_red);
  background-repeat: no-repeat;
  background-position: -772px -841px;
  width: 13px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
  content: "";
}
.new_modal .review_cancel_chk .dsc {
  margin-top: 16px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: normal;
  color: #999;
  line-height: 16px;
}
.new_modal .project_submit .nav_tab {
  margin-top: 40px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: normal;
}
.new_modal .project_submit .nav_tab li {
  width: 146px;
}
.new_modal .project_submit .nav_tab li a {
  display: block;
  padding: 0;
  text-align: center;
}
.new_modal .project_submit .order_navigation {
  overflow: hidden;
}
.new_modal .project_submit .order_navigation li {
  float: left;
  position: relative;
  width: 248px;
  height: 32px;
  margin-left: -32px;
  background-color: #ecf0f1;
  -webkit-border-radius: 32px;
          border-radius: 32px;
  font-weight: 300;
  color: #828c96;
  text-align: center;
  letter-spacing: -0.5px;
  line-height: 32px;
}
.new_modal .project_submit .order_navigation li:first-child {
  margin-left: 0;
}
.new_modal .project_submit .order_navigation .on {
  background-color: #828c96;
  color: #fff;
}
.new_modal .project_submit .order_navigation .cnt {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.06);
  line-height: 32px;
}
.new_modal .project_submit .order_navigation .check .cnt,
.new_modal .project_submit .order_navigation .checked .cnt {
  color: transparent;
  font-size: 1px;
  text-indent: -10px;
}
.new_modal .project_submit .order_navigation .check .cnt:before {
  position: absolute;
  left: 50%;
  top: 50%;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_check_light);
  background-repeat: no-repeat;
  background-position: -755px -841px;
  width: 13px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: -5px 0 0 -6px;
  content: "";
}
.new_modal .project_submit .order_navigation .checked .cnt:before {
  position: absolute;
  left: 50%;
  top: 50%;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_check_gray);
  background-repeat: no-repeat;
  background-position: -738px -841px;
  width: 13px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: -5px 0 0 -6px;
  content: "";
}
.new_modal .project_submit .order_navigation.free li {
  width: 356px;
}
.new_modal .project_submit .project_submit_list {
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: normal;
  line-height: 20px;
}
.new_modal .project_submit .project_submit_list dt {
  float: left;
  width: 80px;
  padding-top: 37px;
  font-weight: 600;
  color: #999;
}
.new_modal .project_submit .project_submit_list dd {
  overflow: hidden;
  margin-left: 80px;
  padding-top: 38px;
  color: #666;
  line-height: 20px;
}
.new_modal .project_submit .project_submit_list .active {
  color: #00c73c;
}
.new_modal .project_submit .project_submit_list .dsc_tit {
  color: #333;
}
.new_modal .project_submit .project_submit_list .input_box {
  margin-top: 13px;
  position: relative;
}
.new_modal .project_submit .project_submit_list .input_box .file_name {
  display: inline-block;
  overflow: hidden;
  max-width: 497px;
  padding-left: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  vertical-align: middle;
}
.new_modal .project_submit .project_submit_list .input_box .file_add {
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 0 16px;
  background-color: #fff;
  border: 1px solid #010101;
  font-size: 14px;
  font-weight: 600;
  color: #010101;
  letter-spacing: -1px;
  cursor: pointer;
  vertical-align: middle;
  z-index: 10;
  line-height: 32px;
}
.new_modal .project_submit .project_submit_list .input_box .file_add_back {
  position: absolute;
  left: 0;
  top: 0;
  width: 82px;
  height: 34px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.new_modal .project_submit .project_submit_list .input_box .txtarea {
  overflow-y: auto;
  width: 100%;
  height: 68px;
  padding: 10px;
  border: 1px solid #cbcbcb;
  font-size: 14px;
  color: #666;
  letter-spacing: -1px;
  line-height: 20px;
  vertical-align: top;
}
.new_modal .project_submit .project_submit_list .input_box .txtarea_label {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 14px;
  color: #999;
  letter-spacing: -1px;
  line-height: 20px;
}
.new_modal .project_submit .project_submit_list .promise_list {
  margin-top: 12px;
}
.new_modal .project_submit .project_submit_list:after {
  display: block;
  clear: both;
  content: "";
}
.new_modal .project_submit .project_submit_list .sub_text {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: #999;
  letter-spacing: -0.5px;
  line-height: 14px;
}
.new_modal .project_submit .project_submit_list .sub_text a {
  text-decoration: underline;
  color: #999;
}
.new_modal .project_submit .git_box {
  position: relative;
  margin-top: 14px;
  height: 124px;
}
.new_modal .project_submit .git_box .git_add {
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 0 20px;
  background-color: #fff;
  border: 1px solid #010101;
  font-size: 14px;
  font-weight: 600;
  color: #010101;
  letter-spacing: -1px;
  cursor: pointer;
  vertical-align: middle;
  z-index: 10;
  line-height: 32px;
}
.new_modal .project_submit .git_box .scroll_box {
  overflow-y: auto;
  height: 124px;
  border-top: 1px solid #010101;
  border-bottom: 1px solid #d8d8d8;
}
.new_modal .project_submit .git_box .code_list {
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_code_list2.png) repeat;
}
.new_modal .project_submit .git_box .code_list li:first-child {
  border-top: 0;
}
.new_modal .project_submit .git_box .code_list .depth .code_list {
  background: none;
}
.new_modal .project_submit .git_box .code_list .depth .code_list li:first-child {
  border-top: 1px solid #ebebeb;
}
.new_modal .project_submit .git_box .code_list a,
.new_modal .project_submit .git_box .code_list .radio_box {
  height: 40px;
  line-height: 40px;
}
.new_modal .project_submit .git_box .code_list .folder_link.selected {
  color: #333;
  font-weight: 600;
}
.new_modal .project_submit .git_box .code_list .radio_box {
  display: block;
}
.new_modal .project_submit .git_box .code_list .text {
  padding-right: 24px;
}
.new_modal .project_submit .git_box .code_list .arr {
  margin-top: 16px;
}
.new_modal .project_submit .git_box .code_list .list_dash {
  margin-top: 18px;
}
.new_modal .project_submit .review_account {
  margin-top: 40px;
}
.new_modal .project_submit .review_account .account {
  display: block;
  overflow: hidden;
  font-size: 48px;
  font-weight: 300;
  color: #666;
  letter-spacing: -1.5px;
  vertical-align: top;
  line-height: 53px;
  -webkit-transform: skew(0deg);
      -ms-transform: skew(0deg);
          transform: skew(0deg);
}
.new_modal .project_submit .review_account .account .txt {
  float: left;
  margin-top: 28px;
  font-size: 14px;
  font-weight: 700;
  color: #999;
  vertical-align: top;
  letter-spacing: -0.5px;
  line-height: 16px;
}
.new_modal .project_submit .review_account .account em {
  padding-left: 28px;
  font-weight: 700;
  color: #00c73c;
  -webkit-transform: skew(0deg);
      -ms-transform: skew(0deg);
          transform: skew(0deg);
}
.new_modal .project_submit .review_account .account_dsc {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 300;
  color: #666;
  letter-spacing: -0.5px;
  line-height: 18px;
}
.new_modal .project_submit .review_account .account_dsc .sub {
  font-size: 14px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: normal;
  color: #999;
}
.new_modal .project_submit .review_account .account_chk {
  margin: 11px 0 -7px 0;
}
.new_modal .project_submit .review_account .account_chk .ick .ph {
  color: #4d6fee;
}
.new_modal .payment_info .info_sjt {
  display: block;
  font-weight: 700;
  color: #999;
  letter-spacing: -0.5px;
  line-height: 16px;
}
.new_modal .payment_info .list {
  padding-top: 8px;
}
.new_modal .payment_info .list li {
  overflow: hidden;
  margin-top: 16px;
}
.new_modal .payment_info .list .sjt {
  display: block;
  overflow: hidden;
  font-size: 16px;
  color: #333;
  letter-spacing: -0.5px;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  line-height: 18px;
}
.new_modal .payment_info .list .cnt {
  float: right;
  padding-left: 10px;
  font-weight: 300;
  color: #666;
  letter-spacing: -0.4px;
  line-height: 18px;
}
.new_modal .payment_info .list .cnt em {
  font-weight: 700;
  color: #00c73c;
}
.new_modal .caution_box {
  margin-top: 40px;
  padding-top: 40px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_account_dash.png) repeat-x;
}
.new_modal .caution_box .list {
  overflow: hidden;
  background-color: #f9fafb;
  padding: 16px 24px 24px;
}
.new_modal .caution_box .list li {
  position: relative;
  margin-top: 8px;
  padding-left: 12px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: normal;
  color: #999;
  letter-spacing: -0.5px;
  line-height: 16px;
}
.new_modal .caution_box .list li:before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  background-color: #ccc;
  content: "";
}
.new_modal .caution_info {
  margin-top: 16px;
  color: #666;
  letter-spacing: -0.4px;
  line-height: 16px;
}
.new_modal .caution_info a {
  color: #666;
  text-decoration: underline;
}
.new_modal .payment_foot_info {
  overflow: hidden;
  padding-top: 12px;
}
.new_modal .payment_foot_info .list {
  overflow: hidden;
  margin-left: -8px;
  padding: 0;
  width: 670px;
  background: none;
}
.new_modal .payment_foot_info .list li {
  float: left;
  position: relative;
  padding: 0 8px;
  margin-top: 4px;
  font-size: 12px;
  color: #999;
  letter-spacing: -1px;
  line-height: 14px;
}
.new_modal .payment_foot_info .list li:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background-color: #e4e4e4;
  content: "";
}
.new_modal .payment_foot_info .list a {
  color: #999;
  text-decoration: none;
}
.new_modal .payment_foot_info .law {
  margin-top: 16px;
}
.new_modal .payment_foot_info .law a {
  display: inline-block;
  font-size: 12px;
  letter-spacing: -1px;
  color: #999;
  line-height: 13px;
  font-weight: 300;
}
.new_modal .payment_foot_info .law .policy:before {
  content: "";
  display: inline-block;
  margin: 1px 8px 0 4px;
  background-color: #e4e4e4;
  width: 1px;
  height: 10px;
  vertical-align: top;
}
.new_modal .payment_foot_info .law .policy {
  font-weight: 700;
  width: auto;
  margin: 0;
}
.new_modal .account_result {
  margin-top: 40px;
  display: block;
  font-size: 20px;
  font-weight: 300;
  color: #333;
  letter-spacing: -0.5px;
  line-height: 32px;
}
.new_modal .import_kv_modal .modal_body {
  max-height: 530px;
}
.new_modal .import_kv_modal .table {
  table-layout: fixed;
}
.new_modal .import_kv_modal .table .text {
  font-size: 14px;
  letter-spacing: -0.5px;
  color: #666;
  line-height: 16px;
}
.new_modal .import_kv_modal .table thead th:first-child,
.new_modal .import_kv_modal .table tbody th {
  padding-left: 10px;
}
.new_modal .import_kv_modal .table thead th:last-child,
.new_modal .import_kv_modal .table tbody td:last-child {
  padding: 20px 10px;
}
.new_modal .import_kv_modal .table tbody img {
  vertical-align: middle;
}
.new_modal .import_kv_modal .table td.disabled + td .thumb img {
  opacity: 0.5;
}
.new_modal .import_kv_modal .table td.disabled ~ td .text {
  color: #999;
}

.table.table_type2 tbody th.title.center,
.table.table_type2 tbody td.title.center,
.table.table_type2 tfoot th.title.center,
.table.table_type2 tfoot td.title.center {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 212px;
}
.table.table_type2 tbody th.title.txt_hidden,
.table.table_type2 tbody td.title.txt_hidden,
.table.table_type2 tfoot th.title.txt_hidden,
.table.table_type2 tfoot td.title.txt_hidden {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 256px;
}

.timeline_noti {
  line-height: 21px;
}

.modal_con {
  height: 591px;
  overflow-y: auto;
}

.setting_wrap {
  padding: 24px;
  background-color: #f9f9f9;
  border-top: 1px solid #010101;
}
.setting_wrap li:nth-child(n+2) {
  overflow: hidden;
  margin-top: 6px;
}
.setting_wrap .sjt {
  float: left;
  width: 64px;
  font-size: 12px;
  font-weight: normal;
  color: #666;
  line-height: 25px;
}
.setting_wrap .inp_li .sjt {
  line-height: 32px;
}
.setting_wrap .inp_li .inner:before, .setting_wrap .inp_li .inner:after {
  display: table;
  clear: both;
  content: " ";
}
.setting_wrap .inner {
  display: block;
  overflow: hidden;
}
.setting_wrap .ph {
  letter-spacing: -1px;
}
.setting_wrap .inner_input_wrap {
  vertical-align: top;
  float: left;
}
.setting_wrap .inner_input_wrap .it + .ick {
  margin-top: 4px;
  float: right;
}
.setting_wrap .inner_file_wrap {
  float: left;
  margin-left: 16px;
}
.setting_wrap .inner_file_wrap .info {
  padding-left: 8px;
}
.setting_wrap .inner_file_wrap .info_txt {
  line-height: normal;
}
.setting_wrap .inner_file_wrap .btn.btn_type2 {
  width: 86px;
}
.setting_wrap .inner_file_wrap .img_group .img.noimg .inner {
  background-color: #FFF;
}
.setting_wrap .inner_file_wrap .img_group .info_txt em {
  display: block;
  color: #999;
  font-size: 12px;
}
.setting_wrap .label_wrap:nth-child(n+2) {
  margin-top: 4px;
}
.setting_wrap .label_wrap .it input {
  height: 32px;
}
.setting_wrap .term_setting .sjt.term {
  line-height: 34px;
}
.setting_wrap .term_setting .check_wrap {
  height: 34px;
  line-height: 34px;
  display: inline-block;
}
.setting_wrap .term_setting .check_wrap .ick .radio {
  margin-top: 5px;
}
.setting_wrap .term_setting .input_wrap {
  margin-left: 24px;
  height: 34px;
  display: inline-block;
  vertical-align: top;
}

.list_wrap .lecture_add {
  margin-top: 24px;
}
.list_wrap .lecture_add .lecture_group_manager {
  margin-bottom: 8px;
}
.list_wrap .lecture_add .lecture_group_top {
  padding: 8px 96px 7px 20px;
}
.list_wrap .lecture_add .lecture_group_top .le_txt {
  font-size: 16px;
}
.list_wrap .lecture_add .lecture_group_body > li {
  padding: 18px 86px 18px 20px;
  height: 75px;
  min-height: 75px;
}
.list_wrap .lecture_add .list_title {
  display: block;
}
.list_wrap .lecture_add .ph {
  display: block;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list_wrap .lecture_add .txt {
  color: #999;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list_wrap .lecture_add .big_img {
  display: none;
  font-size: 14px;
  color: #00c73c;
  margin-right: 24px;
}
.list_wrap .lecture_add .big_img.on {
  display: inline-block;
}

.modal_content.menu_mobile_manage {
  width: 960px;
  border: 0;
}
.modal_content.menu_mobile_manage .modal_header {
  border-bottom: none;
}
.modal_content.menu_mobile_manage .inner_content {
  overflow: hidden;
}
.modal_content.menu_mobile_manage .menu_control_area {
  float: left;
  overflow-y: scroll;
  width: 460px;
  height: 538px;
  border: solid 1px #e0e0e0;
  background-color: #fdfdfd;
}
.modal_content.menu_mobile_manage .menu_control_area .menu_index {
  display: table;
  padding: 0 8px 0 32px;
  height: 31px;
  background-color: #fdfdfd;
  border-bottom: 1px solid #e0e0e0;
}
.modal_content.menu_mobile_manage .menu_control_area .menu_index span {
  display: table-cell;
  width: 56px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
}
.modal_content.menu_mobile_manage .menu_control_area .menu_index span:first-child {
  width: 272px;
  padding-right: 8px;
}
.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item {
  display: table;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
}
.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item {
  padding: 0 8px 0 32px;
}
.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item .ick .checkbox {
  width: 14px;
  height: 14px;
  border: 1px solid #aeaeae;
  background-color: #fff;
}
.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item .ick .checkbox.checked {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-position: -68px -868px;
  width: 14px;
  height: 14px;
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
  -webkit-background-size: 913px 901px;
          background-size: 913px 901px;
  border: 1px solid transparent;
}
.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item .ick .checkbox.checked::after {
  display: none;
}
.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item .menu_name {
  display: inline-block;
  max-width: 264px;
  overflow: hidden;
  font-weight: bold;
  color: #010101;
  vertical-align: top;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item > span {
  display: table-cell;
  width: 56px;
  text-align: center;
  vertical-align: middle;
}
.modal_content.menu_mobile_manage .menu_control_area .control_menu_list .list_item > span:first-child {
  width: 272px;
  text-align: left;
  line-height: 54px;
}
.modal_content.menu_mobile_manage .control_info_area {
  float: left;
  margin-left: 4px;
}
.modal_content.menu_mobile_manage .control_info_area:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#img_mobile_menu);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 396px;
  height: 263px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: top;
}
.modal_content.menu_mobile_manage .control_info_area .info_list {
  width: 396px;
  padding: 24px;
  background-color: #f9fafb;
}
.modal_content.menu_mobile_manage .control_info_area .info_list li {
  position: relative;
  margin-top: 8px;
  padding-left: 12px;
  color: #999;
  line-height: 17px;
}
.modal_content.menu_mobile_manage .control_info_area .info_list li:before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #ccc;
  content: "";
}
.modal_content.menu_mobile_manage .control_info_area .info_list li:first-child {
  margin-top: 0;
}
.modal_content.menu_mobile_manage .modal_footer {
  border-top: none;
  padding-top: 16px;
}
.modal_content.menu_mobile_manage .modal_footer .btn_reload {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 20px;
  border: 1px solid #333;
  color: #010101;
  line-height: 16px;
}

.modal_wrap .modal_body.type3.thumb_box_area {
  padding: 30px 0;
}

.thumb_box_area .view_thumb {
  float: left;
  position: relative;
  width: 420px;
  height: 236px;
  -webkit-background-size: cover;
          background-size: cover;
  text-align: center;
}
.thumb_box_area .view_thumb img {
  max-width: 100%;
  max-height: 100%;
}
.thumb_box_area .view_thumb:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #d1d1d1;
  content: "";
}
.thumb_box_area .thumb_list_box {
  height: 236px;
  padding-left: 4px;
  overflow: hidden;
}
.thumb_box_area .thumb_list_box .thumb_list {
  overflow: hidden;
  margin-top: -10px;
}
.thumb_box_area .thumb_list_box .thumb_list li {
  float: left;
  position: relative;
  width: 128px;
  height: 72px;
  margin: 10px 0 0 10px;
}
.thumb_box_area .thumb_list_box .thumb_list li:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #d1d1d1;
  content: "";
}
.thumb_box_area .thumb_list_box .thumb_list .thumb_box {
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
.thumb_box_area .thumb_list_box .thumb_box img {
  max-width: 100%;
  max-height: 100%;
}
.thumb_box_area .thumb_list_box .thumb_list li:hover {
  border-color: #000;
}
.thumb_box_area .thumb_list_box .thumb_list li:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  content: "";
}
.thumb_box_area .thumb_list_box .thumb_list li:hover:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #000;
  z-index: 30;
  content: "";
}
.thumb_box_area .thumb_list_box .thumb_list li:hover .thumb_box:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-14px, -14px);
      -ms-transform: translate(-14px, -14px);
          transform: translate(-14px, -14px);
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_check_over);
  background-repeat: no-repeat;
  background-position: -839px -532px;
  width: 28px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  z-index: 20;
  content: "";
  cursor: pointer;
}
.thumb_box_area .thumb_list_box .thumb_list li:hover {
  cursor: pointer;
}
.thumb_box_area .thumb_list_box .thumb_list li.selected:before {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background-color: rgba(0, 199, 60, 0.8);
  z-index: 10;
  content: "";
}
.thumb_box_area .thumb_list_box .thumb_list li.selected .thumb_box:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-14px, -14px);
      -ms-transform: translate(-14px, -14px);
          transform: translate(-14px, -14px);
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_check_end);
  background-repeat: no-repeat;
  background-position: -839px -500px;
  width: 28px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  z-index: 20;
  content: "";
  cursor: pointer;
}
.thumb_box_area .thumb_list_box .thumb_list li.selected:hover:after {
  content: none;
}
.thumb_box_area .thumb_list_box:after {
  display: block;
  clear: both;
  content: "";
}
.thumb_box_area .if {
  margin-top: 20px;
}
.thumb_box_area .info_box {
  margin-top: 15px;
}
.thumb_box_area .info_box p {
  position: relative;
  padding-left: 6px;
  color: #999;
  font-size: 12px;
  letter-spacing: -0.5px;
  line-height: 15px;
}
.thumb_box_area .info_box p:after {
  position: absolute;
  top: 7px;
  left: 0;
  width: 2px;
  height: 1px;
  background-color: #999;
  content: "";
}
.thumb_box_area .info_box p + p {
  margin-top: 4px;
}

.live_student_list .modal_header {
  border-bottom: 0;
}
.live_student_list .modal_body {
  max-height: 100%;
}
.live_student_list .modal_footer {
  padding: 16px 0 39px;
}
.live_student_list .nav_tab {
  margin: 13px 0 21px;
}
.live_student_list .nav_tab li a {
  padding: 0 37px;
  font-size: 16px;
  letter-spacing: -0.5px;
}
.live_student_list .nav_tab .active a {
  color: #010101;
}
.live_student_list .range_box {
  padding-bottom: 8px;
  text-align: right;
}
.live_student_list .range_box .ick {
  font-size: 14px;
}
.live_student_list .range_box .ick + .ick {
  margin-left: 21px;
}
.live_student_list .progress_area .progress {
  display: inline-block;
  width: 100px;
  height: 10px;
  margin-left: 82px;
  -webkit-border-radius: 1px;
          border-radius: 1px;
}
.live_student_list .progress_area .progress .progress_bar {
  height: 100%;
  background: #00c73c;
}
.live_student_list .progress_area .per {
  margin-left: 5px;
  font-size: 14px;
}
.live_student_list .float_left {
  float: left;
}
.live_student_list .table_wrap {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 451px;
  padding-top: 3px;
}
.live_student_list .table_wrap table {
  border-bottom: 0;
}
.live_student_list .table_wrap table .align_left {
  text-align: left;
}
.live_student_list .table_wrap .watch_status {
  vertical-align: -2px;
}
.live_student_list .chosen-container {
  width: 240px !important;
}
.live_student_list .chosen-container .chosen-drop {
  top: auto;
  bottom: 100%;
  margin-bottom: -1px;
}
.live_student_list .chosen-container.chosen-container-single.chosen-with-drop .chosen-single {
  border-bottom-color: #CBCBCB !important;
}

.inspect_pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 3000;
}
.inspect_pop .popup_wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 320px;
  margin: -240px 0 0 -160px;
  padding: 64px 24px 23px;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 32px 32px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 32px 32px 0 rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.inspect_pop .pop_title {
  display: block;
  font-size: 32px;
  font-weight: bold;
  color: #333;
  line-height: 39px;
}
.inspect_pop .pop_text {
  padding-top: 24px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.inspect_pop .pop_text em {
  font-weight: bold;
  color: #00c73c;
}
.inspect_pop .pop_guide {
  padding: 77px 0 16px;
  font-size: 12px;
  color: #999;
  line-height: 16px;
}
.inspect_pop .input_check input[type=checkbox] {
  appearance: auto;
  -webkit-appearance: auto;
  width: 12px;
  height: 12px;
  margin-top: -1px;
  vertical-align: middle;
}
.inspect_pop .input_check .check_text {
  font-size: 14px;
  color: #666;
  vertical-align: middle;
}
.inspect_pop .close {
  display: block;
  position: absolute;
  top: 24px;
  right: 24px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-popup-close);
  background-repeat: no-repeat;
  background-position: -292px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}

.modal_modulab_wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  z-index: 2300;
}
.modal_modulab_wrap .modal_inner {
  position: absolute;
  top: 120px;
  left: 50%;
  width: 960px;
  margin-left: -480px;
  background-color: #fff;
}
.modal_modulab_wrap .modal_content {
  padding: 0 80px 80px;
  font-size: 0;
}
.modal_modulab_wrap .modal_content::before {
  display: block;
  height: 606px;
  margin: 0 -80px 80px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/boostcourse/coach_modal_modulab01_v2.png) no-repeat 0 0;
  -webkit-background-size: 960px 606px;
          background-size: 960px 606px;
  content: "";
}
.modal_modulab_wrap .modulab_title {
  display: block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#coach-modal-modulap-title);
  background-repeat: no-repeat;
  background-position: -4px -173px;
  width: 419px;
  height: 37px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin: 0 auto;
}
.modal_modulab_wrap .modulab_about {
  margin-top: 40px;
}
.modal_modulab_wrap .modulab_about .title {
  display: block;
  margin-bottom: 8px;
  font-family: NanumSquareWebFont;
  font-weight: 700;
  font-size: 20px;
  color: #101214;
  line-height: 30px;
}
.modal_modulab_wrap .modulab_about .text {
  display: inline-block;
  font-size: 16px;
  color: #384047;
  line-height: 32px;
  vertical-align: top;
}
.modal_modulab_wrap .modulab_about .btn_more {
  display: inline-block;
  height: 32px;
  margin-left: 8px;
  padding: 0 16px;
  -webkit-border-radius: 24px;
          border-radius: 24px;
  border: 1px solid #edf0f2;
  background-color: #fff;
  font-size: 12px;
  color: #384047;
  line-height: 32px;
  vertical-align: top;
}
.modal_modulab_wrap .interview {
  margin-top: 40px;
  padding: 0 24px 0 22px;
  border-left: 2px solid #101214;
}
.modal_modulab_wrap .interview .text {
  font-size: 13px;
  color: #384047;
  line-height: 20px;
}
.modal_modulab_wrap .interview .text em {
  font-family: NanumSquareWebFont;
  font-weight: 700;
}
.modal_modulab_wrap .interview .interviewer {
  display: block;
  margin-top: 32px;
  font-family: NanumSquareWebFont;
  font-weight: 700;
  font-size: 15px;
  color: #101214;
  line-height: 23px;
}
.modal_modulab_wrap .lab_list {
  margin: 24px -8px 0;
}
.modal_modulab_wrap .lab_list li {
  display: inline-block;
  position: relative;
  width: 392px;
  height: 182px;
  margin: 16px 8px 0;
  padding: 24px 24px 30px 24px;
  border: 1px solid #edf0f2;
  vertical-align: top;
}
.modal_modulab_wrap .lab_list .about {
  height: 105px;
}
.modal_modulab_wrap .lab_list .about .title {
  display: block;
  font-family: NanumSquareWebFont;
  font-size: 20px;
  color: #101214;
  line-height: 30px;
}
.modal_modulab_wrap .lab_list .about .text {
  font-size: 13px;
  color: #384047;
  line-height: 20px;
}
.modal_modulab_wrap .lab_list .about .link_more {
  margin-left: 4px;
  color: #ec185e;
  text-decoration: underline;
}
.modal_modulab_wrap .lab_list .badge {
  display: inline-block;
  height: 21px;
  padding: 0 8px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-size: 12px;
  line-height: 21px;
  vertical-align: top;
}
.modal_modulab_wrap .lab_list .badge.charge {
  background-color: #fff;
  border: 1px solid #384047;
  color: #25292f;
  line-height: 20px;
}
.modal_modulab_wrap .lab_list .badge.benefit {
  background-color: #ec185e;
  color: #fff;
}
.modal_modulab_wrap .lab_list .badge.time {
  background-color: #edf0f2;
  color: #384047;
}
.modal_modulab_wrap .lab_list .badge + .badge {
  margin-left: 4px;
}
.modal_modulab_wrap .lab_list .btn_more {
  position: absolute;
  bottom: 24px;
  right: 24px;
  margin-left: 0;
}
.modal_modulab_wrap .school_about {
  margin-top: 80px;
}
.modal_modulab_wrap .school_about .title {
  display: block;
  font-family: NanumSquareWebFont;
  font-size: 32px;
  color: #101214;
  line-height: 48px;
  text-align: center;
}
.modal_modulab_wrap .school_about .title em {
  color: #00bc70;
}
.modal_modulab_wrap .school_about .about_text {
  margin-top: 8px;
  font-size: 16px;
  color: #384047;
  line-height: 24px;
  text-align: center;
}
.modal_modulab_wrap .school_about .about_list_box::before {
  display: block;
  width: 800px;
  height: 608px;
  margin: 40px 0;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/coach_modal_modulab02.png) no-repeat 0 0;
  -webkit-background-size: 800px 608px;
          background-size: 800px 608px;
  content: "";
}
.modal_modulab_wrap .school_about .about_list_box .title {
  font-size: 20px;
  color: #00bc70;
  line-height: 30px;
  text-align: left;
}
.modal_modulab_wrap .school_about .about_list_box .list {
  margin-top: 24px;
}
.modal_modulab_wrap .school_about .about_list_box .list li {
  font-size: 15px;
  color: #101214;
  line-height: 23px;
}
.modal_modulab_wrap .school_about .about_list_box .list li::before {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: -2px 10px 0;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #101214;
  vertical-align: middle;
  content: "";
}
.modal_modulab_wrap .school_about .btn_box {
  margin-top: 40px;
  border: 1px solid #edf0f2;
  padding: 24px;
  text-align: center;
}
.modal_modulab_wrap .school_about .btn_box .title {
  font-size: 20px;
  line-height: 30px;
}
.modal_modulab_wrap .school_about .btn_box .btn_more {
  display: block;
  width: 229px;
  height: 49px;
  margin: 24px auto 0;
  background-color: #00bc70;
  font-size: 15px;
  color: #fff;
  line-height: 49px;
}
.modal_modulab_wrap .btn_modal_close {
  display: block;
  position: absolute;
  top: 0;
  right: -64px;
  width: 64px;
  height: 64px;
  background-color: #00caf9;
}
.modal_modulab_wrap .btn_modal_close::after {
  display: block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-close-32);
  background-repeat: no-repeat;
  background-position: -753px -208px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin: 17px auto 0;
  content: "";
}

.material_view:after:before, .material_view:after:after {
  display: table;
  clear: both;
  content: " ";
}
.material_view.material_flash {
  overflow: visible !important;
  padding-bottom: 10px !important;
}
.material_view.material_flash .material_partnered {
  width: 760px;
}
.material_view.material_text .material_desc {
  padding: 0;
  line-height: 1.8;
}
.material_view .upload {
  overflow: hidden;
  position: relative;
}
.material_view .upload .filename_box {
  overflow: hidden;
  height: 34px;
  border: 1px solid #CECECE;
  cursor: pointer;
}
.material_view .upload .filename_box .name {
  overflow: hidden;
  float: left;
  width: 100%;
  height: 100%;
  padding: 0 9px;
  border: none;
  background-color: #FFF;
  line-height: 34px;
  color: #999 !important;
}
.material_view .btn_rmcplayer_close {
  position: absolute;
  right: -24px;
  top: 0;
  width: 24px;
  height: 24px;
  padding: 5px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
}
.material_view .btn_rmcplayer_close:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_del);
  background-repeat: no-repeat;
  background-position: -901px -210px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: top;
  content: "";
}
.material_view .material_item {
  overflow: hidden;
  position: relative;
  float: left;
  width: 199px;
  margin-right: 10px;
  border: none;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  text-align: center;
}
.material_view .material_item a > span,
.material_view .material_item > span {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 100%;
  vertical-align: top;
  font-size: 0;
}
.material_view .material_item a > span span,
.material_view .material_item > span span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  border: 1px solid #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=10);
  opacity: 0.1;
}
.material_view .material_item a > span:before,
.material_view .material_item > span:before {
  display: inline-block;
  width: 1px;
  height: 148px;
  font-size: 0;
  vertical-align: middle;
  margin-left: -1px;
  content: "";
}
.material_view .material_item img {
  position: relative;
  z-index: 10;
  max-width: 100%;
  vertical-align: middle;
}
.material_view .material_item iframe {
  position: relative;
  z-index: 30;
  vertical-align: top;
}
.material_view .material_item .u_thumb_time {
  min-height: auto;
}
.material_view .align_left {
  float: left;
  padding-left: 13px;
  text-align: left;
}
.material_view .btn_student_popup,
.material_view .btn_download_user {
  height: 32px;
  padding: 0 16px;
  margin-top: 4px;
  border: 1px solid #edf0f2;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 12px;
  color: #333;
  line-height: 31px;
}
.material_view .btn_student_popup + .btn_download_user {
  margin-left: 8px;
  position: relative;
}
.material_view .material_desc {
  overflow: hidden;
  position: relative;
}
.material_view .material_desc.ico_file_b, .material_view .material_desc.ico_link_b, .material_view .material_desc.ico_quiz_b, .material_view .material_desc.ico_poll_b {
  padding-left: 63px;
}
.material_view .material_desc .btn_type2 + .btn_type2 {
  margin-left: 5px;
}
.material_view .material_desc .btn_type2.op2 {
  cursor: default !important;
}
.material_view .material_desc .txt_area {
  display: block;
  margin-top: 20px;
  border: 1px solid #cecece;
  padding: 15px 18px;
}
.material_view .material_desc .txt_area .tit {
  color: #333;
  display: block;
}
.material_view .material_desc .txt_area .dsc {
  margin-top: 5px;
  color: #666;
}
.material_view .material_status_bar {
  position: relative;
  height: 40px;
  background-color: #fafafa;
  padding: 0 4px;
  font-size: 0;
  text-align: right;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  z-index: 1100;
}
.material_view .material_status_bar:after {
  display: block;
  clear: both;
  content: "";
}
.material_view .material_status_bar a {
  display: inline-block;
  position: relative;
  padding: 0 16px;
  font-size: 14px;
  text-decoration: none;
  line-height: 40px;
}
.material_view .material_status_bar a:before {
  display: inline-block;
  margin-right: 8px;
  vertical-align: top;
  content: "";
}
.material_view .material_status_bar a + a:after {
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background-color: #d1d1d1;
  vertical-align: top;
  content: "";
}
.material_view .material_status_bar a.btn_sctipt.hidden.on + .btn_script_wrap .btn_sctipt {
  color: #00c73c;
  z-index: 110;
}
.material_view .material_status_bar .btn_script_wrap {
  display: inline-block;
  position: relative;
}
.material_view .material_status_bar .btn_script_wrap .btn_sctipt {
  z-index: 110;
}
.material_view .material_status_bar .btn_view_list + .btn_sctipt.hidden + .btn_script_wrap:after {
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background-color: #d1d1d1;
  vertical-align: top;
  content: "";
}
.material_view .material_status_bar .btn_sctipt:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_script_def);
  background-repeat: no-repeat;
  background-position: -711px -761px;
  width: 50px;
  height: 22px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-top: 9px;
}
.material_view .material_status_bar a.btn_sctipt.hidden.on + .btn_script_wrap .btn_sctipt:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_script_on);
  background-repeat: no-repeat;
  background-position: -765px -761px;
  width: 50px;
  height: 22px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-top: 9px;
}
.material_view .material_status_bar .btn_view_list:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_video_list_def);
  background-repeat: no-repeat;
  background-position: -876px -246px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-top: 10px;
}
.material_view .material_status_bar .btn_view_list.on:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_video_list_on);
  background-repeat: no-repeat;
  background-position: -876px -270px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-top: 10px;
}
.material_view .material_status_bar .option_script {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  z-index: 100;
}
.material_view .material_status_bar .btn_script_wrap:hover .option_script {
  display: block;
}
.material_view .material_status_bar .option_script iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.material_view .material_status_bar .option_script .option_list {
  min-width: 175px;
}
.material_view .material_status_bar .option_script .option_list li {
  position: relative;
  background-color: #fff;
}
.material_view .material_status_bar .option_script .option_list li:hover {
  background-color: #f9f9f9;
}
.material_view .material_status_bar .option_script .option_list a {
  display: block;
  padding: 12px 20px 12px 49px;
  margin: 0;
  font-size: 14px;
  text-align: left;
  color: #a0a0a0;
  letter-spacing: normal;
  line-height: 16px;
}
.material_view .material_status_bar .option_script .option_list a:before {
  content: none;
}
.material_view .material_status_bar .option_script .option_list li.active:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_survay_ing_sel);
  background-repeat: no-repeat;
  background-position: -876px -174px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 10px;
  left: 16px;
  content: "";
}
.material_view .material_status_bar .option_script .option_list li.active a {
  font-weight: bold;
  color: #00c73c;
}
.material_view .material_status_bar .btn_back {
  position: absolute;
  left: 4px;
  top: 0;
  color: #010101;
}
.material_view .material_status_bar .btn_back:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_arrow_back);
  background-repeat: no-repeat;
  background-position: -901px -137px;
  width: 10px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 12px 14px 0 0;
}
.material_view .material_status_bar .btn_back:after {
  display: none;
}
.material_view .material_status_bar .btn_live::before {
  display: none;
}
.material_view .material_status_bar .btn_live.on {
  color: #00c73c;
}
.material_view .material_status_bar .btn_live.on .icon_live {
  color: #00c73c;
  border-color: #00c73c;
}
.material_view .material_status_bar .icon_live {
  display: inline-block;
  height: 22px;
  padding: 0 6px;
  margin-right: 5px;
  border: solid 1px #666;
  font-size: 14px;
  color: #666;
  vertical-align: middle;
  line-height: 22px;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  letter-spacing: 0;
}
.material_view .material_status_bar.type2 {
  height: auto;
  padding: 16px 0 0;
  background-color: #fff;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
.material_view .material_status_bar.type2 .live_end_info {
  margin-bottom: 16px;
  text-align: left;
}
.material_view .material_status_bar.type2 .align_left {
  padding: 0;
}
.material_view .material_status_bar.type2 .btn_student_popup,
.material_view .material_status_bar.type2 .btn_download_user {
  margin-top: 0;
  font-size: 13px;
}
.material_view .material_status_bar.type2 .btn_live {
  height: 32px;
  border: 1px solid #03c75a;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-size: 13px;
  color: #03c75a;
  line-height: 31px;
}
.material_view .material_status_bar.type2 .btn_live_start,
.material_view .material_status_bar.type2 .btn_live_end {
  height: 32px;
  margin-left: 8px;
  padding: 0 16px 0 13px;
  background-color: #ff5230;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-size: 13px;
  color: #fff;
  line-height: 33px;
  vertical-align: top;
}
.material_view .material_status_bar.type2 .btn_live_start::before,
.material_view .material_status_bar.type2 .btn_live_end::before {
  margin-right: 5px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live_status);
  background-repeat: no-repeat;
  background-position: -68px -744px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  vertical-align: middle;
}
.material_view .material_status_bar.type2 .btn_live_start::after,
.material_view .material_status_bar.type2 .btn_live_end::after {
  display: none;
}
.material_view .material_status_bar.type2 .btn_live_end {
  background-color: #25292F;
}
.material_view .material_status_bar.type2 .notice_area {
  padding-top: 24px;
  text-align: left;
}
.material_view .material_status_bar.type2 .notice_area .text {
  font-size: 12px;
  color: #999;
  line-height: 16px;
}
.material_view .material_status_bar.type2 .notice_area .text::before {
  display: inline-block;
  margin: -2px 4px 0 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-warning);
  background-repeat: no-repeat;
  background-position: -372px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  vertical-align: middle;
  content: "";
}
.material_view .material_status_bar.type2 .notice_area .text + .text {
  margin-top: 4px;
}
.material_view .material_status_bar.type2 .live_time {
  margin-top: 16px;
  font-size: 12px;
  color: #333;
  line-height: 16px;
  text-align: left;
}
.material_view .material_status_bar.type2 .live_time::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -2px 4px 0 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live_time_black);
  background-repeat: no-repeat;
  background-position: -660px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  -webkit-background-size: 16px 16px;
          background-size: 16px 16px;
  vertical-align: middle;
  content: "";
}
.material_view .live_end_info .title {
  display: inline-block;
  margin-bottom: -2px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 15px;
  color: #384047;
  line-height: 22px;
  vertical-align: middle;
}
.material_view .live_end_info .title::before {
  display: inline-block;
  margin: -2px 8px 0 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live);
  background-repeat: no-repeat;
  background-position: -753px -124px;
  width: 38px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  vertical-align: middle;
  content: "";
}
.material_view .live_end_info .text {
  display: inline-block;
  font-size: 13px;
  color: #384047;
  line-height: 20px;
  vertical-align: middle;
}
.material_view .live_end_info .text::before {
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: -2px 8px 0;
  background-color: #edf0f2;
  vertical-align: middle;
  content: "";
}
.material_view .material_status_list_box {
  position: relative;
  margin-top: 25px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
}
.material_view .material_status_list_box .tab_list {
  border-bottom: 1px solid #dedede;
}
.material_view .material_status_list_box .tab_list li {
  position: relative;
  float: left;
  width: 127px;
}
.material_view .material_status_list_box .tab_list:after {
  display: block;
  clear: both;
  content: "";
}
.material_view .material_status_list_box .tab_list .tab_link {
  display: block;
  position: relative;
  height: 48px;
  text-align: center;
}
.material_view .material_status_list_box .tab_list .script {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_script_def);
  background-repeat: no-repeat;
  background-position: -711px -761px;
  width: 50px;
  height: 22px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-top: 13px;
  vertical-align: top;
}
.material_view .material_status_list_box .tab_list .bookmark {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_tab_bookmark_off);
  background-repeat: no-repeat;
  background-position: -876px -198px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-top: 14px;
  vertical-align: top;
}
.material_view .material_status_list_box .tab_list .lang_set {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_tab_set_off);
  background-repeat: no-repeat;
  background-position: -465px -668px;
  width: 24px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-top: 14px;
  vertical-align: top;
}
.material_view .material_status_list_box .tab_list .tab_link.on .script {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_script_on);
  background-repeat: no-repeat;
  background-position: -765px -761px;
  width: 50px;
  height: 22px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.material_view .material_status_list_box .tab_list .tab_link.on .bookmark {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_tab_bookmark_on);
  background-repeat: no-repeat;
  background-position: -876px -222px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.material_view .material_status_list_box .tab_list .tab_link.on .lang_set {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_tab_set_on);
  background-repeat: no-repeat;
  background-position: -493px -668px;
  width: 24px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.material_view .material_status_list_box .tab_list .tab_link.on:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background-color: #00c73c;
  content: "";
}
.material_view .material_status_list_box .tab_list .tab_link.disabled {
  cursor: default;
}
.material_view .material_status_list_box .tab_list .tab_link.disabled .lang_set {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_tab_set_dis);
  background-repeat: no-repeat;
  background-position: -437px -668px;
  width: 24px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.material_view .material_status_list_box .tab_list .lang_sel_box {
  position: absolute;
  left: 0;
  top: 49px;
  width: 230px;
  background-color: #fff;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.material_view .material_status_list_box .tab_list .lang_sel_box .scroll_box {
  max-height: 240px;
  height: auto;
  border-top: 0;
  border-bottom: 1px solid #e9e9e9;
}
.material_view .material_status_list_box .tab_list .lang_sel_box .lang_list li {
  float: none;
  position: relative;
  width: auto;
  height: 40px;
  line-height: 40px;
}
.material_view .material_status_list_box .tab_list .lang_sel_box .lang_list li:hover {
  background-color: #f9f9f9;
}
.material_view .material_status_list_box .tab_list .lang_sel_box .lang_list .lang_chk {
  position: relative;
  display: block;
  height: 40px;
  padding: 0 16px 0 49px;
  color: #a0a0a0;
  cursor: pointer;
}
.material_view .material_status_list_box .tab_list .lang_sel_box .lang_list input[type=checkbox]:checked + .lang_chk {
  color: #00c73c;
  font-weight: 600;
}
.material_view .material_status_list_box .tab_list .lang_sel_box .lang_list input[type=checkbox]:checked + .lang_chk:before {
  position: absolute;
  left: 16px;
  top: 10px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_survay_ing_sel);
  background-repeat: no-repeat;
  background-position: -876px -174px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  content: "";
}
.material_view .material_status_list_box .tab_list .lang_sel_box .lang_list .drag {
  display: block;
  position: absolute;
  top: 13px;
  right: 16px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_drag);
  background-repeat: no-repeat;
  background-position: -901px -486px;
  width: 9px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  cursor: move;
}
.material_view .material_status_list_box .tab_list .lang_sel_box .btn_close {
  display: block;
  height: 40px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: 700;
  color: #000;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
}
.material_view .material_status_list_box .scroll_box {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 400px;
  overflow-y: auto;
}
.material_view .material_status_list_box .script_list {
  padding-top: 10px;
  background-color: #e9ebec;
}
.material_view .material_status_list_box .script_list li {
  border-top: 1px solid #e9ebec;
  background-color: #fff;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  color: #999;
  letter-spacing: 0;
}
.material_view .material_status_list_box .script_list li:first-child {
  border-top: 0;
}
.material_view .material_status_list_box .script_list .list_inner {
  position: relative;
  padding: 12px 18px 14px 56px;
}
.material_view .material_status_list_box .script_list .bookmark {
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: 14px;
  width: 20px;
  height: 20px;
}
.material_view .material_status_list_box .script_list .bookmark .bk_star {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_bookmark_def);
  background-repeat: no-repeat;
  background-position: -876px -126px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.material_view .material_status_list_box .script_list .bookmark input[type=checkbox]:checked + .bk_star {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_bookmark_pre);
  background-repeat: no-repeat;
  background-position: -876px -150px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.material_view .material_status_list_box .script_list .time {
  font-size: 12px;
  letter-spacing: 0;
}
.material_view .material_status_list_box .script_list .lang_dsc {
  display: none;
  margin-top: 3px;
  line-height: 24px;
  word-break: break-all;
}
.material_view .material_status_list_box .script_list .lang_dsc.on {
  display: block;
}
.material_view .material_status_list_box .script_list .lang_dsc + .lang_dsc {
  margin-top: 8px;
}
.material_view .material_status_list_box .script_list .lang_dsc::selection {
  background-color: rgba(0, 199, 60, 0.25);
  color: inherit;
}
.material_view .material_status_list_box .script_list .active {
  background-color: #f7f7f7;
  color: #333;
}
.material_view .material_status_list_box .script_list .active .highlight {
  font-weight: 600;
  color: #00c73c;
}
.material_view .material_status_list_box .script_list .controll_box {
  position: absolute;
  right: 18px;
  top: 12px;
  font-size: 0;
}
.material_view .material_status_list_box .script_list .controll_box .btn_merge {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_add_def);
  background-repeat: no-repeat;
  background-position: -65px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.material_view .material_status_list_box .script_list .controll_box .btn_merge.on {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_add_pre);
  background-repeat: no-repeat;
  background-position: -93px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.material_view .material_status_list_box .script_list .controll_box .btn_merge_cancel {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_clear_def);
  background-repeat: no-repeat;
  background-position: -121px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.material_view .material_status_list_box .script_list .controll_box .btn_merge_cancel.on {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_clear_pre);
  background-repeat: no-repeat;
  background-position: -149px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.material_view .material_status_list_box .script_list .controll_box .btn_repeat {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_repeat_def);
  background-repeat: no-repeat;
  background-position: -261px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-left: 12px;
}
.material_view .material_status_list_box .script_list .controll_box .btn_repeat.on {
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/repeat_ing_1x_01sec.gif) no-repeat;
}
.material_view .material_status_list_box .script_list .controll_box .btn_interval {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_interval_def);
  background-repeat: no-repeat;
  background-position: -177px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-left: 12px;
}
.material_view .material_status_list_box .script_list .controll_box .btn_interval.on {
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/interval_ing_1x_01sec.gif) no-repeat;
}
.material_view .material_status_list_box .script_list.line {
  border-bottom: 1px solid #e9ebec;
}
.material_view .material_status_list_box .tooltip {
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  padding: 0 16px;
  background-color: #222;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.5px;
  text-align: center;
  line-height: 40px;
}
.material_view .material_status_list_box .tooltip:after {
  position: absolute;
  right: 50%;
  top: 39px;
  display: block;
  width: 0px;
  height: 0px;
  margin-right: -6px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #222 transparent transparent transparent;
  content: "";
}
.material_view .material_status_list_box .tooltip.interval:after {
  right: 15px;
  margin-right: auto;
}
.material_view .material_status_list_box .tooltip.dic_search {
  width: 54px;
  height: 40px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #00c73c;
}
.material_view .material_status_list_box .tooltip.dic_search:after {
  border-color: #00c73c transparent transparent transparent;
}
.material_view .material_status_list_box .tooltip.dic_search:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_dic_search);
  background-repeat: no-repeat;
  background-position: -605px -668px;
  width: 18px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: block;
  overflow: hidden;
  margin: 11px auto;
  content: "";
}
.material_view .material_status_list_box .bookmark_none_list {
  padding: 29px 40px 0;
  height: 360px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.material_view .material_status_list_box .bookmark_none_list li {
  position: relative;
  margin-top: 19px;
  padding-left: 40px;
  line-height: 24px;
  color: #999;
  letter-spacing: -0.5px;
}
.material_view .material_status_list_box .bookmark_none_list li:before {
  position: absolute;
  left: -2px;
  top: 0;
  vertical-align: top;
  content: "";
}
.material_view .material_status_list_box .bookmark_none_list .bookmark:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_bookmark_def);
  background-repeat: no-repeat;
  background-position: -876px -126px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  left: -1px;
  top: 1px;
}
.material_view .material_status_list_box .bookmark_none_list .repeat:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_repeat_def);
  background-repeat: no-repeat;
  background-position: -261px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.material_view .material_status_list_box .bookmark_none_list .interval:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_interval_def);
  background-repeat: no-repeat;
  background-position: -177px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.material_view .material_status_list_box .attach {
  display: none;
  padding-top: 8px;
  padding-bottom: 8px;
}
.material_view .material_status_list_box .se_editor_area {
  font-size: 0;
  padding: 8px 8px 16px 0;
}
.material_view .material_status_list_box .se_editor_area .f_img {
  margin-top: 8px;
  width: 120px;
  height: 68px;
  display: inline-block;
  margin-left: 8px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  overflow: hidden;
  margin-bottom: 0;
  vertical-align: top;
}
.material_view .material_status_list_box .se_editor_area .f_img > a {
  display: block;
}
.material_view .material_status_list_box .se_editor_area .f_img > a:after {
  content: "";
  display: block;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 23, 20, 0.04);
  position: absolute;
}
.material_view .material_status_list_box .se_editor_area .f_img img {
  object-fit: contain;
  max-width: 100%;
  height: 100%;
  vertical-align: top;
}
.material_view .material_status_list_box .se_editor_area .f_img:hover:after {
  border-color: #25292F;
}
.material_view .material_status_list_box .se_editor_area .f_img:hover .f_close {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_img_edit_hover);
  background-repeat: no-repeat;
  background-position: -164px -744px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.material_view .material_status_list_box .se_editor_area .f_img .f_close {
  top: 4px;
  right: 4px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_img_edit);
  background-repeat: no-repeat;
  background-position: -132px -744px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  z-index: 10;
}
.material_view .material_status_list_box .se_editor_area .f_file {
  margin-top: 8px;
  margin-bottom: 0;
  margin-left: 8px;
  height: auto;
  padding: 0;
  border: 0;
}
.material_view .material_status_list_box .se_editor_area .f_file .file_link {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.material_view .material_status_list_box .se_editor_area .f_file .ico_s_file {
  display: none;
}
.material_view .material_status_list_box .se_editor_area .f_file .name {
  padding: 9px 40px 9px 16px;
  display: inline-block;
  background: #EDF0F2;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  font-size: 13px;
  line-height: 14px;
  max-width: 100%;
  font-weight: normal;
}
.material_view .material_status_list_box .se_editor_area .f_file .size {
  display: none;
}
.material_view .material_status_list_box .se_editor_area .f_file .f_close {
  width: 40px;
  height: 32px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_file_edit);
  background-repeat: no-repeat;
  background-position: -4px -776px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  top: 50%;
  right: 16px;
  margin-top: -8px;
}
.material_view .material_status_list_box .se_editor_area .f_file .btn.btn_type3 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
  line-height: 0;
  border: 0;
  height: auto;
  background-color: transparent;
}
.material_view .material_status_list_box .se_editor_area.view {
  margin-left: -8px;
  padding: 0;
}
.material_view .material_status_list_box .se_editor_area.view .f_file .name {
  padding-right: 16px;
}
.material_view .material_play_list_box {
  margin-top: 25px;
  border: 1px solid #e6e6e6;
}
.material_view .material_play_list_box ::selection {
  background-color: rgba(0, 199, 60, 0.25);
  color: inherit;
}
.material_view .material_play_list_box .play_list_sjt {
  display: block;
  position: relative;
  height: 48px;
  right: 0;
  padding: 0 187px 0 20px;
  background-color: #fafafa;
  line-height: 48px;
}
.material_view .material_play_list_box .play_list_sjt .sjt {
  display: block;
  overflow: hidden;
  color: #333;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  letter-spacing: -1px;
}
.material_view .material_play_list_box .scroll_box {
  overflow-y: auto;
  height: 400px;
  border-top: 1px solid #e6e6e6;
}
.material_view .material_play_list_box .play_time {
  position: absolute;
  right: 20px;
  top: 0;
  font-size: 13px;
  color: #999;
}
.material_view .material_play_list_box .play_time .time br {
  display: none;
}
.material_view .material_play_list_box .play_list li {
  border-top: 1px solid #f5f5f5;
  color: #666;
  line-height: 20px;
  letter-spacing: 0;
}
.material_view .material_play_list_box .play_list li:first-child {
  border-top: 0;
}
.material_view .material_play_list_box .play_list .link {
  display: block;
  position: relative;
  padding: 16px 187px 16px 40px;
  color: #666;
  word-break: break-all;
  text-decoration: none;
  letter-spacing: 0;
}
.material_view .material_play_list_box .play_list .link .play_time {
  top: 17px;
  line-height: 20px;
}
.material_view .material_play_list_box .play_list .selected .link,
.material_view .material_play_list_box .play_list .selected .play_time {
  color: #333;
  font-weight: 600;
}
.material_view .material_play_list_box .play_list .selected .link:before {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #00c73c;
  content: "";
}
.material_view .material_play_list_box .play_list.line {
  border-bottom: 1px solid #f5f5f5;
}
.material_view .desc {
  margin: 0;
}
.material_view .desc dt,
.material_view .desc dd {
  margin: 0;
}
.material_view .desc dt {
  font-size: 0;
}
.material_view.material_spread .material_item {
  float: none;
  width: 100%;
  height: auto;
  margin-right: 0;
  text-align: center;
}
.material_view.material_spread .material_desc {
  padding-top: 12px;
}
.material_view.material_spread.material_image {
  position: relative;
}
.material_view.material_spread.material_image .material_item span > span {
  height: auto !important;
}
.material_view.material_spread.material_url .material_item iframe {
  width: 100% !important;
  height: 428px !important;
}
.material_view.material_spread.material_url .material_item iframe.show_element + img {
  display: none !important;
}
.material_view .file_info {
  position: relative;
  margin: 0 0 20px 0;
  padding: 1px 0 0 64px;
  min-height: 46px;
}
.material_view .file_info:before, .material_view .file_info:after {
  display: table;
  clear: both;
  content: " ";
}
.material_view .file_info:before {
  position: absolute;
  top: 0;
  left: 0;
}
.material_view .file_info.type2 {
  padding: 0;
  min-height: auto;
}
.material_view .file_info .btn {
  margin: 0 0 0 6px;
  vertical-align: top;
  cursor: pointer;
}
.material_view .file_info .btn input {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.material_view .file_info .info {
  position: relative;
  top: -1px;
  font-size: 12px;
  color: #999;
}
.material_view .file_info .info span {
  display: inline-block;
  float: left;
}
.material_view .file_info .info .bar {
  margin: 0 8px;
  color: #CCC;
}
.material_view .file_info .url {
  margin: 10px 0 0;
}
.material_view .inner_add {
  position: relative;
  margin-top: 20px;
}
.material_view .inner_add .ick {
  position: absolute;
  top: 15px;
}
.material_view .inner_add .set_video_thumb {
  display: block;
  padding: 15px 21px 16px;
  border: 1px solid #d1d1d1;
  line-height: 17px;
  color: #333;
}
.material_view .inner_add .set_video_thumb:hover {
  text-decoration: none;
}
.material_view .inner_add .lnk {
  display: block;
  height: 48px;
  padding: 0 20px;
  margin-left: 20px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  text-decoration: none;
  line-height: 46px;
  color: #333;
}
.material_view .inner_add .lnk .list_status {
  margin-left: 20px;
}
.material_view .subtitle {
  position: relative;
  margin: 16px 0 0 0;
  z-index: 50;
}
.material_view .subtitle .inner {
  position: relative;
}
.material_view .subtitle .inner .slt,
.material_view .subtitle .inner .btn {
  position: absolute;
  top: 0;
}
.material_view .subtitle .inner .slt {
  position: relative;
  float: left;
  margin-right: 10px;
}
.material_view .subtitle .inner .btn {
  right: 0;
}
.material_view .subtitle .inner + .inner2 {
  margin-top: 15px;
}
.material_view .subtitle .inner:after {
  display: block;
  clear: both;
  content: "";
}
.material_view .subtitle .inner2 {
  font-size: 12px;
}
.material_view .subtitle .inner2:before, .material_view .subtitle .inner2:after {
  display: table;
  clear: both;
  content: " ";
}
.material_view .subtitle .inner2 + .inner2 {
  padding: 16px 0 0 15px;
}
.material_view .subtitle .inner2 .lg {
  display: block;
  position: relative;
  padding: 9px 40px 7px 15px;
  background-color: #f7f7f7;
  color: #333;
  font-size: 14px;
}
.material_view .subtitle .inner2 .lg + .lg {
  margin-top: 10px;
}
.material_view .subtitle .inner2 .lg a {
  display: block;
  color: #666;
  line-height: 23px;
}
.material_view .subtitle .inner2 .lg > span {
  display: block;
  color: #999;
  font-size: 12px;
}
.material_view .subtitle .inner2 .lg .bar {
  background-color: #999;
  margin: 0 4px;
}
.material_view .subtitle .inner2 .lg .ico_close_b {
  position: absolute;
  top: 50%;
  right: 10px;
  margin: -11px 0 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#m_close2);
  background-repeat: no-repeat;
  background-position: -876px -838px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.material_view .subtitle .inner2 .config {
  float: left;
}
.material_view .subtitle .inner2 .config + .config {
  margin: 0 0 0 50px;
}
.material_view .subtitle .inner2 .config .ick + .ick {
  margin-left: 11px;
}
.material_view .subtitle .inner2 .config strong {
  float: left;
  margin: 0 20px 0 0;
  color: #333;
}
.material_view .subtitle .inner2.subtitle_file {
  background-color: #fafafa;
}
.material_view .subtitle .inner2.subtitle_file .lg {
  border-top: 1px solid #fff;
}
.material_view .subtitle .inner2.subtitle_file .lg:first-child {
  border-top: none;
}
.material_view .subtitle .inner2.subtitle_file .lg + .lg {
  margin-top: 0;
}
.material_view .subtitle .inner_add {
  display: inline-block;
  height: 48px;
  margin: 24px 0 47px;
}
.material_view .subtitle .inner_add .set_list,
.material_view .subtitle .inner_add .set_playtime {
  display: inline-block;
  position: relative;
}
.material_view .subtitle .inner_add .set_playtime {
  margin-left: 12px;
}
.material_view .subtitle .inner_add .lnk {
  display: inline-block;
  width: 331px;
  height: 48px;
  padding: 0 20px;
  margin-left: 20px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  text-decoration: none;
  line-height: 46px;
  color: #333;
}
.material_view .subtitle .inner_add .lnk .list_status {
  color: #666;
  margin-left: 20px;
}
.material_view .subtitle .inner_add .lnk .list_status strong {
  display: inline-block;
  color: #00c73c;
}
.material_view .subtitle .inner_add.multi {
  overflow: hidden;
}
.material_view .subtitle .inner_add.multi .lnk {
  overflow: hidden;
  float: left;
  width: 355px;
}
.material_view .subtitle .inner_add.multi .lnk .list_status {
  float: right;
}
.material_view .subtitle .inner_add.multi .lnk + .lnk {
  margin-left: 8px;
}
.material_view .subtitle .inner_box {
  margin-top: 16px;
  font-size: 0px;
  white-space: nowrap;
}
.material_view .subtitle .inner_box + .inner_add {
  margin-top: 16px;
}
.material_view .subtitle .inner_box .half_box {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-right: 8px;
}
.material_view .subtitle .inner_box .half_box + .half_box {
  padding-left: 8px;
}
.material_view .subtitle .inner_box .half_box .border_btn {
  display: block;
  height: 46px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  line-height: 46px;
  font-size: 14px;
  color: #333;
  text-align: center;
}
.material_view .subtitle .inner_box .half_box .point_text {
  color: #03c75a;
}
.material_view.material_code .config {
  font-size: 14px;
}
.material_view.material_code .config .title {
  float: left;
  margin-right: 24px;
}
.material_view.material_code .config .option_area {
  overflow: hidden;
}
.material_view.material_code .config .ick + .ick {
  margin-left: 9px;
}
.material_view.material_code .config .txt_desc {
  margin-top: 2px;
}
.material_view.material_code .code_inn {
  margin-top: 21px;
}
.material_view.material_code .code_inn .it + .it {
  margin-top: 10px;
}
.material_view.material_code .txt_desc.no_ico {
  display: inline-block;
  margin-top: -5px;
}

.ce_toolbar {
  z-index: 200;
  position: relative;
  width: 100%;
  margin: 20px 0 15px;
}
.ce_toolbar:before, .ce_toolbar:after {
  display: table;
  clear: both;
  content: " ";
}
.ce_toolbar .dummy {
  position: relative;
  width: 100%;
  height: 80px;
}
.ce_toolbar .toolbar_inner {
  position: absolute;
  width: 100%;
  top: 0;
  background: #fff;
}
.ce_toolbar .toolbar_inner.fixed {
  position: fixed;
  top: 0;
  width: 760px;
}
.ce_toolbar .toolbar_inner > iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.ce_toolbar .ce_utils_area {
  position: relative;
  z-index: 20;
  border: 1px solid #D1D1D1;
}
.ce_toolbar .ce_utils_area:before, .ce_toolbar .ce_utils_area:after {
  display: table;
  clear: both;
  content: " ";
}
.ce_toolbar .ce_utils_area .materials_btn_group {
  overflow: hidden;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn {
  display: table-cell;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 50px 0 0;
  border: 0;
  border-left: 1px solid #F2F2F2;
  height: 78px;
  font-size: 14px;
  color: #333;
  text-align: center;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn:first-child {
  border-left-color: transparent;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn:before {
  position: absolute;
  top: 9px;
  left: 50%;
  margin: 0 0 0 -18px;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_text:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_text_end);
  background-repeat: no-repeat;
  background-position: -534px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_movie:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_video_end);
  background-repeat: no-repeat;
  background-position: -614px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_img:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_img_end);
  background-repeat: no-repeat;
  background-position: -294px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_code:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_code_end);
  background-repeat: no-repeat;
  background-position: -134px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_doc:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_file_end);
  background-repeat: no-repeat;
  background-position: -214px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_url:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_link_end);
  background-repeat: no-repeat;
  background-position: -374px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_poll:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_poll_end);
  background-repeat: no-repeat;
  background-position: -454px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn.btn_add_cbox:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_cbox_end);
  background-repeat: no-repeat;
  background-position: -54px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active {
  background: #fefefe;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_text:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_text:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_text);
  background-repeat: no-repeat;
  background-position: -574px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_movie:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_movie:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_video);
  background-repeat: no-repeat;
  background-position: -654px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_img:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_img:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_img);
  background-repeat: no-repeat;
  background-position: -334px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_code:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_code:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_code);
  background-repeat: no-repeat;
  background-position: -174px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_doc:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_doc:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_file);
  background-repeat: no-repeat;
  background-position: -254px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_url:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_url:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_link);
  background-repeat: no-repeat;
  background-position: -414px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_poll:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_poll:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_poll);
  background-repeat: no-repeat;
  background-position: -494px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn:hover.btn_add_cbox:before, .ce_toolbar .ce_utils_area .materials_btn_group .btn.active.btn_add_cbox:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_cbox);
  background-repeat: no-repeat;
  background-position: -94px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ce_toolbar .ce_utils_area .materials_btn_group .btn input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  cursor: pointer;
  background-color: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.ce_toolbar .ce_utils_area .utils_btn_group {
  float: right;
  position: relative;
}
.ce_toolbar .ce_utils_area .public {
  text-align: right;
}
.ce_toolbar .ce_utils_area .public:before, .ce_toolbar .ce_utils_area .public:after {
  display: table;
  clear: both;
  content: " ";
}
.ce_toolbar .ce_utils_area .public dt,
.ce_toolbar .ce_utils_area .public dd {
  display: inline-block;
}
.ce_toolbar .ce_utils_area .public dd {
  margin: 0;
  color: #999;
}
.ce_toolbar .ce_utils_area .btn_type3,
.ce_toolbar .ce_utils_area .btn_type4 {
  width: 100px;
  padding-right: 0;
  padding-left: 0;
}

.editor_section .material {
  position: relative;
  z-index: 10;
  padding: 20px;
  border: 1px solid #D1D1D1;
  background: #FFF;
}
.editor_section .material + .material {
  margin: 15px 0 0 0;
}
.editor_section .material .ick .radio.checked::after {
  width: 4px;
  height: 4px;
  background-color: #fff;
}
.editor_section .material .movable_bar {
  display: none;
}
.editor_section .material.active {
  z-index: 100 !important;
  border-color: #999;
}
.editor_section .material.active .align_type {
  display: block;
}
.editor_section .material.active .movable_bar {
  display: block;
  position: absolute;
  top: -1px;
  right: -11px;
  bottom: -1px;
  width: 11px;
  background: #999;
  -webkit-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
  cursor: move;
}
.editor_section .material.active .movable_bar:after {
  position: absolute;
  top: 50%;
  right: 3px;
  margin: -4px 0 0 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_material_move);
  background-repeat: no-repeat;
  background-position: -336px -693px;
  width: 5px;
  height: 7px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.editor_section .material .material_view .desc dt,
.editor_section .material .material_view .desc dd {
  border: 1px solid #D1D1D1;
}
.editor_section .material .material_view .desc dd {
  margin-top: 10px;
}
.editor_section .material .material_view .material_item span.url_img {
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
}
.editor_section .material .material_view .material_item span > span {
  height: 148px;
}
.editor_section .material .material_live {
  padding-top: 23px;
}
.editor_section .material .material_live .material_item {
  position: relative;
  float: none;
  width: 100%;
  height: 405px;
  margin-right: 0;
  text-align: center;
}
.editor_section .material .material_live p.txt_desc {
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  line-height: 16px;
}
.editor_section .material .material_live p.txt_desc::before {
  margin: 0;
}
.editor_section .material .align_type {
  display: none;
  height: 44px;
  margin: -20px -20px 20px;
  padding: 9px 0 0 16px;
  border-bottom: 1px solid #E9E9E9;
}
.editor_section .material .remove {
  z-index: 20;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.editor_section .material .remove .btn_remove_material {
  position: absolute;
  top: 12px;
  right: 14px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#m_close_small);
  background-repeat: no-repeat;
  background-position: -901px -624px;
  width: 11px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.editor_section .material .upload input[type=file] {
  z-index: 100;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 200%;
  height: 100%;
  margin-left: -100%;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.editor_section .material {
  /*&.active .material_text{
  	margin-top: 0;
  }

  .material_text{
  	margin-top: 10px;
  }
  */
}
.editor_section .material_view {
  margin: 0;
}
.editor_section .input_url {
  position: relative;
  min-height: 46px;
  padding: 6px 24px 0 54px;
}
.editor_section .input_url:before {
  position: absolute;
  top: 0;
  left: 0;
}
.editor_section .input_url .it.type2.it_added .input_area {
  padding-right: 63px;
}
.editor_section .input_url .it.type2.it_added .added {
  top: 6px;
  right: 10px;
}
.editor_section .input_url .it.type2.it_added button {
  border-width: 1px;
  border-style: solid;
}
.editor_section.type_inner .material {
  padding: 0;
  border: none;
  cursor: default;
}

.ce .material.type_editor {
  padding: 0;
  height: 420px;
  max-height: 420px;
}
.ce .material.type_editor .inner,
.ce .material.type_editor .material_text,
.ce .material.type_editor .mce_editor,
.ce .material.type_editor .mce-panel {
  width: 100%;
  height: 100%;
}
.ce .material.type_editor .mce-content-body {
  padding: 10px 20px;
}
.ce .material_poll {
  margin: 0;
}

/* material_view */
.ce_view .material_view {
  overflow: hidden;
}
.ce_view .material_view.material_image, .ce_view .material_view.material_text, .ce_view .material_view.material_video, .ce_view .material_view.material_url, .ce_view .material_view.material_doc, .ce_view .material_view.material_live {
  padding: 20px 0;
}
.ce_view .material_view.material_video.video_script {
  overflow: inherit;
}
.ce_view .material_view.material_live .material_item {
  float: none;
  width: 100%;
  height: 428px;
  margin-right: 0;
  background-color: #25292F;
  text-align: center;
}
.ce_view .material_view.material_live .material_item.end {
  display: none;
}
.ce_view .material_view.material_live .material_item.end + .material_status_bar.type2 {
  padding: 0;
}
.ce_view .material_view.material_live .material_item.end .live_end_info {
  display: none;
}
.ce_view .material_view.material_live.full_video .material_item {
  height: auto;
  background-color: #25292F;
}
.ce_view .material_view.material_live.full_video .material_item.end {
  display: block;
}
.ce_view .material_view.material_live.full_video .material_item.end .live_end_info {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 32px;
  text-align: left;
  z-index: 20;
}
.ce_view .material_view.material_live.full_video .material_item.end .live_end_info .title {
  color: #fff;
}
.ce_view .material_view.material_live.full_video .material_item.end .live_end_info .text {
  color: #fff;
}
.ce_view .material_view.material_live.full_video .material_item.end .live_end_info .text:before {
  background-color: #384047;
}
.ce_view .material_view.material_live.full_video .material_status_bar {
  padding: 0;
  text-align: center;
}
.ce_view .material_view.material_live.full_video .material_status_bar .align_left {
  float: none;
  display: inline-block;
  height: 100%;
  padding: 8px 0 0;
}
.ce_view .material_view.material_live.full_video .material_status_bar .align_left .btn_student_popup,
.ce_view .material_view.material_live.full_video .material_status_bar .align_left .btn_download_user {
  margin-top: 0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border-color: #2a2c2f;
  background-color: #2a2c2f;
  font-size: 12px;
  color: #edf0f2;
  vertical-align: middle;
}
.ce_view .material_view.material_live.full_video .material_status_bar .align_left .sub_title {
  color: #999;
}
.ce_view .material_view.material_live.full_video .material_status_bar .align_left .watch_status_box .text {
  color: #fff;
}
.ce_view .material_view.material_live.full_video .material_status_bar .align_left .watch_status_box .text::before {
  background-color: #384047;
}
.ce_view .material_view.material_live.full_video .material_status_bar .align_left .progress_area .progress {
  background: #384047;
  -webkit-border-radius: 1px;
          border-radius: 1px;
}
.ce_view .material_view.material_live.full_video .material_status_bar .align_left .progress_area .progress_bar {
  -webkit-border-radius: 1px;
          border-radius: 1px;
}
.ce_view .material_view.material_live.full_video .material_status_bar .align_left .progress_area .per {
  color: #fff;
}
.ce_view .material_view.material_live.full_video .material_status_bar.type2 {
  background-color: #121314;
}
.ce_view .material_view.material_live.full_video .material_status_bar.type2 .btn_live,
.ce_view .material_view.material_live.full_video .material_status_bar.type2 .btn_live_start,
.ce_view .material_view.material_live.full_video .material_status_bar.type2 .btn_live_end,
.ce_view .material_view.material_live.full_video .material_status_bar.type2 .notice_area,
.ce_view .material_view.material_live.full_video .material_status_bar.type2 .live_end_info {
  display: none;
}
.ce_view .material_view.material_live.full_video .material_status_bar.type2 .live_time {
  display: inline-block;
  margin: 1px 0 0 8px;
  color: #fff;
  vertical-align: middle;
}
.ce_view .material_view.material_live.full_video .material_status_bar.type2 .live_time::before {
  display: inline-block;
  margin: -2px 4px 0 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live_time_white);
  background-repeat: no-repeat;
  background-position: -684px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  vertical-align: middle;
  content: "";
}
.ce_view .material_view:first-of-type {
  padding-top: 0;
}
.ce_view .material_view:first-of-type.material_text p:first-child {
  margin-top: 0;
}
.ce_view .material_view .editor_reset hr + p > br:only-child {
  display: none;
}
.ce_view .material_view .material_inner {
  display: block;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
}
.ce_view .material_view .material_item {
  position: relative;
  margin-right: 18px;
}
.ce_view .material_view .material_item + .material_desc {
  padding-left: 0;
}
.ce_view .material_view .material_item + .material_desc .desc {
  margin: 0 !important;
}
.ce_view .material_view .material_item + .material_desc .desc dd {
  margin-bottom: 0 !important;
}
.ce_view .material_view .material_item .dimmed_layer_box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  z-index: 1000;
}
.ce_view .material_view .material_item .dimmed_layer_box .block_iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100% !important;
  height: 480px !important;
  border: 0;
  vertical-align: bottom;
}
.ce_view .material_view .material_item .dimmed_layer_box .play_box {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -24px;
  width: 100%;
  text-align: center;
  z-index: 50;
}
.ce_view .material_view .material_item .dimmed_layer_box .play_box .play {
  overflow: hidden;
  display: inline-block;
  position: relative;
  width: 41px;
  height: 48px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_rmc_play);
  background-repeat: no-repeat;
  background-position: -48px -608px;
  width: 44px;
  height: 56px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  opacity: 1;
  filter: alpha(opacity=1);
  color: transparent;
  line-height: 100px;
  vertical-align: top;
}
.ce_view .material_view .material_item .dimmed_layer_box .play_box .play:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_rmc_play_hover);
  background-repeat: no-repeat;
  background-position: 0px -608px;
  width: 44px;
  height: 56px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  left: 0;
  top: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  content: "";
}
.ce_view .material_view .material_item .dimmed_layer_box .play_box .play:hover:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ce_view .material_view .material_item .dimmed_layer_box .play_box .play_time {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
}
.ce_view .material_view .material_item .dimmed_layer_box .play_box .play_time em {
  color: #00c73c;
  font-weight: 600;
}
.ce_view .material_view .material_item .dimmed_layer_box .play_box .play_time .total:before {
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #fff;
  opacity: 0.4;
  filter: alpha(opacity=40);
  margin: -2px 4px 0;
  vertical-align: middle;
  content: "";
}
.ce_view .material_view .material_item .dimmed_layer_box .progress_bar_box {
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  z-index: 30;
}
.ce_view .material_view .material_item .dimmed_layer_box .progress_bar_box .bg_bar {
  display: block;
  height: 8px;
}
.ce_view .material_view .material_item .dimmed_layer_box .progress_bar_box .play_bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 8px;
  background: #00c73c;
  z-index: 10;
}
.ce_view .material_view .material_item .dimmed_layer_box .btn_embed_url {
  position: absolute;
  top: 16px;
  right: 16px;
  height: 32px;
  padding: 0 16px 0 8px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: rgba(37, 41, 47, 0.8);
  font-size: 13px;
  color: #fff;
  z-index: 50;
}
.ce_view .material_view .material_item .dimmed_layer_box .btn_embed_url::before {
  display: inline-block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_embed_url);
  background-repeat: no-repeat;
  background-position: -644px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin-right: 4px;
  vertical-align: middle;
  content: "";
}
.ce_view .material_view .material_item .dimmed_layer_box .btn_embed_url:hover {
  background-color: #00c73c;
}
.ce_view .material_view .material_item .dimmed_layer_box .dimmed {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  opacity: 1;
  z-index: 20;
}
.ce_view .material_view .material_desc .desc dt strong {
  color: #333;
  line-height: 23px;
  font-size: 14px;
  display: inline-block;
  margin-right: 8px;
}
.ce_view .material_view .material_desc .desc dt strong:empty {
  display: none;
}
.ce_view .material_view .material_desc .desc dd {
  margin: 5px 0 0;
}
.ce_view .material_view .material_desc .desc dd:empty {
  display: none;
}
.ce_view .material_view .material_desc:before {
  position: absolute;
  top: 0;
  left: 0;
}
.ce_view .material_view .material_script {
  margin-top: 25px;
  border: 1px solid #000;
  border-top: 0;
  background: #464650;
}
.ce_view .material_view .material_script .tit_area {
  position: relative;
  min-height: 40px;
  line-height: 25px;
  padding: 18px 16px 10px;
  border-bottom: 1px solid #4c4c58;
}
.ce_view .material_view .material_script .tit_area .tit {
  color: #fff;
  cursor: pointer;
}
.ce_view .material_view .material_script .subtitle {
  overflow-y: auto;
  height: 249px;
  margin: 0;
  padding: 12px 15px;
  border: 0 !important;
  border-top: 1px solid #35353c;
  background: #464650 !important;
  background-image: none !important;
  color: #b3b5bd;
  line-height: 20px;
}
.ce_view .material_view .material_script .subtitle p {
  margin: 21px 0 0;
  cursor: pointer;
}
.ce_view .material_view .material_script .subtitle p:first-child {
  margin: 0;
}
.ce_view .material_view .material_script .subtitle .highlight {
  color: #ffcd00;
  text-decoration: underline;
  font-weight: normal;
}
.ce_view .material_view.material_spread .material_desc {
  padding: 20px 0 0 0;
}
.ce_view .material_view.material_spread .material_item a > span,
.ce_view .material_view.material_spread .material_item > span {
  width: auto;
}
.ce_view .material_view.material_spread .material_item a > span:before,
.ce_view .material_view.material_spread .material_item > span:before {
  display: none;
}
.ce_view .material_view.material_spread .material_item .u_thumb_time {
  width: 100%;
  min-height: auto;
}
.ce_view .material_view.material_image .material_desc, .ce_view .material_view.material_doc .material_desc, .ce_view .material_view.material_poll .material_desc {
  min-height: 46px;
}
.ce_view .material_view.material_url .material_desc {
  min-height: 46px;
}
.ce_view .material_view.material_image .material_desc .desc, .ce_view .material_view.material_doc .material_desc .desc, .ce_view .material_view.material_poll .material_desc .desc {
  margin: 13px 0 0;
}
.ce_view .material_view.material_image .material_desc .desc dd, .ce_view .material_view.material_doc .material_desc .desc dd, .ce_view .material_view.material_poll .material_desc .desc dd {
  margin: 15px 0 0 0;
}
.ce_view .material_view.material_url .material_desc .desc strong {
  display: block;
  margin: 0 0 -3px 0;
}
.ce_view .material_view.material_url .material_desc .desc strong .btn {
  margin-left: 5px;
}
.ce_view .material_view.material_url .material_desc .desc .url_text {
  position: relative;
  font-size: 12px;
  line-height: 14px;
  margin-top: 6px;
  color: #999;
}
.ce_view .material_view.material_poll .material_desc .desc ul {
  padding: 10px 0 0 0;
}
.ce_view .material_view.material_poll .material_desc .desc li + li {
  margin: 7px 0 0 0;
}
.ce_view .material_view.material_poll .material_desc .desc em {
  color: #999;
  margin: 0 0 0 7px;
  line-height: 1.8;
}
.ce_view div[class^=material] hr:first-child {
  margin: 0 0 25px 0;
}
.ce_view .group_lr {
  margin-top: 54px;
}

.video_area .u_mvplayer_bar_setting ul li:before,
.material_video .u_mvplayer_bar_setting ul li:before {
  display: none !important;
}
.video_area .slt ul,
.material_video .slt ul {
  padding-left: 0 !important;
}
.video_area .slt li:before,
.material_video .slt li:before {
  display: none !important;
}

.material_view.full_video {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.material_view.full_video.material_live .material_item {
  top: 56px;
  bottom: 48px;
}
.material_view.full_video.material_live .material_status_bar .btn_back {
  position: absolute;
  left: 5px;
  top: 5px;
  font-size: 15px;
  line-height: 25px;
  color: #25292F;
}
.material_view.full_video.material_live .material_status_bar .btn_back:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  vertical-align: top;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live_back);
  background-repeat: no-repeat;
  background-position: -676px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.material_view.full_video.material_live .material_status_list_box {
  top: 56px;
}
.material_view.full_video.material_live .material_status_bar {
  border-right: 0;
  height: 48px;
}
.material_view.full_video .material_item {
  position: absolute;
  top: 0px;
  right: 380px;
  left: 0;
  bottom: 62px;
  width: auto !important;
  height: auto !important;
  margin: 0;
}
.material_view.full_video .material_status_bar {
  position: absolute;
  left: 0;
  right: 380px;
  bottom: 0;
  height: 62px;
  z-index: 1000;
  border-right: 1px solid #dedede;
}
.material_view.full_video .material_status_bar a {
  padding-top: 11px;
}
.material_view.full_video .material_status_bar.top {
  right: 0;
  top: 0;
  bottom: auto;
  height: 56px;
  background: #FFFFFF;
  -webkit-box-shadow: inset 0px -1px 0px #EDF0F2;
          box-shadow: inset 0px -1px 0px #EDF0F2;
  border-right: 0;
}
.material_view.full_video .material_status_bar.top .btn_back:before {
  margin-top: 0;
}
.material_view.full_video .material_status_bar .btn_live_close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
}
.material_view.full_video .material_status_bar .btn_live_close::before {
  display: block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live_close);
  background-repeat: no-repeat;
  background-position: -708px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
}
.material_view.full_video .material_status_bar .btn_live_close:after {
  display: none;
}
.material_view.full_video .option_script {
  top: inherit;
  bottom: 51px;
  right: -5px;
}
.material_view.full_video .material_status_bar .btn_view_list + .btn_sctipt.hidden + .btn_script_wrap:after {
  top: 31px;
}
.material_view.full_video .material_script {
  position: absolute;
  right: 0;
  width: 380px;
  height: 100%;
  border: 1px solid #000;
  margin-top: 0;
  background: #464650;
}
.material_view.full_video .material_script .tit_area {
  position: relative;
  min-height: 52px;
  padding: 14px 15px;
  border-bottom: 1px solid #4c4c58;
}
.material_view.full_video .material_script .tit {
  color: #fff;
}
.material_view.full_video .material_script .subtitle {
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  top: 52px;
  bottom: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px;
  border-top: 1px solid #35353c;
  background-image: none;
  line-height: 20px;
  color: #b3b5bd;
}
.material_view.full_video .material_script .subtitle p {
  margin: 21px 0 0;
}
.material_view.full_video .material_script .subtitle p:first-child {
  margin: 0;
}
.material_view.full_video .material_script .subtitle .highlight {
  font-weight: normal;
  color: #ffcd00;
  text-decoration: underline;
}
.material_view.full_video .bookmark_none_list {
  padding: 29px 26px 0;
  height: auto;
}
.material_view.full_video.subtitle_none .video_img {
  right: 0;
}
.material_view.full_video.subtitle_none .material_script {
  display: none;
}
.material_view.full_video.noscript .material_item,
.material_view.full_video.noscript .material_status_bar {
  right: 0;
}
.material_view.full_video.noscript .material_script {
  display: none;
}
.material_view.full_video .upload_progress,
.material_view.full_video .material_desc {
  display: none;
}
.material_view.full_video .material_playlist {
  display: none;
}
.material_view.full_video .material_status_list_box {
  position: absolute;
  right: 0;
  width: 380px;
  bottom: 0;
  top: 0px;
  border: 0;
  margin-top: 0;
  z-index: 10;
}
.material_view.full_video .material_status_list_box .tab_list {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.material_view.full_video .material_status_list_box .tab_list li {
  display: table-cell;
  width: inherit;
  float: none;
}
.material_view.full_video .material_status_list_box .tab_list .tab_link.on:after {
  bottom: 0;
}
.material_view.full_video .material_status_list_box .tab_list .lang_sel_box {
  left: auto;
  right: 20px;
}
.material_view.full_video .material_status_list_box .tab_list .lang_sel_box .scroll_box {
  position: static;
}
.material_view.full_video .material_status_list_box .tab_list .lang_sel_box .scroll_box .lang_list li {
  display: block;
}
.material_view.full_video .material_status_list_box .scroll_box {
  position: absolute;
  left: 0;
  right: 0;
  top: 49px;
  bottom: 0;
  height: auto;
}
.material_view.full_video .material_status_list_box .bookmark_none_list li {
  padding-left: 35px;
}
.material_view.full_video .material_play_list_box {
  position: absolute;
  right: 0;
  width: 380px;
  height: 100%;
  background-color: #fff;
  border-left: 0;
  margin-top: 0;
  z-index: 10;
}
.material_view.full_video .material_play_list_box .scroll_box {
  position: absolute;
  left: 0;
  right: 0;
  top: 48px;
  bottom: 0;
  height: auto;
}
.material_view.full_video .material_play_list_box .play_list {
  border-bottom: 1px solid #f5f5f5;
}
.material_view.full_video .material_play_list_box .play_list_sjt,
.material_view.full_video .material_play_list_box .play_list .link {
  padding-right: 99px;
}
.material_view.full_video .material_play_list_box .play_list_sjt .play_time,
.material_view.full_video .material_play_list_box .play_list .link .play_time {
  top: 0;
  bottom: 0;
  width: 72px;
  max-height: 66px;
  vertical-align: top;
  text-align: right;
  line-height: 15px;
}
.material_view.full_video .material_play_list_box .play_list_sjt .play_time .time,
.material_view.full_video .material_play_list_box .play_list .link .play_time .time {
  display: inline-block;
  margin-left: -1px;
  line-height: 15px;
  vertical-align: middle;
}
.material_view.full_video .material_play_list_box .play_list_sjt .play_time .time br,
.material_view.full_video .material_play_list_box .play_list .link .play_time .time br {
  display: inline;
}
.material_view.full_video .material_play_list_box .play_list_sjt .play_time:before,
.material_view.full_video .material_play_list_box .play_list .link .play_time:before {
  display: inline-block;
  width: 1px;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.material_view.full_video .material_status_list_box .script_list {
  border-bottom: 1px solid #e9ebec;
}

.survey_group {
  margin: 40px 0;
  border: 1px solid #e6e6e6;
  border-width: 1px 0;
  padding: 29px 0 40px;
}
.survey_group .group_lr {
  margin-top: 0;
}
.survey_group .group_lr .tit_section {
  margin: 5px 0 12px !important;
  font-size: 16px;
}
.survey_group .group_lr + .material {
  padding-top: 5px;
}
.survey_group .group_lr + .material .remove {
  display: none;
}
.survey_group .survey_inn {
  margin-top: 15px;
  border: 1px solid #d1d1d1;
}
.survey_group .survey_inn .txt_desc {
  margin: 10px 15px 0;
}
.survey_group .survey_inn ul {
  margin: 14px 15px 0;
}
.survey_group .survey_inn ul li {
  position: relative;
  padding: 0 0 0 25px;
  display: block;
}
.survey_group .survey_inn ul li ~ li {
  margin-top: 12px;
}
.survey_group .survey_inn ul li .ick {
  position: absolute;
  top: 4px;
  left: 0;
}
.survey_group .survey_inn ul li .ipt {
  position: relative;
  display: block;
}
.survey_group .survey_inn ul li .ipt .ph {
  left: 0;
}
.survey_group .survey_inn ul li .ipt .input_area {
  border: 0;
  border-bottom: 1px solid #E9E9E9;
  padding-right: 35px;
}
.survey_group .survey_inn ul li .ipt .input_area input {
  border: 0;
  height: 32px;
  padding-left: 0;
}
.survey_group .survey_inn ul li .added {
  position: absolute;
  top: 4px;
  right: 8px;
}
.survey_group .survey_inn .ta_c .btn {
  margin: 16px 0;
  width: 100%;
}

.survey {
  padding: 0 !important;
  list-style: none !important;
}
.survey .btns {
  margin: 10px 0 0;
}
.survey .survey_title {
  font-weight: 700;
  font-size: 14px;
}
.survey > label.it {
  background: #FFF;
}
.survey .it {
  background: transparent;
}
.survey .it:first-child {
  margin-top: 0;
}
.survey .it .input_area {
  background: #FFF;
}
.survey .survey_title {
  word-break: break-all;
}
.survey .lst_survey {
  margin-top: 10px;
}
.survey .lst_survey li {
  margin-top: 5px;
}
.survey .lst_survey li:after {
  display: block;
  clear: both;
  content: "";
}
.survey .lst_survey li > span:first-child {
  display: inline-block;
  float: left;
  width: 38px;
  padding: 0px 4px 0 0;
  font-size: 14px;
  color: #333;
  text-align: right;
  line-height: 33px;
}
.survey .lst_survey li > span:first-child + .input_wrap {
  display: block;
  overflow: hidden;
  font-style: normal;
}
.survey .lst_survey .question {
  margin-top: 10px;
  background: #FFF;
}
.survey .lst_chk {
  margin-left: 10px;
}
.survey .result {
  margin: 0;
  padding: 0;
}
.survey .result:before, .survey .result:after {
  display: table;
  clear: both;
  content: " ";
}
.survey .result dt,
.survey .result dd {
  float: left;
  margin: 0;
  padding: 6px 0 5px;
  word-break: break-all;
}
.survey .result dt {
  clear: both;
  margin-right: 4px;
}
.survey .result dd {
  color: #ffae00;
}

.cfm_group {
  margin-top: 20px;
  border-top: 1px solid #e8e8e8;
  padding-top: 52px;
}
.cfm_group h1 {
  margin-bottom: 13px;
  font-size: 18px;
  color: #010101;
  font-weight: 700;
}
.cfm_group .material_desc {
  padding: 14px 20px 20px;
  background: #f9f9f9;
}
.cfm_group .material_desc .desc dt {
  font-size: 16px;
  color: #333;
}
.cfm_group .material_desc .desc dd {
  padding: 14px 0 17px;
}
.cfm_group .material_desc .txt_area {
  border: 1px solid #d1d1d1;
  background: #fff;
}
.cfm_group .material_desc .txt_area .pnt {
  margin-bottom: 10px;
  color: #fe522c;
}
.cfm_group .material_desc ~ .material_desc .desc {
  border-top: 1px solid #e8e8e8;
  padding-top: 34px;
}

.code_practice_box {
  padding: 52px 0 40px;
  margin-top: 20px;
  border-top: 1px solid #E8E8E8;
}
.code_practice_box .title_area.group_lr {
  margin-top: 0;
}
.code_practice_box h1 {
  margin-bottom: 13px;
  font-size: 18px;
  color: #010101;
  font-weight: 700;
}
.code_practice_box .material_desc {
  padding: 14px 20px 20px;
  background: #f9f9f9;
}
.code_practice_box .material_desc .desc dt {
  font-size: 16px;
  color: #333;
}
.code_practice_box .material_desc .desc dd {
  padding: 6px 0 24px;
}
.code_practice_box .material_desc .desc strong {
  display: inline-block;
  vertical-align: middle;
}

.outside_link_error {
  padding: 40px;
  background-color: #fafafa;
  text-align: center;
}
.outside_link_error .error_msg:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_link_error);
  background-repeat: no-repeat;
  background-position: -185px -443px;
  width: 64px;
  height: 60px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: block;
  margin: 0 auto 24px;
  content: "";
}
.outside_link_error .error_msg {
  line-height: 24px;
  letter-spacing: -1px;
  color: #999;
}
.outside_link_error .error_msg a {
  font-weight: bold;
  color: #333;
  text-decoration: underline;
}
.outside_link_error .error_msg + .btn {
  margin-top: 16px;
}

.share {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
}
.share .tag_lst {
  margin-bottom: 24px;
}
.share .group_lr {
  margin-top: 20px;
}
.share .group_lr + .group_lr {
  margin-top: 0;
}
.share .group_lr .btn.btn_type2 {
  letter-spacing: 0;
}

.video_share_btn {
  position: absolute;
  top: 16px;
  right: 16px;
  height: 32px;
  padding: 0 16px 0 8px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: rgba(37, 41, 47, 0.8);
  font-size: 13px;
  color: #fff;
  z-index: 50;
}
.video_share_btn::before {
  display: inline-block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_share_button);
  background-repeat: no-repeat;
  background-position: -124px -776px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin-right: 8px;
  vertical-align: middle;
  content: "";
}
.video_share_btn:hover {
  background-color: #00c73c;
}

.re_pack .btn_lecture_like {
  position: relative;
  display: inline-block;
  height: 36px;
  margin-left: 8px;
  padding: 0 16px;
  background-color: #25292f;
  font-size: 14px;
  line-height: 36px;
  font-weight: 600;
  color: #fff;
  vertical-align: top;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.re_pack .btn_lecture_like.on {
  color: #fff;
}
.re_pack .btn_lecture_like a {
  color: #fff;
  margin-left: 4px;
}
.re_pack .btn_lecture_like_admin {
  position: relative;
  display: inline-block;
  height: 34px;
  margin-right: 4px;
  padding: 0 18px 0 17px;
  background-color: #fff;
  border: 1px solid #010101;
  line-height: 32px;
  color: #010101;
  letter-spacing: -1px;
  vertical-align: top;
}
.re_pack .btn_lecture_like_admin .like_link {
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
}
.re_pack .btn_lecture_like_admin .like_link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_like);
  background-repeat: no-repeat;
  background-position: -223px -868px;
  width: 14px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  left: 17px;
  top: 11px;
  content: "";
}
.re_pack .btn_lecture_like_admin .cnt_link {
  position: relative;
  display: inline-block;
  color: #010101;
  margin-left: 20px;
  text-align: right;
  z-index: 10;
}
.re_pack .btn_lecture_like_admin.on {
  border-color: #00c73c;
  color: #00c73c;
}
.re_pack .btn_lecture_like_admin.on .cnt_link {
  color: #00c73c;
}
.re_pack .btn_lecture_like_admin.on .like_link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_like_on);
  background-repeat: no-repeat;
  background-position: -205px -868px;
  width: 14px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.cmt_group .nav_tab2 {
  margin-top: 80px;
}

.live_comment_title_wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 58px;
  padding: 0 20px;
  border-bottom: 1px solid #EDF0F2;
  z-index: 10;
}
.live_comment_title_wrap .live_comment_title {
  float: left;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 14px;
  color: #000;
  font-weight: bold;
  line-height: 48px;
}
.live_comment_title_wrap .live_comment_menu {
  float: left;
  width: 50%;
  padding: 20px 0 19px 0;
}
.live_comment_title_wrap .live_comment_menu span {
  color: #828C96;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 17px;
  line-height: 19px;
  position: relative;
}
.live_comment_title_wrap .live_comment_menu.selected span {
  color: #25292f;
  font-weight: bold;
  z-index: 10;
}
.live_comment_title_wrap .live_comment_menu.selected span::before {
  content: "";
  display: block;
  height: 4px;
  opacity: 0.6;
  position: absolute;
  bottom: 0;
  left: -2px;
  right: -2px;
  z-index: -1;
  background-color: #03C75A;
  -webkit-border-radius: 1px;
          border-radius: 1px;
}
.live_comment_title_wrap .live_comment_menu.selected + .sub_btn {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 8px;
}
.live_comment_title_wrap .live_comment_menu.new span::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  background-color: #03C75A;
  top: 0;
  right: -10px;
}
.live_comment_title_wrap .sub_btn {
  background: #FAFAFA;
  -webkit-box-shadow: inset 0px -1px 0px #EDF0F2;
          box-shadow: inset 0px -1px 0px #EDF0F2;
  padding: 6px 16px;
  overflow: hidden;
  margin: 0 -20px;
}
.live_comment_title_wrap .sub_btn .btn_refresh_box {
  float: left;
}
.live_comment_title_wrap .sub_btn .btn_refresh {
  font-size: 0;
  line-height: 0;
  color: transparent;
  z-index: 20;
  padding: 7px;
  border: 1px solid #EDF0F2;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #fff;
  float: left;
  margin: 0;
  cursor: pointer;
  overflow: hidden;
}
.live_comment_title_wrap .sub_btn .btn_refresh .ico_refresh {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-live-refresh);
  background-repeat: no-repeat;
  background-position: -396px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.live_comment_title_wrap .sub_btn .count {
  font-size: 13px;
  line-height: 32px;
  font-weight: 700;
  color: #384047;
  margin-left: 8px;
}
.live_comment_title_wrap .sub_btn .refresh_wrap {
  float: right;
  padding-top: 4px;
}
.live_comment_title_wrap .sub_btn .refresh_wrap .btn_refresh_auto {
  float: right;
  margin-left: 10px;
  color: inherit;
  text-decoration: none;
  overflow: visible;
  border: none;
  -webkit-border-radius: 0;
          border-radius: 0;
  background: 0 0;
  cursor: pointer;
}
.live_comment_title_wrap .sub_btn .refresh_wrap .btn_refresh_auto.refresh_auto_on .ico_refresh_auto {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico-refresh-on);
  background-repeat: no-repeat;
  background-position: -753px -92px;
  width: 40px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  background-repeat: no-repeat;
  width: 40px;
  height: 24px;
}
.live_comment_title_wrap .sub_btn .refresh_wrap .ico_refresh_auto {
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico-refresh-off);
  background-repeat: no-repeat;
  background-position: -753px -60px;
  width: 40px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  background-repeat: no-repeat;
  width: 40px;
  height: 24px;
}
.live_comment_title_wrap .sub_btn .refresh_wrap .txt_refresh {
  color: #384047;
  font-size: 13px;
  line-height: 24px;
}

.live_comment_wrap {
  padding-top: 104px;
  position: relative;
  height: 100%;
}
.live_comment_wrap .comment_scroll {
  height: 100%;
  position: relative;
  padding-bottom: 48px;
}
.live_comment_wrap .comment {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.live_comment_wrap .comment .comment_more_view {
  padding: 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.live_comment_wrap .comment .comment_more_view .more_view_btn {
  display: block;
  background: #F5F7F7;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  padding: 15px 0;
  text-align: center;
  color: #25292f;
  font-size: 15px;
  line-height: 18px;
}
.live_comment_wrap .comment .se_wrap {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  background: #FAFAFA;
  -webkit-box-shadow: inset 0px -1px 0px #EDF0F2;
          box-shadow: inset 0px -1px 0px #EDF0F2;
  z-index: 1000;
}
.live_comment_wrap .comment .se_wrap .dimmed {
  background: transparent;
  opacity: 1;
}
.live_comment_wrap .comment .se_wrap .dimmed .ph {
  position: absolute;
  top: 17px;
  font-size: 13px;
  line-height: 20px;
  color: #25292f;
  left: 33px;
  opacity: 1;
}
.live_comment_wrap .comment .se_wrap .dimmed .ph b {
  font-weight: 700;
}
.live_comment_wrap .comment .se_wrap .se_editor_wrap {
  padding: 2px 16px 16px;
}
.live_comment_wrap .comment .se_wrap .comment_wrap .mce-tinymce.mce-container {
  width: 100%;
}
.live_comment_wrap .comment .se_wrap .comment_wrap .mce-edit-area.mce-container {
  border: 1px solid #EDF0F2 !important;
  padding: 14px 58px 12px 16px;
  height: 20px;
  display: block;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.live_comment_wrap .comment .se_wrap .comment_footer_wrap {
  display: inline-block;
  position: absolute;
  border: 0;
  top: 10px;
  right: 16px;
}
.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l {
  display: none;
  padding: 0;
}
.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l > span {
  width: 32px;
  height: 32px;
  margin-right: 0;
}
.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l > span button {
  width: 32px;
  height: 32px;
}
.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_image {
  width: 32px;
  height: 32px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_img);
  background-repeat: no-repeat;
  background-position: -753px -528px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_file {
  width: 32px;
  height: 32px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_file);
  background-repeat: no-repeat;
  background-position: -753px -488px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_katex {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_math);
  background-repeat: no-repeat;
  background-position: -753px -568px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r {
  right: auto;
}
.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group {
  display: none;
}
.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .btn_type1[data-btn=save] {
  right: 8px;
}
.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_type1 {
  border-width: 0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  line-height: 32px;
  height: 32px;
  background-color: #828C96;
}
.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_type1 + .btn_type1 {
  margin-left: 8px;
}
.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_type1[data-btn=cancel] {
  color: #828C96;
  background: #FFFFFF !important;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  display: none;
}
.live_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_type1[data-btn=cancel]:hover {
  background: #FAFAFA !important;
}
.live_comment_wrap .comment .se_wrap .set_notice {
  display: none;
}
.live_comment_wrap .comment .se_wrap .set_notice:after {
  content: "";
  display: block;
  clear: both;
}
.live_comment_wrap .comment .se_wrap .set_notice .ick {
  float: right;
  line-height: 22px;
}
.live_comment_wrap .comment .se_wrap .set_notice .ick .checkbox {
  top: 8px;
  border-color: #D0D6D9;
  background-color: #fff;
}
.live_comment_wrap .comment .se_wrap .set_notice .ick .checkbox.checked {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_set_notice);
  background-repeat: no-repeat;
  background-position: -633px -661px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  border-color: transparent;
}
.live_comment_wrap .comment .se_wrap .set_notice .ick .checkbox.checked:after {
  display: none;
}
.live_comment_wrap .comment .se_wrap .set_notice .ick .ph {
  color: #666666;
  font-size: 13px;
  line-height: 14px;
  padding-top: 8px;
}
.live_comment_wrap .comment .se_wrap .se_editor_area {
  display: none;
}
.live_comment_wrap .comment .se_wrap .sub_modal.math {
  width: 364px;
}
.live_comment_wrap .comment .se_wrap.focus .comment_wrap .mce-edit-area.mce-container {
  height: 60px;
  padding: 16px 16px 16px 16px;
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}
.live_comment_wrap .comment .se_wrap.focus .comment_footer_wrap {
  display: block;
  height: auto;
  position: relative;
  padding: 8px;
  top: auto;
  right: auto;
  background: #FFFFFF;
  border-width: 0 1px 1px 1px;
  border-color: #EDF0F2;
  border-style: solid;
  -webkit-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}
.live_comment_wrap .comment .se_wrap.focus .comment_footer_wrap .btn_area_l {
  display: block;
}
.live_comment_wrap .comment .se_wrap.focus .comment_footer_wrap .btn.btn_type1[data-btn=cancel] {
  display: inline-block;
}
.live_comment_wrap .comment .se_wrap.focus .comment_footer_wrap .btn_type1[data-btn=save] {
  right: auto;
}
.live_comment_wrap .comment .se_wrap.focus .se_editor_area {
  display: block;
  background: #FFFFFF;
  border-color: #EDF0F2;
}
.live_comment_wrap .comment .se_wrap.focus .set_notice {
  display: block;
}
.live_comment_wrap .comment .se_wrap.writing .comment_footer_wrap .btn_type1 {
  background-color: #03C75A;
}
.live_comment_wrap .comment .se_wrap.logout .comment_footer_wrap .btn_type1 {
  background-color: #D0D6D9;
}
.live_comment_wrap .comment .comment_list {
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.live_comment_wrap .comment .comment_list #_wrap_comment_list > li {
  position: relative;
}
.live_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .comment_view_mode {
  display: none;
}
.live_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .se_editor_area div[class^=f_] {
  display: none;
}
.live_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .se_editor_area div {
  display: none;
}
.live_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .comment_btn {
  display: none;
}
.live_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing + .se_wrap {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.live_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing + .se_wrap .se_editor_wrap {
  margin: -50px 0 0 48px;
}
.live_comment_wrap .comment .comment_list .del .comment_area {
  padding: 16px 24px 16px 64px;
  position: relative;
}
.live_comment_wrap .comment .comment_list .del .comment_area .comment_view_mode {
  padding-left: 0;
  min-height: 32px;
}
.live_comment_wrap .comment .comment_list .del .comment_area .comment_desc::before {
  position: absolute;
  left: 16px;
  top: 16px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_delete);
  background-repeat: no-repeat;
  background-position: -753px -448px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.live_comment_wrap .comment .comment_list .del .comment_area .comment_desc p {
  display: block;
  color: #828C96;
  line-height: 14px;
  margin: 0;
  font-weight: 400;
  min-height: auto;
}
.live_comment_wrap .comment .comment_list .del .comment_area .comment_info {
  display: block;
  color: #828C96;
  margin-top: 4px;
  font-size: 11px;
  line-height: 12px;
}
.live_comment_wrap .comment .comment_list .se_wrap {
  background: #Fff;
}
.live_comment_wrap .comment .comment_list .comment_area {
  padding: 16px;
  border-bottom: 0;
  background-color: #FFFFFF;
}
.live_comment_wrap .comment .comment_list .comment_area::before {
  content: "";
  display: block;
  width: 1px;
  top: 64px;
  bottom: 0px;
  background-color: #edf0f2;
  position: absolute;
  left: 31px;
  z-index: 1000;
}
.live_comment_wrap .comment .comment_list .comment_area .thumb {
  display: block;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  position: absolute;
  left: 0;
  overflow: hidden;
  background-color: #fff !important;
  position: relative;
}
.live_comment_wrap .comment .comment_list .comment_area .thumb.bgnone:before {
  display: none;
}
.live_comment_wrap .comment .comment_list .comment_area .thumb:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-thumb-32);
  background-repeat: no-repeat;
  background-position: -753px -368px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
}
.live_comment_wrap .comment .comment_list .comment_area .thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 1px rgba(0, 0, 0, 0.04);
}
.live_comment_wrap .comment .comment_list .comment_area .se_editor_area div[class^=f_]:last-child {
  margin-bottom: 8px;
}
.live_comment_wrap .comment .comment_list .comment_area .se_editor_area.view {
  margin-top: -8px;
  background: transparent;
  border-color: transparent;
  padding-left: 48px;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_view_mode {
  padding-left: 16px;
  overflow: hidden;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_info li {
  font-size: 0;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_info li .username {
  color: #25292F;
  font-size: 13px;
  line-height: 14px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 4px;
  vertical-align: top;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_info li .ic_ad {
  font-size: 13px;
  margin: 1px 0 0 4px;
  padding-left: 7px;
  position: relative;
  color: #03C75A;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_info li .ic_ad::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #e0e0e0;
  position: absolute;
  top: 5px;
  left: 0px;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_info li:first-child {
  display: block;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_info li [data-elapsed-time] {
  color: #828c96;
  font-size: 11px;
  line-height: 12px;
  margin-left: 0;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_info li .btn_tx:before {
  display: none;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_desc p {
  color: #25292f;
  font-size: 13px;
  line-height: 16px;
  min-height: 16px;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_desc p a {
  color: #03C75A;
  text-decoration: underline;
}
.live_comment_wrap .comment .comment_list .comment_area .se_editor_area + .comment_btn {
  padding-top: 8px;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_btn {
  padding: 0 0 0 48px;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_btn .more {
  position: absolute;
  top: 19px;
  right: 16px;
  z-index: 100;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_btn {
  width: 24px;
  height: 24px;
  display: block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live_dots_btn);
  background-repeat: no-repeat;
  background-position: -740px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list {
  width: 64px;
  display: none;
  border: 1px solid #25292F;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.04);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  position: absolute;
  top: 29px;
  right: 0;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list li + li {
  border-top: 1px solid #EDF0F2;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list a {
  display: block;
  min-width: 62px;
  color: #25292d;
  font-size: 13px;
  line-height: 14px;
  padding: 13px 17px !important;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #fff;
  text-align: center;
}
.live_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list.on {
  display: block;
}
.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom {
  width: auto;
  height: 32px;
  padding: 6px 15px 0;
  font-size: 0;
  border: 1px solid #EDF0F2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom:hover {
  border-color: #03C75A;
}
.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom i {
  display: inline-block;
}
.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom i svg {
  vertical-align: -3px;
}
.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom em {
  color: #25292f;
  font-size: 13px;
  line-height: 14px;
}
.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom.on i svg path:first-child {
  fill: #03C75A;
}
.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom::before {
  display: none;
}
.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply {
  width: 64px;
  height: 32px;
  background: #FFFFFF;
  border: 1px solid #EDF0F2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply:before {
  display: none;
}
.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply i {
  display: inline-block;
}
.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply i svg {
  vertical-align: -4px;
}
.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply em {
  color: #25292f;
  font-size: 13px;
  line-height: 14px;
}
.live_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply.on i svg path:first-child {
  fill: #03C75A;
}
.live_comment_wrap .comment .comment_list .comment_area.mine {
  background-color: #fff;
}
.live_comment_wrap .comment .comment_list .comment_area.admin {
  background-color: #F5FDF7;
}
.live_comment_wrap .comment .comment_list .comment_area.admin + .se_wrap {
  background-color: #F5FDF7;
}
.live_comment_wrap .comment .comment_none {
  padding: 89px 0;
  text-align: center;
}
.live_comment_wrap .comment .comment_none .contents_none {
  color: #828C96;
  font-size: 13px;
  line-height: 22px;
}
.live_comment_wrap .comment #_wrap_comment_list > li .comment_children_wrap .comment_area.editing + .se_wrap .se_editor_wrap {
  margin: -56px 0 0 104px;
}
.live_comment_wrap .comment .comment_children_wrap .children {
  background-color: #FAFAFA;
  padding: 0;
  border-bottom: 0;
}
.live_comment_wrap .comment .comment_children_wrap .children .comment_area {
  padding: 16px 0px 16px 64px;
  margin-top: 0;
  background-color: #FAFAFA;
}
.live_comment_wrap .comment .comment_children_wrap .children .comment_area.admin {
  background-color: #F5FDF7;
}
.live_comment_wrap .comment .comment_children_wrap .children .comment_area .thumb {
  width: 24px;
  height: 24px;
}
.live_comment_wrap .comment .comment_children_wrap .children .comment_area .thumb:before {
  width: 24px;
  height: 24px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-thumb-24);
  background-repeat: no-repeat;
  background-position: -580px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.live_comment_wrap .comment .comment_children_wrap .children .comment_area .comment_view_mode .comment_desc {
  padding-right: 16px;
}
.live_comment_wrap .comment .comment_children_wrap .children .comment_area .comment_btn {
  padding-top: 8px;
  padding-left: 40px;
}
.live_comment_wrap .comment .comment_children_wrap .children .comment_area .comment_btn .more {
  top: 19px;
}
.live_comment_wrap .comment .comment_children_wrap .children .comment_area .se_editor_area.view {
  padding-top: 0;
  padding-left: 40px;
  margin-top: -8px;
}
.live_comment_wrap .comment .comment_children_wrap .children .comment_area .se_editor_area.view .f_file {
  padding-right: 16px;
}
.live_comment_wrap .comment .comment_children_wrap .children:before {
  display: none;
}
.live_comment_wrap .comment .comment_children_wrap .del .comment_area {
  background-color: #FAFAFA;
  padding: 16px 24px 16px 104px;
}
.live_comment_wrap .comment .comment_children_wrap .del .comment_area .comment_view_mode {
  min-height: 24px;
}
.live_comment_wrap .comment .comment_children_wrap .del .comment_area .comment_view_mode .comment_desc::before {
  width: 24px;
  height: 24px;
  left: 64px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_delete_24);
  background-repeat: no-repeat;
  background-position: -100px -744px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.live_comment_wrap .comment .comment_children_wrap .se_editor_area:before {
  content: "";
  display: block;
  width: 1px;
  top: 55px;
  bottom: 0px;
  height: auto;
  border: 0;
  background-color: #edf0f2;
  position: absolute;
  left: 75px;
  z-index: 1000;
}
.live_comment_wrap .comment .comment_children_wrap .se_editor_wrap {
  padding: 16px 16px 16px 0;
  margin: 0 0 0 64px;
}
.live_comment_wrap .comment .comment_children_wrap .se_editor_wrap:before {
  display: none;
}
.live_comment_wrap .comment .comment_children_wrap .comment_write_wrap {
  margin: 0 0 0 64px;
}
.live_comment_wrap .comment .comment_children_wrap .comment_write_wrap:before {
  display: none;
}
.live_comment_wrap .comment .comment_children_wrap .se_wrap {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #FAFAFA;
}
.live_comment_wrap .comment .comment_children_wrap .se_wrap.logout {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.live_comment_wrap .comment .comment_children_wrap .se_wrap.logout .se_editor_wrap {
  padding-top: 16px;
}
.live_comment_wrap .comment .comment_children_wrap .se_wrap.logout .se_editor_wrap .dimmed .ph {
  top: 30px;
  left: 16px;
}
.live_comment_wrap .comment .comment_children_wrap .se_wrap.focus .se_editor_area:before {
  display: none;
}
.live_comment_wrap .comment .comment_children_wrap .se_wrap .mce-edit-area.mce-container {
  padding: 14px 72px 12px 16px;
}
.live_comment_wrap .comment .comment_children_wrap .se_wrap .comment_footer_wrap {
  top: 16px;
  right: 24px;
}
.live_comment_wrap .comment .comment_children_wrap .se_wrap .comment_footer_wrap .btn_area_r {
  top: 8px;
}
.live_comment_wrap .comment .comment_children_wrap .se_wrap .comment_footer_wrap .btn_area_r .btn_type1[data-btn=save] {
  right: 0;
}
.live_comment_wrap .comment .comment_children_wrap .se_wrap.focus .se_editor_area {
  padding-left: 8px;
}
.live_comment_wrap .comment .comment_children_wrap .se_wrap.focus .mce-edit-area.mce-container {
  height: 60px;
  padding-right: 16px;
}
.live_comment_wrap .comment .comment_children_wrap .se_wrap.focus .comment_footer_wrap {
  top: 0;
  right: 0;
}
.live_comment_wrap .comment .comment_children_wrap .se_wrap.focus .comment_footer_wrap .btn_area_r {
  top: 0;
}
.live_comment_wrap .only_mine {
  padding: 12px 16px;
  overflow: hidden;
  background: #FFFFFF;
  -webkit-box-shadow: inset 0px 1px 0px #EDF0F2;
          box-shadow: inset 0px 1px 0px #EDF0F2;
}
.live_comment_wrap .only_mine .btn_mine_area {
  float: right;
}
.live_comment_wrap .only_mine .btn_mine_area .btn_mine {
  float: right;
  margin-left: 10px;
  color: inherit;
  text-decoration: none;
  overflow: visible;
  border: none;
  -webkit-border-radius: 0;
          border-radius: 0;
  background: 0 0;
  cursor: pointer;
}
.live_comment_wrap .only_mine .btn_mine_area .btn_mine.on .ico_mine {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico-refresh-on);
  background-repeat: no-repeat;
  background-position: -753px -92px;
  width: 40px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  background-repeat: no-repeat;
  width: 40px;
  height: 24px;
}
.live_comment_wrap .only_mine .btn_mine_area .ico_mine {
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico-refresh-off);
  background-repeat: no-repeat;
  background-position: -753px -60px;
  width: 40px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  background-repeat: no-repeat;
  width: 40px;
  height: 24px;
}
.live_comment_wrap .only_mine .btn_mine_area .txt_mine {
  color: #384047;
  font-size: 13px;
  line-height: 24px;
}

.u_cbox_focus + .live_notice_wrap.fold {
  top: 276px;
}

.live_notice_wrap {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 80px;
  z-index: 100;
  padding: 16px;
  position: relative;
}
.live_notice_wrap .notice_inner {
  background: #F5FAFE;
  border: 1px solid #C2DEF8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 8px 16px rgba(31, 134, 231, 0.08);
          box-shadow: 0px 8px 16px rgba(31, 134, 231, 0.08);
  -webkit-border-radius: 8px;
          border-radius: 8px;
  padding-right: 48px;
  position: relative;
}
.live_notice_wrap .notice_inner .live_notice {
  overflow-y: auto;
  max-height: 308px;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  overflow-x: hidden;
}
.live_notice_wrap .notice_inner .live_notice .list {
  display: none;
}
.live_notice_wrap .notice_inner .live_notice .list:first-child {
  display: block;
}
.live_notice_wrap .notice_inner .live_notice .list .notice {
  padding: 12px 16px 12px 48px;
  position: relative;
  min-height: 44px;
}
.live_notice_wrap .notice_inner .live_notice .list .notice .content {
  display: block;
  color: #000;
  font-size: 13px;
  line-height: 20px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 20px;
}
.live_notice_wrap .notice_inner .live_notice .list .notice .content a {
  color: rgb(31, 134, 231);
  text-decoration: underline;
}
.live_notice_wrap .notice_inner .live_notice .list .notice .content + p {
  display: block;
  color: #000;
  font-size: 13px;
  line-height: 20px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 20px;
}
.live_notice_wrap .notice_inner .live_notice .list .notice p a {
  color: rgb(31, 134, 231);
  text-decoration: underline;
}
.live_notice_wrap .notice_inner .live_notice .list .notice p + p {
  display: block;
  color: #000;
  font-size: 13px;
  line-height: 20px;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 20px;
}
.live_notice_wrap .notice_inner .live_notice .list .notice::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  left: 16px;
}
.live_notice_wrap .notice_inner .live_notice .list .notice.text::before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live_notice);
  background-repeat: no-repeat;
  background-position: -36px -744px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.live_notice_wrap .notice_inner .live_notice .list .notice.surv::before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live_noti_survey);
  background-repeat: no-repeat;
  background-position: -4px -744px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.live_notice_wrap .notice_inner .live_notice .list + li .notice {
  border-top: 1px solid #D6E9FB;
}
.live_notice_wrap .notice_btn {
  padding: 0 16px;
  display: none;
  font-size: 0;
  z-index: 100;
}
.live_notice_wrap .notice_btn .btn_noti {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 40px;
  color: #25292F;
  position: relative;
  z-index: 100;
}
.live_notice_wrap .notice_btn .btn_noti + .btn_noti {
  margin-left: 8px;
  padding-left: 8px;
}
.live_notice_wrap .notice_btn .btn_noti + .btn_noti::before {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background: #C2DEF8;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.live_notice_wrap .toggle_btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.live_notice_wrap .toggle_btn::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live_noti_down);
  background-repeat: no-repeat;
  background-position: -612px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin-top: -8px;
  content: "";
}
.live_notice_wrap.open_all .notice_inner {
  padding-right: 0;
}
.live_notice_wrap.open_all .notice_inner .live_notice .list {
  display: block;
}
.live_notice_wrap.open_all .notice_inner .live_notice .list .content {
  white-space: normal;
  max-height: unset;
  max-height: auto;
}
.live_notice_wrap.open_all .notice_inner .live_notice .list .content + p {
  white-space: normal;
  max-height: unset;
  max-height: auto;
}
.live_notice_wrap.open_all .notice_inner .live_notice .list .attach {
  display: block;
}
.live_notice_wrap.open_all .notice_inner .live_notice .list p + p {
  white-space: normal;
  max-height: unset;
  max-height: auto;
}
.live_notice_wrap.open_all .notice_btn {
  display: block;
  -webkit-box-shadow: inset 0px 1px 0px #D6E9FB;
          box-shadow: inset 0px 1px 0px #D6E9FB;
}
.live_notice_wrap.open_all .toggle_btn {
  top: auto;
  height: 40px;
}
.live_notice_wrap.open_all .toggle_btn::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live_noti_up);
  background-repeat: no-repeat;
  background-position: -636px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.live_notice_wrap.fold {
  min-height: auto;
  min-height: unset;
  position: absolute;
  top: 188px;
  left: 16px;
  padding: 0;
  z-index: 10000;
}
.live_notice_wrap.fold .notice_inner {
  display: none;
}
.live_notice_wrap.fold .open_btn {
  display: block;
}
.live_notice_wrap .open_btn {
  display: none;
  width: 48px;
  min-height: 48px;
  height: 48px;
  border: 1px solid #C2DEF8 !important;
  -webkit-border-radius: 24px !important;
          border-radius: 24px !important;
  background-color: #F5FAFE !important;
  -webkit-box-shadow: 0px 8px 16px rgba(31, 134, 231, 0.08);
          box-shadow: 0px 8px 16px rgba(31, 134, 231, 0.08);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.live_notice_wrap .open_btn::after {
  display: inline-block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live_notice);
  background-repeat: no-repeat;
  background-position: -36px -744px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  vertical-align: middle;
  content: "";
}

.live_status {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #25292F url("https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_lecture_live.svg") no-repeat 50% 50%;
  -webkit-background-size: 760px 428px;
          background-size: 760px 428px;
  text-align: center;
  z-index: 2000;
}
.live_status::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
  z-index: 20;
  content: "";
}
.live_status .live_info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 32px;
  text-align: left;
  z-index: 20;
}
.live_status .live_text {
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  line-height: 20px;
}
.live_status .live_text::before {
  display: inline-block;
  margin: -2px 8px 0 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live);
  background-repeat: no-repeat;
  background-position: -753px -124px;
  width: 38px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  vertical-align: middle;
  content: "";
}
.live_status .reservation {
  margin-top: 12px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: #fff;
  line-height: 35px;
}
.live_status .remaining_time {
  margin-top: 13px;
  font-size: 13px;
  line-height: 14px;
  color: #fff;
}
.live_status .remaining_time::before {
  display: inline-block;
  margin: -2px 8px 0 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live_time_white);
  background-repeat: no-repeat;
  background-position: -684px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  vertical-align: middle;
  content: "";
}

.live_watch_info {
  line-height: 32px;
}
.live_watch_info::after {
  content: "";
  display: block;
  clear: both;
}
.live_watch_info .sub_title {
  float: left;
  font-size: 13px;
  color: #666;
}
.live_watch_info .watch_status_box {
  float: left;
  font-size: 0;
}
.live_watch_info .watch_status_box .text {
  font-size: 13px;
  color: #333;
  vertical-align: middle;
}
.live_watch_info .watch_status_box .text::before {
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: -2px 8px 0;
  background-color: #d0d6d9;
  vertical-align: middle;
  content: "";
}
.live_watch_info .watch_status {
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
}
.live_watch_info .progress_area {
  display: inline-block;
  vertical-align: middle;
}
.live_watch_info .progress_area .progress {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 8px;
  margin: 0 8px;
  -webkit-border-radius: 1px;
          border-radius: 1px;
  background-color: #ecf0f1;
  vertical-align: middle;
}
.live_watch_info .progress_area .progress_bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #00c73c;
}
.live_watch_info .progress_area .per {
  font-size: 13px;
  color: #333;
  vertical-align: middle;
}

.info_line_box {
  padding-bottom: 21px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
.info_line_box .box_inner {
  border-bottom: 1px solid #f1f1f1;
}
.info_line_box dl {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.info_line_box dt {
  display: table-cell;
  width: 144px;
  padding: 15px 0;
  font-size: 13px;
  color: #333;
  line-height: 34px;
  vertical-align: middle;
}
.info_line_box dd {
  display: table-cell;
  min-height: 54px;
  padding: 15px 0;
  font-size: 0;
  color: #666;
  line-height: 34px;
  vertical-align: middle;
}
.info_line_box dd > span:first-child {
  font-size: 13px;
  vertical-align: middle;
}
.info_line_box dd .txt_desc {
  vertical-align: middle;
}
.info_line_box dd .btn + .txt_desc {
  margin-left: 24px;
}
.info_line_box dd .rating_input:first-child {
  margin-left: 0;
}
.info_line_box .btn_type3 {
  margin-left: 8px;
  border-color: #e4e4e4;
  vertical-align: middle;
}
.info_line_box .btn_type3:first-child {
  margin: 0;
}
.info_line_box .visible_box {
  overflow: visible;
  float: left;
}
.info_line_box .visible_box::after {
  content: "";
  display: block;
  clear: both;
}
.info_line_box .visible_box .date_box {
  float: left;
}
.info_line_box .visible_box .slt {
  float: left;
  margin-left: 8px;
}
.info_line_box .visible_box .slt + .ick {
  margin-left: 16px;
}
.info_line_box .date_box {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.info_line_box .date_box .it input {
  font-size: 13px;
}
.info_line_box .ick {
  line-height: 25px;
  font-size: 13px;
  vertical-align: middle !important;
}
.info_line_box .ick + .ick {
  margin-left: 24px !important;
}
.info_line_box .it .ph {
  left: 10px !important;
  font-size: 13px !important;
}
.info_line_box .chosen-container {
  font-size: 13px;
  vertical-align: top;
}
.info_line_box .rating_input {
  margin-left: 8px;
}
.info_line_box .rating_input input {
  padding-right: 10px !important;
  text-align: right;
}
.info_line_box .rating_text {
  margin: 0 24px 0 8px;
  font-size: 13px;
  vertical-align: middle;
}

.se_editor_wrap .comment_footer_wrap:before, .se_editor_wrap .comment_footer_wrap:after {
  display: table;
  clear: both;
  content: " ";
}
.se_editor_wrap .comment_footer_wrap {
  position: relative;
  height: 48px;
  border: 1px solid #d1d1d1;
  border-top: 0;
  font-size: 12px;
  color: #999;
  text-align: right;
}
.se_editor_wrap .comment_footer_wrap .btn_area_l {
  float: left;
  position: relative;
  padding: 17px 0 0 20px;
  padding-right: 5px;
}
.se_editor_wrap .comment_footer_wrap .btn_area_l > span {
  display: block;
  overflow: hidden;
  float: left;
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 15px 0 0;
  text-align: left;
}
.se_editor_wrap .comment_footer_wrap .btn_area_l > span.katex {
  width: 17px;
}
.se_editor_wrap .comment_footer_wrap .btn_area_l > span span {
  vertical-align: top;
  cursor: pointer;
}
.se_editor_wrap .comment_footer_wrap .btn_area_l > span input {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.se_editor_wrap .comment_footer_wrap .btn_area_l > span button {
  vertical-align: top;
}
.se_editor_wrap .comment_footer_wrap .btn_area_r {
  float: right;
  position: relative;
  top: 0px;
  right: 6px;
  text-align: right;
}
.se_editor_wrap .comment_footer_wrap .btn_area_r .check_group, .se_editor_wrap .comment_footer_wrap .btn_area_r button {
  display: inline-block;
  margin-top: 0;
  vertical-align: middle;
}
.se_editor_wrap .comment_footer_wrap .btn_area_r .check_group {
  position: relative;
  top: 2px;
  padding-left: 15px;
}
.se_editor_wrap .comment_footer_wrap .btn_area_r .check_group .ick {
  float: left;
  margin: 0 10px 0 0;
}
.se_editor_wrap .comment_footer_wrap .btn_area_r .btn {
  padding: 0 12px !important;
  font-size: 13px !important;
  letter-spacing: normal;
}

.se_editor_area {
  padding: 24px 26px 8px 26px;
  border: 1px solid #d1d1d1;
  border-top: 0;
}
.se_editor_area .f_file {
  position: relative;
  height: 52px;
  margin-bottom: 16px;
  padding: 15px 50px 0 18px;
  border: 1px solid #e6e6e6;
}
.se_editor_area .f_file .ico_s_file {
  margin-right: 10px;
}
.se_editor_area .f_file .name {
  color: #333;
  font-weight: 700;
  vertical-align: top;
  line-height: 1.8;
  display: inline-block;
  overflow: hidden;
  max-width: 82%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.se_editor_area .f_file .name:before {
  margin: 0 10px 0 0;
  vertical-align: top;
}
.se_editor_area .f_file .size {
  position: relative;
  top: 3px;
  margin-left: 6px;
  font-size: 12px;
  color: #999;
  vertical-align: top;
}
.se_editor_area .f_file .f_close {
  position: absolute;
  top: 19px;
  right: 18px;
}
.se_editor_area .f_img {
  position: relative;
  width: 199px;
  max-height: 149px;
  margin-bottom: 16px;
}
.se_editor_area .f_img .f_close {
  position: absolute;
  top: 0;
  right: -22px;
}
.se_editor_area.view {
  padding: 0px 0 0 63px;
  border: 0;
}
.se_editor_area.view .f_file {
  height: 45px;
  padding-top: 10px;
}
.se_editor_area.view .f_file .btn {
  margin-left: 4px;
  vertical-align: top;
}

.ico_g_modify {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_modify);
  background-repeat: no-repeat;
  background-position: -819px -439px;
  width: 15px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_g_cross {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_cross_gray);
  background-repeat: no-repeat;
  background-position: -819px -237px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_g_lock {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_lock);
  background-repeat: no-repeat;
  background-position: -901px -20px;
  width: 12px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_g_lock3 {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_lock3);
  background-repeat: no-repeat;
  background-position: -901px -683px;
  width: 9px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_g_open {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_open);
  background-repeat: no-repeat;
  background-position: -364px -507px;
  width: 17px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_g_open2 {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_open2);
  background-repeat: no-repeat;
  background-position: -567px -527px;
  width: 18px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_g_open3 {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_open3);
  background-repeat: no-repeat;
  background-position: -901px -39px;
  width: 12px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_g_delete {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_delete);
  background-repeat: no-repeat;
  background-position: -901px 0px;
  width: 12px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_g_drag {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_drag);
  background-repeat: no-repeat;
  background-position: -901px -486px;
  width: 9px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_g_bu {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_bu);
  background-repeat: no-repeat;
  background-position: -819px -798px;
  width: 5px;
  height: 3px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_em {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_em);
  background-repeat: no-repeat;
  background-position: -443px -841px;
  width: 14px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_e {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_e);
  background-repeat: no-repeat;
  background-position: -215px -841px;
  width: 19px;
  height: 19px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_arr5 {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr5);
  background-repeat: no-repeat;
  background-position: -680px -467px;
  width: 11px;
  height: 6px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_arr5.dn {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr5_dn);
  background-repeat: no-repeat;
  background-position: -665px -467px;
  width: 11px;
  height: 6px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_arr6 {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr6);
  background-repeat: no-repeat;
  background-position: -681px -841px;
  width: 17px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_arr6.dn {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr6_dn);
  background-repeat: no-repeat;
  background-position: -660px -841px;
  width: 17px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sort {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sort);
  background-repeat: no-repeat;
  background-position: -325px -868px;
  width: 7px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sort.up {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sort_up);
  background-repeat: no-repeat;
  background-position: -314px -868px;
  width: 7px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sort.dn {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sort_dn);
  background-repeat: no-repeat;
  background-position: -303px -868px;
  width: 7px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_cal_prev {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_cal_prev);
  background-repeat: no-repeat;
  background-position: -10px -887px;
  width: 7px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_cal_next {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_cal_next);
  background-repeat: no-repeat;
  background-position: -761px -355px;
  width: 7px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_fl_like {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_fl_like);
  background-repeat: no-repeat;
  background-position: -901px -174px;
  width: 11px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_fl_cmt {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_fl_cmt);
  background-repeat: no-repeat;
  background-position: -901px -306px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_check {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_check);
  background-repeat: no-repeat;
  background-position: -751px -467px;
  width: 9px;
  height: 6px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_coach_q {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_coach_q);
  background-repeat: no-repeat;
  background-position: -839px -594px;
  width: 27px;
  height: 27px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_error_black {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_error_black);
  background-repeat: no-repeat;
  background-position: -575px -267px;
  width: 84px;
  height: 84px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_error_red {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_error_red);
  background-repeat: no-repeat;
  background-position: -663px -267px;
  width: 84px;
  height: 84px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns_share {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sns_share);
  background-repeat: no-repeat;
  background-position: -839px -180px;
  width: 32px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns_share_bk {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sns_share_bk);
  background-repeat: no-repeat;
  background-position: -839px -625px;
  width: 28px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ic_prof_mng {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof_mng);
  background-repeat: no-repeat;
  background-position: -839px -145px;
  width: 31px;
  height: 31px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_config {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_config);
  background-repeat: no-repeat;
  background-position: -876px -438px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_new {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_new);
  background-repeat: no-repeat;
  background-position: -876px -486px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
  margin: 1px 0 -1px 3px;
}

.ico_help2 {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-label-help);
  background-repeat: no-repeat;
  background-position: -4px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  vertical-align: middle;
  margin: -2px 0 0 1px;
}

.ico_help3 {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_help3);
  background-repeat: no-repeat;
  background-position: -819px -257px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
  margin: -2px 0 0 8px;
}

.ico_mbr {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_mbr);
  background-repeat: no-repeat;
  background-position: -153px -868px;
  width: 13px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}

.ico_lecture2 {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_lecture2);
  background-repeat: no-repeat;
  background-position: -385px -507px;
  width: 17px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
  margin: -1px 0 1px;
}

.ico_like {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_like);
  background-repeat: no-repeat;
  background-position: -901px -469px;
  width: 11px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
  margin: -2px 0 2px;
}

.ico_cmt {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_cmt);
  background-repeat: no-repeat;
  background-position: -901px -157px;
  width: 12px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
  margin: -1px 0 1px;
}

.ico_cbox2:before {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_contentbox2);
  background-repeat: no-repeat;
  background-position: -185px -507px;
  width: 18px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_task2 {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_s_task);
  background-repeat: no-repeat;
  background-position: -625px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}

.ico_peer2 {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_s_peer);
  background-repeat: no-repeat;
  background-position: -485px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}

.ico_quiz2 {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_s_quiz);
  background-repeat: no-repeat;
  background-position: -569px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}

.ico_project2 {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_s_project);
  background-repeat: no-repeat;
  background-position: -541px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}

.ico_s_lecture {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_s_lecture);
  background-repeat: no-repeat;
  background-position: -457px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}

.ico_task2.end {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_s_task2);
  background-repeat: no-repeat;
  background-position: -653px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_peer2.end {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_s_peer2);
  background-repeat: no-repeat;
  background-position: -513px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_quiz2.end {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_s_quiz2);
  background-repeat: no-repeat;
  background-position: -597px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ellipsis .ico_task2,
.ellipsis .ico_peer2,
.ellipsis .ico_quiz2,
.ellipsis .ico_project2,
.ellipsis .ico_s_lecture {
  margin: 0px 5px 2px 0;
}

.ico_copy {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic-copy);
  background-repeat: no-repeat;
  background-position: -709px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}

.ico_whaleclass {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_whaleclass);
  background-repeat: no-repeat;
  background-position: -222px -761px;
  width: 40px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}

.ico_whaleclass_s {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_whaleclass_s);
  background-repeat: no-repeat;
  background-position: -681px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}

.ico_lecture_private,
.ico_lecture_private_b:before,
.ico_lecture_private_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_lecture_private_s);
  background-repeat: no-repeat;
  background-position: -819px -679px;
  width: 14px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_lecture_private2,
.ico_lecture_private2_b:before,
.ico_lecture_private2_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_lecture_private);
  background-repeat: no-repeat;
  background-position: -819px -397px;
  width: 15px;
  height: 17px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_lecture_private3,
.ico_lecture_private3_b:before,
.ico_lecture_private3_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_lecture_private_s2);
  background-repeat: no-repeat;
  background-position: -901px -452px;
  width: 11px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_g_lock_dark,
.ico_g_lock_dark_b:before,
.ico_g_lock_dark_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_lock_dark);
  background-repeat: no-repeat;
  background-position: -901px -435px;
  width: 11px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_g_open_dark,
.ico_g_open_dark_b:before,
.ico_g_open_dark_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_open_dark);
  background-repeat: no-repeat;
  background-position: -606px -841px;
  width: 14px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_g_open_dark2,
.ico_g_open_dark2_b:before,
.ico_g_open_dark2_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_open_dark2);
  background-repeat: no-repeat;
  background-position: -819px -553px;
  width: 16px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_clse,
.ico_clse_b:before,
.ico_clse_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#m_close);
  background-repeat: no-repeat;
  background-position: -876px -50px;
  width: 21px;
  height: 21px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_f_img,
.ico_f_img_b:before,
.ico_f_img_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_img);
  background-repeat: no-repeat;
  background-position: -334px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_f_img.end,
.ico_f_img.end_b:before,
.ico_f_img.end_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_img_end);
  background-repeat: no-repeat;
  background-position: -294px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_f_video,
.ico_f_video_b:before,
.ico_f_video_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_video);
  background-repeat: no-repeat;
  background-position: -654px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_f_video.end,
.ico_f_video.end_b:before,
.ico_f_video.end_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_video_end);
  background-repeat: no-repeat;
  background-position: -614px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_f_file,
.ico_f_file_b:before,
.ico_f_file_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_file);
  background-repeat: no-repeat;
  background-position: -254px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_f_file.end,
.ico_f_file.end_b:before,
.ico_f_file.end_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_file_end);
  background-repeat: no-repeat;
  background-position: -214px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_f_link,
.ico_f_link_b:before,
.ico_f_link_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_link);
  background-repeat: no-repeat;
  background-position: -414px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_f_link.end,
.ico_f_link.end_b:before,
.ico_f_link.end_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_link_end);
  background-repeat: no-repeat;
  background-position: -374px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_f_text,
.ico_f_text_b:before,
.ico_f_text_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_text);
  background-repeat: no-repeat;
  background-position: -574px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_f_text.end,
.ico_f_text.end_b:before,
.ico_f_text.end_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_text_end);
  background-repeat: no-repeat;
  background-position: -534px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_f_poll,
.ico_f_poll_b:before,
.ico_f_poll_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_poll);
  background-repeat: no-repeat;
  background-position: -494px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_f_poll.end,
.ico_f_poll.end_b:before,
.ico_f_poll.end_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_f_poll_end);
  background-repeat: no-repeat;
  background-position: -454px -718px;
  width: 36px;
  height: 37px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_s_file,
.ico_s_file_b:before,
.ico_s_file_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_s_file);
  background-repeat: no-repeat;
  background-position: -849px -805px;
  width: 23px;
  height: 23px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_s_link,
.ico_s_link_b:before,
.ico_s_link_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_s_link);
  background-repeat: no-repeat;
  background-position: -84px -841px;
  width: 23px;
  height: 23px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_help.end,
.ico_help.end_b:before,
.ico_help.end_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_help);
  background-repeat: no-repeat;
  background-position: -901px -322px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_poll,
.ico_poll_b:before,
.ico_poll_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_poll);
  background-repeat: no-repeat;
  background-position: -617px -552px;
  width: 46px;
  height: 47px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_course,
.ico_course_b:before,
.ico_course_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_course);
  background-repeat: no-repeat;
  background-position: -260px -552px;
  width: 47px;
  height: 47px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_course.end,
.ico_course.end_b:before,
.ico_course.end_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_course_end);
  background-repeat: no-repeat;
  background-position: -209px -552px;
  width: 47px;
  height: 47px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_notice,
.ico_notice_b:before,
.ico_notice_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_notice);
  background-repeat: no-repeat;
  background-position: -296px -608px;
  width: 46px;
  height: 46px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_notice.end,
.ico_notice.end_b:before,
.ico_notice.end_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_notice_end);
  background-repeat: no-repeat;
  background-position: -246px -608px;
  width: 46px;
  height: 46px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_forum,
.ico_forum_b:before,
.ico_forum_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_forum);
  background-repeat: no-repeat;
  background-position: -311px -552px;
  width: 47px;
  height: 47px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_forum.end,
.ico_forum.end_b:before,
.ico_forum.end_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_forum_end);
  background-repeat: no-repeat;
  background-position: -158px -552px;
  width: 47px;
  height: 48px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_file,
.ico_file_b:before,
.ico_file_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_file);
  background-repeat: no-repeat;
  background-position: -667px -552px;
  width: 46px;
  height: 46px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_file_def,
.ico_file_def_b:before,
.ico_file_def_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_file_def);
  background-repeat: no-repeat;
  background-position: -839px -37px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_link,
.ico_link_b:before,
.ico_link_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_link);
  background-repeat: no-repeat;
  background-position: -196px -608px;
  width: 46px;
  height: 46px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_peer.do,
.ico_peer.do_b:before,
.ico_peer.do_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_peer_do);
  background-repeat: no-repeat;
  background-position: -346px -608px;
  width: 46px;
  height: 46px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_lecture.do,
.ico_lecture.do_b:before,
.ico_lecture.do_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_lecture_do);
  background-repeat: no-repeat;
  background-position: -717px -552px;
  width: 46px;
  height: 46px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_quiz.do,
.ico_quiz.do_b:before,
.ico_quiz.do_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_quiz_do);
  background-repeat: no-repeat;
  background-position: -596px -608px;
  width: 46px;
  height: 46px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_task.do,
.ico_task.do_b:before,
.ico_task.do_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_task_do);
  background-repeat: no-repeat;
  background-position: 0px -668px;
  width: 46px;
  height: 46px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_noimg,
.ico_noimg_b:before,
.ico_noimg_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_noimg);
  background-repeat: no-repeat;
  background-position: -150px -668px;
  width: 46px;
  height: 45px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_noimg2,
.ico_noimg2_b:before,
.ico_noimg2_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_noimg2);
  background-repeat: no-repeat;
  background-position: -633px -761px;
  width: 35px;
  height: 35px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_prof,
.ico_prof_b:before,
.ico_prof_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof);
  background-repeat: no-repeat;
  background-position: -672px -761px;
  width: 35px;
  height: 35px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_prof2,
.ico_prof2_b:before,
.ico_prof2_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof2);
  background-repeat: no-repeat;
  background-position: -839px -770px;
  width: 25px;
  height: 25px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_prof3,
.ico_prof3_b:before,
.ico_prof3_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof3);
  background-repeat: no-repeat;
  background-position: -178px -761px;
  width: 40px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_prof4,
.ico_prof4_b:before,
.ico_prof4_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof4);
  background-repeat: no-repeat;
  background-position: -839px -73px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_prof4,
.ico_prof4_b:before,
.ico_prof4_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof5);
  background-repeat: no-repeat;
  background-position: -772px -552px;
  width: 42px;
  height: 42px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_prof4,
.ico_prof4_b:before,
.ico_prof4_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof6);
  background-repeat: no-repeat;
  background-position: -168px -267px;
  width: 146px;
  height: 146px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_close_s,
.ico_close_s_b:before,
.ico_close_s_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#m_close_small);
  background-repeat: no-repeat;
  background-position: -901px -624px;
  width: 11px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_close_b,
.ico_close_b_b:before,
.ico_close_b_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#m_close);
  background-repeat: no-repeat;
  background-position: -876px -50px;
  width: 21px;
  height: 21px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_uio_al {
  font-size: 0;
  line-height: 999px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_image_align_small);
  background-repeat: no-repeat;
  background-position: -554px -541px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.ico_uio_al.on {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_image_align_small_on);
  background-repeat: no-repeat;
  background-position: -586px -541px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}

.ico_uio_va {
  font-size: 0;
  line-height: 999px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_image_align_big);
  background-repeat: no-repeat;
  background-position: -753px -661px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.ico_uio_va.on {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_image_align_big_on);
  background-repeat: no-repeat;
  background-position: -490px -541px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}

.ico_i_image,
.ico_i_image_b:before,
.ico_i_image_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_i_image);
  background-repeat: no-repeat;
  background-position: -819px -571px;
  width: 16px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_i_file,
.ico_i_file_b:before,
.ico_i_file_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_i_file);
  background-repeat: no-repeat;
  background-position: -461px -841px;
  width: 14px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_i_katex,
.ico_i_katex_b:before,
.ico_i_katex_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_i_katex);
  background-repeat: no-repeat;
  background-position: -677px -527px;
  width: 17px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_checked,
.ico_checked_b:before,
.ico_checked_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_checked_disabled);
  background-repeat: no-repeat;
  background-position: -876px -390px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_checked.on,
.ico_checked.on_b:before,
.ico_checked.on_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_checked);
  background-repeat: no-repeat;
  background-position: -876px -414px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_config,
.ico_config_b:before,
.ico_config_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_config);
  background-repeat: no-repeat;
  background-position: -876px -438px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sta_go,
.ico_sta_go_b:before,
.ico_sta_go_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sta_go);
  background-repeat: no-repeat;
  background-position: -56px -841px;
  width: 24px;
  height: 23px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sta_fin,
.ico_sta_fin_b:before,
.ico_sta_fin_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sta_fin);
  background-repeat: no-repeat;
  background-position: -28px -841px;
  width: 24px;
  height: 23px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sta_end,
.ico_sta_end_b:before,
.ico_sta_end_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sta_end);
  background-repeat: no-repeat;
  background-position: 0px -841px;
  width: 24px;
  height: 23px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_gt,
.ico_gt_b:before,
.ico_gt_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_gt);
  background-repeat: no-repeat;
  background-position: -764px -787px;
  width: 5px;
  height: 9px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns_band,
.ico_sns_band_b:before,
.ico_sns_band_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns_band);
  background-repeat: no-repeat;
  background-position: -772px -92px;
  width: 43px;
  height: 42px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns_facebook,
.ico_sns_facebook_b:before,
.ico_sns_facebook_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns_facebook);
  background-repeat: no-repeat;
  background-position: -772px -184px;
  width: 43px;
  height: 42px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns_twitter,
.ico_sns_twitter_b:before,
.ico_sns_twitter_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns_twitter);
  background-repeat: no-repeat;
  background-position: -772px -368px;
  width: 43px;
  height: 42px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns_google,
.ico_sns_google_b:before,
.ico_sns_google_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns_google);
  background-repeat: no-repeat;
  background-position: -772px -276px;
  width: 43px;
  height: 42px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns_urlcopy,
.ico_sns_urlcopy_b:before,
.ico_sns_urlcopy_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns_urlcopy);
  background-repeat: no-repeat;
  background-position: -772px -460px;
  width: 43px;
  height: 42px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns_band2,
.ico_sns_band2_b:before,
.ico_sns_band2_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns_band2);
  background-repeat: no-repeat;
  background-position: -772px -138px;
  width: 43px;
  height: 42px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns_facebook2,
.ico_sns_facebook2_b:before,
.ico_sns_facebook2_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns_facebook2);
  background-repeat: no-repeat;
  background-position: -772px -230px;
  width: 43px;
  height: 42px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns_twitter2,
.ico_sns_twitter2_b:before,
.ico_sns_twitter2_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns_twitter2);
  background-repeat: no-repeat;
  background-position: -772px -414px;
  width: 43px;
  height: 42px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns_google2,
.ico_sns_google2_b:before,
.ico_sns_google2_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns_google2);
  background-repeat: no-repeat;
  background-position: -772px -322px;
  width: 43px;
  height: 42px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns_urlcopy2,
.ico_sns_urlcopy2_b:before,
.ico_sns_urlcopy2_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns_urlcopy2);
  background-repeat: no-repeat;
  background-position: -772px -506px;
  width: 43px;
  height: 42px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns2_band,
.ico_sns2_band_b:before,
.ico_sns2_band_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns2_band);
  background-repeat: no-repeat;
  background-position: -362px -552px;
  width: 47px;
  height: 47px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns2_facebook,
.ico_sns2_facebook_b:before,
.ico_sns2_facebook_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns2_facebook);
  background-repeat: no-repeat;
  background-position: -413px -552px;
  width: 47px;
  height: 47px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns2_twitter,
.ico_sns2_twitter_b:before,
.ico_sns2_twitter_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns2_twitter);
  background-repeat: no-repeat;
  background-position: -515px -552px;
  width: 47px;
  height: 47px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns2_google,
.ico_sns2_google_b:before,
.ico_sns2_google_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns2_google);
  background-repeat: no-repeat;
  background-position: -464px -552px;
  width: 47px;
  height: 47px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_sns2_urlcopy,
.ico_sns2_urlcopy_b:before,
.ico_sns2_urlcopy_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#sns2_urlcopy);
  background-repeat: no-repeat;
  background-position: -566px -552px;
  width: 47px;
  height: 47px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_ems_img,
.ico_ems_img_b:before,
.ico_ems_img_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#img_ems);
  background-repeat: no-repeat;
  background-position: -636px -180px;
  width: 70px;
  height: 66px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_tag_search,
.ico_tag_search_b:before,
.ico_tag_search_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_tag_search);
  background-repeat: no-repeat;
  background-position: -17px -868px;
  width: 13px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_gnb_lec,
.ico_gnb_lec_b:before,
.ico_gnb_lec_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_gnb_lec);
  background-repeat: no-repeat;
  background-position: -839px -564px;
  width: 29px;
  height: 26px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_gnb_news,
.ico_gnb_news_b:before,
.ico_gnb_news_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_gnb_news);
  background-repeat: no-repeat;
  background-position: -839px -680px;
  width: 25px;
  height: 26px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_gnb_todo,
.ico_gnb_todo_b:before,
.ico_gnb_todo_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_gnb_todo);
  background-repeat: no-repeat;
  background-position: -839px -710px;
  width: 25px;
  height: 26px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_closed_lec,
.ico_closed_lec_b:before,
.ico_closed_lec_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_closed_lec);
  background-repeat: no-repeat;
  background-position: -901px -418px;
  width: 11px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ic_share_url,
.ic_share_url_b:before,
.ic_share_url_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_share_url);
  background-repeat: no-repeat;
  background-position: -691px -478px;
  width: 31px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ic_share_band,
.ic_share_band_b:before,
.ic_share_band_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_share_band);
  background-repeat: no-repeat;
  background-position: -693px -443px;
  width: 48px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ic_share_facebook,
.ic_share_facebook_b:before,
.ic_share_facebook_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_share_facebook);
  background-repeat: no-repeat;
  background-position: -876px -574px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ic_share_twitter,
.ic_share_twitter_b:before,
.ic_share_twitter_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_share_twitter);
  background-repeat: no-repeat;
  background-position: -408px -668px;
  width: 25px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ic_share_linkedin,
.ic_share_linkedin_b:before,
.ic_share_linkedin_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_share_linkedin);
  background-repeat: no-repeat;
  background-position: -876px -598px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ic_heart,
.ic_heart_b:before,
.ic_heart_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_heart);
  background-repeat: no-repeat;
  background-position: -901px -639px;
  width: 12px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ic_student,
.ic_student_b:before,
.ic_student_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_student);
  background-repeat: no-repeat;
  background-position: -901px -653px;
  width: 10px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ic_watch_on,
.ic_watch_on_b:before,
.ic_watch_on_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_watch_on);
  background-repeat: no-repeat;
  background-position: -655px -527px;
  width: 18px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ic_watch_off,
.ic_watch_off_b:before,
.ic_watch_off_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_watch_off);
  background-repeat: no-repeat;
  background-position: -633px -527px;
  width: 18px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ic_live_end,
.ic_live_end_b:before,
.ic_live_end_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_live_end);
  background-repeat: no-repeat;
  background-position: -611px -527px;
  width: 18px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ic_live_connect,
.ic_live_connect_b:before,
.ic_live_connect_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_live_connect);
  background-repeat: no-repeat;
  background-position: -589px -527px;
  width: 18px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.disabled {
  cursor: default !important;
}

.btn {
  overflow: hidden;
  position: relative;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-appearance: none;
  text-decoration: none;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.btn:disabled, .btn.disabled {
  opacity: 0.5;
  cursor: default !important;
}
.btn.stretch {
  width: 100%;
}
.btn:before, .btn:after {
  position: relative;
  top: 2px;
  margin: 0 10px 0 0;
}
.btn:hover, .btn:focus {
  text-decoration: none;
}
.btn.btn_type1 {
  padding: 0 18px 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 33px;
  -webkit-border-radius: 0;
          border-radius: 0;
  overflow: hidden;
  color: #FFF;
  background-color: #8b8f94;
  border-color: #8b8f94;
  height: 34px;
  letter-spacing: -1px;
}
.btn.btn_type1.on {
  color: #FFF;
  background-color: #25292f;
  border-color: #25292f;
}
.btn.btn_type1.remove:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_remove);
  background-repeat: no-repeat;
  background-position: -901px -119px;
  width: 12px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type1:disabled {
  color: #FFF;
  background-color: #DADADA;
  border-color: #DADADA;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.btn.btn_type1.lh34 {
  line-height: 34px;
  height: 35px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  padding: 0 20px;
}
.btn.btn_type2 {
  padding: 0 16px;
  font-weight: normal;
  font-size: 12px;
  line-height: 31px;
  -webkit-border-radius: 0;
          border-radius: 0;
  overflow: hidden;
  color: #010101;
  background-color: #FFF;
  border-color: #25292f;
  height: 34px;
  letter-spacing: -1px;
}
.btn.btn_type2.bold {
  font-size: 14px;
  font-weight: 700;
}
.btn.btn_type2.stretch.bold {
  color: #25292f;
  height: 36px;
  line-height: 33px;
}
.btn.btn_type2.bold.on {
  border-color: #ccc;
}
.btn.btn_type2.bold_gray {
  color: #999;
  background-color: #FFF;
  border-color: #d1d1d1;
  font-size: 14px;
  font-weight: 700;
}
.btn.btn_type2.small {
  padding: 0 12px;
  font-size: 14px;
}
.btn.btn_type2.big {
  height: 43px;
  padding: 0 20px;
  line-height: 41px;
}
.btn.btn_type2.op1 {
  color: #999;
  background-color: #FFF;
  border-color: #D1D1D1;
}
.btn.btn_type2.op2 {
  color: #CCC;
  background-color: #FFF;
  border-color: #E0E0E0;
}
.btn.btn_type2.op2:disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.btn.btn_type2.op3 {
  padding: 0 10px 0;
  font-size: 14px;
  color: #999;
  background-color: #FFF;
  border-color: #D1D1D1;
}
.btn.btn_type2.op4 {
  height: 38px;
  padding: 0 20px;
  line-height: 37px;
  color: #535353;
  background-color: #f3f3f3;
  border-color: #D1D1D1;
}
.btn.btn_type2.op5 {
  padding: 0 10px;
  border-color: #000;
  font-size: 14px;
}
.btn.btn_type3 {
  padding: 0 6px 0;
  font-weight: normal;
  font-size: 12px;
  line-height: 21px;
  -webkit-border-radius: 0;
          border-radius: 0;
  overflow: hidden;
  color: #999;
  background-color: #FFF;
  border-color: #e8e8e8;
  height: 22px;
}
.btn.btn_type3.op1 {
  border-color: #dedede;
  background-color: #f3f3f3;
}
.btn.btn_type4 {
  padding: 0;
  font-weight: bold;
  font-size: 14px;
  line-height: 31px;
  -webkit-border-radius: 0;
          border-radius: 0;
  overflow: hidden;
  color: #25292f;
  background-color: transparent;
  border-color: transparent;
  height: 32px;
  padding: 0 16px;
  margin-left: 5px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn.btn_type4.fs16 {
  font-size: 16px;
}
.btn.btn_type4.fs16:before {
  position: relative;
  top: 1px;
}
.btn.btn_type4.change:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_change);
  background-repeat: no-repeat;
  background-position: -406px -507px;
  width: 18px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-right: 5px;
}
.btn.btn_type4.crosshair::before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-position: -415px -841px;
  width: 14px;
  height: 14px;
  margin-right: 7px;
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
  -webkit-background-size: 913px 901px;
          background-size: 913px 901px;
}
.btn.btn_type5 {
  width: 11px;
  height: 12px;
  border: 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_close);
  background-repeat: no-repeat;
  background-position: -901px -521px;
  width: 11px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type5.big {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#m_close);
  background-repeat: no-repeat;
  background-position: -876px -50px;
  width: 21px;
  height: 21px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type5.f_close {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_close);
  background-repeat: no-repeat;
  background-position: -534px -841px;
  width: 14px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type5.f_close_big {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_close_big);
  background-repeat: no-repeat;
  background-position: -192px -841px;
  width: 19px;
  height: 19px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type5.f_del {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_del);
  background-repeat: no-repeat;
  background-position: -901px -210px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type6 {
  padding: 0 40px;
  font-weight: 700;
  font-size: 16px;
  line-height: 46px;
  -webkit-border-radius: 0;
          border-radius: 0;
  overflow: hidden;
  color: #000;
  background-color: #f5f5f5;
  border-color: #d8d8d8;
  height: 48px;
}
.btn.btn_type6.op1 {
  padding: 0 40px;
  font-weight: normal;
  font-size: 18px;
  line-height: 46px;
  -webkit-border-radius: 0;
          border-radius: 0;
  overflow: hidden;
  color: #666;
  background-color: transparent;
  border-color: #D8D8D8;
}
.btn.btn_type7 {
  width: 34px;
  height: 34px;
  border: 1px solid #333;
}
.btn.btn_type7.prev, .btn.btn_type7.next {
  overflow: visible;
}
.btn.btn_type7::before {
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
  background-position: -325px -868px;
  -webkit-background-size: 913px 901px;
          background-size: 913px 901px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  width: 7px;
  height: 11px;
}
.btn.btn_type7.next:before {
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
  background-position: -314px -868px;
}
.btn.btn_type7.prev:before, .btn.btn_type7.next:before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 11px 0 0 -4px;
  content: " ";
  zoom: 1;
}
.btn.btn_type7.disabled {
  border-color: #bfc2c7;
  color: #bfc2c7;
}
.btn.btn_type7.disabled.prev:before {
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
  background-position: -292px -868px;
}
.btn.btn_type7.disabled.next:before {
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
  background-position: -270px -868px;
}
.btn.btn_type7.feedback::before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.btn.btn_type8 {
  display: block;
  padding: 0 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 48px;
  -webkit-border-radius: 0;
          border-radius: 0;
  overflow: hidden;
  color: #999;
  background-color: #fff;
  border-color: #ccc;
  width: 100%;
  height: 51px;
}
.btn.btn_type8.on {
  border-color: #333;
  color: #333;
}
.btn.btn_type9 {
  padding: 0 0 0;
  font-weight: normal;
  font-size: 12px;
  line-height: 27px;
  -webkit-border-radius: 0;
          border-radius: 0;
  overflow: hidden;
  color: #666;
  background-color: #FFF;
  border-color: #d1d1d1;
  width: 87px;
  height: 29px;
}
.btn.btn_type9 em {
  margin-left: 9px;
  font-weight: 700;
  color: #333;
}
.btn.btn_type9.r_rcom:before {
  margin-right: 5px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_r_recom);
  background-repeat: no-repeat;
  background-position: -901px -700px;
  width: 9px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type9.r_reply:before {
  margin-right: 5px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_r_reply);
  background-repeat: no-repeat;
  background-position: -901px -609px;
  width: 11px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type9.r_rcom.on:before {
  margin-right: 5px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_r_recom_on);
  background-repeat: no-repeat;
  background-position: -901px -192px;
  width: 11px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type9.r_reply.on:before {
  margin-right: 5px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_r_reply_on);
  background-repeat: no-repeat;
  background-position: -901px -594px;
  width: 11px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type10 {
  padding: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 34px;
  -webkit-border-radius: 0;
          border-radius: 0;
  overflow: hidden;
  color: #000;
  background-color: transparent;
  border-color: transparent;
  height: 34px;
  padding: 0 29px;
}
.btn.btn_type10:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_more2);
  background-repeat: no-repeat;
  background-position: -280px -704px;
  width: 15px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 0 0 3px 8px;
}
.btn.btn_type10.fs16 {
  font-size: 16px;
}
.btn.btn_type10 em {
  font-weight: normal;
  color: #666;
}
.btn.btn_type10.load, .btn.btn_type10.load_gray {
  position: relative;
}
.btn.btn_type10.load:before, .btn.btn_type10.load_gray:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-right: 0;
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/loading_s.gif);
  background-repeat: no-repeat;
  content: "";
}
.btn.btn_type10.load_gray:before {
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/loading_sg.gif);
}
.btn.btn_type11 {
  padding: 0;
  font-weight: normal;
  font-size: 18px;
  line-height: 60px;
  -webkit-border-radius: 0;
          border-radius: 0;
  overflow: hidden;
  color: #FFF;
  background-color: transparent;
  border-color: transparent;
  height: 60px;
  width: 300px;
}
.btn.btn_type12 {
  padding: 0 18px;
  height: 32px;
  background-color: #FFF;
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}
.btn.clr {
  color: #FFF;
  background-color: #FF5230;
  border-color: #FF5230;
}
.btn.clr2 {
  color: #FFF;
  background-color: #25292f;
  border-color: #25292f;
}
.btn.clr3 {
  color: #FFF;
  background-color: #72757a;
  border-color: #72757a;
}
.btn.clr4 {
  color: #fff;
  background-color: #bfc2c7;
  border-color: #bfc2c7;
}
.btn.clr5 {
  color: #FFF;
  background-color: #88888D;
  border-color: #88888D;
}
.btn.clr6 {
  color: #FFF;
  background-color: #00c73c;
  border-color: #00c73c;
}
.btn.clr7 {
  color: #333;
  background-color: #fff;
  border-color: #dce1e6;
}
.btn.btn_type13 {
  display: block;
  width: 320px;
  height: 48px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border: none;
  line-height: 48px;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
}
.btn.btn_type13::before {
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  content: "";
}
.btn.btn_type13.save {
  background-color: #00c73c;
}
.btn.btn_type13.save::before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_download);
  background-repeat: no-repeat;
  background-position: -819px -317px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type13.course {
  background-color: #333;
}
.btn.btn_type13.course::before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_course);
  background-repeat: no-repeat;
  background-position: -819px -297px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type13.share {
  background-color: #3f3a90;
}
.btn.btn_type13.share::before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_share);
  background-repeat: no-repeat;
  background-position: -819px -377px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type13.save::after, .btn.btn_type13.course::after, .btn.btn_type13.share::after {
  display: block;
  position: absolute;
  top: 0;
  left: 48px;
  bottom: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.08);
  z-index: 10;
  content: "";
}
.btn.btn_type14 {
  color: #fff;
  font-size: 14px;
  line-height: 15px;
  height: 40px;
  padding: 12px 20px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-weight: 500;
  -webkit-transform: skew(0.001deg);
      -ms-transform: skew(0.001deg);
          transform: skew(0.001deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn.btn.btn_type15 {
  color: #fff;
  font-size: 14px;
  line-height: 15px;
  width: 209px;
  height: 48px;
  font-weight: 600;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn.btn_type16 {
  padding: 0 39px 0 40px;
  height: 48px;
  border: 1px solid #262a30;
  color: #262a30;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn.btn_type16.prev, .btn.btn_type16.next {
  overflow: visible;
}
.btn.btn_type16.prev:before, .btn.btn_type16.next:before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 11px 0 0 -4px;
  content: " ";
  zoom: 1;
}
.btn.btn_type16.disabled {
  border-color: #bfc2c7;
  color: #bfc2c7;
}
.btn.btn_type17 {
  padding: 0px 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 34px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  overflow: hidden;
  color: #010101;
  background-color: #FFF;
  border-color: #010101;
  height: 36px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn.btn_type17.bold {
  font-weight: 700;
}
.btn.btn_type18 {
  padding: 0px 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 34px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  overflow: hidden;
  color: #fff;
  background-color: #121314;
  height: 35px;
  letter-spacing: -0.5px;
  font-weight: 700;
}
.btn.btn_type_add {
  padding: 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 31px;
  -webkit-border-radius: 0;
          border-radius: 0;
  overflow: hidden;
  color: #25292f;
  background-color: #fafafa;
  border-color: transparent;
  height: 32px;
  padding: 0 16px;
  margin-left: 5px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn.btn_type_add.fs16 {
  font-size: 16px;
}
.btn.btn_type_add.fs16:before {
  position: relative;
  top: 1px;
}
.btn.btn_type_add.pd12 {
  color: #25292f;
  padding: 0 12px;
  margin: 0;
}
.btn.btn_type_add.f_white {
  color: #fff;
}
.btn.btn_type_add.change:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_change);
  background-repeat: no-repeat;
  background-position: -406px -507px;
  width: 18px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-right: 5px;
}

.if {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  cursor: pointer;
}
.if input {
  position: absolute;
  top: -100%;
  right: -100%;
  left: -100%;
  bottom: -100%;
  width: 300%;
  height: 300%;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.if .uploadify {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.btn_top {
  position: absolute;
  right: 0;
  bottom: -53px;
  display: block;
  width: 73px;
  height: 42px;
  border: 1px solid #d8d8d8;
  color: #666;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  font-family: "HelveticaNeueLT Std", "Helvetica Neue", Helvetica, arial, sans-serif;
  font-weight: 700;
  background: #fff;
}
.btn_top:hover {
  text-decoration: none;
}

.link_blank_more {
  display: block;
  padding-right: 24px;
  position: relative;
  color: #333;
  line-height: 16px;
}
.link_blank_more:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_btn_more_16);
  background-repeat: no-repeat;
  background-position: -444px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}

body.re_pack [class*=sts_] {
  display: block;
  margin: 0;
  font-size: 12px;
}
body.re_pack [class*=sts_] + [class*=sts_] {
  margin: 5px 0 0 0;
}
body.re_pack [class*=sts_valid] + [class*=sts_] {
  margin: 0;
}
body.re_pack .sts_error {
  color: #ff5230;
}
body.re_pack .sts_valid {
  color: #1dbe20;
}
body.re_pack .sts_strong {
  color: #4564d8;
}
body.re_pack .sts_danger {
  color: #FF9C01;
}
body.re_pack .it_wrap {
  display: inline-block;
}
body.re_pack .page_header .it.it_added {
  padding-right: 34px;
  background-color: #f9fafb;
  -webkit-border-radius: 20px;
          border-radius: 20px;
}
body.re_pack .page_header .it.it_added .input_area {
  width: 160px;
  border: 0;
}
body.re_pack .page_header .it.it_added .input_area input {
  height: 40px;
  padding: 0 44px 0 20px;
  background: #F5F7F7;
  -webkit-border-radius: 20px;
          border-radius: 20px;
}
body.re_pack .page_header .it.it_added .added .btn {
  width: 40px;
  height: 40px;
}
body.re_pack .page_header .it.it_added textarea, body.re_pack .page_header .it.it_added input {
  background-color: #f9fafb;
}
body.re_pack .it {
  display: inline-block;
  position: relative;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #fff;
  vertical-align: middle;
}
body.re_pack .it input, body.re_pack .it textarea {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 34px;
  padding: 0px 10px 0;
  border: 1px solid #dbdbdb;
  background: #fff;
  color: #333;
  font-size: 14px;
  vertical-align: top;
}
body.re_pack .it input {
  padding-right: 0;
}
body.re_pack .it textarea {
  overflow: hidden;
  overflow-y: auto;
  padding: 5px 9px;
  resize: none;
}
body.re_pack .it .ph {
  z-index: 30;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 16px;
  color: #999;
  font-size: 14px;
  line-height: 15px;
  height: 15px;
  -webkit-transform: skew(0.001deg);
      -ms-transform: skew(0.001deg);
          transform: skew(0.001deg);
}
body.re_pack .it .ph .req {
  font-style: normal;
  color: #ef3e23;
}
body.re_pack .it + .wave {
  margin: 0 6px 0 5px;
  line-height: 32px;
  font-weight: 700;
  font-family: arial, sans-serif;
  color: #A1A1A1;
  vertical-align: top;
}
body.re_pack .it + .sts_error {
  margin-top: 4px;
}
body.re_pack .it[class*=sts_] {
  vertical-align: top;
}
body.re_pack .it textarea.sts_error,
body.re_pack .it input.sts_error,
body.re_pack .it p.sts_error, body.re_pack .it.sts_error input, body.re_pack .it.it_added.sts_error .input_area {
  border-color: #ff5230 !important;
  color: #ff5230 !important;
}
body.re_pack .it input.sts_valid, body.re_pack .it.sts_valid input, body.re_pack .it.it_added.sts_valid .input_area {
  border-color: #1dbe20 !important;
  color: #1dbe20 !important;
}
body.re_pack .it input.sts_strong, body.re_pack .it.sts_strong input, body.re_pack .it.it_added.sts_strong .input_area {
  border-color: #4564d8 !important;
  color: #4564d8 !important;
}
body.re_pack .it input.sts_danger, body.re_pack .it.sts_danger input, body.re_pack .it.it_added.sts_danger .input_area {
  border-color: #ffad01 !important;
  color: #FFAD01 !important;
}
body.re_pack .it.fs12 .ph, body.re_pack .it.fs12 input {
  font-size: 12px;
}
body.re_pack .it.fs12 .ph {
  top: 8px;
  left: 11px;
}
body.re_pack .it.point input,
body.re_pack .it.point textarea {
  background: #f8f8f8;
}
body.re_pack .it.point.op1 .ph, body.re_pack .it.point.op1 input {
  font-size: 12px;
}
body.re_pack .it.point.op1 .ph {
  top: 11px;
  left: 14px;
  color: #b2b2b2 !important;
}
body.re_pack .it.point.op1 input {
  height: 40px;
  padding-left: 13px;
  border: 1px solid transparent;
  background: #f2f2f2;
}
body.re_pack .it.point.op2 .ph {
  color: #999 !important;
}
body.re_pack .it.point.op2 input {
  background: #fdfdfd;
}
body.re_pack .it.strong input {
  font-weight: 700;
}
body.re_pack .it.dashed input, body.re_pack .it.dashed textarea {
  border: 1px dashed #CBCBCB;
}
body.re_pack .it.border_none {
  background: transparent;
}
body.re_pack .it.border_none input,
body.re_pack .it.border_none textarea {
  border: 1px solid transparent;
}
body.re_pack .it.stretch {
  width: 100%;
}
body.re_pack .it.stretch .ph {
  top: 10px;
  bottom: auto;
}
body.re_pack .it.it_added {
  position: relative;
  vertical-align: top;
}
body.re_pack .it.it_added .added {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 40;
}
body.re_pack .it.it_added .added .c {
  display: inline-block;
  margin: 5px 0 0 0;
  font-weight: 700;
}
body.re_pack .it.it_added input {
  height: 32px;
  padding-left: 16px;
  border: 0 !important;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding-top: 0;
}
body.re_pack .it.it_added textarea {
  border: 0;
}
body.re_pack .it.it_added .input_area {
  display: block;
  overflow: hidden;
  border: 1px solid #CBCBCB;
}
body.re_pack .it.it_added .btn_remove .ico_remove {
  margin: 7px 10px;
}
body.re_pack .it.it_added .btn_remove {
  display: inline-block;
  padding: 4px 9px;
}
body.re_pack .it.it_added .ico_cndr {
  margin: 4px 4px 2px;
}
body.re_pack .it.it_added.bg_tp {
  background: transparent;
}
body.re_pack .it.it_added.bg_tp .input_area {
  background: #FFF;
}
body.re_pack .it.it_added.input .ph {
  color: #999;
}
body.re_pack .it.it_added.input .btn {
  border-left: 0;
  width: 32px;
  height: 32px;
  border: 0;
  position: relative;
}
body.re_pack .it.it_added.input .btn:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-search);
  background-repeat: no-repeat;
  background-position: -388px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body.re_pack .it.it_added.input2 {
  padding-right: 56px;
}
body.re_pack .it.it_added.input2 .input_area {
  border-right: 0;
}
body.re_pack .it.it_added.input2 .input_area input {
  background: #fdfdfd;
}
body.re_pack .it.it_added.input2 .added {
  text-align: right;
  width: 56px;
  height: 34px;
  border: 1px solid #CBCBCB;
  border-left: 0;
}
body.re_pack .it.it_added.input2 .btn_type5.big {
  top: -1px;
}
body.re_pack .it.it_added.input2 .srch {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_input_srch);
  background-repeat: no-repeat;
  background-position: 0px -805px;
  width: 34px;
  height: 32px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  width: 34px;
  height: 34px;
}
body.re_pack .it.it_added.input2.dark {
  background: #272727;
}
body.re_pack .it.it_added.input2.dark .ph {
  color: #686868 !important;
}
body.re_pack .it.it_added.input2.dark .input_area,
body.re_pack .it.it_added.input2.dark .added {
  border-color: #272727;
}
body.re_pack .it.it_added.input2.dark .input_area .btn.btn_type5.big,
body.re_pack .it.it_added.input2.dark .added .btn.btn_type5.big {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#m_close2);
  background-repeat: no-repeat;
  background-position: -876px -838px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack .it.it_added.input2.dark .input_area input {
  color: #fff;
  background: #272727;
}
body.re_pack .it.it_added.input3 {
  position: relative;
  padding-right: 48px;
  background-color: #f1f1f1;
  border: 1px solid #d1d1d1;
}
body.re_pack .it.it_added.input3 .ph {
  top: 10px;
  left: 15px;
  font-size: 16px;
  color: #999;
  letter-spacing: -0.5px;
}
body.re_pack .it.it_added.input3 .input_area {
  margin: 0 38px 0 0;
  border: 0;
}
body.re_pack .it.it_added.input3 .input_area .f_close_big {
  position: absolute;
  top: 13px;
  right: 57px;
}
body.re_pack .it.it_added.input3 input {
  height: 46px;
  padding-top: 0px;
  padding-left: 17px;
  font-size: 16px;
}
body.re_pack .it.it_added.input3 .added {
  top: -1px;
  right: -1px;
}
body.re_pack .it.it_added.input3 .added .btn {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_added_srch);
  background-repeat: no-repeat;
  background-position: -106px -552px;
  width: 48px;
  height: 48px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  background-color: #00c73c;
}
body.re_pack .it.it_added.spinner.percent .ui-widget-content:after, body.re_pack .it.it_added .spinner.percent .ui-widget-content:after {
  top: 2px;
}
body.re_pack .it.spinner .ui-widget-content, body.re_pack .it .spinner .ui-widget-content {
  border: 0;
  background: transparent;
}
body.re_pack .it.spinner .ui-widget-content .ui-spinner-input, body.re_pack .it .spinner .ui-widget-content .ui-spinner-input {
  margin: 0;
  padding-right: 35px;
  padding-top: 0;
  text-align: left;
}
body.re_pack .it.spinner .ui-widget-content .ui-state-default, body.re_pack .it .spinner .ui-widget-content .ui-state-default {
  right: 12px;
  border: 0;
  background: none;
  cursor: pointer;
}
body.re_pack .it.spinner .ui-widget-content .ui-spinner-up .ui-button-text .ui-icon, body.re_pack .it .spinner .ui-widget-content .ui-spinner-up .ui-button-text .ui-icon {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#s_arrow_up);
  background-repeat: no-repeat;
  background-position: -546px -527px;
  width: 17px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack .it.spinner .ui-widget-content .ui-spinner-down .ui-button-text .ui-icon, body.re_pack .it .spinner .ui-widget-content .ui-spinner-down .ui-button-text .ui-icon {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#s_arrow_down);
  background-repeat: no-repeat;
  background-position: -751px -336px;
  width: 17px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack .it.spinner .ui-widget-content .ui-spinner-down, body.re_pack .it .spinner .ui-widget-content .ui-spinner-down {
  bottom: 1px;
}
body.re_pack .it.spinner.percent .ui-spinner-input, body.re_pack .it .spinner.percent .ui-spinner-input {
  padding-right: 51px;
  text-align: right;
}
body.re_pack .it.spinner.percent .ui-widget-content:after, body.re_pack .it .spinner.percent .ui-widget-content:after {
  display: inline;
  position: absolute;
  top: 8px;
  right: 34px;
  color: #666;
  content: "%";
}
body.re_pack .it.spinner.type2 .ph, body.re_pack .it .spinner.type2 .ph {
  left: 5px;
}
body.re_pack .it.spinner.type2 .ui-widget-content .ui-spinner-input, body.re_pack .it .spinner.type2 .ui-widget-content .ui-spinner-input {
  padding-right: 20px;
}
body.re_pack .it.spinner.type2 .ui-widget-content .ui-state-default, body.re_pack .it .spinner.type2 .ui-widget-content .ui-state-default {
  right: 5px;
}
body.re_pack .it.spinner.type2 input, body.re_pack .it .spinner.type2 input {
  padding: 2px 5px 0;
}
body.re_pack .it.it_added_count {
  border: 1px solid #c5c5c5;
}
body.re_pack .it.it_added_count textarea {
  border: 0;
}
body.re_pack .it.it_added_count .ph {
  color: #cbcbcb;
}
body.re_pack .it.it_added_count .info {
  padding: 4px 10px 5px;
  font-size: 11px;
  color: #a9a9a9;
  text-align: right;
}
body.re_pack .it.it_added_count:after {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #FFF;
  content: "";
}
body.re_pack .it.type2 input {
  border: 1px solid #CBCBCB;
  white-space: nowrap;
  word-break: normal;
}
body.re_pack .it.type2.strong input {
  font-size: 14px;
}
body.re_pack .it.type2.it_added {
  padding-right: 0;
}
body.re_pack .it.type2.it_added .input_area {
  padding-right: 35px;
}
body.re_pack .it.type2.it_added .added {
  top: 4px;
  right: 8px;
}
body.re_pack .it.type2.it_added .added .btn {
  vertical-align: top;
}
body.re_pack .it.type2.it_added .added .btn_type5.big {
  top: 3px;
}
body.re_pack .it.type2.it_added.underline .ph {
  left: 0;
}
body.re_pack .it.type2.it_added.underline input {
  padding-left: 0;
}
body.re_pack .it.type2.it_added.underline .input_area {
  border: 0;
  border-bottom: 1px solid #E9E9E9;
}
body.re_pack .it.type2.it_added.survey_input {
  border: 1px solid #CBCBCB;
  padding-right: 30px;
}
body.re_pack .it.type2.it_added.survey_input .enter .btn {
  width: 32px;
  height: 24px;
}
body.re_pack .it.type2.it_added.survey_input .input_area {
  border: 0;
}
body.re_pack .it.type2.it_added.survey_input .btn_remove {
  padding: 3px 9px;
}
body.re_pack .it.upload {
  display: block;
  height: 34px;
  margin-top: 0 !important;
  padding-right: 0;
  border: 1px solid #CBCBCB;
  background: #FFF;
}
body.re_pack .it.upload .ph {
  top: 4px;
}
body.re_pack .it.upload .input_area input {
  position: absolute;
  z-index: 101;
  padding: 0;
  border: 0;
  background: transparent;
  vertical-align: top;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=0);
  opacity: 0;
}
body.re_pack .it.upload.it_added .input_area {
  border: 0;
}
body.re_pack .it.upload.type2 .added {
  top: 3px;
  right: 7px;
}
body.re_pack .it.disabled,
body.re_pack .disabled .it {
  cursor: default;
  background: #f8f8f8;
}
body.re_pack .it.disabled input,
body.re_pack .disabled .it input {
  color: #999;
}
body.re_pack .slash {
  display: inline-block;
  vertical-align: middle;
  margin: 0 16px 0 18px;
  line-height: 34px;
  font-size: 14px;
  font-weight: 700;
  font-family: arial, sans-serif;
  color: #333;
}
.ce.ce_view + body.re_pack .atch_wrap {
  border-top: 1px solid #e8e8e8;
  padding-top: 60px;
  margin-top: 39px !important;
}
body.re_pack .atch_wrap .atch_area {
  position: relative;
  min-height: 66px;
  margin-top: -1px;
  padding: 15px;
  border: 1px solid #d1d1d1;
  border-top: 1px solid #e9e9e9;
}
body.re_pack .atch_wrap .atch_area .upload_area {
  overflow: hidden;
}
body.re_pack .atch_wrap .atch_area .uploaded {
  display: none;
  z-index: 1002;
  position: relative;
  top: -34px;
}
body.re_pack .atch_wrap .atch_area .uploaded .ph {
  display: block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  padding-right: 45px;
  color: #333 !important;
  font-weight: 700;
}
body.re_pack .atch_wrap .atch_area > strong {
  display: block;
  float: left;
  margin-right: 15px;
  font-size: 12px;
  line-height: 34px;
}
body.re_pack .atch_wrap .atch_area .cont_file {
  padding-top: 8px;
}
body.re_pack .atch_wrap .atch_area .cont_file .link_box {
  display: block;
}
body.re_pack .atch_wrap .atch_area .cont_file .link_box .inner {
  display: inline-block;
  height: 32px;
  padding: 0 16px;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  background-color: #f1f1f1;
  line-height: 32px;
  text-decoration: none;
}
body.re_pack .atch_wrap .atch_area .cont_file .link_box a {
  line-height: 32px;
  text-decoration: none;
}
body.re_pack .atch_wrap .atch_area .cont_file .link_box .btn_del {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_del);
  background-repeat: no-repeat;
  background-position: -901px -210px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 10px 0 0 16px;
  vertical-align: top;
}
body.re_pack .atch_wrap .atch_area .cont_file .link_box + .link_box {
  margin-top: 8px;
}
body.re_pack .ick {
  position: relative;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  padding-left: 20px;
  line-height: 1.8;
}
body.re_pack .ick .ph {
  display: inline-block;
  top: 0 !important;
  left: 0;
  margin-top: 0;
  color: #666;
  vertical-align: top;
  -webkit-transform: skew(0.001deg);
      -ms-transform: skew(0.001deg);
          transform: skew(0.001deg);
}
body.re_pack .ick .sr_only {
  position: static !important;
}
body.re_pack .ick .radio, body.re_pack .ick .checkbox {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  top: 5px;
  left: 0;
  vertical-align: top;
}
body.re_pack .ick .radio input, body.re_pack .ick .checkbox input {
  position: absolute;
  left: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=0);
  opacity: 0;
}
body.re_pack .ick .radio {
  display: inline-block;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #d0d6d9;
  background-image: none;
}
body.re_pack .ick .radio.checked::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
body.re_pack .ick .checkbox {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  width: 13px;
  height: 13px;
  border: 1px solid #aeaeae;
  position: absolute;
  top: 5px;
  left: 0;
}
body.re_pack .ick .checkbox.checked {
  border: 1px solid transparent;
}
body.re_pack .ick .checkbox.checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-check-small);
  background-repeat: no-repeat;
  background-position: -393px -661px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .ick .radio + .ph, body.re_pack .ick .checkbox + .ph {
  position: relative;
}
body.re_pack .ick .radio + .ph.sr_only, body.re_pack .ick .checkbox + .ph.sr_only {
  margin: 0;
}
body.re_pack .ick .radio.default, body.re_pack .ick .checkbox.default {
  background: none;
  overflow: visible;
}
body.re_pack .ick .radio.default input, body.re_pack .ick .checkbox.default input {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=100);
  opacity: 1;
  width: 12px;
  height: 12px;
  top: 1px;
}
body.re_pack .ick.disabled {
  cursor: default;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
body.re_pack .ick.disabled .radio input, body.re_pack .ick.disabled .checkbox input {
  cursor: default;
}
body.re_pack .ick.disabled .radio.checked {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_radio_checked_disabled);
  background-repeat: no-repeat;
  background-position: -819px -780px;
  width: 14px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  border: 0;
  background-color: transparent;
}
body.re_pack .ick.disabled .checkbox {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_checkbox_disabled);
  background-repeat: no-repeat;
  background-position: -85px -868px;
  width: 13px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack .ick.disabled .checkbox.checked {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_checkbox_checked_disabled);
  background-repeat: no-repeat;
  background-position: -34px -868px;
  width: 13px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack .ick.fs12 .ph {
  font-size: 12px;
  line-height: normal;
  vertical-align: middle;
}
body.re_pack .ick.fs12 .radio {
  top: 3px;
}
body.re_pack .ick.fs12 .checkbox {
  top: 5px;
}
body.re_pack .ick.op1 {
  padding-left: 17px;
}
body.re_pack .ick.op1 .ph {
  color: #030303;
}
body.re_pack .ick.type2 {
  width: 15px;
  height: 15px;
  padding-left: 0;
  vertical-align: middle;
}
body.re_pack .ick.type2 .radio, body.re_pack .ick.type2 .checkbox {
  top: 0;
}
body.re_pack .ick.big {
  padding-left: 29px;
}
body.re_pack .ick.big .checkbox {
  top: 2px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_checkbox_big);
  background-repeat: no-repeat;
  background-position: -876px -366px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack .ick.big .checkbox.checked {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_checkbox_big_checked);
  background-repeat: no-repeat;
  background-position: -876px -318px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack .ick.big .radio {
  top: 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_checked2_default);
  background-repeat: no-repeat;
  background-position: -90px -761px;
  width: 40px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack .ick.big .radio.checked {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_checked2);
  background-repeat: no-repeat;
  background-position: -134px -761px;
  width: 40px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack .ick.big.disabled .checkbox {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_checkbox_big_disabled);
  background-repeat: no-repeat;
  background-position: -876px -342px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack .ick.big.disabled .checkbox.checked {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_checkbox_big_checked_disabled);
  background-repeat: no-repeat;
  background-position: -876px -294px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack .ick.big.type1 {
  padding-left: 26px;
}
body.re_pack .ick.big.type1 .checkbox {
  top: 50%;
  margin-top: -10px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_checked_disabled);
  background-repeat: no-repeat;
  background-position: -876px -390px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack .ick.big.type1 .checkbox.checked {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_checked);
  background-repeat: no-repeat;
  background-position: -876px -414px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack .ick.big.type2 {
  width: 20px;
  height: 20px;
  padding-left: 0;
}
body.re_pack .ick.big.type2 .checkbox {
  top: 0;
}
body.re_pack .ick + .ick {
  margin-left: 15px;
}
body.re_pack .lst_chk li .desc {
  color: #999;
}
body.re_pack .lst_chk li .it.type4 + .txt {
  margin-top: -2px;
}
body.re_pack .lst_chk li.disabled {
  color: #999;
}
body.re_pack .tarea {
  display: block;
  position: relative;
  padding: 6px 10px 0;
  border: 1px solid #cbcbcb;
  background: #fff;
  z-index: 9;
}
body.re_pack .tarea .ick .ph {
  margin-left: 3px;
}
body.re_pack .tarea .ph {
  top: 10px;
  bottom: auto;
}
body.re_pack .tarea textarea {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
body.re_pack .tarea .info {
  margin: 0 -10px;
  padding: 4px 10px 5px;
  font-size: 11px;
  color: #a9a9a9;
  text-align: right;
}
body.re_pack .tarea .tarea ul[class*=tag] {
  border: 0;
}
body.re_pack .img_group {
  position: relative;
  display: table;
  width: 100%;
}
body.re_pack .img_group .row {
  display: table-row;
}
body.re_pack .img_group .desc li {
  position: relative;
  padding-left: 7px;
  color: #999;
  font-size: 12px;
}
body.re_pack .img_group .desc li:before {
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 2px;
  height: 1px;
  background: #999;
  vertical-align: top;
  content: "";
}
body.re_pack .img_group .vertical_t {
  vertical-align: top !important;
}
body.re_pack .img_group .vertical_m {
  vertical-align: middle !important;
}
body.re_pack .img_group .vertical_b {
  vertical-align: bottom !important;
}
body.re_pack .img_group .mv_area {
  width: 544px;
  margin-bottom: 20px;
}
body.re_pack .img_group .mv_area .f_close {
  position: absolute;
  top: 0;
  right: 0;
}
body.re_pack .img_group .img {
  position: relative;
  display: table-cell;
  vertical-align: top;
  text-align: center;
}
body.re_pack .img_group .img.noimg .inner {
  background: #F8F8F8 url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic-noimg.png) no-repeat 50% 50%;
}
body.re_pack .img_group .img.noimg2 .inner {
  background: #F8F8F8 url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_noimg2.gif) no-repeat 50% 50%;
}
body.re_pack .img_group .img.noimgProfile .inner:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof6);
  background-repeat: no-repeat;
  background-position: -168px -267px;
  width: 146px;
  height: 146px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.re_pack .img_group .img.upload .inner {
  margin-bottom: 20px;
  background: #F8F8F8;
}
body.re_pack .img_group .img .inner {
  display: block;
  position: relative;
  border: 1px solid #CBCBCB;
  white-space: nowrap;
}
body.re_pack .img_group .img .inner img {
  vertical-align: top;
}
body.re_pack .img_group .img .inner button {
  line-height: 1;
}
body.re_pack .img_group .img .inner .f_close {
  position: absolute;
  right: -22px;
  top: 0;
}
body.re_pack .img_group .img .inner .upload_progress {
  position: absolute;
  right: 10px;
  left: 10px;
  bottom: 15px;
  text-align: center;
}
body.re_pack .img_group .img .inner .upload_progress .wrap {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 7px;
  background: #E0E0E0;
  font-size: 0;
  line-height: 0;
  text-align: left;
}
body.re_pack .img_group .img .inner .upload_progress .wrap span {
  display: inline-block;
  height: 100%;
  background: #FECA2F;
  vertical-align: top;
}
body.re_pack .img_group .img .inner .upload_progress strong {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 12px;
  font-weight: normal;
  line-height: 1;
  color: #848484;
  text-align: center;
}
body.re_pack .img_group .img .max100 img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
body.re_pack .img_group .img .sts_error {
  margin-top: 5px;
  text-align: left;
}
body.re_pack .img_group .info {
  display: table-cell;
  width: 100%;
  padding-left: 30px;
  vertical-align: top;
}
body.re_pack .img_group .info.width_auto {
  width: auto;
}
body.re_pack .img_group .info.vertical_b p + .if {
  margin-top: 5px;
}
body.re_pack .img_group .row > .info {
  padding: 0;
}
body.re_pack .img_group .row > .info .if {
  margin-right: 10px;
}
body.re_pack .img_group .row > .info .desc {
  display: inline-block;
  position: relative;
  top: 4px;
  font-size: 12px;
  color: #999;
}
body.re_pack .img_group .row > .info .desc.multi_line {
  top: -1px;
}
body.re_pack .img_group .f_del {
  position: absolute;
  top: 0;
  right: -16px;
}
body.re_pack .img_group .noimg .f_del {
  display: none;
}
body.re_pack .img_group .btn_remove {
  position: absolute;
  top: 7px;
  right: 11px;
}
body.re_pack .img_group .noimg .btn_remove, body.re_pack .img_group .noimg2 .btn_remove {
  display: none;
}
body.re_pack h3.tit {
  font-weight: 700;
  font-size: 16px;
  color: #010101;
  margin: 33px 0 14px;
}
body.re_pack .editor_area {
  padding: 14px 20px;
  border: 1px solid #d1d1d1;
}
body.re_pack .editor_area .link_file2 {
  display: block;
}
body.re_pack .editor_area .link_file2 .file_download {
  vertical-align: middle;
}
body.re_pack .editor_area .link_file2 + .link_file2 {
  padding-top: 3px;
}
body.re_pack .editor_area .editor_reset + .link_file2 {
  padding: 13px 0 4px;
}
body.re_pack .editor_area .editor_reset + .link_file2 + .link_file2 {
  margin-top: -1px;
  padding-top: 0;
}
.q_body body.re_pack .editor_area .editor_area {
  border: 0;
  padding: 0;
}
body.re_pack .editor_area ~ body.re_pack .editor_area {
  margin-top: 10px;
}
body.re_pack .noti_box {
  padding: 20px;
  background-color: #F7F7F7;
  color: #666;
  line-height: 16px;
}
body.re_pack .noti_box + h2.tit {
  margin-top: 40px;
}
body.re_pack .noti_box .lnk_go {
  display: inline-block;
  margin-top: 10px;
  line-height: 16px;
  color: #333;
  text-decoration: underline;
}
body.re_pack .noti_box .lnk_go:after {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_more3);
  background-repeat: no-repeat;
  background-position: -868px -692px;
  width: 4px;
  height: 7px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-left: 4px;
  vertical-align: 1px;
}
body.re_pack .watch {
  position: relative;
  display: block;
  height: 100%;
  vertical-align: top;
}
body.re_pack .watch .checkbox {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_watch_checked);
  background-repeat: no-repeat;
  background-position: -295px -507px;
  width: 20px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -10px;
  vertical-align: top;
}
body.re_pack .watch input {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.table td .btn + .sm {
  margin: 10px 0 0;
  font-size: 11px;
}
.table td .tac {
  display: block;
  text-align: center;
}

.table.border_t_n {
  border-top: 0 !important;
}

.table.border_b_n {
  border-bottom: 0 !important;
}

.table.table_type1 {
  border-top: 1px solid #333;
  border-bottom: 1px solid #d8d8d8;
}
.table.table_type1 tr.th_vt th {
  padding-top: 25px;
  vertical-align: top;
}
.table.table_type1 tr:first-child th, .table.table_type1 tr:first-child td {
  border-top: 0;
}
.table.table_type1 th {
  padding: 22px 5px 22px 30px;
  border-top: 1px solid #ebebeb;
  background: #fdfdfd;
  color: #333;
  font-weight: normal;
  line-height: 18px;
  text-align: left;
  vertical-align: middle;
  font-size: 14px;
}
.table.table_type1 td {
  height: 74px;
  padding: 18px 0 18px 20px;
  border-top: 1px solid #ebebeb;
  vertical-align: middle;
  font-size: 14px;
}
.table.table_type1 td .txt {
  display: inline-block;
  margin-top: 0;
  padding: 5px 0;
  vertical-align: middle;
}
.table.table_type1 td .txt.sm {
  color: #999;
}
.table.table_type1 td .txt_mh {
  min-height: 93px;
}
.table.table_type1 td .strong {
  font-weight: 700;
  font-size: 16px;
  color: #ffae00;
}
.table.table_type1 td .it_area .it_set {
  display: inline-block;
}
.table.table_type1 td .it_area .label_txt {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 12px;
  line-height: 34px;
  color: #999;
}
.table.table_type1 td .it_area strong.label_txt {
  display: inline-block;
  margin-right: 0;
  font-size: 14px;
  line-height: 33px;
  font-weight: normal;
  color: #666;
}
.table.table_type1 td .it_area .label_email {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  font-size: 14px;
  line-height: 33px;
  color: #333;
  font-weight: normal;
}
.table.table_type1 td .it_area .it {
  vertical-align: top;
}
.table.table_type1 td .lst_chk + .txt_desc {
  margin-top: 7px;
}
.table.table_type1 td .txt_desc {
  margin-top: 13px;
  padding: 2px 0 9px 17px;
  line-height: 16px;
}
.table.table_type1 td .list_display_set:after {
  display: table;
  clear: both;
  content: "";
}
.table.table_type1 td .list_display_set > li {
  float: left;
}
.table.table_type1 td .list_display_set > li + li {
  margin-left: 64px;
}
.table.table_type1 td .list_display_set > li .txt {
  display: inline-block;
  margin-right: 16px;
  padding: 0;
  line-height: 34px;
  vertical-align: top;
}
.table.table_type1 td .whaleon_link {
  width: 465px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.table.table_type1 td .whaleon_link input {
  padding-right: 34px !important;
  border: 1px solid #d1d1d1;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table.table_type1 td .whaleon_link .copylink_btn {
  display: block;
  width: 24px;
  height: 36px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto;
}
.table.table_type1 td .whaleon_link .copylink_btn:after {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#ico_outlink);
  background-repeat: no-repeat;
  background-position: -52px -934px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.table.table_type1 td .ick {
  vertical-align: middle;
}
.table.table_type1 td .host_select {
  display: inline-block;
  vertical-align: middle;
  margin-left: 37px;
}
.table.table_type1 td .host_select .slt_label {
  margin-right: 12px;
}
.table.table_type1 td .slt.bc {
  display: inline-block;
  vertical-align: middle;
}
.table.table_type1 td .slt.bc .chosen-container {
  -webkit-border-radius: 0;
          border-radius: 0;
  border: 0;
}
.table.table_type1 td .slt.bc .chosen-container .chosen-single {
  padding: 8px 28px 6px 12px;
  -webkit-border-radius: 0;
          border-radius: 0;
  border: 1px solid #d1d1d1;
}
.table.table_type1 td .slt.bc .chosen-container .chosen-single:focus {
  outline: 0;
}
.table.table_type1 td .slt.bc .chosen-container .chosen-single span {
  color: #666;
  font-size: 14px;
}
.table.table_type1 td .slt.bc .chosen-container .chosen-single div b {
  position: relative;
  background: none;
}
.table.table_type1 td .slt.bc .chosen-container .chosen-single div b:before {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#ico_checkbox_arrow);
  background-repeat: no-repeat;
  background-position: -972px -335px;
  width: 12px;
  height: 7px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.table.table_type1 td .slt.bc .chosen-container .chosen-drop {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-border-radius: 0;
          border-radius: 0;
  border: 1px solid #CBCBCB;
  margin-top: -1px;
}
.table.table_type1 td .slt.bc .chosen-container .chosen-results {
  padding: 0;
}
.table.table_type1 td .slt.bc .chosen-container .chosen-results li {
  padding-top: 7px;
  font-size: 13px;
  padding-left: 16px;
}
.table.table_type1 td .slt.bc .chosen-container .chosen-results li:hover {
  background: #E5E5E5;
}
.table.table_type1 td .slt.bc .chosen-container .chosen-results li:first-child {
  margin-top: 0;
}
.table.table_type1 td .slt.bc .chosen-container .chosen-results li + li {
  margin-top: 4px;
}
.table.table_type1 .ce_content .ce_toolbar {
  margin: 0 0 20px;
}
.table.table_type1 .ce_content .ce_toolbar .toolbar_inner.fixed {
  width: 565px;
}
.table.table_type1 .ce_content .editor_section .material.type_editor {
  padding: 0;
}
.table.table_type1 .ce_content .editor_section .material + .material {
  margin-top: 20px;
}
.table.table_type1 .ce_content .it.stretch {
  width: 100% !important;
}
.table.table_type1.bordered {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
.table.table_type1 .ment_area {
  overflow: hidden;
  overflow-y: auto;
  width: 565px;
  height: 130px;
  padding: 8px 9px;
  border: 1px solid #cbcbcb;
  line-height: 21px;
  color: #333;
}
.table.table_type1.op1 {
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.table.table_type1.op1 th {
  color: #010101;
  font-weight: 700;
}
.table.table_type1.op1 th,
.table.table_type1.op1 td {
  height: 49px;
  padding-top: 7px;
  padding-bottom: 8px;
  border-top: 0;
}
.table.table_type1.op1 .clear_space th,
.table.table_type1.op1 .clear_space td {
  height: 24px;
  padding: 0;
}
.table.table_type1.op1 tfoot.clear_space th,
.table.table_type1.op1 tfoot.clear_space td {
  height: 22px;
}

.table.table_type2 {
  border-top: 1px solid #010101;
  border-bottom: 1px solid #b3b3b3;
  letter-spacing: -1px;
}
.table.table_type2 thead th {
  padding: 13px 0 12px;
  background: #fdfdfd;
  color: #333;
  font-weight: normal;
  text-align: center;
}
.table.table_type2 thead th .ick {
  top: 1px;
}
.table.table_type2 thead th .ick.type2 {
  top: -1px;
}
.table.table_type2 thead th.active {
  color: #00c73c;
  font-weight: 700;
}
.table.table_type2 tbody .label_td,
.table.table_type2 tfoot .label_td {
  margin: -2px 0 0 6px;
  vertical-align: middle;
}
.table.table_type2 tbody .ic_open .title a,
.table.table_type2 tfoot .ic_open .title a {
  padding-right: 45px;
}
.table.table_type2 tbody .ic_new .title a,
.table.table_type2 tfoot .ic_new .title a {
  padding-right: 41px;
}
.table.table_type2 tbody .label_td.open,
.table.table_type2 tfoot .label_td.open {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.table.table_type2 tbody tr.th_vt th,
.table.table_type2 tfoot tr.th_vt th {
  padding-top: 12px;
  vertical-align: top;
}
.table.table_type2 tbody th,
.table.table_type2 tfoot th {
  height: 50px;
  padding: 11px 0 8px;
  border-top: 1px solid #e8e8e8;
  text-align: center;
}
.table.table_type2 tbody th.title,
.table.table_type2 tfoot th.title {
  text-align: left;
}
.table.table_type2 tbody td,
.table.table_type2 tfoot td {
  height: 50px;
  padding: 11px 0 8px;
  border-top: 1px solid #ebebeb;
  text-align: center;
}
.table.table_type2 tbody td .text_ellipsis,
.table.table_type2 tfoot td .text_ellipsis {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  padding: 0 10px;
}
.table.table_type2 tbody td.disabled .watch .checkbox,
.table.table_type2 tfoot td.disabled .watch .checkbox {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_watch_disabled);
  background-repeat: no-repeat;
  background-position: -319px -507px;
  width: 20px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.table.table_type2 tbody .title,
.table.table_type2 tfoot .title {
  padding-right: 5px;
}
.table.table_type2 tbody .title p,
.table.table_type2 tfoot .title p {
  margin: 0;
}
.table.table_type2 tbody .title a,
.table.table_type2 tfoot .title a {
  position: relative;
  top: -2px;
  padding-left: 2px;
  padding-right: 2px;
  line-height: normal;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.table.table_type2 tbody .title a .ico_clip3,
.table.table_type2 tfoot .title a .ico_clip3 {
  top: -1px;
  margin-right: 7px;
}
.table.table_type2 tbody .title .profile_el2 .thum + a,
.table.table_type2 tfoot .title .profile_el2 .thum + a {
  display: inline !important;
}
.table.table_type2 tbody .nickname,
.table.table_type2 tbody .email,
.table.table_type2 tfoot .nickname,
.table.table_type2 tfoot .email {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}
.table.table_type2 tbody .corp,
.table.table_type2 tfoot .corp {
  padding: 14px 5px 15px;
  line-height: 18px;
  text-align: left;
  word-break: keep-all;
  word-wrap: break-word;
}
.table.table_type2 tbody .corp li,
.table.table_type2 tfoot .corp li {
  display: inline-block;
  word-break: keep-all;
  word-wrap: break-word;
}
.table.table_type2 tbody .corp li:after,
.table.table_type2 tfoot .corp li:after {
  content: ",";
}
.table.table_type2 tbody .corp li.last:after,
.table.table_type2 tfoot .corp li.last:after {
  content: "";
}
.table.table_type2 tbody .corp li + li,
.table.table_type2 tfoot .corp li + li {
  margin-top: 4px;
}
.table.table_type2 tbody .day_case1,
.table.table_type2 tfoot .day_case1 {
  color: #666;
}
.table.table_type2 tbody .day_case2,
.table.table_type2 tfoot .day_case2 {
  color: #ffaf00;
}
.table.table_type2 tbody .day_case3,
.table.table_type2 tfoot .day_case3 {
  color: #ff5230;
}
.table.table_type2 tr.sub_font_color a {
  color: #999 !important;
}
.table.table_type2 .bg_gray {
  background-color: #f9f9f9;
}
.table.table_type2.light {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.table.table_type2.light thead th {
  background: #f6f6f6;
}
.table.table_type2.new {
  border-bottom: 1px solid #d8d8d8;
}
.table.table_type2.new thead th {
  padding: 15px 0;
}
.table.table_type2.new tbody tr:nth-child(2n) {
  background-color: #fdfdfd;
}
.table.table_type2.new tbody td {
  height: 46px;
  color: #666;
  font-size: 13px;
}
.table.table_type2.member_review tbody tr:nth-child(2n) {
  background-color: #fdfdfd;
}

.table.table_type3 {
  border: 1px solid #C2C2C2;
  border-width: 1px 0;
}
.table.table_type3 th,
.table.table_type3 td {
  padding: 11px 0 8px;
  color: #848484;
  text-align: center;
}
.table.table_type3 th {
  background: #EFEFEF;
}
.table.table_type3 tr + tr th {
  background: #EFEFEF url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_table_line.gif) no-repeat 50% 0;
}
.table.table_type3 tr + tr td {
  border-top: 1px solid #EFEFEF;
}
.table.table_type3 td strong {
  color: #ffae00;
}
.table.table_type3 td span {
  color: #ffae00;
}

.table.table_type4 {
  border: 1px solid #C2C2C2;
}
.table.table_type4 th,
.table.table_type4 td {
  padding: 11px 0 8px;
  border: 1px solid #C2C2C2;
  color: #333;
  text-align: center;
}
.table.table_type4 th {
  background: #EFEFEF;
}
.table.table_type4 th strong {
  font-size: 16px;
}
.table.table_type4 td {
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  line-height: normal;
}
.table.table_type4 td strong {
  font-size: 36px;
  font-weight: normal;
}
.table.table_type4 td span {
  color: #999;
  font-size: 16px;
}
.table.table_type4 .h50 {
  height: 50px;
}
.table.table_type4 .h110 {
  height: 110px;
}

.table.table_type5 {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
.table.table_type5 th,
.table.table_type5 td {
  padding: 0 17px 14px;
  text-align: left;
}
.table.table_type5 th {
  font-size: 12px;
  background-color: #f9f9f9;
  color: #333;
}
.table.table_type5 tr:first-child th,
.table.table_type5 tr:first-child td {
  padding-top: 17px;
}
.table.table_type5 .date {
  display: inline-block;
  vertical-align: middle;
}

.table.table_type6 {
  position: relative;
  border-collapse: separate;
}
.table.table_type6 thead th {
  padding: 16px 0;
  font-size: 13px;
  line-height: 14px;
  background: #fff;
  color: #72757a;
  font-weight: normal;
  text-align: center;
}
.table.table_type6 thead th:first-child {
  padding-left: 24px;
}
.table.table_type6 thead th:last-child {
  padding-right: 24px;
}
.table.table_type6 thead th .ick {
  top: 1px;
}
.table.table_type6 thead th .ick.type2 {
  top: -1px;
}
.table.table_type6 thead th.active {
  color: #00c73c;
  font-weight: 700;
}
.table.table_type6 thead tr {
  -webkit-border-radius: 4px;
          border-radius: 4px;
  box-shadow: -1px 0 0 #f0f0f0, 1px 0 0 #f0f0f0, 0 -1px 0 #f0f0f0;
  -webkit-box-shadow: -1px 0 0 #f0f0f0, 1px 0 0 #f0f0f0, 0 -1px 0 #f0f0f0;
}
.table.table_type6 thead th {
  position: relative;
}
.table.table_type6 thead th::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #f0f0f0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.table.table_type6 thead th:first-child {
  -webkit-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}
.table.table_type6 thead th:first-child::after {
  left: 2px;
}
.table.table_type6 thead th:last-child {
  -webkit-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}
.table.table_type6 thead th:last-child::after {
  right: 2px;
}
.table.table_type6 tbody,
.table.table_type6 tfoot {
  font-size: 14px;
  line-height: 15px;
  color: #2a2c2f;
}
.table.table_type6 tbody .label_td,
.table.table_type6 tfoot .label_td {
  margin: -2px 0 0 6px;
  vertical-align: middle;
}
.table.table_type6 tbody .ic_open .title a,
.table.table_type6 tfoot .ic_open .title a {
  padding-right: 45px;
}
.table.table_type6 tbody .ic_new .title a,
.table.table_type6 tfoot .ic_new .title a {
  padding-right: 41px;
}
.table.table_type6 tbody .label_td.open,
.table.table_type6 tfoot .label_td.open {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.table.table_type6 tbody tr td::before,
.table.table_type6 tfoot tr td::before {
  opacity: 0;
  content: "";
  display: block;
  width: 100%;
  height: 55px;
  background-color: #fafafa;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.table.table_type6 tbody tr:hover td::before,
.table.table_type6 tfoot tr:hover td::before {
  opacity: 1;
}
.table.table_type6 tbody tr:hover td:first-child::before,
.table.table_type6 tfoot tr:hover td:first-child::before {
  -webkit-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}
.table.table_type6 tbody tr:hover td:last-child::before,
.table.table_type6 tfoot tr:hover td:last-child::before {
  -webkit-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}
.table.table_type6 tbody tr.th_vt th,
.table.table_type6 tfoot tr.th_vt th {
  padding-top: 12px;
  vertical-align: top;
}
.table.table_type6 tbody th,
.table.table_type6 tbody td,
.table.table_type6 tfoot th,
.table.table_type6 tfoot td {
  height: 50px;
  padding: 26px 0 21px;
  text-align: center;
  position: relative;
}
.table.table_type6 tbody th.title,
.table.table_type6 tbody td.title,
.table.table_type6 tfoot th.title,
.table.table_type6 tfoot td.title {
  text-align: left;
}
.table.table_type6 tbody td:last-child,
.table.table_type6 tfoot td:last-child {
  padding-right: 24px;
}
.table.table_type6 tbody td .text_ellipsis,
.table.table_type6 tfoot td .text_ellipsis {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  padding: 0 10px;
}
.table.table_type6 tbody td .red,
.table.table_type6 tfoot td .red {
  font-weight: 600;
}
.table.table_type6 tbody td.disabled .watch .checkbox,
.table.table_type6 tfoot td.disabled .watch .checkbox {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_watch_disabled);
  background-repeat: no-repeat;
  background-position: -319px -507px;
  width: 20px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.table.table_type6 tbody .title,
.table.table_type6 tfoot .title {
  padding-right: 5px;
}
.table.table_type6 tbody .title p,
.table.table_type6 tfoot .title p {
  margin: 0;
}
.table.table_type6 tbody .title a,
.table.table_type6 tfoot .title a {
  position: relative;
  padding-left: 2px;
  padding-right: 2px;
  line-height: normal;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.table.table_type6 tbody .title a .ico_clip3,
.table.table_type6 tfoot .title a .ico_clip3 {
  top: -1px;
  margin-right: 7px;
}
.table.table_type6 tbody .title .profile_el2 .thum + a,
.table.table_type6 tfoot .title .profile_el2 .thum + a {
  display: inline !important;
}
.table.table_type6 tbody .nickname,
.table.table_type6 tbody .email,
.table.table_type6 tfoot .nickname,
.table.table_type6 tfoot .email {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}
.table.table_type6 tbody .corp,
.table.table_type6 tfoot .corp {
  padding: 14px 5px 15px;
  line-height: 18px;
  text-align: left;
  word-break: keep-all;
  word-wrap: break-word;
}
.table.table_type6 tbody .corp li,
.table.table_type6 tfoot .corp li {
  display: inline-block;
  word-break: keep-all;
  word-wrap: break-word;
}
.table.table_type6 tbody .corp li:after,
.table.table_type6 tfoot .corp li:after {
  content: ",";
}
.table.table_type6 tbody .corp li.last:after,
.table.table_type6 tfoot .corp li.last:after {
  content: "";
}
.table.table_type6 tbody .corp li + li,
.table.table_type6 tfoot .corp li + li {
  margin-top: 4px;
}
.table.table_type6 tbody .day_case1,
.table.table_type6 tfoot .day_case1 {
  color: #666;
}
.table.table_type6 tbody .day_case2,
.table.table_type6 tfoot .day_case2 {
  color: #ffaf00;
}
.table.table_type6 tbody .day_case3,
.table.table_type6 tfoot .day_case3 {
  color: #ff5230;
}
.table.table_type6 tr.sub_font_color a {
  color: #a5a8ad !important;
}
.table.table_type6 .bg_gray {
  background-color: #f9f9f9;
}
.table.table_type6.light {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.table.table_type6.light thead th {
  background: #f6f6f6;
}

.table.table_type7 {
  border-top: 1px solid #010101;
  border-bottom: 1px solid #b3b3b3;
  letter-spacing: -1px;
}
.table.table_type7 thead th {
  padding: 16px 4px 14px;
  background: #fdfdfd;
  color: #333;
  font-weight: normal;
  text-align: center;
}
.table.table_type7 thead th:last-child {
  padding-right: 24px;
}
.table.table_type7 thead th .ick {
  top: 1px;
}
.table.table_type7 thead th .ick.type2 {
  top: -1px;
}
.table.table_type7 thead th.active {
  color: #00c73c;
  font-weight: 700;
}
.table.table_type7 tbody .label_td,
.table.table_type7 tfoot .label_td {
  margin: -2px 0 0 6px;
  vertical-align: middle;
}
.table.table_type7 tbody .ic_open .title a,
.table.table_type7 tfoot .ic_open .title a {
  padding-right: 45px;
}
.table.table_type7 tbody .ic_new .title a,
.table.table_type7 tfoot .ic_new .title a {
  padding-right: 41px;
}
.table.table_type7 tbody .label_td.open,
.table.table_type7 tfoot .label_td.open {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.table.table_type7 tbody tr.th_vt th,
.table.table_type7 tfoot tr.th_vt th {
  padding-top: 12px;
  vertical-align: top;
}
.table.table_type7 tbody tr:nth-child(2n),
.table.table_type7 tfoot tr:nth-child(2n) {
  background-color: #fdfdfd;
}
.table.table_type7 tbody th, .table.table_type7 tbody td,
.table.table_type7 tfoot th,
.table.table_type7 tfoot td {
  height: 46px;
  padding: 15px 4px 14px;
  border-top: 1px solid #ebebeb;
  text-align: center;
  color: #666;
}
.table.table_type7 tbody th:last-child, .table.table_type7 tbody td:last-child,
.table.table_type7 tfoot th:last-child,
.table.table_type7 tfoot td:last-child {
  padding-right: 24px;
}
.table.table_type7 tbody th .text_ellipsis, .table.table_type7 tbody td .text_ellipsis,
.table.table_type7 tfoot th .text_ellipsis,
.table.table_type7 tfoot td .text_ellipsis {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  padding: 0 10px;
}
.table.table_type7 tbody th.disabled .watch .checkbox, .table.table_type7 tbody td.disabled .watch .checkbox,
.table.table_type7 tfoot th.disabled .watch .checkbox,
.table.table_type7 tfoot td.disabled .watch .checkbox {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_watch_disabled);
  background-repeat: no-repeat;
  background-position: -319px -507px;
  width: 20px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.table.type_inner th,
.table.type_inner td {
  border-left: 1px solid #FFF;
  color: #666;
}
.table.type_inner th:first-child,
.table.type_inner td:first-child {
  border-left: none;
}
.table.type_inner th {
  padding: 0 !important;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  background-color: #F7F7F7;
}
.table.type_inner td {
  padding: 5px 20px 10px;
  height: auto;
  border-top: none;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}
.table.type_inner tr:first-child td {
  padding-top: 15px;
}

.table.stretch {
  width: 100%;
}

table.whale td {
  padding: 30px 0 30px 16px;
}
table.whale .ick .radio.checked {
  border: 1px solid #aeaeae;
  background-color: #fff !important;
}

.table.fixed {
  table-layout: fixed;
}

.table.contain_non_fluid {
  table-layout: auto;
}
.table.contain_non_fluid th,
.table.contain_non_fluid td {
  width: auto;
  white-space: nowrap;
}
.table.contain_non_fluid .non_fluid {
  width: 100%;
}

.table .col_sort {
  display: inline-block;
  cursor: pointer;
}
.table .col_sort:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sort);
  background-repeat: no-repeat;
  background-position: -325px -868px;
  width: 7px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-left: 6px;
}
.table .col_sort.up:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sort_up);
  background-repeat: no-repeat;
  background-position: -314px -868px;
  width: 7px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.table .col_sort.dn:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sort_dn);
  background-repeat: no-repeat;
  background-position: -303px -868px;
  width: 7px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.table .col_sort.type2.up:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sort2_up);
  background-repeat: no-repeat;
  background-position: -539px -256px;
  width: 7px;
  height: 4px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  height: 6px;
}
.table .col_sort.type2.dn:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sort2_dn);
  background-repeat: no-repeat;
  background-position: -517px -256px;
  width: 7px;
  height: 4px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  height: 6px;
}
.table .active .col_sort.type2.up:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sort3_up_on);
  background-repeat: no-repeat;
  background-position: -561px -256px;
  width: 7px;
  height: 4px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  height: 6px;
}
.table .active .col_sort.type2.dn:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sort3_dn_on);
  background-repeat: no-repeat;
  background-position: -550px -256px;
  width: 7px;
  height: 4px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  height: 6px;
}

.table .result_area {
  height: auto !important;
  padding: 21px 45px 19px !important;
  background-color: #fdfdfd;
}
.table .result_area p {
  margin: 4px 0;
  padding: 0;
}
.table .result_area .bar {
  position: relative;
  bottom: 2px;
  margin: 0 8px 0 4px;
  font-size: 10px;
  color: #cfcfcf;
}

.table .inquiry_area {
  padding: 20px !important;
  background-color: #fdfdfd;
}
.table .inquiry_area p {
  padding: 0;
}
.table .inquiry_area .user_info {
  display: inline-block;
  margin-bottom: 20px;
}
.table .inquiry_area .user_info .thumb {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof4);
  background-repeat: no-repeat;
  background-position: -839px -73px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: relative;
  text-indent: 0;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  vertical-align: middle;
}
.table .inquiry_area .user_info .username,
.table .inquiry_area .user_info .time,
.table .inquiry_area .user_info a,
.table .inquiry_area .user_info button {
  display: inline-block;
  margin-top: 0;
  vertical-align: middle;
}
.table .inquiry_area .user_info .username {
  color: #010101;
  font-size: 12px;
  text-decoration: none;
}
.table .inquiry_area .user_info .username strong {
  color: #01b4f0;
}
.table .inquiry_area .user_info .time {
  margin-left: 6px;
  font-size: 12px;
  color: #999;
}
.table .inquiry_area .user_info .time + .re_del:before {
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 6px 6px 0 6px;
  background-color: #e9ebec;
  vertical-align: top;
  content: "";
}
.table .inquiry_area .user_info a,
.table .inquiry_area .user_info button {
  margin: 0;
  padding: 0;
  font-size: 11px;
  color: #999;
}
.table .inquiry_area .user_info .re_del {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}
.table .inquiry_area .user_info .re_del a {
  font-size: 12px;
  text-decoration: none;
}
.table .inquiry_area .select_info {
  margin-bottom: 20px;
  font-size: 14px;
  color: #666;
  line-height: 16px;
}
.table .inquiry_area .select_info .sel_group {
  display: inline-block;
  vertical-align: top;
}
.table .inquiry_area .select_info .sel_group em {
  padding-left: 8px;
}
.table .inquiry_area .select_info .sel_group + .sel_group:before {
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 3px 13px 0 13px;
  background-color: #e9ebec;
  vertical-align: top;
  content: "";
}
.table .inquiry_area .link_area {
  display: inline-block;
  margin-top: 12px;
}
.table .inquiry_area .link_area span {
  display: inline-block;
  vertical-align: middle;
}
.table .inquiry_area .link_area .ico_file_def {
  margin-right: 6px;
}
.table .inquiry_area .link_area .title {
  color: #333;
  font-size: 12px;
}
.table .inquiry_area .link_area .file_download {
  padding: 4px 10px 4px 11px;
  margin-left: 9px;
  border: 1px solid #E0E0E0;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 12px;
  line-height: normal;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: #999;
}
.table .inquiry_area .link_area .file_download:before {
  display: inline-block;
  margin: -2px 6px 0 0;
  vertical-align: middle;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_clip_s);
  background-repeat: no-repeat;
  background-position: -901px -290px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.table .inquiry_area .cont_file {
  margin-top: 15px;
}
.table .inquiry_area .cont_file .link_box {
  display: block;
}
.table .inquiry_area .cont_file .link_box .inner {
  display: inline-block;
  height: 32px;
  padding: 0 16px;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  background-color: #f1f1f1;
  text-decoration: none;
  line-height: 32px;
}
.table .inquiry_area .cont_file .link_box .inner a {
  text-decoration: none;
  line-height: 32px;
}
.table .inquiry_area .cont_file .link_box .inner .btn_del {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_del);
  background-repeat: no-repeat;
  background-position: -901px -210px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 10px 0 0 16px;
  vertical-align: top;
}
.table .inquiry_area .cont_file .link_box + .link_box {
  margin-top: 8px;
}
.table .inquiry_area .btn_area {
  position: relative;
  padding-top: 20px;
  text-align: right;
}
.table .inquiry_area .btn_area .btn + .btn {
  margin-left: 4px;
}
.table .inquiry_area .btn_area .radio_area {
  position: absolute;
  left: 0;
  top: 27px;
}
.table .inquiry_area h2.tit {
  margin: 34px 0 14px 0;
  color: #00c73c;
}
.table .inquiry_area .label_btn_box {
  position: relative;
  padding: 16px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  border-width: 0 1px 1px;
  line-height: 0;
}
.table .inquiry_area .label_btn_box .pic_label {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_add_picture);
  background-repeat: no-repeat;
  background-position: -416px -527px;
  width: 19px;
  height: 17px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  cursor: pointer;
  vertical-align: top;
}
.table .inquiry_area .label_btn_box .file_label {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_add_file);
  background-repeat: no-repeat;
  background-position: -504px -527px;
  width: 17px;
  height: 17px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-left: 13px;
  cursor: pointer;
  vertical-align: top;
}
.table .inquiry_area .label_btn_box .cont_file {
  margin: 0;
  padding-bottom: 16px;
}
.table .inquiry_area .answer_area + .answer_area {
  margin-top: 40px;
}
.table .inquiry_area .category_sel {
  margin-bottom: 20px;
}
.table .inquiry_area .category_sel li {
  margin-top: 8px;
  line-height: 16px;
}
.table .inquiry_area .category_sel li:first-child {
  margin-top: 0;
}
.table .inquiry_area .category_sel .sjt {
  font-weight: 600;
  line-height: 16px;
}
.table .inquiry_area .category_sel .version {
  padding-left: 8px;
}

.table.table_reset {
  width: 100%;
  table-layout: fixed;
}
.table.table_reset tbody td {
  border-top: 0;
  padding: 0;
  height: auto;
  line-height: 34px;
}

.table.selectable > tbody > tr:hover {
  background-color: #F7F7F7;
  cursor: pointer;
}
.table.selectable > tbody > tr.noselection:hover {
  background: none;
  cursor: default;
}

.table td.corp_area {
  padding-top: 0;
}
.table .corp_list:before, .table .corp_list:after {
  display: table;
  clear: both;
  content: " ";
}
.table .corp_list > li {
  float: left;
  width: 25%;
  margin-top: 18px;
}
.table .corp_list .ph {
  word-break: keep-all;
}

.table.charge_lecture_table tbody td {
  padding: 18px 10px;
  line-height: 16px;
}
.table.charge_lecture_table .cell_center {
  text-align: center;
}
.table.charge_lecture_table .cell_left {
  text-align: left;
}
.table.charge_lecture_table .cell_right {
  text-align: right;
}

.month_btn_box {
  display: inline-block;
  margin-left: 8px;
  font-size: 0;
  vertical-align: middle;
}
.month_btn_box a {
  display: inline-block;
  height: 34px;
  padding: 0 12px;
  margin-left: 4px;
  border: 1px solid #cbcbcb;
  background-color: #fff;
  font-size: 14px;
  color: #333;
  line-height: 32px;
  text-decoration: none;
}
.month_btn_box a.on {
  border-color: #333;
  color: #010101;
}
.month_btn_box a:first-child {
  margin-left: 0;
}
.month_btn_box + .table_cell_box {
  padding-left: 35px;
}

.table_cell_box {
  display: inline-block;
}

.calculate_box {
  overflow: hidden;
  margin: 30px 0;
  border: 1px solid #d1d1d1;
  background-color: #fff;
}
.calculate_box li {
  float: left;
  width: 25%;
  border-left: 1px solid #d1d1d1;
}
.calculate_box li:first-child {
  border-left: 0;
}
.calculate_box .box_inner {
  padding: 14px 20px 17px;
}
.calculate_box .sjt {
  line-height: 16px;
}
.calculate_box .cnt {
  display: block;
  margin-top: 7px;
  font-size: 32px;
  font-weight: 600;
  color: #333;
  line-height: 32px;
}

.table.satisfaction_table {
  border-top: 1px solid #010101;
  border-bottom: 1px solid #b3b3b3;
}
.table.satisfaction_table thead th {
  line-height: 16px;
  padding: 17px 0 18px;
  background-color: #fdfdfd;
  font-weight: normal;
  text-align: center;
}
.table.satisfaction_table thead .cnt_group {
  padding-bottom: 0;
}
.table.satisfaction_table thead .cnt {
  padding-top: 8px;
}
.table.satisfaction_table thead .total th {
  padding: 18px 0;
  border-top: 1px solid #ebebeb;
  background-color: #fff;
  font-weight: 600;
}
.table.satisfaction_table tbody td {
  padding: 18px 0;
  border-top: 1px solid #ebebeb;
  color: #666;
  line-height: 16px;
  text-align: center;
}
.table.satisfaction_table tbody td:first-child {
  text-align: left;
  padding: 18px 20px;
}
.table.satisfaction_table tbody tr:first-child td {
  border-top-color: #b3b3b3;
}
.table.satisfaction_table tbody td:first-child {
  text-align: left;
}

body:not([class*=view_]) .paginate {
  text-align: center;
  position: relative;
  margin-top: 40px;
}
body:not([class*=view_]) .paginate .inner {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
body:not([class*=view_]) .paginate .pagin {
  display: block;
  text-align: left;
  vertical-align: top;
  position: relative;
}
body:not([class*=view_]) .paginate .pagin.l {
  padding-bottom: 17px;
  border-bottom: 1px solid #f0f0f0;
}
body:not([class*=view_]) .paginate .pagin.l .btn_prve::after {
  top: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-pagin-left);
  background-repeat: no-repeat;
  background-position: -564px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body:not([class*=view_]) .paginate .pagin.l .btn_prve.disabled {
  color: #999;
}
body:not([class*=view_]) .paginate .pagin.l .btn_prve.disabled::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-pagin-left-dis);
  background-repeat: no-repeat;
  background-position: -588px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body:not([class*=view_]) .paginate .pagin.r {
  padding-top: 16px;
}
body:not([class*=view_]) .paginate .pagin.r .btn_next::after {
  bottom: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-pagin-right);
  background-repeat: no-repeat;
  background-position: -612px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body:not([class*=view_]) .paginate .pagin.r .btn_next.disabled {
  color: #999;
}
body:not([class*=view_]) .paginate .pagin.r .btn_next.disabled::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-pagin-right-dis);
  background-repeat: no-repeat;
  background-position: -636px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body:not([class*=view_]) .paginate .pagin::after {
  content: "";
  display: block;
  clear: both;
}
body:not([class*=view_]) .paginate .btn_prve, body:not([class*=view_]) .paginate .btn_next {
  display: inline-block;
  overflow: hidden;
  position: relative;
  font-size: 14px;
  line-height: 15px;
  text-decoration: none;
  vertical-align: top;
  padding-left: 24px;
}
body:not([class*=view_]) .paginate .btn_prve::after, body:not([class*=view_]) .paginate .btn_next::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
}
body:not([class*=view_]) .paginate .pre,
body:not([class*=view_]) .paginate .next {
  width: 32px;
  height: 32px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  border: 1px solid #f0f0f0;
  float: left;
  position: relative;
  font-size: 0;
  line-height: 0;
  text-indent: -99999px;
}
body:not([class*=view_]) .paginate .pre:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-page-prev);
  background-repeat: no-repeat;
  background-position: -516px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body:not([class*=view_]) .paginate .pre.disabled {
  -webkit-background-size: 16px 16px;
          background-size: 16px 16px;
}
body:not([class*=view_]) .paginate .pre.disabled:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-page-prev-dis);
  background-repeat: no-repeat;
  background-position: -540px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body:not([class*=view_]) .paginate .next:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-page-next);
  background-repeat: no-repeat;
  background-position: -468px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body:not([class*=view_]) .paginate .next.disabled:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-page-next-dis);
  background-repeat: no-repeat;
  background-position: -492px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body:not([class*=view_]) .paginate .page_list {
  margin: 0 10px;
  float: left;
}
body:not([class*=view_]) .paginate .page_list li {
  float: left;
  margin-left: 4px;
}
body:not([class*=view_]) .paginate .page_list li:first-child {
  margin-left: 0;
}
body:not([class*=view_]) .paginate .page_list a {
  display: block;
  width: 32px;
  height: 32px;
  font-size: 16px;
  line-height: 32px;
  color: #2a2c2f;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: skew(0.001deg);
      -ms-transform: skew(0.001deg);
          transform: skew(0.001deg);
}
body:not([class*=view_]) .paginate .page_list .selected {
  line-height: 32px;
  cursor: default;
  font-weight: 700;
}
body:not([class*=view_]) .paginate .page_list .selected:hover {
  font-weight: 600;
}
body:not([class*=view_]) .paginate .page_list a:hover {
  line-height: 32px;
  cursor: pointer;
  font-weight: 300;
}
body:not([class*=view_]) .paginate.type2 a {
  color: #999;
  font-size: 16px;
}
body:not([class*=view_]) .paginate.type2 .pre:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_page3_pre);
  background-repeat: no-repeat;
  background-position: -901px -557px;
  width: 8px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -4px;
}
body:not([class*=view_]) .paginate.type2 .next:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_page3_next);
  background-repeat: no-repeat;
  background-position: -901px -537px;
  width: 8px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  top: 50%;
  right: 50%;
  margin: -8px -5px 0 0;
}
body:not([class*=view_]) .paginate.type2 .pre, body:not([class*=view_]) .paginate.type2 .next {
  overflow: hidden;
  width: 30px;
  line-height: 1000px;
}
body:not([class*=view_]) .paginate.type2 .page_list {
  margin: 0 13px;
}
body:not([class*=view_]) .paginate.type2 .page_list a {
  font-family: "나눔고딕", NanumGothic;
  font-weight: normal;
}
body:not([class*=view_]) .paginate.type2 .page_list .selected, body:not([class*=view_]) .paginate.type2 .page_list a:hover {
  border: 0;
  color: #333;
  font-weight: 700;
  text-decoration: underline;
}
body:not([class*=view_]) .paginate2 {
  position: relative;
  border-top: 1px solid #e8e8e8;
  overflow: hidden;
}
body:not([class*=view_]) .paginate2 + .group_lr {
  border-top: 1px solid #e8e8e8;
  padding-top: 20px;
  margin-top: -1px !important;
}
body:not([class*=view_]) .paginate2 .pagin {
  width: 50%;
  padding-top: 15px;
  height: 55px;
}
body:not([class*=view_]) .paginate2 .pagin.l {
  float: left;
}
body:not([class*=view_]) .paginate2 .pagin.r {
  float: right;
  text-align: right;
}
body:not([class*=view_]) .paginate2 a {
  display: inline-block;
  overflow: hidden;
  max-width: 275px;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  position: relative;
  color: #010101;
  text-decoration: none;
  vertical-align: top;
  line-height: 24px;
  border-bottom: 4px solid transparent;
}
body:not([class*=view_]) .paginate2 a:after {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
body:not([class*=view_]) .paginate2 .btn_prve {
  padding-left: 20px;
}
body:not([class*=view_]) .paginate2 .btn_prve:after {
  left: 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_page2_prev);
  background-repeat: no-repeat;
  background-position: -901px -98px;
  width: 10px;
  height: 17px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body:not([class*=view_]) .paginate2 .btn_next {
  padding-right: 20px;
}
body:not([class*=view_]) .paginate2 .btn_next:after {
  right: 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_page2_next);
  background-repeat: no-repeat;
  background-position: -901px -77px;
  width: 10px;
  height: 17px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body:not([class*=view_]) .paginate2 .disabled {
  color: #999;
  font-weight: normal;
  cursor: default;
}
body:not([class*=view_]) .paginate2 .disabled:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}
body:not([class*=view_]) .paginate2 .on {
  border-bottom-color: #28de73;
}
body:not([class*=view_]) .paginate3 {
  padding-top: 20px;
  border-top: 1px solid #333;
}
body:not([class*=view_]) .paginate4 {
  width: 104px;
  overflow: hidden;
}
body:not([class*=view_]) .paginate4 + .group_lr {
  padding-top: 20px;
  margin-top: -1px !important;
}
body:not([class*=view_]) .paginate4 .pagin {
  width: 48px;
  height: 48px;
}
body:not([class*=view_]) .paginate4 .pagin.l {
  float: left;
}
body:not([class*=view_]) .paginate4 .pagin.r {
  float: left;
  margin-left: 8px;
}
body:not([class*=view_]) .paginate4 a {
  display: inline-block;
  overflow: hidden;
  max-width: 275px;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  position: relative;
  color: #010101;
  text-decoration: none;
  vertical-align: top;
  line-height: 24px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
body:not([class*=view_]) .paginate4 a:after {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
body:not([class*=view_]) .paginate4 a i svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
body:not([class*=view_]) .paginate4 .btn_prve {
  display: block;
  width: 47px;
  height: 47px;
}
body:not([class*=view_]) .paginate4 .btn_prve .icon {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 12px;
}
body:not([class*=view_]) .paginate4 .btn_prve.disabled {
  border: 1px solid #f0f0f0 !important;
}
body:not([class*=view_]) .paginate4 .btn_prve.disabled .icon svg path {
  stroke: #BFC2C7 !important;
}
body:not([class*=view_]) .paginate4 .btn_next {
  display: block;
  width: 47px;
  height: 47px;
}
body:not([class*=view_]) .paginate4 .btn_next .icon {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  left: 12px;
}
body:not([class*=view_]) .paginate4 .btn_next.disabled {
  border: 1px solid #f0f0f0 !important;
}
body:not([class*=view_]) .paginate4 .btn_next.disabled .icon svg path {
  stroke: #BFC2C7 !important;
}
body:not([class*=view_]) .paginate4 .disabled {
  color: #999;
  font-weight: normal;
  cursor: default;
}
body:not([class*=view_]) .paginate4 .disabled:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.label {
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding: 1px 6px 1px 5px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background: #00c73c;
  font-size: 11px;
  line-height: normal;
  color: #FFF;
  vertical-align: middle;
  font-weight: normal;
}
.label.gray {
  background: #999;
}
.label.light_gray {
  background: #828c96;
}
.label.red {
  background: #fe522c;
}
.label.gray_small {
  height: 14px;
  padding: 1px 4px 1px 3px;
  -webkit-border-radius: 0;
          border-radius: 0;
  color: #999;
  line-height: normal;
  background: #ededed;
}
.label.gray_border {
  padding: 0 8px;
  border: 1px solid #25292f;
  color: #25292f;
  background: #fff;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0;
}
h1.page_title .label {
  position: relative;
  vertical-align: middle;
}

.ic_ad {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 13px;
  vertical-align: top;
  margin-left: 6px;
  /* &:before{
       display: inline-block;
       position: absolute;
       top: 0;
       left: 0;
       width: 50%;
       min-width: 8px;
       height: 17px;
       background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sp_bg_badge.png) repeat-x 0 -20px;
       z-index: 1;
       content: '';
   }

   &:after{
       display: inline-block;
       position: absolute;
       top: 0;
       right: 0;
       width: 50%;
       min-width: 8px;
       height: 17px;
       background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sp_bg_badge.png) repeat-x 100% -20px;
       z-index: 1;
       content: '';
   }*/
}

.label_td {
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 15px;
  padding: 0 5px;
  -webkit-border-radius: 1px;
          border-radius: 1px;
  background: #00c73c;
  font-size: 9px;
  font-family: tahoma, sans-serif;
  line-height: 15px;
  color: #FFF;
}

.progress {
  overflow: hidden;
  height: 6px;
  margin-bottom: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  border: 0;
  background: #ecf0f1;
}
.progress .progress_bar {
  height: 6px;
  background: #2bde73 url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_progress_myhome.png);
  overflow: hidden;
}

.circle_progress_wrap {
  position: relative;
  width: 82px;
  min-height: 102px;
  margin-top: -5px;
  text-align: center;
}
.circle_progress_wrap svg {
  display: block;
  stroke-linecap: round;
}
.circle_progress_wrap .num {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -3px;
  width: 100%;
  height: 82px;
  line-height: 82px;
  font-family: Helvetica, sans-serif;
  font-size: 0;
  text-indent: 5px;
  color: #bdc3c7;
}
.circle_progress_wrap .val {
  font-size: 16px;
  color: #828c96;
  vertical-align: middle;
}
.circle_progress_wrap .slash {
  display: inline;
  margin: 0 0px;
  font-family: "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 42px;
  color: #bdc3c7;
  text-indent: 5px;
}
.circle_progress_wrap .total {
  font-size: 16px;
  vertical-align: middle;
}

.nav_tab:before, .nav_tab:after {
  display: table;
  clear: both;
  content: " ";
}
.nav_tab {
  position: relative;
  top: 1px;
  border-bottom: 1px solid #d8d8d8;
  margin-top: 30px;
}
.nav_tab ul:before, .nav_tab ul:after {
  display: table;
  clear: both;
  content: " ";
}
.nav_tab li {
  display: inline-block;
  float: left;
  position: relative;
  margin-right: -1px;
  border: 1px solid #d8d8d8;
  border-bottom: 0;
  z-index: 10;
}
.nav_tab li a {
  display: inline-block;
  overflow: hidden;
  height: 48px;
  padding: 0 40px;
  background: #fdfdfd;
  font-size: 16px;
  line-height: 50px;
  vertical-align: top;
}
.nav_tab li a:hover, .nav_tab li a:focus {
  text-decoration: none !important;
}
.nav_tab li.active {
  z-index: 20;
}
.nav_tab li.active:after {
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  content: "";
}
.nav_tab li.active a {
  border-bottom: 1px #fff !important;
  background: #fff;
  font-weight: 700;
  color: #333;
}

.nav_tab2:before, .nav_tab2:after {
  display: table;
  clear: both;
  content: " ";
}
.nav_tab2 {
  position: relative;
  margin-bottom: 40px;
  border-bottom: 1px solid #e6e6e6;
}
.nav_tab2 li {
  display: inline-block;
  float: left;
  position: relative;
  min-width: 156px;
  height: 54px;
  padding: 0 15px;
  line-height: 53px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background: #fcfcfc;
  margin-right: -1px;
}
.nav_tab2 li a {
  display: block;
  font-weight: 700;
  text-decoration: none;
  color: #666;
}
.nav_tab2 li.active, .nav_tab2 li.single {
  background: #fff;
}
.nav_tab2 li.active a, .nav_tab2 li.single a {
  color: #333;
  cursor: default;
}
.nav_tab2 li.active:after, .nav_tab2 li.single:after {
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  content: "";
}

.group_lr {
  position: relative;
}
.group_lr:before, .group_lr:after {
  display: table;
  clear: both;
  content: " ";
}
.group_lr {
  margin-top: 40px;
}
.group_lr .group_l {
  float: left;
  font-size: 0;
}
.group_lr .group_l > .btn {
  margin-right: 4px;
}
.group_lr .group_r {
  float: right;
}
.group_lr .group_r.submit_num {
  font-size: 14px;
  color: #999;
  letter-spacing: -0.5px;
  line-height: 34px;
}
.group_lr .group_r.submit_num em {
  font-weight: bold;
  color: #333;
}
.group_lr .group_r .txt_desc3 {
  padding: 10px 0 0;
  color: #333;
}
.group_lr .group_r .txt_desc3 .dsc {
  color: #676767;
}
.group_lr .group_r .txt_desc3 em {
  font-weight: 700;
}
.group_lr .group_r .txt_desc3 .bar {
  height: 13px;
}
.group_lr .group_r .txt_desc:only-child {
  line-height: 34px;
}
.group_lr h2.tit {
  margin: 0;
}
.group_lr .txt_desc {
  vertical-align: middle;
}
.group_lr .tit_section {
  font-size: 16px;
  line-height: 32px;
}

.mg_info .group_lr {
  margin-top: 20px;
}

.bx_area .txt_desc:only-child {
  line-height: 20px;
}

.sorting {
  vertical-align: middle;
  font-size: 0;
  margin-left: 17px;
}

.nav_text {
  font-size: 0;
  margin-right: -8px;
}
.nav_text li {
  display: inline-block;
}
.nav_text li a, .nav_text li button {
  display: inline-block;
  margin: 0;
  padding: 8px;
  border: 0;
  font-size: 12px;
  color: #25292f;
  vertical-align: top;
}
.nav_text li a.btn.tit, .nav_text li button.btn.tit {
  font-weight: 600;
}
.nav_text li a.btn.tit:before, .nav_text li button.btn.tit:before {
  display: none;
}
.nav_text li button.on:hover, .nav_text li a.on:hover {
  text-decoration: none;
}
.nav_text li button.on, .nav_text li a.on {
  font-weight: 700;
}
.nav_text li button.on::before, .nav_text li a.on::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-select-check);
  background-repeat: no-repeat;
  background-position: -553px -661px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.nav_text li .btn.btn_type9.r_rcom {
  margin-top: 1px;
  margin-left: 7px;
  border: 1px solid #d1d1d1;
  font-weight: normal;
}
.nav_text li a.tit:before {
  content: "";
  display: inline-block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-select-check);
  background-repeat: no-repeat;
  background-position: -553px -661px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  vertical-align: -1px;
  margin-right: 4px;
}
.nav_text li button.tit i {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: -3px;
  margin-right: 4px;
}
.nav_text li button.tit i svg path {
  stroke: #2A2C2F;
}

@font-face {
  font-family: NanumSquareWebFont-R;
  font-style: normal;
  font-weight: 300;
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_se_R.eot);
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/font/NanumSquare_se_R.woff2) format("woff2");
}
:root {
  --w-chart-color: #3b91f8;
  --w-main-color: #1E73E8;
  --w-main-color-hover:rgb(27,103,209);
  --w-main-color-active:rgb(23,92,186);
  --w-black:#000;
  --w-white:#fff;
  --w-basic01:#05c3a7;
  --w-basic02:#8164e7;
  --w-warn:#fc4c4e;
  --w-text01:#000;
  --w-text02:#222;
  --w-text03:#333;
  --w-text04:#424242;
  --w-text05:#777;
  --w-text06:#999;
  --w-text07:#c1c1c1;
  --w-text08:#00b298;
  --w-text09:#2187ec;
  --w-text-white:#fff;
  --w-text-link:#0066dc;
  --w-line01:rgba(0, 0, 0, 0.04);
  --w-line02:rgba(0, 0, 0, 0.08);
  --w-line03:rgba(0, 0, 0, 0.12);
  --w-line04:rgba(0, 0, 0, 0.15);
  --w-line05:rgba(0, 0, 0, 0.2);
  --w-icon01:#222;
  --w-icon02:#666;
  --w-icon03:#a8a8a8;
  --w-icon04:#c8c8c8;
  --w-icon05:#e0e0e0;
  --w-focus:#4ba7ee;
  --wc-text01:#666;
  --wc-icon01:#3391e9;
  --wc-icon02:#27d9b0;
  --wc-bg-tag01:#828c96;
  --wc-bg-tag02:#70b2f0;
  --wc-bg-visual01:#00A5FF;
  --wc-bg-visual02:#4F70F2;
  --wc-bg-visual03:#7673FE;
  --wc-bg-visual04:#593BAB;
  --wc-bg-visual05:#377EBF;
  --wc-bg-visual06:#419488;
  --wc-bg-visual07:#479A5D;
  --wc-bg-visual08:#387A46;
  --wc-bg-visual09:#DBB963;
  --wc-bg-visual10:#858585;
  --wc-bg-visual11:#546066;
  --wc-button01:#F5F5F5;
  --wc-button02:#EBEBEB;
  --wc-button03:#EBF4FD;
  --wc-button04:#C2DEF8;
  --wc-button05:#1E73E8;
  --wc-button06:#0066C4;
  --wc-button07:#384047;
  --wc-button-hover:rgba(0, 0, 0, 0.1);
  --wc-button-active:rgba(0, 0, 0, 0.2);
  --wc-etc01:#F5FDF7;
  --wc-etc02:#C3F2D7;
  --wc-etc03:#19286E;
  --wc-chart-color: #3b91f8;
}

#u_skip {
  z-index: 2147483647;
  overflow: hidden;
  position: relative;
}
#u_skip a, #u_skip span {
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sp_u_skip.png);
}
#u_skip a {
  position: absolute;
  top: -34px;
  left: 35px;
  width: 175px;
  padding-right: 17px;
  padding-left: 12px;
  border: 1px solid #000;
  background-repeat: repeat-x;
  background-position: 0 -11px;
  outline: none;
}
#u_skip a:active, #u_skip a:focus {
  top: 13px;
  text-decoration: none;
  cursor: pointer;
  zoom: 1;
}
#u_skip span {
  display: block;
  padding-top: 2px;
  background-repeat: no-repeat;
  background-position: 100% 13px;
  font-size: 12px;
  font-weight: 700;
  line-height: 30px;
  color: #fff;
}

a.file_download {
  display: inline-block;
  overflow: hidden;
  padding: 4px 10px 4px 11px;
  border: 1px solid #E0E0E0;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 12px;
  line-height: normal !important;
  letter-spacing: -0.5px;
  vertical-align: top;
  color: #999;
}
a.file_download:before {
  margin: -2px 6px 0 0;
  vertical-align: middle;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_clip_s);
  background-repeat: no-repeat;
  background-position: -901px -290px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
a.file_download:hover, a.file_download:focus {
  text-decoration: none;
}

.rel_link {
  font-size: 12px;
  color: #010101;
}
.rel_link:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_gt);
  background-repeat: no-repeat;
  background-position: -764px -787px;
  width: 5px;
  height: 9px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-left: 5px;
}

.rel_link2 {
  font-size: 12px;
  color: #00c73c;
  text-decoration: underline;
}
.rel_link2:hover {
  color: #ffcd00;
}
.rel_link2:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_gt2);
  background-repeat: no-repeat;
  background-position: -894px -510px;
  width: 3px;
  height: 5px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: relative;
  top: -2px;
  margin-left: 2px;
}

.rel_link3 {
  font-size: 12px;
  color: #333;
  text-decoration: underline;
}
.rel_link3:hover {
  color: #333;
}
.rel_link3:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_gt3);
  background-repeat: no-repeat;
  background-position: -894px -519px;
  width: 3px;
  height: 5px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: relative;
  top: -2px;
  margin-left: 2px;
}

.link_file {
  display: inline-block;
  font-size: 11px;
  color: #a9a9a9;
}
.link_file .ico_clip, .link_file .ico_clip2 {
  margin: -1px 5px 0 0;
}
.link_file .title {
  color: #498dce;
  text-decoration: underline;
}
.link_file .file_size {
  margin-left: 5px;
}
.link_file:hover {
  color: #a9a9a9;
  text-decoration: none;
}

.link_file2 {
  display: inline-block;
  color: #333;
  font-weight: 700;
}
.link_file2 .ico_s_file {
  margin-right: 10px;
  vertical-align: middle;
}
.link_file2 .title {
  margin-right: 13px;
}

.txt_desc {
  overflow: hidden;
  position: relative;
  display: inline-block;
  padding: 0 0 0 20px;
  font-size: 12px;
  line-height: 16px;
  color: #999;
}
.txt_desc:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-warning);
  background-repeat: no-repeat;
  background-position: -372px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.txt_desc + .txt_desc {
  margin-top: 4px;
}
.txt_desc.no_ico {
  padding: 0;
  margin-top: 0;
}
.txt_desc.no_ico:before {
  display: none;
}
.txt_desc.right {
  float: left;
}

p.txt_desc {
  display: block;
  line-height: 20px;
}
p.txt_desc a {
  color: #333;
  text-decoration: underline;
}

.txt_desc2 {
  font-size: 12px;
  color: #999;
}
.txt_desc2:before {
  position: relative;
  top: -1px;
  left: -2px;
  display: inline-block;
  width: 2px;
  height: 1px;
  margin-right: 2px;
  vertical-align: middle;
  background-color: #999;
  content: "";
}

.txt_help {
  overflow: hidden;
  position: relative;
  padding: 0 0 0 20px;
}
.txt_help:before {
  position: absolute;
  left: 0;
  top: 7px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_help);
  background-repeat: no-repeat;
  background-position: -901px -322px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.text_code {
  font-size: 16px;
  font-weight: 700;
  color: #00c73c;
  vertical-align: middle;
}

.bubb {
  z-index: 100;
  display: inline-block;
  position: absolute;
  padding: 9px 11px 6px;
  border: 1px solid #d1d1d1;
  background: #fdfdfd;
  font-size: 12px;
  color: #333;
  text-align: left;
}
.bubb .ico_clse {
  position: absolute;
  right: 4px;
  top: 4px;
}
.bubb p {
  margin: 0;
  word-break: break-all;
  white-space: nowrap;
}
.bubb.top .arrow {
  position: absolute;
  top: -8px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#tt_arrow_top);
  background-repeat: no-repeat;
  background-position: -375px -704px;
  width: 10px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.bubb.down .arrow {
  position: absolute;
  bottom: -8px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#tt_arrow_down);
  background-repeat: no-repeat;
  background-position: -361px -704px;
  width: 10px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.bubb.type2 {
  padding: 11px 15px 9px;
}
.bubb.type2 .txt_lnk {
  color: #999;
  text-decoration: underline;
}
.bubb.type3 {
  min-width: 207px;
  padding: 16px 21px 17px;
  background-color: #fff;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}
.bubb.type3:before {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#tt_arrow2_bottom);
  background-repeat: no-repeat;
  background-position: -428px -507px;
  width: 19px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  bottom: -11px;
  right: 33px;
}
.bubb.type3 .ico_clse {
  right: 3px;
  top: 3px;
}
.bubb.type3 strong {
  display: block;
  font-weight: 700;
  color: #010101;
}
.bubb.type3 p a {
  color: #010101;
  border-bottom: 2px solid #28de73;
  text-decoration: none !important;
}

.none {
  padding: 35px 0 33px;
  text-align: center;
  background-color: #f9f9f9;
}
.none a {
  color: #010101;
}
.none.type2 {
  padding: 75px 0 73px;
  background: none;
  color: #999;
}
.none.type3 {
  padding: 39px 0;
}
.none.type3 .ico_closed_lec {
  position: relative;
  top: 2px;
  margin-right: 7px;
}
.none.type4, .none.nobg {
  background: none;
}

p.none {
  margin: 0;
}

.user_info {
  display: inline-block;
}
.user_info .thumb {
  min-width: 24px;
  min-height: 24px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/icon-thumb-24.svg) no-repeat;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
  display: inline-block;
  position: relative;
  text-indent: 0;
  vertical-align: middle;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  overflow: hidden;
}
.user_info .thumb::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 1px rgba(0, 0, 0, 0.08);
}
.user_info .username, .user_info .time, .user_info a, .user_info button {
  display: inline-block;
  margin-top: 0;
  vertical-align: middle;
}
.user_info .username {
  position: relative;
  color: #2a2c2f;
  font-size: 13px;
  line-height: 15px;
  text-decoration: none;
  margin-left: 8px;
}
.user_info .time {
  margin-left: 17px;
  font-size: 12px;
  line-height: 13px;
  color: #72757a;
  position: relative;
}
.user_info .time::before {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background-color: #e0e0e0;
  position: absolute;
  top: 2.5px;
  left: -9px;
}
.user_info a, .user_info button {
  margin: 0;
  padding: 0;
  font-size: 11px;
  color: #999;
}

.upload_progress {
  position: relative;
  display: table;
  min-height: 150px;
  background: #f7f7f7;
  cursor: default;
  width: 100%;
}
.upload_progress .inner {
  text-align: center;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.upload_progress .inner strong {
  display: block;
  margin-bottom: 9px;
  font-weight: normal;
  color: #333;
  text-align: center;
}
.upload_progress .inner .wrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 400px;
  height: 6px;
  margin: 0 auto 5px;
  background: #A7A7A7;
  font-size: 0;
  line-height: 0;
  text-align: left;
}
.upload_progress .inner .wrap span {
  position: relative;
  display: block;
  z-index: 10;
  height: 100%;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_progress_vod.png) repeat-y;
}
.upload_progress .inner .wrap .mask {
  position: absolute;
  z-index: 20;
  width: 100%;
  background: none !important;
  border: 1px solid #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=15);
  opacity: 0.15;
}
.upload_progress .inner .check_info {
  text-align: center;
}
.upload_progress .inner .check_info:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_convert);
  background-repeat: no-repeat;
  background-position: -117px -443px;
  width: 64px;
  height: 80px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: block;
  margin: 0 auto 16px;
  content: "";
}
.upload_progress .inner .check_info .check_sjt {
  margin: 0;
  font-size: 16px;
  color: #00c73c;
  letter-spacing: -1px;
  line-height: 24px;
}
.upload_progress .inner .check_info .check_dsc {
  margin-top: 16px;
  font-size: 14px;
  color: #666;
  letter-spacing: -1px;
  text-align: center;
}
.upload_progress.modal_progress {
  height: 161px;
  background: #FFF;
}
.upload_progress.modal_progress .wrap {
  height: 16px;
  margin: 0 40px;
}
.upload_progress + .txt_desc {
  margin-top: 4px;
}

.loading {
  overflow: hidden;
  position: relative;
  display: table;
  width: 100%;
  height: 149px;
  background: #F7F7F7;
}
.loading > span {
  display: table-cell;
  line-height: 1;
  color: #ffae00;
  text-align: center;
  vertical-align: middle;
}
.loading > span strong {
  overflow: hidden;
  position: absolute !important;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
}
.loading > span:before {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sp_loading.png) no-repeat 0 0;
  content: "";
}
.loading > span.step1:before {
  background-position: 0 0;
}
.loading > span.step2:before {
  background-position: 0 -68px;
}
.loading > span.step3:before {
  background-position: 0 -136px;
}
.loading > span.step4:before {
  background-position: 0 -204px;
}
.loading > span.step5:before {
  background-position: 0 -272px;
}
.loading > span.step6:before {
  background-position: 0 -340px;
}
.loading > span.step7:before {
  background-position: -68px 0;
}
.loading > span.step8:before {
  background-position: -68px -68px;
}
.loading > span.step9:before {
  background-position: -68px -136px;
}
.loading > span.step10:before {
  background-position: -68px -204px;
}
.loading > span.step11:before {
  background-position: -68px -272px;
}
.loading > span.step12:before {
  background-position: -68px -340px;
}
.loading > span.step13:before {
  background-position: -136px 0;
}
.loading > span.step14:before {
  background-position: -136px -68px;
}
.loading > span.step15:before {
  background-position: -136px -136px;
}
.loading > span.step16:before {
  background-position: -136px -204px;
}
.loading > span.step17:before {
  background-position: -136px -272px;
}
.loading > span.step18:before {
  background-position: -136px -340px;
}
.loading > span.step19:before {
  background-position: -204px 0;
}
.loading > span.step20:before {
  background-position: -204px -68px;
}
.loading > span.step21:before {
  background-position: -204px -136px;
}
.loading > span.step22:before {
  background-position: -204px -204px;
}
.loading > span.step23:before {
  background-position: -204px -272px;
}
.loading > span.step24:before {
  background-position: -204px -340px;
}
.loading.type2 {
  height: 30px;
  background: transparent;
}
.loading.type2 > span:before {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/loading_s.gif) no-repeat 0 0;
  content: "";
}
.loading.fullscreen {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.profile_el,
.profile_el2 {
  display: block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  margin-top: -1px;
  line-height: 27px;
}
.profile_el .thum,
.profile_el2 .thum {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof2);
  background-repeat: no-repeat;
  background-position: -839px -770px;
  width: 25px;
  height: 25px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: relative;
  margin: 0 9px 0 5px;
  vertical-align: top;
  text-indent: 0;
}

.profile_el2 a, .profile_el2.dn a {
  position: relative;
  width: auto !important;
  max-width: 80%;
  padding-right: 21px !important;
}
.profile_el2 a:after, .profile_el2.dn a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr5_dn);
  background-repeat: no-repeat;
  background-position: -665px -467px;
  width: 11px;
  height: 6px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: none;
  position: absolute;
  top: 7px;
  right: 0;
}
.profile_el2 a:hover {
  color: #010101;
  text-decoration: none;
}
.profile_el2 a:hover:after {
  display: inline-block;
}
.profile_el2.dn a:after {
  display: inline-block;
}
.profile_el2 a:focus {
  text-decoration: none;
}
.profile_el2.up a {
  color: #010101;
}
.profile_el2.up a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr5);
  background-repeat: no-repeat;
  background-position: -680px -467px;
  width: 11px;
  height: 6px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.txt_el {
  display: block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}

.txt_el2 {
  display: block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  width: 90px;
  margin: 0 auto;
}

.card_area:before, .card_area:after {
  display: table;
  clear: both;
  content: " ";
}
.card_area {
  overflow: hidden;
}
.card_area .card {
  float: left;
  position: relative;
  width: 300px;
  margin: 20px 20px 0 0;
  background: #fff;
}
.card_area .card a {
  position: relative;
  display: block;
  text-decoration: none;
}
.card_area .card a:hover .private {
  display: block;
}
.card_area .card .img_wrap {
  position: relative;
  overflow: hidden;
  height: 166px;
  background-color: #999;
}
.card_area .card .img_wrap:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_noimg);
  background-repeat: no-repeat;
  background-position: -150px -668px;
  width: 46px;
  height: 45px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -23px;
  margin-left: -23px;
}
.card_area .card .img_wrap.bgnone:before {
  display: none;
}
.card_area .card .img_wrap.bgnone:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=10);
  opacity: 0.1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: block;
  border: 1px solid #000;
  content: "";
  z-index: 10;
}
.card_area .card .img_wrap .private {
  z-index: 30;
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
}
.card_area .card .img_wrap .private:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_private);
  background-repeat: no-repeat;
  background-position: -710px -180px;
  width: 53px;
  height: 64px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 37px 0 4px 0;
}
.card_area .card .img_wrap .private strong {
  display: block;
  font-size: 16px;
  color: #FFF;
}
.card_area .card .img_wrap .private .bg {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=90);
  opacity: 0.9;
  z-index: -1;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.card_area .card .img_wrap img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: top;
}
.card_area .card .info {
  position: relative;
  height: 132px;
  padding: 16px 19px 9px;
  border: 1px solid #e8e8e8;
  border-top: none;
}
.card_area .card .info .tit {
  overflow: hidden;
  max-height: 44px;
  margin: 0;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 22px;
  color: #333;
  font-weight: 700;
}
.card_area .card .info .term {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  display: block;
  height: 24px;
  margin-top: 3px;
  font-size: 12px;
  color: #999;
}
.card_area .card .info .bar {
  color: #e6e6e6;
}
.card_area .card .info .label {
  position: relative;
  top: -2px;
  left: 2px;
}
.card_area .card .ico_lecture_private {
  position: relative;
  top: 3px;
  margin: 0 0 0 4px;
  vertical-align: top;
}
.card_area .card .count_info {
  height: 30px;
  padding: 3px 20px 0;
  border: 1px solid #e8e8e8;
  border-top: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.card_area .card .count_info [class^=count_] {
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
}
.card_area .card .count_info [class^=count_] + [class^=count_] {
  margin-left: 20px;
}
.card_area .card .count_info [class^=count_]:before {
  display: inline-block;
  margin: 2px 5px 0 0;
  content: "";
  vertical-align: top;
}
.card_area .card .count_info .count_like:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_count_like);
  background-repeat: no-repeat;
  background-position: -901px -669px;
  width: 12px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.card_area .card .count_info .count_observe:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_count_observe);
  background-repeat: no-repeat;
  background-position: -720px -841px;
  width: 14px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.card_area .card2 {
  float: left;
  position: relative;
  width: 300px;
  margin: 20px 20px 0 0;
  background: #fff;
}
.card_area .card2 a {
  position: relative;
  display: block;
  text-decoration: none;
}
.card_area .card2 a:hover .private {
  display: block;
}
.card_area .card2 .img_wrap {
  position: relative;
  overflow: hidden;
  height: 132px;
  background-color: #999;
}
.card_area .card2 .img_wrap:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_noimg);
  background-repeat: no-repeat;
  background-position: -150px -668px;
  width: 46px;
  height: 45px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -23px;
  margin-left: -23px;
}
.card_area .card2 .img_wrap.bgnone:before {
  display: none;
}
.card_area .card2 .img_wrap.bgnone:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=10);
  opacity: 0.1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: block;
  border: 1px solid #000;
  content: "";
  z-index: 10;
}
.card_area .card2 .img_wrap .private {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
  text-align: center;
}
.card_area .card2 .img_wrap .private:before {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_private);
  background-repeat: no-repeat;
  background-position: -710px -180px;
  width: 53px;
  height: 64px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 18px 0 4px;
}
.card_area .card2 .img_wrap .private strong {
  display: block;
  font-size: 16px;
  color: #FFF;
}
.card_area .card2 .img_wrap .private .bg {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=90);
  opacity: 0.9;
  z-index: -1;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.card_area .card2 .img_wrap img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: top;
}
.card_area .card2 .info {
  position: relative;
  height: 134px;
  padding: 15px 19px 0;
  border: 1px solid #e8e8e8;
  border-top: none;
  line-height: 23px;
}
.card_area .card2 .info .tit {
  display: block;
  overflow: hidden;
  height: 44px;
  margin: 0 0 15px;
  font-size: 14px;
  letter-spacing: -1px;
  color: #333;
  font-weight: 700;
}
.card_area .card2 .info .from,
.card_area .card2 .info .date {
  font-size: 12px;
  display: block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.card_area .card2 .info .from {
  color: #999;
}
.card_area .card2 .info .label {
  position: relative;
  top: -2px;
  left: 2px;
}
.card_area .card2 .ico_lecture_private {
  position: relative;
  top: 3px;
  margin: 0 0 0 4px;
  vertical-align: top;
}

.lecture_list_area {
  overflow: hidden;
}
.lecture_list_area .lecture_list_title {
  overflow: hidden;
  margin-bottom: 16px;
}
.lecture_list_area .lecture_list_title .h_title {
  float: left;
  font-size: 24px;
  font-weight: 600;
  color: #010101;
  letter-spacing: -1.5px;
}
.lecture_list_area .lecture_list_title .btn_prev_next {
  float: right;
  margin-top: 9px;
}
.lecture_list_area .bx-wrapper {
  max-width: 1080px;
  margin: 0 !important;
}
.lecture_list_area .more_area {
  margin-top: 15px;
}
.lecture_list_area .lecture_list {
  overflow: hidden;
  margin: 0 -12px;
}
.lecture_list_area .lecture_list li {
  float: left;
  margin: 0 12px 26px;
}
.lecture_list_area .lecture_list_slide {
  margin: 0 -12px;
}
.lecture_list_area .lecture_list_slide:after {
  display: table;
  clear: both;
  content: "";
}
.lecture_list_area .lecture_list_slide li {
  float: left;
  margin: 0 12px 26px;
}
.lecture_list_area .srch_none {
  padding: 70px 0;
  font-size: 16px;
  text-align: center;
}
.lecture_list_area .lecture_card {
  background-color: #fff;
}

.lecture_card {
  position: relative;
  width: 252px;
  letter-spacing: -1px;
  height: 308px;
}
.lecture_card.hover .preview .private {
  display: block;
}
.lecture_card .lnk_lecture {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lecture_card .preview {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 138px;
  background-color: #999;
}
.lecture_card .preview:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_noimg);
  background-repeat: no-repeat;
  background-position: -150px -668px;
  width: 46px;
  height: 45px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -23px;
  margin-left: -23px;
}
.lecture_card .preview .mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: alpha(opacity=10);
}
.lecture_card .preview .private {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
}
.lecture_card .preview .private strong {
  display: block;
  position: relative;
  font-size: 16px;
  color: #FFF;
}
.lecture_card .preview .private strong:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_private);
  background-repeat: no-repeat;
  background-position: -710px -180px;
  width: 53px;
  height: 64px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: block;
  margin: 24px auto 4px;
}
.lecture_card .preview .private .bg {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=90);
  opacity: 0.9;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #434a54;
}
.lecture_card .preview img {
  position: relative;
  width: 100%;
  background-color: #fff;
  vertical-align: top;
}
.lecture_card .lecture_info {
  position: relative;
  height: 122px;
  padding: 15px 16px 14px;
}
.lecture_card .lecture_info dt {
  overflow: hidden;
  max-height: 42px;
  font-weight: bold;
  line-height: 21px;
  color: #333;
}
.lecture_card .lecture_info dd {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  font-size: 12px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  line-height: 15px;
}
.lecture_card .lecture_info .name {
  overflow: hidden;
  height: 15px;
  margin-top: 2px;
  color: #999;
}
.lecture_card .lecture_info .name [class^=txt_] + [class^=txt_]:before {
  display: inline-block;
  width: 1px;
  height: 8px;
  margin: 3px 8px 0 5px;
  background-color: #e5e5e5;
  vertical-align: top;
  content: "";
}
.lecture_card .lecture_info .date {
  overflow: hidden;
  height: 15px;
  padding-right: 20px;
  color: #666;
}
.lecture_card .lecture_info .date .standby:before {
  display: inline-block;
  width: 1px;
  height: 11px;
  margin: 2px 8px 0 7px;
  background-color: #dedede;
  vertical-align: top;
  content: "";
}
.lecture_card .count_info {
  height: 29px;
  padding: 3px 16px 0;
  border-top: 1px solid #e8e8e8;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.lecture_card .count_info [class^=count_] {
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
}
.lecture_card .count_info [class^=count_] + [class^=count_] {
  margin-left: 25px;
}
.lecture_card .count_info [class^=count_]:before {
  display: inline-block;
  margin: 2px 5px 0 0;
  content: "";
  vertical-align: top;
}
.lecture_card .count_info .count_like:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_count_like);
  background-repeat: no-repeat;
  background-position: -901px -669px;
  width: 12px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.lecture_card .count_info .count_observe:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_count_observe);
  background-repeat: no-repeat;
  background-position: -720px -841px;
  width: 14px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.lecture_card .badge {
  display: inline-block;
  width: 60px;
  height: 16px;
  margin: 16px 16px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #fff;
  background-color: #00c73c;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0;
}
.lecture_card .badge + .lecture_info {
  padding-top: 1px;
  height: 97px;
}

/* full_lecture.scss */
.profile_min {
  position: absolute;
  bottom: 9px;
  left: 19px;
  display: block;
  height: 35px;
  color: #666;
  font-size: 13px;
}
.profile_min .txt_el {
  display: inline-block;
  overflow: hidden;
  max-width: 215px;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  vertical-align: middle;
  letter-spacing: -1px;
}
.profile_min .txt_el.multi {
  max-width: 200px;
}
.profile_min .txt_count {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}
.profile_min .thum {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof);
  background-repeat: no-repeat;
  background-position: -672px -761px;
  width: 35px;
  height: 35px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}
.profile_min .thum img {
  position: absolute;
  top: 0;
  left: 0;
}
.profile_min .prof {
  margin-left: 10px;
}
.profile_min .bar {
  margin: 0 2px;
  color: #e6e6e6;
}

.full_lecture {
  position: relative;
  width: 1260px;
  margin: 0 auto;
}
.full_lecture._wrap_search {
  padding-bottom: 65px;
}
.full_lecture + .full_lecture {
  margin-top: 60px;
}
.full_lecture .btn_top {
  bottom: 0;
}
.full_lecture .course_area:before, .full_lecture .course_area:after {
  display: table;
  clear: both;
  content: " ";
}
.full_lecture .course_area {
  margin: 12px 0 0;
  overflow: hidden;
}
.full_lecture .course_area .card_area {
  clear: both;
  margin: 0 -20px 0 0;
}
.full_lecture .course_area .course_cnt {
  font-size: 12px;
  color: #010101;
}
.full_lecture .course_area .course_cnt.type2 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -1px;
}
.full_lecture .course_area .nav_text li a,
.full_lecture .course_area .nav_text li button {
  margin-left: 8px;
  padding: 3px 0 1px;
}
.full_lecture .more_area {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  line-height: 42px;
}
.full_lecture .more_area .btn_more {
  display: inline-block;
  width: 184px;
  height: 58px;
  border: 1px solid #d8d8d8;
  color: #656565;
  font-size: 18px;
  line-height: 58px;
  text-decoration: none;
}
.full_lecture p.none {
  margin-top: 20px;
  background-color: #f7f7f7;
}

.btn_prev_next {
  font-size: 0;
}
.btn_prev_next .bx-prev,
.btn_prev_next .bx-next {
  vertical-align: top;
}
.btn_prev_next .bx-prev {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_lec_prev_on);
  background-repeat: no-repeat;
  background-position: -839px -276px;
  width: 28px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn_prev_next .bx-prev.disabled {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_lec_prev);
  background-repeat: no-repeat;
  background-position: -839px -308px;
  width: 28px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn_prev_next .bx-next {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_lec_next_on);
  background-repeat: no-repeat;
  background-position: -839px -212px;
  width: 28px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn_prev_next .bx-next.disabled {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_lec_next);
  background-repeat: no-repeat;
  background-position: -839px -244px;
  width: 28px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn_prev_next .bx-next {
  margin-left: -1px;
}

.full_lecture_wrap {
  position: relative;
  width: 1080px;
  margin: 45px auto 0;
}

#content .sns_area .sns_layer {
  left: 0px;
  right: auto;
  top: auto;
  bottom: 44px;
}

.sns_area {
  display: inline-block;
  position: relative;
  margin: 0;
}
.sns_area .btn_type2 {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sns_area .sns_layer {
  display: none;
  position: absolute;
  top: 48px;
  right: 0px;
  width: 288px;
  height: auto;
  padding: 7px 6px 0 7px;
  background-color: #fff;
  border: none;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0px 16px 16px -8px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 16px 16px -8px rgba(0, 0, 0, 0.16);
  text-align: center;
  z-index: 20;
}
.sns_area .sns_layer.on {
  display: block;
}
.sns_area .sns_layer.on .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.sns_area .sns_layer.type2 {
  width: auto;
  min-width: 85px;
}
.sns_area .sns_layer .arrow {
  overflow: visible;
  display: block;
  position: absolute;
  top: -8px;
  left: 15px;
  width: 0;
  height: 0;
  margin-left: -12px;
  border-style: solid;
  border-width: 0 12px 8px 12px;
  border-color: transparent transparent #fff transparent;
  background: none;
}
.sns_area .sns_layer .arrow::after {
  display: block;
  position: absolute;
  top: 8px;
  left: -12px;
  width: 24px;
  height: 2px;
  background-color: #fff;
  content: "";
}
.sns_area .sns_layer .inner {
  height: 100%;
  white-space: nowrap;
}
.sns_area .sns_layer .inner:after {
  display: block;
  clear: both;
  content: "";
}
.sns_area .sns_layer a {
  overflow: hidden;
  display: block;
  position: relative;
  float: left;
  height: 52px;
  margin: 0;
  color: rgba(0, 0, 0, 0);
  clip: rect(0 0 0 0);
  line-height: 100px;
  text-indent: -100px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.sns_area .sns_layer a::before {
  display: block !important;
  margin: 16px 17px 0 16px;
  content: "";
}
.sns_area .sns_layer a:last-of-type::after {
  display: none;
}
.sns_area .sns_layer .ico_url::before {
  margin: 20px 17px 0 16px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-sns-url);
  background-repeat: no-repeat;
  background-position: -753px -608px;
  width: 31px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.sns_area .sns_layer .ico_band::before {
  margin-top: 17px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-sns-band);
  background-repeat: no-repeat;
  background-position: -684px -406px;
  width: 48px;
  height: 18px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.sns_area .sns_layer .ico_facebook::before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-sns-facebook);
  background-repeat: no-repeat;
  background-position: -575px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin: 16px 22px 0 23px;
}
.sns_area .sns_layer .ico_twitter::before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-sns-twitter);
  background-repeat: no-repeat;
  background-position: -753px -328px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin-top: 10px;
}
.sns_area .sns_layer .ico_linkedin::before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/sprite/sp_icon.png);
  -webkit-background-size: 913px 901px;
          background-size: 913px 901px;
  background-position: -876px -718px;
  width: 20px;
  height: 20px;
  margin-left: 16px;
}
.sns_area .sns_layer .sns_subtext {
  color: #828c96;
  font-size: 11px;
  line-height: 16px;
  white-space: normal;
  text-align: left;
  padding: 8px 17px 16px 17px;
}
.partner_spot .info_wrap .sns_area {
  z-index: 30;
  position: absolute;
  right: 38px;
  bottom: 20px;
}
.partner_spot .info_wrap .sns_area .btn {
  border: 0;
}
.partner_spot .info_wrap .sns_area .sns_layer {
  top: 36px;
  right: -38px;
  left: auto;
}

#header .lecture_sub_tool .sns_area .sns_layer {
  top: 31px;
  left: auto;
  right: -17px;
}
#header .lecture_sub_tool .sns_area .sns_layer .arrow {
  left: auto;
  right: 15px;
  margin: 0;
}

.lecture_complete .sns_area .share {
  padding-top: 0;
}

.lecture_complete .sns_area .sns_layer {
  top: 52px !important;
  left: 0 !important;
  width: 320px;
  height: 68px;
  padding: 7px 0 0;
  background-color: #fff;
  border: none;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.08);
  z-index: 20;
}
.lecture_complete .sns_area .sns_layer .arrow {
  left: 50%;
  margin-left: -12px;
}

.move_cursor {
  cursor: move;
}

.nmv-container {
  height: 100%;
}

.req {
  font-size: 12px;
  color: #FDAD2A;
}

sup.req {
  top: -2px;
}

.score_area {
  margin: 35px 0 9px;
  text-align: right;
}
.score_area .go {
  float: left;
  color: #333;
}
.score_area .go:after {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_help_link);
  background-repeat: no-repeat;
  background-position: -515px -841px;
  width: 15px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
  margin: -1px 0 1px 9px;
}
.score_area strong {
  position: relative;
  top: 1px;
  color: #333;
}

.ico_tag {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_tag);
  background-repeat: no-repeat;
  background-position: -901px -354px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.txt_tag a {
  display: inline-block;
  color: #666;
  line-height: 14px;
  font-size: 13px;
  padding: 8px 16px;
  border: 1px solid #f0f0f0;
  white-space: nowrap;
  margin: 8px 8px 0 0;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}

.tag_lst {
  padding-top: 12px;
  line-height: 20px;
}
.tag_lst .ico_tag {
  float: left;
  margin: 19px 6px 0 0;
}
.tag_lst .txt_tag {
  overflow: hidden;
}
.tag_lst + .group_lr {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #f0f0f0;
}

.thmb {
  position: relative;
  display: inline-block;
}
.thmb img {
  vertical-align: top;
}
.thmb.bdr:before {
  content: "";
  border: 1px solid #000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=10);
  opacity: 0.1;
  z-index: 20;
}
.thmb .mask {
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 10;
}
.thmb .ico_vod {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_vod);
  background-repeat: no-repeat;
  background-position: -734px -718px;
  width: 34px;
  height: 34px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -17px 0 0 -17px;
  z-index: 30;
}

.hl {
  font-weight: 600;
  color: #333;
}

.bar {
  margin: -1px 6px 1px;
  display: inline-block;
  width: 1px;
  height: 11px;
  background: #ddd;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
  vertical-align: middle;
}

.box_area {
  padding: 20px;
  border: 1px solid #d1d1d1;
}
.box_area h2 {
  margin-top: 0;
}
.box_area strong {
  line-height: 25px;
}
.box_area dl:before, .box_area dl:after {
  display: table;
  clear: both;
  content: " ";
}
.box_area dl {
  margin: 0;
}
.box_area dl dt {
  float: left;
  margin-right: 30px;
  color: #333;
}
.box_area dl dd {
  overflow: hidden;
}
.box_area.tag {
  padding: 10px 20px;
}
.box_area.tag dl dt {
  width: 115px;
  margin-right: 0;
}

.more_area .btn.btn_type10 {
  font-size: 16px;
}
.more_area .btn.btn_type10:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr10_dn);
  background-repeat: no-repeat;
  background-position: -474px -507px;
  width: 20px;
  height: 9px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.tit_area .tit {
  display: inline;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #010101;
}
.tit_area .sort_lst li {
  display: inline-block;
}
.tit_area .sort_lst li button {
  display: inline-block;
  padding: 7px 6px 1px;
  font-size: 14px;
  color: #999;
  vertical-align: top;
}
.tit_area .sort_lst li button:hover {
  text-decoration: underline;
}
.tit_area .sort_lst li button.on:hover {
  text-decoration: none;
}
.tit_area .sort_lst li button:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_checked3_default);
  background-repeat: no-repeat;
  background-position: -299px -704px;
  width: 13px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  top: -2px;
  margin-right: 8px;
}
.tit_area .sort_lst li.on button {
  color: #000;
}
.tit_area .sort_lst li.on button:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_checked3);
  background-repeat: no-repeat;
  background-position: -316px -704px;
  width: 13px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.tit_area ~ .lst_ty {
  margin-top: 24px;
}

.mooc_spot {
  position: relative;
  width: 100%;
  min-width: 980px;
  max-width: 1920px;
  margin: 0 auto 28px;
  background-color: #fff;
}
.mooc_spot .slide_wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.mooc_spot .slide_wrap .btn {
  border: 0;
  z-index: 20;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60px;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
}
.mooc_spot .slide_wrap .btn .bg {
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.mooc_spot .slide_wrap .btn .ico {
  position: absolute;
  margin: -14px 0 0;
  top: 50%;
  z-index: 300;
}
.mooc_spot .slide_wrap .btn.prev {
  left: 0;
}
.mooc_spot .slide_wrap .btn.prev .ico {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prev3);
  background-repeat: no-repeat;
  background-position: -876px -542px;
  width: 14px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  left: 23px;
}
.mooc_spot .slide_wrap .btn.next {
  right: 0;
}
.mooc_spot .slide_wrap .btn.next .ico {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_next3);
  background-repeat: no-repeat;
  background-position: -876px -510px;
  width: 14px;
  height: 28px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  right: 23px;
}
.mooc_spot .slide_wrap .bx-viewport {
  height: 240px;
}
.mooc_spot .slide_wrap .items {
  overflow: hidden;
  position: relative;
  z-index: 10;
  height: 240px;
}
.mooc_spot .slide_wrap .item {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 240px;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.mooc_spot .slide_wrap .item:before, .mooc_spot .slide_wrap .item:after {
  display: table;
  clear: both;
  content: " ";
}
.mooc_spot .slide_wrap .item .inner {
  position: relative;
  margin: 134px auto 0;
  padding: 0 60px;
  width: 1260px;
}
.mooc_spot .slide_wrap .item .inner:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_spot_arrow);
  background-repeat: no-repeat;
  background-position: -498px -507px;
  width: 22px;
  height: 7px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 26px 0 0 0;
}
.mooc_spot .slide_wrap .item .inner p {
  margin: 0;
}
.mooc_spot .slide_wrap .item .inner .tit {
  font-size: 36px;
  letter-spacing: -1px;
  color: #FFF;
}
.mooc_spot .slide_wrap .item .inner .desc {
  font-size: 16px;
  letter-spacing: -1px;
  line-height: 1.3;
  color: #FFF;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.mooc_spot .slide_wrap .item.bg_only:before, .mooc_spot .slide_wrap .item.normal:before, .mooc_spot .slide_wrap .item.course:before, .mooc_spot .slide_wrap .item.notification:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/silde_item_dimmed.png) repeat-x 0 0;
  content: "";
}
.mooc_spot .slide_wrap .item.intro:before, .mooc_spot .slide_wrap .item.event:before {
  display: none !important;
}
.mooc_spot .slide_wrap .item.course {
  padding: 0;
}
.mooc_spot .slide_wrap .item.bg_only * {
  visibility: hidden;
}
.mooc_spot .slide_wrap .item.half {
  float: left;
  width: 50%;
  background-position: 0 0;
}
.mooc_spot .slide_wrap .item.half .inner {
  margin: 172px 0 0;
  width: auto;
}
.mooc_spot .slide_wrap .item.half .inner .tit {
  margin: 0 0 9px;
  font-size: 28px;
  line-height: 36px;
}
.mooc_spot .slide_wrap .item.half .inner .desc {
  font-size: 14px;
}
.mooc_spot .slide_wrap .item.half .inner:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_spot_arrow2);
  background-repeat: no-repeat;
  background-position: -607px -467px;
  width: 18px;
  height: 6px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 16px 0 0 0;
}
.mooc_spot .slide_wrap .item.half.course .inner:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_spot_lecture2);
  background-repeat: no-repeat;
  background-position: 0px -718px;
  width: 50px;
  height: 39px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 0 0 6px 0;
}
.mooc_spot .slide_wrap .item.half.notification .inner:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_spot_notice2);
  background-repeat: no-repeat;
  background-position: -354px -761px;
  width: 35px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 0 0 6px 0;
}
.mooc_spot .slide_wrap .item._half, .mooc_spot .slide_wrap .item._half + .half {
  float: none;
  width: 100%;
  background-position: 0 0;
}
.mooc_spot .slide_wrap .item a {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 999px;
}
.mooc_spot .slide_wrap .bx-has-pager {
  position: absolute;
  z-index: 20;
  width: 100%;
  bottom: 40px;
  line-height: 0;
}
.mooc_spot .slide_wrap .bx-has-pager .bx-pager {
  width: 1080px;
  margin: 0 auto;
  text-align: right;
}
.mooc_spot .slide_wrap .bx-has-pager .bx-pager-item {
  display: inline-block;
}
.mooc_spot .slide_wrap .bx-has-pager .bx-pager-item .bx-pager-link {
  display: inline-block;
  overflow: hidden;
  width: 6px;
  height: 6px;
  margin: 0 2px;
  background-color: #fff;
  font-size: 1px;
  line-height: 1px;
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.mooc_spot .slide_wrap .bx-has-pager .bx-pager-item .bx-pager-link.active {
  width: 30px;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mooc_spot .line {
  width: 100%;
  background: #00c73c;
  background: -webkit-linear-gradient(right, #0FD2C8, #00c73c);
  background: -webkit-gradient(linear, right top, left top, from(#0FD2C8), to(#00c73c));
  background: linear-gradient(to left, #0FD2C8, #00c73c);
  height: 4px;
  overflow: hidden;
}
.mooc_spot .srch_wrap {
  border-bottom: 1px solid #e1e1e1;
  padding: 30px 40px;
}
.mooc_spot .srch_wrap .mnu {
  width: 940px;
  margin: 0 auto -1px;
  text-align: center;
}
.mooc_spot .srch_wrap .mnu li {
  margin: 0 14px;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
}
.mooc_spot .srch_wrap .mnu li a {
  display: inline-block;
  color: #666;
}
.mooc_spot .srch_wrap .mnu li span {
  display: inline-block;
  border-bottom: 3px solid transparent;
  min-width: 60px;
  padding: 0 7px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.mooc_spot .srch_wrap .mnu li.on a {
  color: #333;
  font-weight: 700;
}

.flip_learning_apply {
  position: relative;
  width: 1160px;
  height: 104px;
  margin: 40px auto 71px;
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_main_flip_apply.png);
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.flip_learning_apply .lnk_apply {
  display: block;
  position: absolute;
  left: 40px;
  right: 40px;
  top: 0;
  bottom: 0;
}

.boost_c_banner {
  overflow: hidden;
  position: relative;
  width: 1080px;
  height: 128px;
  margin: 40px auto 71px;
}
.boost_c_banner a {
  display: block;
}
.boost_c_banner img {
  vertical-align: top;
}
.boost_c_banner .boost_c_apply {
  float: left;
}
.boost_c_banner .flip_apply {
  float: right;
}

.interwork_agreement_area {
  padding-top: 100px;
  text-align: center;
}
.interwork_agreement_area .request_info {
  margin-top: 22px;
}
.interwork_agreement_area .request_info dt {
  font-size: 16px;
  color: #333;
}
.interwork_agreement_area .request_info dd {
  font-size: 14px;
  color: #666;
}
.interwork_agreement_area .dsc_permission {
  margin-top: 25px;
  font-size: 14px;
  line-height: 1.71;
  color: #999999;
}
.interwork_agreement_area .dsc_permission em {
  color: #19c02e;
}
.interwork_agreement_area .choice_box {
  padding: 36px 0;
}
.interwork_agreement_area .choice_box [class^=btn] {
  display: inline-block;
  margin: 0 3px 0 2px;
  width: 151px;
  height: 54px;
  background-color: #88888d;
  font-size: 18px;
  color: #fff;
  line-height: 54px;
  vertical-align: top;
  text-decoration: none;
}
.interwork_agreement_area .choice_box .btn_pms {
  background-color: #00c73c;
}

.lecture_count:before, .lecture_count:after {
  display: table;
  clear: both;
  content: " ";
}
.lecture_count {
  font-size: 12px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  color: #666;
  letter-spacing: 0;
}
.lecture_count .favorite, .lecture_count .student {
  float: left;
  width: 67px;
  background-color: rgba(0, 0, 0, 0);
  z-index: 100;
}
.lecture_count .favorite [class*=ic], .lecture_count .student [class*=ic] {
  margin: -2px 8px 0 0;
  vertical-align: middle;
}
.lecture_count .level {
  float: right;
}
.lecture_count .level .icon {
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  font-size: 0;
  vertical-align: -1px;
}
.lecture_count .level .icon .level_bg {
  display: inline-block;
  width: 3px;
  height: 7px;
  margin-left: 2px;
  -webkit-border-radius: 0.5px;
          border-radius: 0.5px;
  background-color: #eaeaea;
}
.lecture_count .level .icon .level_bg:first-child {
  height: 4px;
  margin: 0;
  background-color: #709ce0;
}
.lecture_count .level .icon .level_bg:last-child {
  height: 10px;
}
.lecture_count .level .icon.level2 .level_bg:nth-child(2), .lecture_count .level .icon.level3 .level_bg:nth-child(2) {
  background-color: #709ce0;
}
.lecture_count .level .icon.level3 .level_bg:last-child {
  background-color: #709ce0;
}

body.hide_scroll {
  overflow: hidden;
}

.dimm_mask {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=60);
  opacity: 0.6;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  z-index: 10000;
}

.intro_pop_scroll {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  font-size: 0;
  padding: 30px 0;
  z-index: 11000;
  text-align: center;
  white-space: nowrap;
}
.intro_pop_scroll .intro_pop {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.intro_pop_scroll:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.intro_pop {
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 240px;
  width: 880px;
  height: 480px;
  margin-left: -440px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/pop_intro.png) no-repeat;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 32px 32px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 32px 32px 0 rgba(0, 0, 0, 0.08);
  z-index: 11000;
}
.intro_pop .close {
  position: absolute;
  right: 24px;
  top: 24px;
  width: 24px;
  height: 24px;
}
.intro_pop .link {
  position: absolute;
  left: 80px;
  top: 336px;
  width: 240px;
  height: 64px;
}
.intro_pop .ick {
  padding-left: 28px;
}
.intro_pop .ick .checkbox {
  vertical-align: top;
  width: 20px;
  height: 20px;
  top: 0;
  background: transparent;
  border: 1px solid #d0d6d9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.intro_pop .ick .checkbox.checked {
  width: 20px;
  height: 20px;
  background: #00c73c;
  border: 0;
}
.intro_pop .ick .checkbox.checked:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-terms-ick-big);
  background-repeat: no-repeat;
  background-position: -631px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.intro_pop .ick .ph {
  font-size: 16px;
  line-height: 20px;
}
.intro_pop.inspect {
  top: 50%;
  margin: -220px 0 0 -440px;
  padding: 80px 80px 36px;
  background-image: none;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  text-align: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.intro_pop.inspect:after {
  position: absolute;
  bottom: 56px;
  right: 40px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_inspect);
  background-repeat: no-repeat;
  background-position: -400px 0px;
  width: 368px;
  height: 176px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  content: "";
}
.intro_pop.inspect .pop_title {
  font-size: 40px;
  font-weight: 700;
  color: #333;
  line-height: 48px;
}
.intro_pop.inspect .pop_text {
  padding-top: 24px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
}
.intro_pop.inspect .pop_text em {
  font-weight: 700;
  color: #00c73c;
}
.intro_pop.inspect .pop_guide {
  padding-top: 75px;
  font-size: 12px;
  color: #999;
  line-height: normal;
}
.intro_pop.inspect .ick {
  position: absolute;
  left: 80px;
  bottom: 39px;
  padding-left: 0;
  line-height: normal;
}
.intro_pop.inspect .ick .checkbox {
  position: static;
  margin-right: 3px;
  padding: 0;
}
.intro_pop.inspect .close {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_popup_close);
  background-repeat: no-repeat;
  background-position: -233px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.intro_pop.service_end {
  height: auto;
  top: auto;
  left: auto;
  margin: 0;
  padding: 80px 80px;
  background-image: none;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  text-align: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.intro_pop.service_end.share {
  padding: 16px;
  width: 555px;
}
.intro_pop.service_end.share .ick .checkbox.checked {
  background: #5a646b;
}
.intro_pop.service_end.share .intro_pop_bottom {
  padding-top: 16px;
}
.intro_pop.service_end .pop_title {
  font-size: 48px;
  font-weight: 700;
  color: #333;
  line-height: 62px;
}
.intro_pop.service_end .pop_text {
  padding-top: 40px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
}
.intro_pop.service_end .pop_text em {
  font-weight: 700;
}
.intro_pop.service_end .pop_text em.point {
  color: #00c73c;
}
.intro_pop.service_end .ick {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
  margin-right: 20px;
}

.intro_pop_bottom {
  padding-top: 40px;
  text-align: right;
}
.intro_pop_bottom .btn_close {
  display: inline-block;
  vertical-align: top;
  min-width: 57px;
  height: 40px;
  padding: 0 10px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #25292f;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  text-align: bottom;
}

.re_pack .pop_container {
  position: fixed;
  bottom: 40px;
  right: 40px;
  -webkit-box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.04);
          box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.04);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  z-index: 10000;
  width: 320px;
}
.re_pack .pop_container .img_link {
  display: block;
  height: 200px;
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
  background: #00a5ff url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/img_main_pop_health.svg) 0 0 no-repeat;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
}
.re_pack .pop_container .btn_box {
  height: 48px;
  overflow: hidden;
  -webkit-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
  background-color: #fff;
}
.re_pack .pop_container .btn_box button {
  float: left;
  width: 50%;
  height: 100%;
  position: relative;
  color: #25292f;
  font-size: 13px;
}
.re_pack .pop_container .btn_box button + button::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background-color: #edf0f2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

body.full {
  min-width: 1160px;
}
body.full #header {
  min-width: auto;
}
body.full #header .gnb li.ic {
  display: block;
}
body.full #container {
  display: table;
  height: -webkit-calc(100vh + 83px);
  height: calc(100vh + 83px);
  min-height: auto;
  padding-bottom: 278px;
}
body.full #container #content {
  width: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 80px 0;
}
body.full #container #content .it input {
  height: 48px;
}
body.full #container #content .it.stretch .ph {
  top: 0;
  bottom: 0;
  margin: auto;
}
body.full #container #content h2.tit {
  margin: 0px 0 40px;
  font-size: 32px;
  line-height: 35px;
  font-weight: 700;
  color: #2a2c2f;
  text-align: center;
}
body.full #container #content h2.tit .sub {
  font-weight: normal;
  color: #999;
}
body.full #container #content .dsc {
  text-align: center;
  color: #72757a;
  font-size: 14px;
  line-height: 22px;
  margin: -16px 0 40px 0;
}
body.full #container #content h3.sub_tit {
  color: #25292f;
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 24px;
}
body.full #container #content .ipt_group {
  width: 320px;
}
body.full #container #content .ipt_group.mat-16 {
  margin-top: -16px;
}
body.full #container #content .mbr h2.tit, body.full #container #content .join h2.tit {
  margin: 0 0 24px;
  text-align: left;
}
body.full #container #content .mbr .dsc, body.full #container #content .join .dsc {
  margin: 0 auto 40px;
  text-align: left;
  padding-bottom: 40px;
  border-bottom: 1px solid #f0f0f0;
}
body.full #container #content .complete .top_icon {
  margin-bottom: 24px;
  text-align: center;
}
body.full #container #content .complete .top_icon i {
  display: inline-block;
  width: 80px;
  height: 80px;
  vertical-align: top;
}
body.full #container #content .complete h2.tit {
  line-height: 44px;
}
body.full #container #content .complete .dsc {
  color: #595c61;
}
body.full #container #content .complete .ipt_group {
  margin-top: -24px;
}
body.full #container #content .complete .ipt_group .btm {
  color: #8b8f94;
  font-size: 12px;
  line-height: 20px;
  margin-top: 16px;
  width: 500px;
  margin: 0 0 0 -95px;
}
body.full #container #content .complete .btn.btn_type1 {
  width: 320px;
  margin: 40px auto 0;
  line-height: 55px;
  text-decoration: none;
}
body.full #container #content .all_terms {
  display: block;
  height: auto;
  padding: 32px 0 32px 24px;
  border-top: 1px solid #bfc2c7;
  border-bottom: 1px solid #e8eaed;
}
body.full #container #content .terms_lst .ick .checkbox {
  background: none;
}
body.full #container #content .terms_lst .ick .checkbox.checked {
  background-image: none;
}
body.full #container #content .ick {
  padding-left: 32px;
  line-height: 15px;
}
body.full #container #content .ick .checkbox {
  top: -3px;
  width: 20px;
  height: 20px;
  border: 0;
  text-indent: unset;
}
body.full #container #content .ick .checkbox .icon {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
}
body.full #container #content .ick .checkbox .icon svg {
  position: absolute;
  top: 0;
  left: 0;
}
body.full #container #content .ick.big .checkbox {
  top: 0px;
  border: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-keep-login-box);
  background-repeat: no-repeat;
  background-position: -519px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.full #container #content .ick.big .checkbox.checked::after {
  top: 0px;
  left: 0px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-terms-ick-big);
  background-repeat: no-repeat;
  background-position: -631px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.full #container #content .ick.big .ph {
  font-size: 16px;
  line-height: 20px;
}
body.full #container #content .page.login .login_method_email .ipt_group .it.stretch input {
  border: 1px solid #d9dce0;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
body.full #container #content .page.login .login_method_email .ipt_group .it.stretch input.error_msg {
  border-color: #ff5230;
}
body.full #container #footer {
  bottom: 0;
}
body.full #container.landing #content {
  padding: 120px 0;
}
body.full #container.landing #content .landing_section .inner {
  width: 1080px;
  margin: 0 auto;
  overflow: hidden;
}
body.full #container.landing #content .landing_section .tit_box {
  float: left;
  width: 368px;
  text-align: left;
}
body.full #container.landing #content .landing_section .tit_box h2 {
  color: #25292f;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
}
body.full #container.landing #content .landing_section .tit_box h2 span {
  color: #00caf9;
}
body.full #container.landing #content .landing_section .tit_box p {
  color: #25292f;
  font-size: 13px;
  line-height: 20px;
  margin-top: 24px;
}
body.full #container.landing #content .landing_section .text_box {
  overflow: hidden;
  text-align: left;
}
body.full #container.landing #content .landing_section .text_box .title {
  color: #25292f;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 50px;
  position: relative;
}
body.full #container.landing #content .landing_section .text_box .title::after {
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  background-color: #00caf9;
  position: absolute;
  bottom: -26px;
  left: 0;
}
body.full #container.landing #content .landing_section .text_box .text {
  color: #595c61;
  font-size: 13px;
  line-height: 20px;
}
body.full #container.landing #content .landing_section .text_box .text + .text {
  margin-top: 24px;
}
body.full #container.landing #content .landing_section .text_box .link {
  display: inline-block;
  color: #00caf9;
  font-size: 13px;
  line-height: 14px;
  margin-top: 20px;
  padding: 4px 0;
  vertical-align: top;
}
body.full #container.landing #content .landing_section .text_box .link::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-landing-link);
  background-repeat: no-repeat;
  background-position: -453px -661px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin-left: 4px;
}
body.full #container.landing #content .landing_section .text_box .link_box {
  font-size: 0;
  margin-top: 36px;
}
body.full #container.landing #content .landing_section .text_box .link_box a {
  display: inline-block;
  width: 200px;
  height: 48px;
  color: #25292f;
  font-size: 14px;
  line-height: 47px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  border: 1px solid #25292f;
  text-align: center;
}
body.full #container.landing #content .landing_section .text_box .link_box a + a {
  margin-left: 8px;
}
body.full.mobile {
  min-width: 320px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif !important;
}
body.full.mobile #container {
  height: -webkit-calc(100vh + 85px);
  height: calc(100vh + 85px);
  min-width: 320px;
  padding-bottom: 141px;
}
body.full.mobile #container #content {
  padding: 40px 0;
}
body.full.mobile #container #content h2.tit {
  font-size: 24px;
  line-height: 27px;
}
body.full.mobile #container #content .dsc {
  color: #595c61;
}
body.full.mobile #container #content .login_method {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, sans-serif !important;
}
body.full.mobile #container #content .login_method ul {
  width: auto;
}
body.full.mobile #container #content .page {
  padding: 0 24px;
}
body.full.mobile #container #content .ipt_group {
  width: 100%;
}
body.full.mobile #container #content .page.join h3.sub_tit {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 15px;
}
body.full.mobile #container #content .page.join .terms_area .all_terms {
  padding-left: 0;
}
body.full.mobile #container #content .page.join .terms_area .all_terms .checkbox {
  top: 3px;
}
body.full.mobile #container #content .page.join .terms_area .all_terms strong {
  line-height: 24px;
}
body.full.mobile #container #content .page.join .terms_area .terms_lst > li {
  float: none;
  padding: 0;
}
body.full.mobile #container #content .page.join .terms_area .terms_lst > li:nth-child(2n) {
  padding-left: 0px;
}
body.full.mobile #container #content .page.join .terms_area .terms_lst > li a {
  float: right;
}
body.full.mobile #container #content .page.join .table.table_type1 th {
  padding: 24px 0 0 0;
}
body.full.mobile #container #content .page.join .table.table_type1 td {
  padding: 5px 0 0 0;
}
body.full.mobile #container #content .page.join .table.table_type1 td .mail {
  width: 100%;
}
body.full.mobile #container #content .page.join .table.table_type1 td .it {
  width: 100%;
}
body.full.mobile #container #content .page.join .table.table_type1 tr:first-child th {
  padding-top: 31px;
}
body.full.mobile #container #content .page.join .table.table_type1 tr:last-child td {
  padding-bottom: 31px;
}
body.full.mobile #container #content .page.join .table.table_type1.login th {
  font-size: 13px;
  line-height: 14px;
}
body.full.mobile #container #content .page.join .table.table_type1.login td {
  font-size: 16px;
  line-height: 18px;
  padding-top: 12px;
}
body.full.mobile #container #content .page.join .btn.btn_type1 {
  width: 100%;
}
body.full.mobile #container #content .page.complete h2.tit {
  line-height: 36px;
}
body.full.mobile #container #content .page.complete .ipt_group .btm {
  width: auto;
  margin: 0;
}
body.full.mobile #container #content .page.complete .ipt_group .btm .btn.btn_type1 {
  width: auto;
}
@media screen and (max-width: 979px) {
  body.full.mobile #header .logo {
    padding-left: 24px;
    background-color: #fff;
  }
  body.full.mobile #container #footer {
    min-width: 320px;
  }
}
body.full.agreement {
  min-width: auto;
  min-width: unset;
  background: #f5f7f7;
}
body.full.agreement #container {
  min-width: auto;
  min-width: unset;
  min-height: 100vh;
  height: auto;
  padding-bottom: 0;
}
body.full.agreement #container #content {
  padding: 0;
}
body.full.agreement #container #content > .page {
  padding: 80px 24px;
}
body.full.agreement #container #content .ick.big {
  padding-left: 28px;
}
body.full.agreement #container #content .ick.big .checkbox {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_boost_privacy_big);
  background-repeat: no-repeat;
  background-position: -659px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.full.agreement #container #content .ick.big .checkbox.checked {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_boost_privacy_big_checked);
  background-repeat: no-repeat;
  background-position: -687px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.full.agreement #container #content .ick.big .checkbox.checked:after {
  display: none;
}
body.full.agreement #container #content .ick.big .ph {
  color: #25292f;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
}
body.full.agreement #container #content .ick {
  padding-left: 24px;
}
body.full.agreement #container #content .ick .checkbox {
  top: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_boost_privacy);
  background-repeat: no-repeat;
  background-position: -396px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.full.agreement #container #content .ick .checkbox.checked {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_boost_privacy_checked);
  background-repeat: no-repeat;
  background-position: -420px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.full.agreement #container #content .ick .checkbox.checked:after {
  display: none;
}
body.full.agreement #container #content .ick .ph {
  color: #25292f;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
}

.mbr {
  width: 100%;
  color: #010101;
  background-color: #fafafa;
}
.mbr .it, .mbr .ic {
  display: block;
}
.mbr .it ~ .it, .mbr .ic ~ .it {
  margin-top: 5px;
}
.mbr .it .ph, .mbr .ic .ph {
  top: 7px !important;
}
.mbr .it input, .mbr .ic input {
  padding-top: 0;
  height: 38px;
}

.login_method {
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
.login_method ul {
  width: 320px;
  margin: 0 auto;
}
.login_method li {
  text-align: center;
}
.login_method li ~ li {
  margin-top: 12px;
}
.login_method .or {
  display: block;
  margin: 16px 0 16px;
  font-size: 14px;
  line-height: 15px;
  color: #595c61;
}
.login_method .btn_s_login {
  display: block;
  position: relative;
  width: 100%;
  height: 56px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  border: 1px solid #e8eaed;
  background-color: #fff;
  font-size: 16px;
  color: #2a2c2f;
}
.login_method .btn_s_login:before {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 16px;
  left: 16px;
  content: "";
}
.login_method .btn_s_login.naver {
  border: none;
  background-color: #03c75a;
  color: #fff;
  font-weight: 600;
}
.login_method .btn_s_login.naver:before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-naver-bi);
  background-repeat: no-repeat;
  background-position: -228px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.login_method .btn_s_login.kakao {
  border: none;
  background-color: #FEE500;
}
.login_method .btn_s_login.kakao:before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-kakao-bi);
  background-repeat: no-repeat;
  background-position: -644px -629px;
  width: 24px;
  height: 23px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.login_method .btn_s_login.facebook:before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-facebook-bi);
  background-repeat: no-repeat;
  background-position: -548px -629px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.login_method .btn_s_login.google:before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-google-bi);
  background-repeat: no-repeat;
  background-position: -612px -629px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.login_method .btn_s_login.apple:before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-apple-bi);
  background-repeat: no-repeat;
  background-position: -260px -629px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.login_method .btn_s_login.apple.black {
  color: #fff;
  background-color: #000;
}
.login_method .btn_s_login.apple.black::before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-apple-bi-white);
  background-repeat: no-repeat;
  background-position: -292px -629px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.login_method .btn_s_login.email {
  border: none;
  background-color: #a5a8ad;
  color: #fff;
  font-weight: 600;
  line-height: 56px;
}
.login_method .btn_s_login.email:before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-mail-bi);
  background-repeat: no-repeat;
  background-position: -68px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.login_method .btn_s_login.email:hover {
  text-decoration: none;
}
.login_method .btn_login {
  display: block;
  position: relative;
  width: 100%;
  height: 56px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background: #3ecc00;
  font-size: 16px;
  color: #fff;
  text-align: left;
}
.login_method .btn_login em {
  display: block;
  position: relative;
  font-weight: 700;
  line-height: 54px;
  text-align: center;
}

.login_method_email .it._password {
  margin-top: 8px;
}
.login_method_email .ick.login_keep {
  display: block;
  text-align: left;
  margin: 24px 0 -8px 0;
}
.login_method_email .ick.login_keep .checkbox {
  top: 0 !important;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-keep-login-box);
  background-repeat: no-repeat;
  background-position: -519px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.login_method_email .ick.login_keep .checkbox.checked::after {
  top: 0px;
  left: 0px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-terms-ick-big);
  background-repeat: no-repeat;
  background-position: -631px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.login_method_email .ick.login_keep .ph {
  color: #2a2c2f;
  font-size: 13px;
  line-height: 20px;
}
.login_method_email .btm a {
  text-decoration: none;
}

.login_messagebox {
  padding: 30px;
  width: 540px;
  margin: 60px auto;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #FFF;
  border: 1px solid #E1E1E1;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  text-align: center;
}
.login_messagebox .lnk_go {
  display: inline-block;
  text-align: center;
  margin-top: 18px;
  font-size: 16px;
  text-decoration: underline;
  color: #00C73C;
}

.btm {
  clear: both;
  margin: 24px 0 0;
  font-size: 14px;
  color: #8b8f94;
  text-align: center;
}
.btm a + a:before {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 1px;
  height: 14px;
  margin: 0 12px 0 12px;
  background: #d9dce0;
  content: "";
}
.btm a {
  color: #8b8f94;
  text-decoration: underline;
}
.btm em a {
  color: #8b8f94;
}

.ipt_group {
  clear: both;
  width: 310px;
  margin: 0 auto;
}
.ipt_group .ick {
  margin-top: 7px;
}
.ipt_group .it {
  background-color: transparent;
}
.ipt_group .it input {
  height: 48px;
  background-color: #fff;
  border: 1px solid #d9dce0;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  padding: 0 15px 0;
}
.ipt_group .it .ph {
  top: 16.5px;
  bottom: auto;
  color: #8b8f94;
}
.ipt_group em.sts_error {
  display: block;
  line-height: 17px;
  margin-top: 8px;
  text-align: left;
}
.ipt_group .btn {
  margin-top: 15px;
  display: block;
  width: 100%;
  height: 40px;
  background-color: #e0e0e0;
  border-color: transparent !important;
  font-size: 16px;
  letter-spacing: 0;
}
.ipt_group .btn.btn_type1 {
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  width: 100%;
  height: 56px;
  font-weight: 600;
  margin-top: 24px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.ipt_group .btn:first-child {
  margin-top: 0;
}
.ipt_group .btn.clr2 {
  color: #FFF;
  background-color: #010101;
  border-color: #010101;
}

.join {
  position: relative;
  max-width: 1080px;
  margin: auto;
  text-align: left;
}
.join .slt {
  display: inline-block;
  margin-right: 17px;
}
.join .slt:last-child {
  margin-right: 0;
}
.join .table .group_l {
  padding-top: 7px;
}
.join .table .emph {
  font-weight: 700;
  color: #01b4f0;
}
.join .table.table_type1.bordered {
  border-top-color: #bfc2c7;
  border-bottom-color: #d9dce0;
}
.join .table.table_type1.login {
  font-size: 16px;
  line-height: 18px;
}
.join .table.table_type1.login + form > .terms_area {
  margin-top: 40px;
}
.join .table.table_type1 th {
  color: #595c61;
  padding: 12px 24px;
  background-color: transparent;
  border-top: 0px;
}
.join .table.table_type1 td {
  color: #2a2c2f;
  height: auto;
  border-top: 0px;
  padding: 12px 0;
}
.join .table.table_type1 td .mail {
  color: #2a2c2f;
  width: 360px;
  height: 40px;
  padding: 12px 0 0 16px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #fafafa;
  border: 1px solid #e0e0e0;
}
.join .table.table_type1 td .it {
  width: 360px;
}
.join .table.table_type1 td .it input {
  height: 40px !important;
  border: 1px solid #d9dce0;
  background-color: #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.join .table.table_type1 td .it .ph {
  color: #8b8f94;
}
.join .table.table_type1 tr:first-child th, .join .table.table_type1 tr:first-child td {
  padding-top: 32px;
}
.join .table.table_type1 tr:last-child th, .join .table.table_type1 tr:last-child td {
  padding-bottom: 32px;
}
.join .table.table_type1 th.ta_t {
  vertical-align: top;
}
.join .table.table_type1 th.ta_t .txt {
  display: block;
  line-height: 40px;
}
.join .table.table_type1 .slt_wrap {
  position: relative;
  font-size: 0;
  line-height: 0;
}
.join .table.table_type1 .slt_wrap .chosen-with-drop .chosen-single {
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}
.join .table.table_type1 .slt_wrap .chosen-single {
  padding: 10px 30px 10px 15px;
  border-color: #d9dce0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.join .table.table_type1 .slt_wrap .chosen-single div b {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -15px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-select-arrow-down_2);
  background-repeat: no-repeat;
  background-position: -252px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.join .table.table_type1 .slt_wrap .chosen-single span {
  font-size: 14px;
  line-height: 18px;
  margin-right: 0;
  color: #25292f;
  word-wrap: normal;
  word-break: normal;
}
.join .table.table_type1 .slt_wrap .sts_error {
  line-height: 14px;
}
.join .dsc_guide {
  margin: 25px 0 -1px;
  text-align: center;
  line-height: 22px;
  color: #333;
}
.join .terms_area {
  margin-top: 25px;
  border-bottom: 1px solid #d9dce0;
  margin-bottom: 40px;
}
.join .terms_area .ick .ph {
  color: #2a2c2f;
  float: left;
}
.join .terms_area .ick .ph.fix {
  min-width: 145px;
}
.join .terms_area .ick .ph strong {
  font-weight: 400;
}
.join .terms_area .ick .ph span {
  color: #8b8f94;
}
.join .terms_area .terms_lst {
  margin-top: 28px;
  padding-bottom: 4px;
}
.join .terms_area .terms_lst > li {
  margin-bottom: 21px;
  width: 100%;
  padding: 0 21px 0 24px;
}
.join .terms_area .terms_lst > li::after {
  content: "";
  display: block;
  clear: both;
}
.join .terms_area .terms_lst > li .ick {
  float: left;
}
.join .terms_area .terms_lst > li a {
  color: #595c61;
  font-size: 13px;
  line-height: 14px;
  float: left;
  padding-right: 12px;
  margin-left: 16px;
  position: relative;
}
.join .terms_area .terms_lst > li a:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-terms-arrow-right);
  background-repeat: no-repeat;
  background-position: -573px -661px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: auto;
  margin: auto;
  margin: 0;
}
.join .terms_area .terms_box {
  overflow-x: hidden;
  overflow-y: auto;
  height: 88px;
  margin-top: 7px;
  padding: 3px 10px 0;
  border: 1px solid #cbcbcb;
  font-size: 12px;
}
.join .terms_area .terms_box * {
  margin: 0;
}
.join .terms_area .terms_box h2,
.join .terms_area .terms_box h3,
.join .terms_area .terms_box h4 {
  margin: 0 !important;
  font-size: 12px;
  color: #666;
}
.join .terms_area .terms_box h1.sr_only + * {
  margin: 0 !important;
}
.join .terms_area .terms_box h2 + h3 {
  margin: 0 !important;
}
.join .terms_area .terms_box ol {
  padding-left: 0 !important;
}
.join .terms_area .terms_box * + h2,
.join .terms_area .terms_box * + h3 {
  margin: 15px 0 0 0 !important;
}
.join .terms_area .terms_box a {
  text-decoration: none;
  cursor: text;
}
.join .terms_area .terms_box p {
  margin: 0;
}
.join .terms_area .terms_box .table.table_type2 + h3 {
  margin-top: 0;
}
.join .terms_area .terms_box .table.table_type2 thead th,
.join .terms_area .terms_box .table.table_type2 tbody th,
.join .terms_area .terms_box .table.table_type2 tbody td,
.join .terms_area .terms_box .table.table_type2 tfoot th,
.join .terms_area .terms_box .table.table_type2 tfoot td {
  padding: 0;
  height: 30px;
}
.join .btn.btn_type1 {
  width: 320px;
  height: 56px;
  font-size: 16px;
  border: 1px solid transparent;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}

.agree_tit {
  color: #25292f;
  font-size: 20px;
  line-height: 22px;
  font-weight: bold;
}

.agree_dsc {
  color: #25292f;
  font-size: 15px;
  line-height: 19px;
  margin-top: 24px;
}

.boost_agree_list {
  text-align: left;
  display: inline-block;
  vertical-align: top;
  width: 432px;
  margin-top: 24px;
}
.boost_agree_list .agree_all_box {
  padding: 18px 16px;
  background: #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}
.boost_agree_list .list {
  margin-top: 24px;
}
.boost_agree_list .list li + li {
  margin-top: 24px;
}
.boost_agree_list .list .privacy_term {
  padding: 16px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: #fff;
  margin-bottom: 8px;
}
.boost_agree_list .list .privacy_term .term_inner {
  color: #25292f;
  font-size: 15px;
  line-height: 19px;
  word-break: keep-all;
}

.agree_btm {
  margin-top: 40px;
}
.agree_btm .link_cancel {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  min-width: 88px;
  text-align: center;
  padding: 19px 25px;
  background: #828c96;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.agree_btm .link_confirm {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  min-width: 336px;
  text-align: center;
  padding: 19px 25px;
  background: #00caf9;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  margin-left: 8px;
}

body.full.agreement {
  background-color: #fff;
}

.privacy_page {
  font-weight: 400;
  text-align: left;
  padding: 80px 40px;
  width: 840px;
  margin: 0 auto;
}
.privacy_page .top_content .logo {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_logo);
  background-repeat: no-repeat;
  background-position: -516px -406px;
  width: 160px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.privacy_page .top_content .logo_v2 {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#logo_boostcamp_web_mobile);
  background-repeat: no-repeat;
  background-position: -620px -311px;
  width: 121px;
  height: 40px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.privacy_page .top_content .logo_boostcourse {
  width: 128px;
  height: 24px;
  background: url(https://ssl.pstatic.net/static/m/mooc/p/partner/boostcrs/new_boostcourse_24.svg);
}
.privacy_page .top_content .title {
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
  color: #25292f;
  margin-top: 32px;
}
.privacy_page .top_content .title em {
  position: relative;
  z-index: 1;
}
.privacy_page .top_content .title em::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  height: 8px;
  background-color: #00caf9;
  z-index: -1;
}
.privacy_page .top_content .tab_list {
  font-size: 0;
  margin-top: 30px;
}
.privacy_page .top_content .tab_list .tab_item {
  position: relative;
  display: inline-block;
}
.privacy_page .top_content .tab_list .tab_item + li {
  margin-left: 32px;
}
.privacy_page .top_content .tab_list .tab_item.on .tab_btn {
  font-weight: 700;
  color: #25292f;
  border-bottom: 2px solid #25292f;
}
.privacy_page .top_content .tab_list .tab_item.on .tab_btn .num {
  background-color: #25292f;
}
.privacy_page .top_content .tab_list .tab_item .tab_btn {
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 40px;
  color: #828c96;
}
.privacy_page .top_content .tab_list .tab_item .tab_btn .num {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #d0d6d9;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  vertical-align: top;
  margin-right: 8px;
  margin: 10px 8px 0 0;
}
.privacy_page .main_content {
  margin-top: 40px;
}
.privacy_page .main_content .form_page {
  padding: 40px;
  border: 1px solid #25292f;
  font-size: 0;
}
.privacy_page .main_content .form_page .agree_row + .agree_area {
  margin-top: 40px;
}
.privacy_page .main_content .form_page .agree_row + .agree_row {
  margin-top: 40px;
}
.privacy_page .main_content .form_page .agree_row .agree_area.half {
  margin-top: 0;
}
.privacy_page .main_content .form_page .agree_area + .agree_area {
  margin-top: 40px;
}
.privacy_page .main_content .form_page .agree_area + .agree_row {
  margin-top: 40px;
}
.privacy_page .main_content .form_page .agree_area.half {
  display: inline-block;
  vertical-align: top;
  width: -webkit-calc(50% - 20px);
  width: calc(50% - 20px);
}
.privacy_page .main_content .form_page .agree_area.half + .agree_area.half {
  margin-left: 40px;
}
.privacy_page .main_content .form_page .agree_area.quarter_3 {
  display: inline-block;
  vertical-align: top;
  width: -webkit-calc(70% - 40px);
  width: calc(70% - 40px);
}
.privacy_page .main_content .form_page .agree_area.quarter_3 + [class*=quarter_1] {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin-top: 0;
  margin-left: 40px;
}
.privacy_page .main_content .form_page .agree_area.flexible {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.privacy_page .main_content .form_page .sub_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  font-size: 19px;
  line-height: 25px;
  color: #25292f;
  margin-bottom: 8px;
}
.privacy_page .main_content .form_page .sub_title .title_option {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: #828c96;
  margin-left: 8px;
}
.privacy_page .main_content .form_page .info_box {
  padding: 16px 16px 0;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  overflow-y: auto;
  margin-bottom: 8px;
}
.privacy_page .main_content .form_page .info_box.main {
  height: 160px;
}
.privacy_page .main_content .form_page .info_box.no_scroll {
  height: auto;
}
.privacy_page .main_content .form_page .info_table_box + .info_box.main {
  margin-top: 8px;
}
.privacy_page .main_content .form_page .info_table_box .privay_term_table {
  width: 100%;
}
.privacy_page .main_content .form_page .info_table_box .privay_term_table th {
  padding: 11px 7px;
  color: #666;
  font-size: 13px;
  line-height: 17px;
  border: 1px solid #f0f0f0;
  background: #fafafa;
  text-align: center;
}
.privacy_page .main_content .form_page .info_table_box .privay_term_table td {
  padding: 11px 7px;
  border: 1px solid #f0f0f0;
  color: #666;
  font-size: 13px;
  line-height: 17px;
}
.privacy_page .main_content .form_page .list_dot .dot {
  position: relative;
  padding-left: 18px;
  color: #666;
  font-size: 13px;
  line-height: 17px;
  text-indent: 0;
}
.privacy_page .main_content .form_page .list_dot .dot:before {
  position: absolute;
  top: 5px;
  left: 7px;
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  margin: 0;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: #666;
}
.privacy_page .main_content .form_page .privacy_chosen {
  width: 100%;
}
.privacy_page .main_content .form_page .privacy_chosen .chosen-container.chosen-container-single .chosen-single {
  padding: 11px 32px 11px 15px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  border: 1px solid #f0f0f0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.privacy_page .main_content .form_page .privacy_chosen .chosen-container.chosen-container-single .chosen-single span {
  color: #25292f;
  font-size: 14px;
}
.privacy_page .main_content .form_page .privacy_chosen .chosen-container .chosen-results li {
  font-size: 13px;
}
.privacy_page .main_content .form_page .privacy_chosen .chosen-container.chosen-container-single .chosen-single div {
  width: 48px;
}
.privacy_page .main_content .form_page .privacy_chosen .chosen-container.chosen-container-single .chosen-single div b {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-select-arrow-down_2);
  background-repeat: no-repeat;
  background-position: -252px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.privacy_page .main_content .form_page .table.table_type2.camper + .table.table_type2.camper {
  margin-top: 8px;
}
.privacy_page .main_content .form_page .table.table_type2.camper .input_text {
  height: 32px !important;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border-color: #f0f0f0;
  color: #25292f;
  font-size: 13px;
  padding-left: 7px;
}
.privacy_page .main_content .form_page .table.table_type2.camper .input_text:focus {
  border-color: #384047;
}
.privacy_page .main_content .form_page .table.table_type2.camper .input_text:disabled {
  background: #fafafa;
}
.privacy_page .main_content .form_page .table.table_type2.camper .input_text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #828c96;
}
.privacy_page .main_content .form_page .table.table_type2.camper .input_text::-moz-placeholder { /* Firefox 19+ */
  color: #828c96;
}
.privacy_page .main_content .form_page .table.table_type2.camper .input_text:-ms-input-placeholder { /* IE 10+ */
  color: #828c96;
}
.privacy_page .main_content .form_page .table.table_type2.camper .input_text:-moz-placeholder { /* Firefox 18- */
  color: #828c96;
}
.privacy_page .main_content .form_page .table.table_type2.camper .input_text.error {
  border-color: #ff5230;
  text-align: left;
}
.privacy_page .main_content .form_page .table.table_type2.camper tbody th {
  padding-left: 24px;
}
.privacy_page .main_content .form_page .table.table_type2.camper tbody td {
  position: relative;
  padding: 23px 16px;
}
.privacy_page .main_content .form_page .btn_add_info {
  display: inline-block;
  vertical-align: top;
  min-width: 47px;
  padding: 8px 11px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: #f7f7f7;
  color: #25292f;
  font-size: 13px;
  line-height: 14px;
}
.privacy_page .main_content .form_page .btn_delete {
  color: #25292f;
  font-size: 14px;
  line-height: 24px;
  padding-left: 20px;
  position: relative;
}
.privacy_page .main_content .form_page .btn_delete:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_delete_camper);
  background-repeat: no-repeat;
  background-position: -564px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.privacy_page .info_text_list {
  padding-bottom: 16px;
}
.privacy_page .info_text_list .info_text {
  font-size: 13px;
  line-height: 17px;
  color: #666;
}
.privacy_page .info_text_list .info_text b {
  color: #333;
  font-weight: 700;
}
.privacy_page .info_text_list .info_text.paragraph {
  padding-bottom: 17px;
}
.privacy_page .info_text_list .info_text.paragraph:last-child {
  padding-bottom: 0;
}
.privacy_page .info_text_list .info_text.paragraph strong {
  color: #333;
}
.privacy_page .info_text_list .info_text .highlight {
  color: #333;
}
.privacy_page .info_text_list .info_text .highlight.type2 {
  font-weight: 700;
}
.privacy_page .info_text_list .info_text .highlight.type3 {
  font-weight: 700;
  font-size: 15px;
}
.privacy_page .info_text_list .info_text > ul li {
  text-indent: -19px;
  padding-left: 19px;
}
.privacy_page .info_text_list .info_text > ul li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #666;
  margin: 5px 8px 0;
  vertical-align: top;
}
.privacy_page .agree_box_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.privacy_page .agree_box_area + .info_box {
  margin-top: 8px;
}
.privacy_page .agree_box + .agree_box {
  margin-left: 24px;
}
.privacy_page .agree_box [type=radio] {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  appearance: none;
  -webkit-appearance: none;
}
.privacy_page .agree_box [type=radio]:checked + label::before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_check_on);
  background-repeat: no-repeat;
  background-position: -435px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.privacy_page .agree_box label {
  font-size: 15px;
  color: #25292f;
  cursor: pointer;
}
.privacy_page .agree_box label::before {
  content: "";
  display: inline-block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_check);
  background-repeat: no-repeat;
  background-position: -407px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  vertical-align: top;
  margin: -1.5px 8px 0 0;
}
.privacy_page .agree_noti {
  font-size: 12px;
  line-height: 16px;
  color: #828c96;
  margin-bottom: 8px;
}
.privacy_page .agree_noti .noti_link {
  color: #101214;
  border-bottom: 1px solid #101214;
}
.privacy_page .agree_noti .underline_link {
  color: #828c96;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.privacy_page .agree_text_box input[type=text] {
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background-color: #fff;
  font-size: 14px;
  color: #25292f;
  padding: 12.5px 16px;
  width: 100%;
}
.privacy_page .agree_text_box input[type=text]:focus {
  border-color: #384047;
}
.privacy_page .agree_text_box input[type=text]:disabled {
  background: #fafafa;
}
.privacy_page .agree_text_box input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #828c96;
}
.privacy_page .agree_text_box input[type=text]::-moz-placeholder { /* Firefox 19+ */
  color: #828c96;
}
.privacy_page .agree_text_box input[type=text]:-ms-input-placeholder { /* IE 10+ */
  color: #828c96;
}
.privacy_page .agree_text_box input[type=text]:-moz-placeholder { /* Firefox 18- */
  color: #828c96;
}
.privacy_page .agree_text_box .chosen-container.chosen-container-single .chosen-single {
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background-color: #fff;
  font-size: 14px;
  color: #25292f;
  padding: 12.5px 27px 12.5px 16px;
}
.privacy_page .agree_text_box .chosen-container.chosen-container-single .chosen-single div {
  top: 12px;
  right: 12px;
  width: 16px;
  height: 16px;
}
.privacy_page .agree_text_box .chosen-container.chosen-container-single .chosen-single div b {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live_noti_down);
  background-repeat: no-repeat;
  background-position: -612px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.privacy_page .agree_text_box .chosen-container.chosen-container-single.chosen-with-drop .chosen-single {
  border-color: #384047;
}
.privacy_page .agree_text_box .chosen-container.chosen-container-single.chosen-with-drop .chosen-single div b {
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
}
.privacy_page .agree_text_box .chosen-container .chosen-drop {
  border-color: #384047;
}
.privacy_page .agree_text_box.phone {
  overflow: hidden;
}
.privacy_page .agree_text_box.phone input[type=text] {
  display: inline-block;
  width: 92px;
}
.privacy_page .agree_text_box.phone .dash {
  display: inline-block;
  color: #828c96;
  font-size: 12px;
  line-height: 40px;
  margin: 0 8px;
}
.privacy_page .agree_text_box textarea {
  width: 100%;
  height: 92px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  border: 1px solid #f0f0f0;
  font-size: 14px;
  color: #25292f;
}
.privacy_page .agree_text_box textarea:focus {
  border-color: #384047;
}
.privacy_page .sub_agree_area {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.privacy_page .agree_img_box {
  width: 134px;
  height: 134px;
  margin-left: 40px;
}
.privacy_page .agree_btn_box {
  margin-top: 40px;
  text-align: center;
  font-size: 0;
}
.privacy_page .agree_btn_box a {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 56px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.privacy_page .agree_btn_box .cancel_btn {
  padding: 0 29px;
  background-color: #828c96;
}
.privacy_page .agree_btn_box .next_btn {
  padding: 0 153px;
  margin-left: 8px;
  background-color: #00caf9;
}
.privacy_page .warning_text {
  display: none;
  font-size: 12px;
  line-height: 16px;
  color: #ff5230;
  margin-top: 8px;
}
.privacy_page .warning_text + .info_box {
  margin-top: 8px;
}
.privacy_page .end_content .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.privacy_page .end_content .end_title {
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 40px;
}
.privacy_page .end_content .end_title::before {
  content: "";
  display: block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#img_complete);
  background-repeat: no-repeat;
  background-position: -132px -584px;
  width: 120px;
  height: 92px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin: 0 auto 40px;
}
.privacy_page .end_content .class_btn {
  display: inline-block;
  width: 432px;
  height: 56px;
  padding: 19px 100px;
  background-color: #00caf9;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

.policy {
  width: 985px;
  margin: 29px auto 0;
  position: relative;
}
.policy .changed {
  font-weight: bold;
  text-decoration: underline;
}
.policy .policy_link {
  font-size: 14px;
  letter-spacing: -0.5px;
  color: #999;
  line-height: 16px;
  position: absolute;
  right: 0;
  top: 19px;
}
.policy .policy_link.new {
  color: #00c73c;
}
.policy .policy_link.new:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr_4_x_8_00c73c);
  background-repeat: no-repeat;
  background-position: -909px -861px;
  width: 4px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 4px 0 0 4px;
  vertical-align: top;
}
.policy .policy_link:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr_4_x_8_999);
  background-repeat: no-repeat;
  background-position: -909px -873px;
  width: 4px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 4px 0 0 4px;
  vertical-align: top;
}
.policy .lst_policy:before, .policy .lst_policy:after {
  display: table;
  clear: both;
  content: " ";
}
.policy .lst_policy {
  padding: 25px 0 32px 0;
  border-bottom: 1px solid #e6e6e6;
}
.policy .lst_policy p {
  margin: 0;
}
.policy .lst_policy ol {
  float: left;
  width: 50%;
  margin-top: 25px;
}
.policy .lst_policy a {
  color: #00c73c;
}
.policy .lst_policy .no {
  display: inline-block;
  width: 34px;
  color: #666;
}
.policy .lst_policy.v2 .no {
  width: 80px;
}
.policy h2 {
  display: block;
  margin: 45px 0 10px;
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.policy h2 a {
  color: #333;
  text-decoration: none;
}
.policy h3 {
  margin-bottom: 10px;
  padding-left: 20px;
  font-weight: 700;
  color: #333;
}
.policy h3.jo {
  margin-top: 20px;
}
.policy h3.jo a {
  color: #333;
  text-decoration: none;
}
.policy h2 + h3.jo {
  margin: 0;
}
.policy .tx {
  margin: 0 0 10px;
  padding-left: 20px;
}
.policy .tx + h3.jo {
  margin-top: 26px;
}
.policy .lst_tx {
  padding-left: 20px;
}
.policy .lst_tx .no {
  display: block;
  float: left;
  width: 13px;
}
.policy .lst_tx .txt {
  overflow: hidden;
  display: block;
}
.policy .lst_no {
  padding: 0 0 7px 40px;
}
.policy .lst_no .no {
  display: block;
  float: left;
  width: 30px;
}
.policy .lst_no .txt {
  overflow: hidden;
  display: block;
}
.policy .lst_no .lst_no2 {
  margin: 20px 0;
}
.policy .lst_no .lst_no2 .no {
  width: 37px;
}

.error {
  position: relative;
  text-align: center;
}
.error .error_txt {
  margin: 52px 0 30px;
  font-size: 40px;
  font-weight: 400;
  color: #666;
  line-height: 46px;
  letter-spacing: -2px;
}
.error .error_desc {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -1px;
  color: #999;
}
.error .error_desc + .error_desc {
  margin-top: 16px;
}
.error .error_desc a {
  color: #00c73c;
  text-decoration: underline;
}
.error .error_icon {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_error);
  background-repeat: no-repeat;
  background-position: 0px -267px;
  width: 164px;
  height: 172px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.error .btn {
  margin-top: 56px;
}
.error .btn + .btn {
  margin-left: 17px;
}

.ems_reject {
  position: relative;
  width: 530px;
  height: 270px;
  margin: 0 auto;
  text-align: center;
}
.ems_reject .heading {
  font-size: 34px;
  color: #333;
}
.ems_reject .desc {
  margin-top: 10px;
  font-size: 12px;
  text-align: center;
  color: #999;
}
.ems_reject .ico_ems_img {
  display: block;
  margin: 0 auto 15px;
}

.noti_area {
  position: relative;
  width: 740px;
  margin: 0 auto;
  text-align: center;
}
.noti_area .noti_txt {
  padding: 21px 0 0;
  font-size: 34px;
  line-height: 34px;
  color: #010101;
  font-weight: normal;
}
.noti_area .noti_dsc {
  padding: 14px 0 36px;
  line-height: 22px;
}

.video_area.full_video {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
}
.video_area.full_video .video_img {
  position: absolute;
  top: 0;
  right: 290px;
  left: 0;
  bottom: 0;
  background: #000;
}
.video_area.full_video .material_script {
  position: absolute;
  right: 0;
  width: 290px;
  height: 100%;
  border: 1px solid #000;
  background: #464650;
}
.video_area.full_video .material_script .tit_area {
  position: relative;
  height: 52px;
  padding: 20px 15px;
  border-bottom: 1px solid #4c4c58;
}
.video_area.full_video .material_script .tit {
  color: #fff;
}
.video_area.full_video .material_script .ico_remove4 {
  position: absolute;
  top: 9px;
  right: 8px;
}
.video_area.full_video .material_script .subtitle {
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  top: 52px;
  bottom: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px;
  border-top: 1px solid #35353c;
  background-image: none;
  line-height: 20px;
  color: #b3b5bd;
}
.video_area.full_video .material_script .subtitle p {
  margin: 21px 0 0;
}
.video_area.full_video .material_script .subtitle p:first-child {
  margin: 0;
}
.video_area.full_video .material_script .subtitle strong {
  font-weight: normal;
  color: #ffcd00;
  text-decoration: underline;
}
.video_area.full_video.subtitle_none .video_img {
  right: 0;
}
.video_area.full_video.subtitle_none .material_script {
  display: none;
}

.slider_range_area {
  display: inline-block;
  position: relative;
}
.slider_range_area .slider_range {
  overflow: visible;
  height: 8px;
  border: 0;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_slider_range_h8.png) repeat-x;
}
.slider_range_area .slider_range .ui-slider-handle {
  overflow: visible;
  top: 0;
  width: 4px;
  height: 8px;
  margin-left: -2px;
  border: 0;
  background: #999;
}
.slider_range_area .slider_range .ui-slider-range {
  background: #999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.slider_range_area .slider_range .left_0 {
  margin-left: 0 !important;
}
.slider_range_area .slider_range .left_4 {
  margin-left: -4px !important;
}
.slider_range_area.on .slider_range {
  background-position: 0px -9px;
}
.slider_range_area.on .slider_range .ui-slider-handle {
  background: #00c73c;
}
.slider_range_area.on .slider_range .ui-slider-handle:after {
  background-position: -10px -50px;
}
.slider_range_area.on .slider_range .ui-slider-range {
  background: #00c73c;
}
.slider_range_area.large .slider_range {
  height: 16px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_slider_range_h16.png) repeat-x;
}
.slider_range_area.large .slider_range .ui-slider-handle {
  height: 16px;
}
.slider_range_area.large.on .slider_range {
  background-position: 0 -17px;
}
.slider_range_area.large.on .slider_range .ui-slider-handle:after {
  background-position: -10px -50px;
}
.slider_range_area .num_area .num {
  position: absolute;
  font-family: tahoma, sans-serif;
  font-size: 9px;
  color: #d2d2d2;
  line-height: 16px;
}
.slider_range_area .num_area .num.n0 {
  left: -2px;
}
.slider_range_area .num_area .num.n50 {
  left: 50%;
  margin-left: -6px;
}
.slider_range_area .num_area .num.n100 {
  right: -2px;
}
.slider_range_area .ui-state-disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.katex {
  white-space: normal;
}

.page.inspect {
  padding-bottom: 30px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  text-align: center;
}
.page.inspect .inspect_icon {
  display: inline-block;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_inspect);
  background-repeat: no-repeat;
  background-position: -400px 0px;
  width: 368px;
  height: 176px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.page.inspect .error_txt {
  padding: 80px 0 16px;
  font-size: 40px;
  font-weight: 700;
  color: #333;
  line-height: 48px;
}
.page.inspect .error_desc {
  padding-top: 24px;
  font-size: 16px;
  line-height: 24px;
  color: #333;
}
.page.inspect .error_desc em {
  font-weight: 700;
  color: #00c73c;
}
.page.inspect .error_guide {
  padding-top: 24px;
  font-size: 12px;
  color: #999;
}

.forum .forum_list_new {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #f0f0f0;
}
.forum .forum_list_new li {
  position: relative;
  width: 808px;
  margin-left: -24px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.forum .forum_list_new li::after {
  content: "";
  display: block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-li-arrow-right);
  background-repeat: no-repeat;
  background-position: -36px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
  margin: auto;
}
.forum .forum_list_new li + li {
  margin-top: 8px;
}
.forum .forum_list_new li:hover {
  background-color: #fafafa;
}
.forum .forum_list_new li .wrap_link {
  display: block;
  padding: 24px 60px 24px 24px;
}
.forum .forum_list_new li .wrap_link .title {
  font-weight: 300;
}
.forum .forum_list_new .thumb {
  width: 24px;
  height: 24px;
  left: 2px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/icon-thumb-24.svg) no-repeat;
  -webkit-background-size: 24px 24px;
          background-size: 24px 24px;
}
.forum .forum_list_new .quick_vote {
  overflow: hidden;
  position: relative;
  display: inline-block;
  padding-left: 17px;
  vertical-align: middle;
  color: #72757a;
  font-size: 13px;
  line-height: 14px;
  font-weight: normal;
  position: relative;
}
.forum .forum_list_new .quick_vote::before {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background-color: #e0e0e0;
  position: absolute;
  top: 2.5px;
  left: 8px;
}
.forum .forum_list_new .quick_vote dt {
  float: left;
}
.forum .forum_list_new .quick_vote dd {
  display: block;
  float: left;
  margin-right: 8px;
  margin-left: 4px;
  padding: 0;
}
.forum .forum_list_new .quick_vote span {
  font-size: 13px;
  line-height: 14px;
  color: #2a2c2f;
  text-align: center;
}
.forum .forum_list_new .forum_summary .em_tag {
  display: none;
  color: #fff;
  font-size: 11px;
  line-height: 20px;
  width: 57px;
  height: 20px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  text-align: center;
  margin-bottom: 16px;
  padding: 0 4px;
}
.forum .forum_list_new .forum_summary .title {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  display: block;
  color: #2a2c2f;
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
}
.forum .forum_list_new .forum_summary .rel {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  position: relative;
  display: block;
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 13px;
  color: #999;
}
.forum .forum_list_new .forum_summary .user_info {
  margin-top: 16px;
  font-size: 0;
}
.forum .forum_list_new li.notice .em_tag {
  display: block;
}
.forum .forum_list_new li.none {
  margin-top: -1px;
  padding: 35px 0 33px;
  border-bottom: 0;
}
.forum .forum_list_new li.none::after {
  display: none;
}
.forum .forum_list_new.search {
  border: 0;
}
.forum .forum_list_new.search li:hover {
  background-color: #f7f7f7;
}
.forum .forum_list_new.search li + li {
  margin-top: 8px;
}
.forum .forum_list_new.search li::after {
  display: none;
}
.forum .forum_list_new.search li .title {
  font-size: 16px;
  line-height: 18px;
  color: #2a2c2f;
  font-weight: 300;
}
.forum .group_l.mat4 {
  margin-top: 0 !important;
}
.forum .group_r .btn_type14.crosshair {
  margin-top: 1px;
}
.forum .forum_func {
  height: 24px;
  margin-bottom: 40px;
}
.forum .forum_func .username {
  top: 2px;
}
.forum .forum_func .time {
  position: relative;
  font-size: 12px;
}
.forum .forum_view {
  position: relative;
  margin: 0px 0 54px;
}
.forum .forum_view .thumb {
  width: 24px;
  height: 24px;
}
.forum .forum_view .username {
  top: auto;
}
.forum .forum_view .nav_text {
  margin-top: -3px;
}
.forum .relative_lecture {
  overflow: hidden;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #f0f0f0;
}
.forum .relative_lecture dt {
  float: left;
  margin-right: 17px;
  position: relative;
}
.forum .relative_lecture dt::after {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background-color: #e0e0e0;
  position: absolute;
  top: 3px;
  right: -9px;
}
.forum .relative_lecture dt, .forum .relative_lecture dd {
  color: #999;
  font-size: 13px;
  line-height: 14px;
}
.forum .relative_lecture dd {
  overflow: hidden;
}
.forum .relative_lecture a {
  display: block;
  color: #333;
  text-decoration: none;
  overflow: hidden;
  max-width: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.forum .srch_result {
  margin: 40px 0 23px;
  color: #595c61;
}
.forum .srch_result em {
  font-weight: 700;
}
.forum .srch_result span {
  font-weight: 700;
  color: #2a2c2f;
}
.forum .forum_list {
  border-top: 1px solid #e5e5e5;
}
.forum .forum_list li {
  padding: 21px 9px 14px;
  border-bottom: 1px solid #e5e5e5;
}
.forum .forum_list .thumb {
  left: 2px;
}
.forum .forum_list .quick_vote {
  overflow: hidden;
  position: relative;
  left: 6px;
  display: inline-block;
  margin: 0 2px 0;
  vertical-align: middle;
  font-size: 11px;
}
.forum .forum_list .quick_vote .ico {
  margin-right: 5px;
  vertical-align: middle;
}
.forum .forum_list .quick_vote .ico_fl_like {
  position: relative;
  top: -2px;
}
.forum .forum_list .quick_vote dd {
  float: left;
  margin-right: 9px;
  margin-left: 0;
  padding: 0;
}
.forum .forum_list .quick_vote span {
  font-size: 11px;
  color: #444;
  text-align: center;
}
.forum .forum_list .forum_summary .title {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  display: block;
  color: #444;
  font-weight: 700;
  line-height: 23px;
}
.forum .forum_list .forum_summary .rel {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  position: relative;
  top: -2px;
  display: block;
  margin: 7px 0 0;
  font-size: 11px;
  line-height: 18px;
  color: #999;
}
.forum .forum_list .forum_summary .user_info {
  margin-top: 2px;
}
.forum .forum_list li.notice {
  background-color: #f9f9f9;
}
.forum .forum_list li.none {
  margin-top: -1px;
  padding: 35px 0 33px;
  border-bottom: 0;
  border-top: 1px solid #fff;
}
.forum .forum_list.search li {
  height: 91px;
  padding-top: 34px;
}
.forum .comment_forum li {
  min-height: 101px;
  padding: 15px 10px 20px;
}
.forum .comment_forum li .user_info .thumb {
  width: 32px;
  height: 32px;
}
.forum .comment_forum li .title {
  display: block !important;
  padding: 7px 0 7px;
}
.forum .comment_forum li.none {
  min-height: auto;
}
.forum .comment_forum li.notice {
  background-color: #f9f9f9;
}

.re_pack .lecture_term {
  margin-bottom: 40px;
}
.re_pack .lecture_term dl {
  font-size: 0;
  overflow: hidden;
}
.re_pack .lecture_term dl dt {
  color: #25292f;
  font-size: 14px;
  line-height: 24px;
  float: left;
}
.re_pack .lecture_term dl dd {
  font-size: 14px;
  line-height: 24px;
  padding-left: 17px;
  position: relative;
  float: left;
}
.re_pack .lecture_term dl dd::before {
  content: "";
  display: block;
  width: 1px;
  height: 11px;
  background-color: #e6e6e6;
  position: absolute;
  left: 8px;
  top: 6px;
}
.re_pack .lecture_term dl dd + dt {
  margin-left: 40px;
}
.re_pack .lecture_term dl + dl {
  margin-top: 15px;
}
.re_pack #content .lecture_term dl .ico_badge {
  height: 24px;
  margin-right: 8px;
}
.re_pack #content .lecture_term dl .ico_badge.off .badge_txt {
  background-color: #828c96;
}
.re_pack #content .lecture_term dl .ico_badge .badge_txt {
  padding: 0 12px;
  font-size: 11px;
  line-height: 24px;
  -webkit-border-radius: 12px;
          border-radius: 12px;
}

.comment {
  background: #fff;
}
.comment .comment_list {
  padding-top: 24px;
}
.comment .comment_list > ul > li > .comment_area {
  border-bottom: 1px solid #f0f0f0;
}
.comment .comment_list .private:before,
.comment .comment_list .del:before {
  top: 22px !important;
}
.comment .comment_list .private,
.comment .comment_list .del {
  padding: 0 !important;
  color: #999;
}
.comment .comment_list .private .comment_area,
.comment .comment_list .del .comment_area {
  padding: 10px 0;
}
.comment .comment_list .private .comment_view_mode,
.comment .comment_list .del .comment_view_mode {
  padding-left: 0 !important;
  font-size: 0;
}
.comment .comment_list .private .comment_desc,
.comment .comment_list .del .comment_desc {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.comment .comment_list .private .comment_desc:before,
.comment .comment_list .del .comment_desc:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#q_lock);
  background-repeat: no-repeat;
  background-position: -266px -761px;
  width: 40px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: top;
}
.comment .comment_list .private .comment_desc p,
.comment .comment_list .del .comment_desc p {
  display: inline-block;
  margin: 12px 0 0 15px;
  font-weight: 700;
  vertical-align: top;
  font-size: 14px;
}
.comment .comment_list .private .comment_info,
.comment .comment_list .del .comment_info {
  display: inline-block;
  margin-top: 10px;
  font-size: 12px;
}
.comment .comment_list .del .comment_desc:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#q_remove);
  background-repeat: no-repeat;
  background-position: -310px -761px;
  width: 40px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.comment .comment_list + .se_editor_wrap {
  border-width: 0 0 1px;
}
.comment .comment_area:before, .comment .comment_area:after {
  display: table;
  clear: both;
  content: " ";
}
.comment .comment_area {
  padding: 40px 0 30px 0;
}
.comment .comment_area .comment_desc {
  min-height: 16px;
}
.comment .comment_area .comment_desc p {
  margin: 0;
  word-break: break-all;
  min-height: 1.78em;
  line-height: 1.78em;
}
.comment .comment_area .comment_desc p:last-child {
  min-height: 16px;
  line-height: 16px;
}
.comment .comment_area .thumb {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof3);
  background-repeat: no-repeat;
  background-position: -178px -761px;
  width: 40px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  overflow: hidden;
  float: left;
  position: relative;
  text-indent: 0;
}
.comment .comment_area .thumb img {
  vertical-align: top;
}
.comment .comment_area .comment_view_mode {
  overflow: hidden;
  padding-left: 20px;
}
.comment .comment_area .comment_btn {
  padding: 8px 0 0 63px;
}
.comment .comment_area .comment_btn ul li {
  display: inline-block;
}
.comment .comment_area .se_editor_wrap {
  margin-left: 50px;
}
.comment .comment_area .comment_info {
  color: #949494;
}
.comment .comment_area .comment_info:before, .comment .comment_area .comment_info:after {
  display: table;
  clear: both;
  content: " ";
}
.comment .comment_area .comment_info ul {
  font-size: 0;
}
.comment .comment_area .comment_info li {
  display: inline-block;
  color: #999;
  line-height: 1.8em;
  font-size: 12px;
  vertical-align: top;
}
.comment .comment_area .comment_info li .username {
  font-size: 14px;
  color: #333;
  font-weight: 700;
  display: inline-block;
  margin-top: 1px;
}
.comment .comment_area .comment_info li span {
  display: inline-block;
}
.comment .comment_area .comment_info li .ic_ad {
  margin: 4px 0 0 2px;
}
.comment .comment_area .comment_info li .ico_g_lock3 {
  position: relative;
  top: -1px;
  margin-left: 11px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: visible;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_comment_lock);
  background-repeat: no-repeat;
  background-position: -540px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.comment .comment_area .comment_info li .ico_g_lock3:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #e0e0e0;
  position: absolute;
  top: 6px;
  left: -6px;
}
.comment .comment_area .comment_info li [data-elapsed-time] {
  margin-left: 8px;
}
.comment .comment_area .comment_info li a.btn_tx {
  padding: 0;
  border: none;
  vertical-align: top;
  color: #999;
}
.comment .comment_area .comment_info li a.btn_tx:before {
  display: inline-block;
  overflow: hidden;
  position: relative;
  top: 1px;
  width: 1px;
  height: 11px;
  margin: 0 7px 0 6px;
  background: #ccc;
  content: "";
}
.comment .comment_area .comment_info li a.btn_tx em {
  color: #909090;
}
.comment .comment_area + .comment_write_wrap {
  margin-top: -1px;
}
.comment .comment_write_wrap {
  position: relative;
  border: 1px solid #d1d1d1;
}
.comment .comment_write_wrap .comment_input {
  position: relative;
  height: 68px;
  letter-spacing: -1px;
}
.comment .comment_write_wrap .comment_input .input_text {
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px 16px;
  border: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #666;
  letter-spacing: -1px;
}
.comment .comment_write_wrap .comment_input .input_guide {
  position: absolute;
  left: 16px;
  top: 12px;
  color: #999;
}
.comment .comment_write_wrap .comment_tool {
  padding: 6px 6px 5px;
  border-top: 1px solid #d1d1d1;
  text-align: right;
}
.comment .comment_write_wrap .comment_tool .ick {
  margin: 10px 16px 0 0;
}
.comment .comment_write_wrap .comment_tool .ick .ph {
  color: #999;
}
.comment .comment_children_wrap {
  position: relative;
}
.comment .comment_children_wrap .se_editor_wrap,
.comment .comment_children_wrap .comment_write_wrap {
  margin: 30px 0 10px 85px;
}
.comment .comment_children_wrap .se_editor_wrap:before,
.comment .comment_children_wrap .comment_write_wrap:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: -22px;
  width: 12px;
  height: 12px;
  border-left: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  vertical-align: middle;
  content: "";
}
.comment .comment_children_wrap .children {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
  background: none;
}
.comment .comment_children_wrap .children .comment_area {
  padding: 10px 0 10px 85px;
}
.comment .comment_children_wrap .children .comment_area .thumb {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof4);
  background-repeat: no-repeat;
  background-position: -839px -73px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  text-indent: 0;
}
.comment .comment_children_wrap .children:before {
  display: inline-block;
  position: absolute;
  top: 32px;
  left: 63px;
  width: 12px;
  height: 12px;
  border-left: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  vertical-align: middle;
  content: "";
}
.comment .comment_children_wrap .children .se_editor_area,
.comment .comment_children_wrap .children .comment_btn {
  padding-left: 0;
}
.comment .comment_children_wrap .children .se_editor_area {
  padding-top: 15px;
}

.nav_tab3 {
  margin: 80px 0 24px 0;
}
.nav_tab3 ul {
  border-bottom: 1px solid #edf0f2;
}
.nav_tab3 ul::after {
  content: "";
  display: block;
  clear: both;
}
.nav_tab3 ul li {
  float: left;
}
.nav_tab3 ul li + li {
  margin-left: 24px;
}
.nav_tab3 ul li.active a {
  color: #25292f;
  border-bottom-color: #25292f;
}
.nav_tab3 ul li a {
  display: block;
  color: #828c96;
  font-size: 15px;
  line-height: 17px;
  font-weight: bold;
  padding-bottom: 11px;
  border-bottom: 4px solid transparent;
  margin-bottom: -1px;
}

body.re_pack .share .new_comment_wrap {
  padding-top: 0;
  position: relative;
  height: 100%;
}
body.re_pack .share .new_comment_wrap .comment_scroll {
  height: 100%;
  position: relative;
  padding-bottom: 48px;
}
body.re_pack .share .new_comment_wrap .comment {
  height: 100%;
  display: block;
}
body.re_pack .share .new_comment_wrap .comment .comment_more_view {
  padding: 16px;
}
body.re_pack .share .new_comment_wrap .comment .comment_more_view .more_view_btn {
  display: block;
  background: #F5F7F7;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  padding: 15px 0;
  text-align: center;
  color: #25292f;
  font-size: 15px;
  line-height: 18px;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  z-index: 1000;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap.focus .comment_wrap .mce-edit-area.mce-container {
  border-top-color: #25292f !important;
  border-right-color: #25292f !important;
  border-left-color: #25292f !important;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap.focus .se_editor_area {
  border-right-color: #25292f;
  border-left-color: #25292f;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap.focus .comment_footer_wrap {
  border-right-color: #25292f;
  border-left-color: #25292f;
  border-bottom-color: #25292f;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .dimmed {
  background: transparent;
  opacity: 1;
  z-index: 30;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .dimmed .ph {
  position: absolute;
  top: 15px;
  font-size: 13px;
  line-height: 20px;
  color: #25292f;
  left: 16px;
  opacity: 1;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .dimmed .ph b {
  font-weight: 700;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_wrap .mce-tinymce.mce-container {
  width: 100%;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_wrap .mce-edit-area.mce-container {
  border: 1px solid #EDF0F2 !important;
  height: auto;
  min-height: 60px;
  padding: 15px 16px;
  display: block;
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap {
  display: block;
  height: auto;
  position: relative;
  padding: 8px;
  top: auto;
  right: auto;
  background: #FFFFFF;
  border-width: 0 1px 1px 1px;
  border-color: #EDF0F2;
  border-style: solid;
  -webkit-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .bubb {
  z-index: 1100;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l {
  display: block;
  padding: 0;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l > span {
  width: 32px;
  height: 32px;
  margin-right: 0;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l > span button {
  width: 32px;
  height: 32px;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_image {
  width: 32px;
  height: 32px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_img);
  background-repeat: no-repeat;
  background-position: -753px -528px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_file {
  width: 32px;
  height: 32px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_file);
  background-repeat: no-repeat;
  background-position: -753px -488px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_l .ico_i_katex {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_math);
  background-repeat: no-repeat;
  background-position: -753px -568px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r {
  right: auto;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group {
  display: inline-block;
  top: 0;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick {
  margin-right: 16px;
  padding-left: 24px;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick .checkbox {
  border: 0;
  top: 3px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_comment_checkbox);
  background-repeat: no-repeat;
  background-position: -468px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick .checkbox.checked {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_comment_checkbox_checked);
  background-repeat: no-repeat;
  background-position: -492px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick .checkbox.checked:after {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick .checkbox.disabled {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_comment_checkbox_disabled);
  background-repeat: no-repeat;
  background-position: -516px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .check_group .ick .ph {
  font-size: 13px;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .btn.btn_type1[data-btn=cancel] {
  display: inline-block;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_area_r .btn_type1[data-btn=save] {
  right: auto;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_type1 {
  border-width: 0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  line-height: 32px;
  height: 32px;
  background-color: #828C96;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_type1 + .btn_type1 {
  margin-left: 8px;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_type1[data-btn=cancel] {
  color: #828C96;
  background: #FFFFFF !important;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .comment_footer_wrap .btn_type1[data-btn=cancel]:hover {
  background: #FAFAFA !important;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice {
  display: block;
  position: absolute;
  right: 142px;
  bottom: 17px;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice.only_opt {
  right: 72px;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice:after {
  content: "";
  display: block;
  clear: both;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick {
  float: right;
  padding-left: 24px;
  line-height: 22px;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick .checkbox {
  top: 6px;
  border: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_comment_checkbox);
  background-repeat: no-repeat;
  background-position: -468px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick .checkbox.checked {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_comment_checkbox_checked);
  background-repeat: no-repeat;
  background-position: -492px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  border-color: transparent;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick .checkbox.checked:after {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick .checkbox.disabled {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_comment_checkbox_disabled);
  background-repeat: no-repeat;
  background-position: -516px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .set_notice .ick .ph {
  color: #666666;
  font-size: 13px;
  line-height: 14px;
  padding-top: 8px;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .se_editor_area {
  display: block;
  background: #FFFFFF;
  border-color: #EDF0F2;
  padding: 16px 16px 0 16px;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap .sub_modal.math {
  width: 364px;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap.writing .comment_footer_wrap .btn_type1 {
  background-color: #03C75A;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap.logout {
  height: 50px;
  overflow: hidden;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .se_editor_wrap {
  border: 1px solid #edf0f2 !important;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 0;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .comment_wrap {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .se_editor_area {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .comment_footer_wrap {
  border: 0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .comment_footer_wrap .btn_area_l {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .comment_footer_wrap .btn_area_r .check_group {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .comment_footer_wrap .btn_area_r .btn_type1 {
  display: block;
  background-color: #D0D6D9;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .comment_footer_wrap .btn_area_r .btn_type1[data-btn=cancel] {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .se_wrap.logout .set_notice {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_list {
  height: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
}
body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li {
  position: relative;
}
body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .comment_view_mode {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .se_editor_area div[class^=f_] {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .se_editor_area div {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing .comment_btn {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing + .se_wrap {
  display: block;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 4px 16px 17px 16px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing + .se_wrap .se_editor_wrap {
  margin: -50px 0 0 48px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list #_wrap_comment_list > li .comment_area.editing + .se_wrap .se_editor_wrap .se_editor_area:before {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .del .comment_area {
  padding: 16px 24px 16px 64px;
  position: relative;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .del .comment_area .comment_view_mode {
  padding-left: 0;
  min-height: 32px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .del .comment_area .comment_desc::before {
  position: absolute;
  left: 16px;
  top: 16px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_delete);
  background-repeat: no-repeat;
  background-position: -753px -448px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .del .comment_area .comment_desc p {
  display: block;
  color: #828C96;
  line-height: 14px;
  margin: 0;
  font-weight: 400;
  min-height: auto;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .del .comment_area .comment_info {
  display: block;
  color: #828C96;
  margin-top: 4px;
  font-size: 11px;
  line-height: 12px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .private .comment_area {
  position: relative;
  padding-left: 64px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .private .comment_area .comment_desc {
  min-height: unset;
  min-height: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .private .comment_area .comment_desc:before {
  position: absolute;
  left: 16px;
  top: 16px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_comment_private_32);
  background-repeat: no-repeat;
  background-position: -753px -408px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .private .comment_area .comment_desc p {
  display: block;
  color: #828C96;
  line-height: 14px;
  padding-top: 1px;
  margin: 0;
  min-height: auto;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .private .comment_area .comment_info {
  display: block;
  color: #828C96;
  margin-top: 4px;
  font-size: 11px;
  line-height: 12px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .private .comment_area .comment_info li [data-elapsed-time] {
  color: #828c96;
  font-size: 11px;
  line-height: 12px;
  margin-left: 0;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .se_wrap {
  background: #fff;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area {
  padding: 16px;
  border-bottom: 0;
  background-color: #FFFFFF;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area + .se_wrap {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area::before {
  content: "";
  display: block;
  width: 1px;
  top: 64px;
  bottom: 0px;
  background-color: #edf0f2;
  position: absolute;
  left: 31px;
  z-index: 1000;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .thumb {
  display: block;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  position: absolute;
  left: 0;
  overflow: hidden;
  background-color: #fff !important;
  position: relative;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .thumb.bgnone:before {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .thumb:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/profile-def.png) 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
  content: "";
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 1px rgba(0, 0, 0, 0.04);
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .se_editor_area .f_file .file_link {
  padding-right: 16px;
  max-width: 140px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .se_editor_area div[class^=f_]:last-child {
  margin-bottom: 8px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .se_editor_area.view {
  margin-top: -8px;
  background: transparent;
  border-color: transparent;
  padding-left: 48px;
  padding-bottom: 0;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_view_mode {
  padding-left: 16px;
  overflow: hidden;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_info li {
  font-size: 0;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_info li .username {
  color: #25292F;
  font-size: 13px;
  line-height: 14px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 4px;
  vertical-align: top;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_info li .ic_ad {
  font-size: 13px;
  margin: 1px 0 0 4px;
  padding-left: 7px;
  position: relative;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_info li .ic_ad::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #e0e0e0;
  position: absolute;
  top: 5px;
  left: 0px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_info li:first-child {
  display: block;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_info li [data-elapsed-time] {
  color: #828c96;
  font-size: 11px;
  line-height: 12px;
  margin-left: 0;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_info li .btn_tx:before {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_desc p {
  color: #25292f;
  font-size: 13px;
  line-height: 20px;
  min-height: 20px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_desc p a {
  color: #03C75A;
  text-decoration: underline;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_desc p:only-child {
  margin: 20px 0;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .se_editor_area + .comment_btn {
  padding-top: 8px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn {
  padding: 0 0 0 48px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more {
  position: absolute;
  top: 19px;
  right: 16px;
  z-index: 100;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_btn {
  width: 24px;
  height: 24px;
  display: block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_live_dots_btn);
  background-repeat: no-repeat;
  background-position: -740px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list {
  min-width: 71px;
  display: none;
  border: 1px solid #25292F;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.04);
  -webkit-border-radius: 4px;
          border-radius: 4px;
  position: absolute;
  top: 32px;
  right: 0;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list li {
  display: block;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list li + li {
  border-top: 1px solid #EDF0F2;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list a {
  display: block;
  color: #25292d;
  font-size: 13px;
  line-height: 14px;
  padding: 13px 24px !important;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #fff;
  text-align: center;
  white-space: nowrap;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .comment_btn .more .more_list.on {
  display: block;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom {
  width: auto;
  height: 32px;
  padding: 6px 15px 0;
  font-size: 0;
  border: 1px solid #EDF0F2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom:hover {
  border-color: #03C75A;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom i {
  display: inline-block;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom i svg {
  vertical-align: -3px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom em {
  color: #25292f;
  font-size: 13px;
  line-height: 14px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom.on i svg path:first-child {
  fill: #03C75A;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_rcom::before {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply {
  width: 64px;
  height: 32px;
  background: #FFFFFF;
  border: 1px solid #EDF0F2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply:before {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply i {
  display: inline-block;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply i svg {
  vertical-align: -4px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply em {
  color: #25292f;
  font-size: 13px;
  line-height: 14px;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area .btn.btn_type9.r_reply.on i svg path:first-child {
  fill: #03C75A;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area.mine {
  background-color: #fff;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area.admin {
  background-color: #F5FDF7;
}
body.re_pack .share .new_comment_wrap .comment .comment_list .comment_area.admin + .se_wrap {
  background-color: #F5FDF7;
}
body.re_pack .share .new_comment_wrap .comment .comment_none {
  padding: 89px 0;
  text-align: center;
}
body.re_pack .share .new_comment_wrap .comment .comment_none .contents_none {
  color: #828C96;
  font-size: 13px;
  line-height: 22px;
}
body.re_pack .share .new_comment_wrap .comment #_wrap_comment_list > li .comment_children_wrap .comment_area.editing + .se_wrap .se_editor_wrap {
  margin: -60px 0 0 104px;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap > .se_wrap .se_editor_area:before {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap > .se_wrap .comment_footer_wrap .btn.btn_type1[data-btn=cancel] {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap > .se_wrap .comment_footer_wrap .btn.btn_type1.on {
  margin-left: 0;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children {
  background-color: #FAFAFA;
  padding: 0;
  border-bottom: 0;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area {
  padding: 16px 0px 16px 64px;
  margin-top: 0;
  background-color: #FAFAFA;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area.admin {
  background-color: #F5FDF7;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area .thumb {
  width: 24px;
  height: 24px;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area .thumb:before {
  width: 24px;
  height: 24px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/profile-def.png) 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area .comment_view_mode .comment_desc {
  padding-right: 16px;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area .comment_btn {
  padding-top: 8px;
  padding-left: 40px;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area .comment_btn .more {
  top: 19px;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children .comment_area .se_editor_area.view {
  padding-top: 0;
  padding-left: 40px;
  margin-top: -8px;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .children:before {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .del .comment_area {
  background-color: #FAFAFA;
  padding: 16px 24px 16px 104px;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .del .comment_area .comment_view_mode {
  min-height: 24px;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .del .comment_area .comment_view_mode .comment_desc::before {
  width: 24px;
  height: 24px;
  left: 64px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_delete_24);
  background-repeat: no-repeat;
  background-position: -100px -744px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .private .comment_area {
  background-color: #FAFAFA;
  padding: 16px 24px 16px 104px;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .private .comment_area .comment_view_mode {
  min-height: 24px;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .private .comment_area .comment_view_mode .comment_desc::before {
  width: 24px;
  height: 24px;
  left: 64px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_comment_private_24);
  background-repeat: no-repeat;
  background-position: -612px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_editor_area:before {
  content: "";
  display: block;
  width: 1px;
  top: 55px;
  bottom: 0px;
  height: auto;
  border: 0;
  background-color: #edf0f2;
  position: absolute;
  left: 75px;
  z-index: 1000;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_editor_wrap {
  padding: 16px 16px 16px 0;
  margin: 0 0 0 64px;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_editor_wrap:before {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .comment_write_wrap {
  margin: 0 0 0 64px;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .comment_write_wrap:before {
  display: none;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #FAFAFA;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap.logout {
  height: 82px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 16px 16px 16px 0;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap.logout .se_editor_wrap .dimmed .ph {
  top: 14px;
  left: 16px;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap.focus .comment_wrap .mce-edit-area.mce-container {
  border-top-color: #25292f !important;
  border-right-color: #25292f !important;
  border-left-color: #25292f !important;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap.focus .se_editor_area {
  border-right-color: #25292f;
  border-left-color: #25292f;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap.focus .comment_footer_wrap {
  border-right-color: #25292f;
  border-left-color: #25292f;
  border-bottom-color: #25292f;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap .set_notice {
  right: 163px;
  bottom: 33px;
}
body.re_pack .share .new_comment_wrap .comment .comment_children_wrap .se_wrap .set_notice.only_opt {
  right: 88px;
}
body.re_pack .share .new_comment_wrap .se_editor_area {
  padding: 2px 16px 16px;
}
body.re_pack .share .new_comment_wrap .se_editor_area .f_img {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  height: 68px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_whaleclass/img_thumb.svg) 0 0 no-repeat;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  overflow: hidden;
}
body.re_pack .share .new_comment_wrap .se_editor_area .f_img > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid rgba(0, 23, 20, 0.04);
}
body.re_pack .share .new_comment_wrap .se_editor_area .f_img + .f_img {
  margin-left: 8px;
}
body.re_pack .share .new_comment_wrap .se_editor_area .f_img:hover > a:after {
  border-color: #25292F;
}
body.re_pack .share .new_comment_wrap .se_editor_area .f_img:hover .f_close {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_img_edit_hover);
  background-repeat: no-repeat;
  background-position: -164px -744px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .share .new_comment_wrap .se_editor_area .f_img .f_close {
  top: 4px;
  right: 4px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_img_edit);
  background-repeat: no-repeat;
  background-position: -132px -744px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  z-index: 10;
}
body.re_pack .share .new_comment_wrap .se_editor_area .f_file {
  color: #333;
  height: 32px;
  border: 0;
  padding: 0;
}
body.re_pack .share .new_comment_wrap .se_editor_area .f_file [class*=file_link] {
  display: inline-block;
  vertical-align: top;
  max-width: 171px;
  padding: 9px 40px 7px 16px;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  background-color: #edf0f2;
  position: relative;
}
body.re_pack .share .new_comment_wrap .se_editor_area .f_file .name {
  max-width: 100%;
  font-size: 13px;
  line-height: 14px;
}
body.re_pack .share .new_comment_wrap .se_editor_area .f_file .ico, body.re_pack .share .new_comment_wrap .se_editor_area .f_file .size {
  display: none;
}
body.re_pack .share .new_comment_wrap .se_editor_area .f_file .f_close {
  width: 40px;
  height: 32px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_qna_file_edit);
  background-repeat: no-repeat;
  background-position: -4px -776px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  top: 50%;
  right: 16px;
  margin-top: -8px;
}
body.re_pack .share .new_comment_wrap .se_editor_area .f_file .btn_type3 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  border: 0;
  height: auto;
}
body.re_pack .share .new_comment_wrap .paginate {
  margin-top: 0;
  margin-bottom: 80px;
}
body.re_pack .share .new_comment_wrap .paginate .pre, body.re_pack .share .new_comment_wrap .paginate .next {
  width: 40px;
  height: 40px;
}
body.re_pack .share .new_comment_wrap .paginate .page_list a {
  height: 40px;
  line-height: 40px;
}
body.re_pack .share .live_notice_wrap {
  padding: 24px 0;
  display: block;
}
body.re_pack .share .live_notice_wrap.fold {
  position: relative;
  display: block;
  top: auto;
  left: auto;
}
body.re_pack .share .live_notice_wrap .notice_inner {
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.re_pack .share .live_notice_wrap .notice_inner .live_notice {
  overflow: hidden;
  max-height: none;
  max-height: unset;
}
body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .notice {
  padding: 15px 16px 15px 48px;
}
body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .notice:before {
  top: 13px;
}
body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .notice p, body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .notice br {
  display: none;
}
body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .notice .attach {
  display: none;
}
body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .notice .content + p {
  display: block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 20px;
}
body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .notice .f_file_link {
  padding-right: 16px;
}
body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .f_img, body.re_pack .share .live_notice_wrap .notice_inner .live_notice .list .f_file {
  margin-bottom: 8px;
}
body.re_pack .share .live_notice_wrap.open_all .notice_inner .live_notice {
  padding-bottom: 40px;
}
body.re_pack .share .live_notice_wrap.open_all .notice_inner .live_notice .list .notice p, body.re_pack .share .live_notice_wrap.open_all .notice_inner .live_notice .list .notice br {
  display: block !important;
  color: #000;
  font-size: 13px;
  line-height: 20px;
  word-break: keep-all;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: unset !important;
  max-height: none !important;
  max-height: unset !important;
}
body.re_pack .share .live_notice_wrap.open_all .notice_inner .live_notice .list .notice .content + p {
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: unset !important;
  max-height: none !important;
  max-height: unset !important;
}
body.re_pack .share .live_notice_wrap.open_all .notice_inner .live_notice .list .notice .attach {
  display: block;
}
body.re_pack .share .live_notice_wrap.open_all .notice_inner .toggle_btn {
  border-top: 1px solid var(--wc-button04);
}
body.re_pack .share .se_wrap + .live_tab_wrap {
  margin-top: 24px;
}
body.re_pack .share .live_tab_wrap {
  padding-bottom: 24px;
  border-bottom: 1px solid #f7f7f7;
}
body.re_pack .share .live_tab_wrap:after {
  content: "";
  display: block;
  clear: both;
}
body.re_pack .share .live_tab_wrap .group_l {
  float: left;
}
body.re_pack .share .live_tab_wrap .group_l .tab_list:after {
  content: "";
  display: block;
  clear: both;
}
body.re_pack .share .live_tab_wrap .group_l .tab_list .tab {
  float: left;
}
body.re_pack .share .live_tab_wrap .group_l .tab_list .tab > a {
  color: #828C96;
  font-size: 13px;
  line-height: 24px;
  padding: 6px;
}
body.re_pack .share .live_tab_wrap .group_l .tab_list .tab:first-child > a {
  padding-left: 0;
}
body.re_pack .share .live_tab_wrap .group_l .tab_list .tab.selected > a {
  font-weight: bold;
  color: #25292f;
}
body.re_pack .share .live_tab_wrap .group_r {
  float: right;
}
body.re_pack .share .live_tab_wrap .group_r .btn_mine_box .text {
  color: #384047;
  font-size: 13px;
  line-height: 24px;
  padding-right: 8px;
}
body.re_pack .share .live_tab_wrap .group_r .btn_mine_box .btn_mine {
  float: right;
  color: inherit;
  text-decoration: none;
  overflow: visible;
  border: none;
  -webkit-border-radius: 0;
          border-radius: 0;
  background: 0 0;
  cursor: pointer;
}
body.re_pack .share .live_tab_wrap .group_r .btn_mine_box .btn_mine.on .ico_mine {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico-refresh-on);
  background-repeat: no-repeat;
  background-position: -753px -92px;
  width: 40px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  background-repeat: no-repeat;
  width: 40px;
  height: 24px;
}
body.re_pack .share .live_tab_wrap .group_r .btn_mine_box .ico_mine {
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico-refresh-off);
  background-repeat: no-repeat;
  background-position: -753px -60px;
  width: 40px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  background-repeat: no-repeat;
  width: 40px;
  height: 24px;
}

.mg_info {
  padding-bottom: 50px;
}
.mg_info .slt + .img_group, .mg_info .slt + .img_group2 {
  margin-top: 6px;
}
.mg_info .group_lr .group_l {
  font-size: 14px;
  line-height: 30px;
}
.mg_info .e_wrap .it, .mg_info .e_wrap {
  margin-bottom: 6px;
}
.mg_info .nav_tab + .group_lr, .mg_info .nav_tab + .table {
  margin-top: 31px;
}
.mg_info .chosen-container.chosen-container-single .chosen-single div b {
  position: relative;
  background: none;
}
.mg_info .chosen-container.chosen-container-single .chosen-single div b:before {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#ico_checkbox_arrow);
  background-repeat: no-repeat;
  background-position: -972px -335px;
  width: 12px;
  height: 7px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.mg_info .chosen-container.chosen-container-single.chosen-with-drop .chosen-single div b:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mg_info .chosen-container .chosen-results li.highlighted {
  background: #E5E5E5;
}
.mg_info .chosen-container .chosen-results li.disabled-result {
  color: #828C96;
}
.mg_info .checkbox_drop {
  position: relative;
  width: 440px;
}
.mg_info .checkbox_drop.open .dropbox {
  display: block;
}
.mg_info .checkbox_drop.open .btn_drop:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mg_info .checkbox_drop .btn_drop {
  color: #666;
  width: 100%;
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  padding: 8px 30px 8px 15px;
  height: 34px;
  background-color: #fff;
  border: 1px solid #D1D1D1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mg_info .checkbox_drop .btn_drop:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  margin: -3px 0 0 -6px;
  background-image: url(../img/sprite/sp_new_whaleclass.svg#ico_checkbox_arrow);
  background-repeat: no-repeat;
  background-position: -972px -335px;
  width: 12px;
  height: 7px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.mg_info .checkbox_drop .dropbox {
  display: none;
  position: absolute;
  top: 33px;
  left: 0;
  width: 100%;
  z-index: 1010;
  text-align: left;
  background: #FFFFFF;
  border: 1px solid #CBCBCB;
  padding: 8px 0px;
  max-height: 372px;
  overflow-y: auto;
}
.mg_info .checkbox_drop .dropbox .box_list {
  padding: 8px 16px;
  height: 30px;
}
.mg_info .checkbox_drop .dropbox .box_list + .box_list {
  margin-top: 4px;
}
.mg_info .checkbox_drop .dropbox .box_list:hover {
  background: #E5E5E5;
}
.mg_info .checkbox_drop .dropbox .box_list .ick {
  font-size: 13px;
  line-height: 14px;
}
.mg_info .checkbox_drop .dropbox .box_list .ick .checkbox {
  top: 1px;
}
.mg_info .checkbox_drop.disabled .btn_drop {
  color: #999;
}
.mg_info .le_file:before, .mg_info .le_file:after {
  display: table;
  clear: both;
  content: " ";
}
.mg_info .le_file .thumb {
  float: right;
  position: relative;
  width: 140px;
  height: 105px;
  margin: 10px 0 0 30px;
  border: 1px solid #cdcdcd;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_noimg.gif) no-repeat 50% 50%;
}
.mg_info .le_file .thumb img {
  width: 138px;
  height: 103px;
  vertical-align: top;
}
.mg_info .le_file .thumb + .info .f_name + dd span {
  max-width: 364px;
}
.mg_info .le_file .info {
  overflow: hidden;
  position: relative;
  max-width: 100%;
  margin: 0;
}
.mg_info .le_file .info .f_name + dd {
  position: relative;
  padding: 10px 0 12px 0;
  font-weight: 700;
  color: #333;
}
.mg_info .le_file .info .f_name + dd span {
  display: inline-block;
  overflow: hidden;
  max-width: 530px;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.mg_info .le_file .info .f_name + dd a {
  font-weight: normal;
}
.mg_info .le_file .info .f_anchor + dd {
  padding-top: 2px;
}
.mg_info .le_file .info .f_anchor + dd a {
  color: #333;
  text-decoration: underline;
}
.mg_info .le_file .info dd {
  overflow: hidden;
  margin: 0;
  word-break: break-all;
}
.mg_info .le_file .info dd strong {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  display: block;
  font-weight: normal;
}
.mg_info .le_file .info dd p {
  margin: 0;
  max-height: 75px;
  overflow: hidden;
}
.mg_info tr.subtitle td {
  height: 63px;
  padding: 9px 0 7px;
}
.mg_info tr.subtitle td.empty {
  border-top: 0;
  text-align: left;
}
.mg_info tr.subtitle td.empty:before {
  overflow: hidden;
  position: absolute;
  width: 182px;
  height: 8px;
  margin: -26px 0 0;
  background: #FFF;
  content: "";
}
.mg_info tr.subtitle td.empty + td {
  text-align: left;
}
.mg_info tr.subtitle td dl, .mg_info tr.subtitle td dt, .mg_info tr.subtitle td dd {
  margin: 0;
  padding: 0;
  line-height: 22px;
}
.mg_info tr.subtitle td .filename {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  display: block;
}
.mg_info tr.subtitle td .lang {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  display: block;
  font-size: 12px;
  color: #999;
  text-decoration: none;
}
.mg_info tr.subtitle td .lang .bar {
  color: #ccc;
}
.mg_info .table.table_type1 .txt.tc {
  padding-right: 5px;
}
.mg_info .table.table_type1 .btn.btn_type3 {
  margin-left: 11px;
}
.mg_info .table.table_type1 .txt.tc, .mg_info .table.table_type1 .it.tc {
  display: table-cell;
  white-space: nowrap;
}
.mg_info .lst_chk li {
  display: inline-block;
  vertical-align: middle;
}
.mg_info .lst_chk li .it_wrap .it {
  vertical-align: middle;
}
.mg_info .lst_chk li .it_wrap .txt {
  padding: 0;
  line-height: 34px;
  vertical-align: middle;
}
.mg_info .lst_chk li .label {
  font-size: 13px;
  padding: 5px 8px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  margin-left: 4px;
}
.mg_info .lst_chk li.inline + .inline {
  margin-left: 40px;
}
.mg_info .ick.first {
  width: 135px;
}
.mg_info table .ick .radio {
  width: 18px;
  height: 18px;
  border: 2px solid #A8A8A8;
}
.mg_info table .ick .radio.checked {
  border: 1px solid #aeaeae;
  background-color: #fff !important;
}
.mg_info table .ick .radio.checked::after {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.mg_info .ick.item {
  padding-right: 20px;
}
.mg_info .attached_file th i {
  vertical-align: baseline;
}
.mg_info .ph_txt {
  color: #666;
}
.mg_info .ph_txt .desc {
  color: #999;
}
.mg_info .img_group + .tarea {
  margin-top: 20px;
}
.mg_info .img_group .btn_thumbnail {
  margin-left: 4px;
}
.mg_info .skin_preview {
  overflow: hidden;
  position: relative;
  width: 565px;
  height: 105px;
  margin: 10px 0 4px;
  border: 1px solid #cbcbcb;
}
.mg_info .skin_preview img {
  display: block;
  max-height: 103px;
  width: auto;
  height: auto;
}
.mg_info .select_area {
  margin-top: 38px;
  text-align: center;
}
.mg_info .btn.btn_type1 {
  height: 36px;
}
.mg_info .btn.btn_type1.on {
  background-color: #8b8f94;
  border-color: #8b8f94;
}
.mg_info .btn.btn_type1:last-child {
  background-color: #121314;
  border-color: #121314;
}
.mg_info .group_lr .group_l .group_l.sub_font_color, .mg_info .group_lr .group_r .group_l.sub_font_color {
  font-size: 14px !important;
  line-height: 30px;
}

.menu_setting {
  margin-bottom: 10px;
  border: 1px solid #bababa;
}

.survey + .paginate {
  margin-top: 55px;
}

.txt_top {
  padding: 6px 0;
  color: gray;
  text-align: right;
}

.re_pack .menu_manager .ico_g_open {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-earth-gray);
  background-repeat: no-repeat;
  background-position: -252px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin-top: 1px;
}
.re_pack .menu_manager .ico_g_group {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_open);
  background-repeat: no-repeat;
  background-position: -364px -507px;
  width: 17px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.re_pack .menu_manager .ico_g_open_dark_, .re_pack .menu_manager .ico_g_open_dark_b:before, .re_pack .menu_manager .ico_g_open_dark_a:before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-earth-dark);
  background-repeat: no-repeat;
  background-position: -148px -776px;
  width: 13px;
  height: 13px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}

/* 강좌 > 메뉴 관리 */
.menu_manager {
  margin: 30px 0 0 0;
}
.menu_manager > ul > li {
  position: relative;
  border: 1px solid #E0E0E0;
  padding: 20px 166px 29px 29px;
}
.menu_manager > ul > li:before, .menu_manager > ul > li:after {
  display: table;
  clear: both;
  content: " ";
}
.menu_manager > ul > li.drag_active {
  position: relative;
  z-index: 1000;
  border: 1px solid #333;
  background-color: #fff;
}
.menu_manager > ul > li .cell {
  margin: -8px 0 -15px;
}
.menu_manager > ul > li .cell .it, .menu_manager > ul > li .cell .le_txt {
  float: none;
}
.menu_manager > ul > li .cell .le_txt {
  margin-bottom: -1px;
  padding-top: 0;
}
.menu_manager > ul > li .drag {
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_drag);
  background-repeat: no-repeat;
  background-position: -901px -486px;
  width: 9px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  cursor: move;
}
.menu_manager > ul > li .le_txt {
  display: block;
  overflow: hidden;
  position: relative;
  height: 24px;
  padding: 4px 0 0;
  line-height: 24px;
  color: #010101;
}
.menu_manager > ul > li .le_txt a {
  color: #666;
  text-decoration: none !important;
}
.menu_manager > ul > li .le_txt strong:hover {
  cursor: pointer;
}
.menu_manager > ul > li .le_txt span {
  display: block;
  color: #999;
}
.menu_manager > ul > li .le_txt .ic_lock {
  margin: -1px 0 1px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_lecture_private_s);
  background-repeat: no-repeat;
  background-position: -819px -679px;
  width: 14px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}
.menu_manager > ul > li .it {
  border: 1px solid transparent;
  background: transparent;
}
.menu_manager > ul > li .it {
  display: none;
}
.menu_manager > ul > li .util {
  position: absolute;
  min-width: 168px;
  min-width: 111px\9 ;
  top: 29px;
  right: 0;
  padding-right: 57px;
  white-space: nowrap;
}
.menu_manager > ul > li .util > button,
.menu_manager > ul > li .util > div {
  float: left;
  margin: 0 0 0 19px;
}
.menu_manager > ul > li .util > div {
  position: relative;
  bottom: 2px;
  height: 16px;
}
.menu_manager > ul > li .util > div > button {
  width: 27px;
  height: 16px;
  margin: 1px 0 0 0;
}
.menu_manager > ul > li .util > div > button span {
  float: left;
  vertical-align: top;
}
.menu_manager > ul > li .util > div > button .ico_g_lock2, .menu_manager > ul > li .util > div > button .ico_g_open3 {
  margin: 0 0 0 4px;
}
.menu_manager > ul > li .util > div > button .ico_g_free {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_type_free);
  background-repeat: no-repeat;
  background-position: -901px -58px;
  width: 12px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.menu_manager > ul > li .util > div > button .ico_g_num {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_type_number);
  background-repeat: no-repeat;
  background-position: -819px -698px;
  width: 16px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.menu_manager > ul > li .util > div > button .ico_g_bu {
  float: right;
  position: relative;
  top: 7px;
}
.menu_manager > ul > li .util > div > button.active + ul {
  display: block;
}
.menu_manager > ul > li .util > div > button.active + ul ul {
  display: block;
}
.menu_manager > ul > li .util button[disabled=disabled] {
  cursor: default !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.menu_manager > ul > li .util .disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
}
.menu_manager > ul > li .util ul {
  display: none;
  position: absolute;
  top: 26px;
  right: 0;
  border: 1px solid #333;
  background: #FBFBFB;
  padding: 13px 15px 12px 13px;
  z-index: 100;
}
.menu_manager > ul > li .util ul li {
  margin: 5px 0 0 0;
}
.menu_manager > ul > li .util ul li + li {
  margin-top: 13px;
}
.menu_manager > ul > li .util ul .group {
  position: relative;
  border: 0;
  padding: 0;
  top: auto;
  right: auto;
  padding: 13px 0 4px 0;
  margin-top: 18px;
  border-top: 1px solid #ebebeb;
}
.menu_manager > ul > li .util ul .group span {
  color: #000;
  vertical-align: top;
  font-size: 12px;
  line-height: 14px;
}
.menu_manager > ul > li .util ul .group li {
  margin-top: 0;
}
.menu_manager > ul > li .util ul .group li + li {
  margin-top: 12px;
}
.menu_manager > ul > li .util ul .group .ick {
  display: block;
  line-height: 14px;
  padding-left: 17px;
}
.menu_manager > ul > li .util ul .group .ick .checkbox {
  width: 12px;
  height: 12px;
  top: 0;
}
.menu_manager > ul > li .util ul .group .ick .checkbox.checked::after {
  top: -1px;
  left: -1px;
}
.menu_manager > ul > li .util ul button {
  position: relative;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  padding: 0 0 0 23px;
}
.menu_manager > ul > li .util ul button:before {
  position: absolute;
  top: 0px;
}
.menu_manager > ul > li .util ul button.ico_g_open_dark_b:before {
  left: 2px;
}
.menu_manager > ul > li .util ul button.ico_g_open_dark2_b:before {
  left: 0;
}
.menu_manager > ul > li .util ul button.ico_g_lock_dark_b:before {
  left: 3px;
}
.menu_manager > ul > li .util ul button.ico_g_free_dark:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_type_free_dark);
  background-repeat: no-repeat;
  background-position: -901px -577px;
  width: 10px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  top: 3px;
  left: 4px;
}
.menu_manager > ul > li .util ul button.ico_g_num_dark:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_type_number_dark);
  background-repeat: no-repeat;
  background-position: -702px -841px;
  width: 14px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  top: 5px;
  left: 1px;
}
.menu_manager > ul > li .it .btns {
  display: none;
  position: absolute;
  top: 5px;
  right: 0;
}
.menu_manager > ul > li .it .btns a {
  display: inline-block;
  position: relative;
  font-size: 12px;
  text-decoration: none;
  color: #999;
}
.menu_manager > ul > li .it .btns a:first-child {
  color: #030303;
}
.menu_manager > ul > li .it .btns a:hover {
  text-decoration: none;
}
.menu_manager > ul > li .it .btns a + a {
  margin: 0 0 0 2px;
  padding: 0 0 0 5px;
}
.menu_manager > ul > li.mod {
  padding-right: 20px;
}
.menu_manager > ul > li.mod .it {
  position: relative;
  top: 5px;
  display: block;
  padding-right: 72px;
  background: #fff;
}
.menu_manager > ul > li.mod .it input {
  border: 1px solid #E8E8E8 !important;
}
.menu_manager > ul > li.mod .it .btns {
  display: block;
}
.menu_manager > ul > li.mod .le_txt, .menu_manager > ul > li.mod .util {
  display: none;
}
.menu_manager > ul > li.mod .cell {
  margin: -17px 0 -16px;
}
.menu_manager > ul > li + li {
  margin-top: -1px;
}
.menu_manager .hr {
  height: 57px;
  border-width: 1px 0;
  border-color: transparent;
}
.menu_manager .hr:before {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 27px;
  left: 2px;
  width: 698px;
  height: 1px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_menu_hr_dotted.gif) repeat-x;
  content: "";
}
.menu_manager .hr button {
  overflow: hidden;
  position: absolute;
  top: 14px;
  right: 45px;
  left: auto;
  width: 16px;
  height: 23px;
  background: none;
  color: transparent;
  text-align: center;
  text-indent: 0;
}
.menu_manager .hr button:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#fc_close);
  background-repeat: no-repeat;
  background-position: -541px -507px;
  width: 7px;
  height: 7px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-top: 9px;
}
.menu_manager .hr .drag {
  top: 20px;
  right: 19px;
}

.menu_type_info {
  margin: 38px 0 0 0;
  padding: 16px 0 23px 30px;
  border: 1px solid #e8e8e8;
  background: #f9f9f9;
}
.menu_type_info h4, .menu_type_info .tit {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.menu_type_info strong {
  color: #333;
  font-weight: normal;
}
.menu_type_info li {
  position: relative;
  padding: 0 0 0 14px;
  line-height: 22px;
}
.menu_type_info li:before {
  position: absolute;
  top: 11px;
  left: 0;
  display: block;
  width: 3px;
  height: 1px;
  background-color: #999;
  content: "";
}
.menu_type_info li + li {
  margin: 14px 0 0;
}
.menu_type_info li .sub {
  margin: 5px 44px 5px 0;
  padding: 10px 5px;
  background: #efefef;
}
.menu_type_info li .sub li + li {
  margin: 2px 0 0;
}
.menu_type_info li .sub li:before {
  display: none;
}
.menu_type_info .txt_eg {
  color: #999;
}

.bx_ty_area {
  margin: 38px 0 0 0;
  padding: 16px 20px 23px 30px;
  border: 1px solid #e8e8e8;
  background: #f9f9f9;
}
.bx_ty_area .tit {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.bx_ty_area ul > li {
  clear: both;
  position: relative;
  padding-left: 14px;
  line-height: 22px;
}
.bx_ty_area ul > li:before {
  position: absolute;
  top: 11px;
  left: 0;
  display: block;
  width: 3px;
  height: 1px;
  background-color: #999;
  content: "";
}
.bx_ty_area ul > li + li {
  margin: 6px 0 0;
}
.bx_ty_area strong {
  float: left;
  color: #333;
  font-weight: normal;
  margin: 0 5px 0 0;
}
.bx_ty_area strong + span {
  position: relative;
  overflow: hidden;
  display: block;
  padding: 0 0 0 9px;
}
.bx_ty_area strong + span:before {
  content: ":";
  position: absolute;
  top: 1px;
  left: 0;
}

.quiz_score_list {
  margin-top: 40px;
}
.quiz_score_list .ico {
  position: absolute;
  margin: 0 0 0 -30px;
}

.mg_email .email_add {
  position: relative;
  margin-top: 5px;
}
.mg_email .email_add .to {
  min-height: 34px;
  margin: 0 70px 0 0;
  padding: 3px 3px 0 3px;
  border: 1px solid #CBCBCB;
}
.mg_email .email_add .to > span {
  display: inline-block;
  margin: 0 0 3px;
  padding: 2px 5px 3px;
  border: 1px solid #ffedca;
  background: #fff4e4;
  color: #333;
}
.mg_email .email_add .to button {
  position: relative;
  top: -1px;
  margin-left: 7px;
  font-size: 12px;
  font-weight: 700;
  color: #D6BF94;
}
.mg_email .email_add > button {
  position: absolute;
  top: 0;
  right: 0;
}

.professor_info,
.staff_info {
  margin: -10px 0 0;
}
.professor_info .info_summary .info_group,
.professor_info .info_detail .info_group,
.staff_info .info_summary .info_group,
.staff_info .info_detail .info_group {
  position: relative;
}
.professor_info .info_summary .info_group .txt.sm,
.professor_info .info_detail .info_group .txt.sm,
.staff_info .info_summary .info_group .txt.sm,
.staff_info .info_detail .info_group .txt.sm {
  position: absolute;
  top: 0;
  left: 422px;
  white-space: nowrap;
  line-height: 25px;
}
.professor_info .info_summary,
.staff_info .info_summary {
  position: relative;
  width: 100%;
  color: #999;
}
.professor_info .info_summary b,
.staff_info .info_summary b {
  color: #666;
  font-weight: normal;
}
.professor_info .info_summary .info_group,
.staff_info .info_summary .info_group {
  display: none;
}
.professor_info .info_summary .info_group .it,
.staff_info .info_summary .info_group .it {
  width: 418px;
}
.professor_info .info_summary .thumb,
.staff_info .info_summary .thumb {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof4);
  background-repeat: no-repeat;
  background-position: -839px -73px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 0 6px 0 0;
  text-indent: 0;
  vertical-align: middle;
}
.professor_info .info_summary .thumb.noimg,
.staff_info .info_summary .thumb.noimg {
  background: none;
}
.professor_info .info_summary .bar,
.staff_info .info_summary .bar {
  padding: 0 4px;
  color: #e6e6e6;
}
.professor_info .info_summary .btns,
.staff_info .info_summary .btns {
  position: absolute;
  top: 5px;
  right: 10px;
}
.professor_info .info_summary .btns .btn + .btn,
.staff_info .info_summary .btns .btn + .btn {
  margin-left: 5px;
}
.professor_info .info_summary.mod .info_group,
.staff_info .info_summary.mod .info_group {
  display: inline-block;
}
.professor_info .info_summary.mod .thumb, .professor_info .info_summary.mod .pf_txt, .professor_info .info_summary.mod .btns,
.staff_info .info_summary.mod .thumb,
.staff_info .info_summary.mod .pf_txt,
.staff_info .info_summary.mod .btns {
  display: none;
}
.professor_info .info_detail,
.staff_info .info_detail {
  display: none;
  margin-bottom: -2px;
}
.professor_info .info_detail .img_group, .professor_info .info_detail .info_group,
.staff_info .info_detail .img_group,
.staff_info .info_detail .info_group {
  margin-top: 14px;
}
.professor_info .info_detail.mod,
.staff_info .info_detail.mod {
  display: block;
}
.professor_info .txt_signature,
.staff_info .txt_signature {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 30px 0 7px;
  font-weight: 700;
  color: #222;
}
.professor_info .btn_delete_signature,
.staff_info .btn_delete_signature {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 10px 5px;
  z-index: 10000;
}
.professor_info .txt_desc,
.staff_info .txt_desc {
  margin: 6px 0 0;
}
.professor_info .none,
.staff_info .none {
  padding: 10px 0;
  background-color: #FFF;
}

.professor_info {
  margin-bottom: -26px;
}

/* 강좌 > 관리 */
.hd_txt2 {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e1e1e1;
}
.hd_txt2 .inner {
  position: relative;
  margin: 0 auto;
  max-width: 1056px;
  padding: 0 36px;
  height: 102px;
}
.hd_txt2 .inner h2 {
  height: 100%;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -1px;
  color: #333;
  font-weight: 700;
}
.hd_txt2 .inner h2 .link_title {
  display: inline-block;
  max-width: 80%;
  vertical-align: middle;
  color: #333;
}
.hd_txt2 .inner h2:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.hd_txt2 .inner .go_back {
  position: absolute;
  top: 50%;
  right: 36px;
  margin-top: -22px;
  padding: 10px 0;
}
.hd_txt2 .inner .go_back:before {
  margin: -1px 5px 1px 0;
  content: "";
  display: inline-block;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_back);
  background-repeat: no-repeat;
  background-position: -819px -478px;
  width: 15px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}

/* 스킨설정 */
.skin_set {
  margin-bottom: -54px;
  padding-bottom: 34px;
  position: relative;
}
.skin_set .dsc {
  margin: -5px 0 0;
}
.skin_set .txt {
  color: #848484;
}
.skin_set .txt strong {
  text-decoration: underline;
}
.skin_set .skin_lst {
  margin: 13px 0 0 -20px;
}
.skin_set .skin_lst:before, .skin_set .skin_lst:after {
  display: table;
  clear: both;
  content: " ";
}
.skin_set .skin_lst li {
  float: left;
  position: relative;
  width: 370px;
  height: 100px;
  margin: 0 0 20px 20px;
  border: 1px solid #d1d1d1;
}
.skin_set .skin_lst li a {
  display: block;
}
.skin_set .skin_lst li a:hover:after, .skin_set .skin_lst li a.on:after {
  border: 5px solid #ffcd00;
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
}
.skin_set .skin_lst li img {
  vertical-align: top;
}
.skin_set .group_lr {
  z-index: 10;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.preview_area {
  z-index: 3010;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #282828;
  height: 43px;
  overflow: hidden;
}
.preview_area p {
  line-height: 43px;
  color: #fff;
  text-align: center;
}
.preview_area + .dimmed {
  position: fixed;
  background: none;
}
.preview_area ~ #wrap {
  padding-top: 43px;
}
.preview_area ~ .wrap {
  padding-top: 43px;
}
.preview_area ~ .wrap #header {
  top: 43px;
}

.ct_group {
  padding-top: 21px;
}
.ct_group .txt.sm {
  margin-left: 3px;
}
.ct_group .table.fixed {
  margin-top: 10px;
  letter-spacing: 0;
}
.ct_group .table.fixed .it input {
  background-color: #fff;
  color: #666;
}
.ct_group .table.fixed .it .ph {
  left: 10px;
  bottom: auto;
  top: 10px;
}

.critique_area {
  line-height: 24px;
}
.critique_area div.tit {
  height: 33px;
}
.critique_area div.tit strong {
  float: left;
  font-size: 16px;
  color: #010101;
  font-weight: 700;
  vertical-align: middle;
}
.critique_area div.tit .btn {
  margin: -2px 0 2px 8px;
}
.critique_area h2.tit {
  margin: 36px 0 11px;
}
.critique_area .con_group {
  clear: both;
  position: relative;
  min-height: 147px;
}
.critique_area .con_group .con.mod {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #cbcbcb;
  background: #fff;
  padding: 0 0 48px;
}
.critique_area .con_group .con.mod .it {
  width: 100%;
  height: 100%;
}
.critique_area .con_group .con.mod .it textarea {
  border: 0;
  height: 100%;
}
.critique_area .con_group .con.mod .group_lr {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #cbcbcb;
  height: 48px;
  margin: 0;
}
.critique_area .con_group .con.mod .group_lr .group_r {
  padding: 6px;
}
.result_area .critique_area {
  padding: 28px 0 6px;
}

.mg_menu .search_area {
  background-color: #F5F7F7;
  padding: 24px;
}
.mg_menu .search_area .title {
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  color: #010101;
}
.mg_menu .upload_area {
  height: 80px;
  background-color: #F7F7F7;
  text-align: center;
  line-height: 80px;
  font-size: 16px;
  position: relative;
  margin-top: 16px;
}
.mg_menu .upload_area.uploaded {
  text-align: left;
  line-height: normal;
}
.mg_menu .upload_area.uploaded .file_info:before {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 20px;
}
.mg_menu .upload_area.uploaded .name {
  display: block;
}
.mg_menu .upload_area .btn.btn_type4.crosshair::before {
  background-position: -343px -841px;
}
.mg_menu .upload_area .bar {
  height: 10px;
  margin-top: 2px;
}
.mg_menu .upload_area .btn {
  font-weight: 700;
  font-size: 16px;
}
.mg_menu .upload_area .file_info {
  padding: 22px 20px 22px 76px;
  text-align: left;
  line-height: normal;
  margin: 0;
}
.mg_menu .upload_area .file_info:after {
  content: "";
  display: block;
  clear: both;
}
.mg_menu .upload_area .file_info::before {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 20px;
}
.mg_menu .upload_area .file_info .info {
  float: left;
  margin-top: 2px;
  color: #999;
  font-size: 12px;
}
.mg_menu .upload_area .file_info .name {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.mg_menu .upload_area .file_info .btn.btn_type3 {
  font-size: 12px;
  font-weight: 400;
  margin-top: -2px;
}
.mg_menu .upload_area .file_info .btn input {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.mg_menu .peer_upload .desc {
  color: #666;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 32px;
}
.mg_menu .peer_upload .group_lr {
  margin-top: 16px;
}
.mg_menu .peer_upload .table.table_type2 {
  border-bottom-color: #d8d8d8;
  margin-top: 17px;
}
.mg_menu .peer_upload .table.table_type2 th {
  padding: 15px 0 14px;
}
.mg_menu .peer_upload .table.table_type2 td {
  height: 48px;
}
.mg_menu .peer_upload .table.table_type2 td.underbar {
  text-decoration: underline;
  text-underline-position: under;
  cursor: pointer;
}

/*
.course{
	width: 970px;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: left;
}
*/
body.le_info #container {
  min-width: 1080px !important;
  width: 1080px !important;
  margin: 0 auto;
  padding-top: 80px;
}
body.le_info #container .hd_txt > .inner {
  background-color: #fff;
}
body.le_info #content {
  padding-top: 0;
}
body.le_info .lnb {
  width: 280px;
  position: fixed;
  left: 50%;
  top: 163px;
  -webkit-transform: translateX(260px);
      -ms-transform: translateX(260px);
          transform: translateX(260px);
  height: auto;
  float: none;
  z-index: 100;
}
body.le_info .lnb #snb {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.04);
  padding: 29px 23px 23px 23px;
}
body.le_info .lnb #snb .top_box {
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
body.le_info .lnb #snb h2 {
  color: #25292f;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  margin-right: 24px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 17px;
}
body.le_info .lnb #snb .date_area li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
body.le_info .lnb #snb .date_area strong {
  min-width: 80px;
  width: 80px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 80px;
      -ms-flex: 0 1 80px;
          flex: 0 1 80px;
  margin-right: 8px;
}
body.le_info .lnb #snb .date_area .desc {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
body.le_info .lnb #snb .sns_area {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 112px;
      -ms-flex: 1 1 112px;
          flex: 1 1 112px;
}
body.le_info .lnb #snb .sns_area .btn.sns_share {
  color: #25292f;
  width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  border: 1px solid #25292f;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  margin-left: 0;
}
body.le_info .lnb #snb .count_info {
  min-width: 125px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 12px;
  line-height: 13px;
  font-weight: bold;
  padding-top: 24px;
  text-align: center;
  overflow: hidden;
}
body.le_info .lnb #snb .count_info [class^=count_] {
  display: block;
  width: 50%;
  float: left;
  position: relative;
}
body.le_info .lnb #snb .count_info [class^=count_] + [class^=count_]:before {
  display: inline-block;
  width: 1px;
  height: 8px;
  background-color: #e0e0e0;
  vertical-align: middle;
  top: 2px;
  left: 0;
  position: absolute;
  content: "";
}
body.le_info .lnb #snb .count_info [class^=count_] em {
  font-weight: normal;
  color: #666;
  opacity: 0.6;
}
body.le_info .lnb #snb .manage_box {
  float: left;
  position: relative;
  margin-top: -6px;
}
body.le_info .lnb #snb .btn_manage {
  display: block;
  color: #25292f;
  font-size: 12px;
  line-height: 14px;
  padding: 8px 36px 7px 16px;
  -webkit-border-radius: 22px;
          border-radius: 22px;
  background-color: #f0f0f0;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}
body.le_info .lnb #snb .btn_manage .open {
  width: 36px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
body.le_info .lnb #snb .btn_manage .open:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-dropdown);
  background-repeat: no-repeat;
  background-position: -730px -684px;
  width: 12px;
  height: 13px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body.le_info .lnb #snb .btn_manage.on + .manage {
  display: block;
}
body.le_info .lnb #snb .manage {
  width: auto;
  min-width: 200px;
  display: none;
  position: absolute;
  top: 33px;
  right: 0px;
  background-color: #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.25);
          box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  z-index: 100;
}
body.le_info .lnb #snb .manage .inner {
  padding: 0 24px;
  margin: 24px 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 552px;
}
body.le_info .lnb #snb .manage .title {
  color: #25292f;
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
}
body.le_info .lnb #snb .manage a:hover {
  text-decoration: none;
}
body.le_info .lnb #snb .manage li ul {
  margin-top: 19px;
}
body.le_info .lnb #snb .manage li ul li {
  height: 16px;
  line-height: 15px;
  padding-left: 12px;
  position: relative;
}
body.le_info .lnb #snb .manage li ul li::before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background-color: #666;
  position: absolute;
  top: 6px;
  left: 0;
}
body.le_info .lnb #snb .manage li ul li.blank_ico a span:after {
  top: -1px;
  right: -2px;
}
body.le_info .lnb #snb .manage li ul li + li {
  margin-top: 20px;
}
body.le_info .lnb #snb .manage li + li {
  margin-top: 40px;
}
body.le_info .lnb.top_absol {
  width: 280px;
  position: absolute;
  left: 50%;
  top: 80px;
  -webkit-transform: translateX(260px);
      -ms-transform: translateX(260px);
          transform: translateX(260px);
  height: auto;
  float: none;
  z-index: 100;
}
body.le_info .lnb.top_absol + #content {
  min-height: 840px;
}
body.le_info .lnb.absol {
  position: absolute;
  left: 50%;
  top: auto;
  bottom: 24px;
  -webkit-transform: translateX(260px);
      -ms-transform: translateX(260px);
          transform: translateX(260px);
  height: 660px;
  float: none;
}
body.le_info .lnb::after {
  display: none;
}
@media screen and (max-width: 979px) {
  body.le_info .lnb #snb {
    display: block !important;
  }
}
body.le_info #content {
  width: 760px;
}
body.le_info #content:before, body.le_info #content:after {
  display: table;
  clear: both;
  content: " ";
}
body.le_info #content {
  margin: 0 auto;
  text-align: left;
  float: left;
  padding-bottom: 80px;
  padding: 0 0 80px 0;
}
body.le_info #content .inc_sub .sub_box {
  margin-bottom: 16px;
  font-size: 0;
}
body.le_info #content .inc_sub .project {
  display: inline-block;
  color: #fff;
  font-family: Helvetica;
  font-size: 10px;
  line-height: 11px;
  font-weight: 600;
  padding: 6px 10px;
  vertical-align: top;
}
body.le_info #content .inc_sub .project + .label_box {
  margin-left: 8px;
}
body.le_info #content .inc_sub .label_box {
  display: inline-block;
}
body.le_info #content .inc_sub .label_box:before, body.le_info #content .inc_sub .label_box:after {
  display: table;
  clear: both;
  content: " ";
}
body.le_info #content .inc_sub .label_box {
  background-color: #25292f;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  vertical-align: top;
}
body.le_info #content .inc_sub .label_box .level {
  float: left;
  font-size: 12px;
  color: #fff;
  line-height: 13px;
  padding: 5px 10px;
}
body.le_info #content .inc_sub .label_box .icon {
  display: inline-block;
  height: 10px;
  margin-right: 1px;
  font-size: 0;
  vertical-align: middle;
}
body.le_info #content .inc_sub .label_box .icon .level_bg {
  display: inline-block;
  width: 3px;
  height: 7px;
  margin-left: 2px;
  -webkit-border-radius: 0.5px;
          border-radius: 0.5px;
  background-color: #fff;
  opacity: 0.4;
}
body.le_info #content .inc_sub .label_box .icon .level_bg:first-child {
  height: 4px;
  margin: 0;
  opacity: 1;
}
body.le_info #content .inc_sub .label_box .icon .level_bg:last-child {
  height: 10px;
}
body.le_info #content .inc_sub .label_box .icon.level2 .level_bg:nth-child(2), body.le_info #content .inc_sub .label_box .icon.level3 .level_bg:nth-child(2) {
  opacity: 1;
}
body.le_info #content .inc_sub .label_box .icon.level3 .level_bg:last-child {
  opacity: 1;
}
body.le_info #content .inc_sub .project + .summary,
body.le_info #content .inc_sub .label_box + .summary {
  padding-left: 33px;
}
body.le_info #content .inc_sub .project + .summary::before,
body.le_info #content .inc_sub .label_box + .summary::before {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background-color: #e0e0e0;
  position: absolute;
  top: 7px;
  left: 17px;
}
body.le_info #content .inc_sub .summary {
  display: inline-block;
  padding: 5px 0 5px 0px;
  color: #72757a;
  font-size: 12px;
  line-height: 13px;
  vertical-align: top;
  position: relative;
}
body.le_info #content .inc_sub .summary span {
  position: relative;
}
body.le_info #content .inc_sub .summary span + span {
  padding-left: 13px;
}
body.le_info #content .inc_sub .summary span + span::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 4px;
}
body.le_info #content .inc_sub h2 {
  color: #25292f;
  font-size: 32px;
  line-height: 52px;
  font-weight: 600;
  max-height: 208px;
  display: block;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
}
body.le_info #content .inc_sub h2 a {
  color: #25292f;
  font-size: 32px;
  line-height: 52px;
}
body.le_info #content .inc_sub .profile {
  display: block;
  position: relative;
  color: #fff;
  padding-left: 32px;
  min-height: 24px;
  margin-top: 16px;
  overflow: hidden;
  margin-bottom: 30px;
}
body.le_info #content .inc_sub .profile .thumb {
  display: block;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  position: absolute;
  left: 0;
  overflow: hidden;
}
body.le_info #content .inc_sub .profile .thumb:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/icon-thumb-24.svg) no-repeat;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
  width: 100%;
  height: 100%;
  content: "";
  width: 24px;
  height: 24px;
}
body.le_info #content .inc_sub .profile .thumb::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 1px rgba(0, 0, 0, 0.08);
}
body.le_info #content .inc_sub .profile .thumb.bgnone:before {
  display: none;
}
body.le_info #content .inc_sub .profile img {
  vertical-align: top;
}
body.le_info #content .inc_sub .profile .name {
  color: #2a2c2f;
  float: left;
}
body.le_info #content .inc_sub .profile .name,
body.le_info #content .inc_sub .profile .from {
  max-width: 655px;
  display: block;
  overflow: hidden;
  max-width: auto;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 13px;
  padding-top: 5px;
}
body.le_info #content .inc_sub .profile .from {
  color: #72757a;
  overflow: hidden;
  position: relative;
  padding-left: 17px;
}
body.le_info #content .inc_sub .profile .from::after {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background-color: #f0f0f0;
  position: absolute;
  top: 7px;
  left: 8px;
}
body.le_info #content .con:before, body.le_info #content .con:after {
  display: table;
  clear: both;
  content: " ";
}
body.le_info #content .con {
  padding: 40px 0 40px;
  border-top: 1px solid #f0f0f0;
  margin-top: 40px;
}
body.le_info #content .con.thmb {
  display: block;
  overflow: hidden;
  width: 760px;
  margin-bottom: 20px;
  padding: 0;
}
body.le_info #content .con.thmb img {
  vertical-align: top;
  max-width: 100%;
}
body.le_info #content .con.dsc {
  padding-top: 25px;
}
body.le_info #content .con .title_area {
  float: left;
  width: 220px;
}
body.le_info #content .con .title_area h3 {
  color: #010101;
  font-size: 16px;
  font-weight: 700;
}
body.le_info #content .con .info_area {
  overflow: hidden;
  padding-top: 2px;
}
body.le_info #content .con .info_area strong {
  color: #010101;
  font-size: 14px;
}
body.le_info #content .con .plan_thumb {
  float: left;
  position: relative;
  display: block;
  width: 199px;
  height: 148px;
  margin-right: 20px;
}
body.le_info #content .con .plan_thumb:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #d1d1d1;
  content: "";
}
body.le_info #content .con .plan_thumb + .plan_lst {
  overflow: hidden;
}
body.le_info #content .con .plan_lst .tit {
  display: block;
  margin: 8px 0 7px;
  color: #010101;
}
body.le_info #content .con .plan_lst .btn_type3 {
  position: relative;
  top: -2px;
}
body.le_info #content .con .plan_lst > li {
  margin-top: 17px;
}
body.le_info #content .con .plan_lst > li:first-child {
  margin-top: 0;
}
body.le_info #content .con .plan_lst > li > ol {
  margin-top: 3px;
}
body.le_info #content .con .plan_lst.v2 > li > ol > li {
  position: relative;
  padding-left: 12px;
}
body.le_info #content .con .plan_lst.v2 > li > ol > li:before {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 2px;
  height: 2px;
  margin-right: 10px;
  background: #666;
  vertical-align: middle;
  content: "";
}
body.le_info #content .con .plan_lst.v2 + strong {
  display: block;
  margin-top: 33px;
  padding-top: 35px;
  border-top: 1px solid #e6e6e6;
}
body.le_info #content .con.video {
  border-top: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
body.le_info #content .con.video .material_view {
  border-bottom: 0;
  padding-bottom: 40px;
}
body.le_info #content .con .prof_lst {
  padding-top: 6px;
}
body.le_info #content .con .prof_lst li:before, body.le_info #content .con .prof_lst li:after {
  display: table;
  clear: both;
  content: " ";
}
body.le_info #content .con .prof_lst li + li {
  margin-top: 40px;
}
body.le_info #content .con .prof_lst .prof_thumb {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof7);
  background-repeat: no-repeat;
  background-position: -560px -180px;
  width: 72px;
  height: 72px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  float: left;
  margin-right: 20px;
  text-indent: 0;
}
body.le_info #content .con .prof_lst .prof_info {
  overflow: hidden;
  padding-top: 6px;
  color: #010101;
}
body.le_info #content .con .prof_lst .prof_info .bar {
  margin: 0 1px 0 2px;
  color: #999;
}
body.le_info #content .con .prof_lst .prof_txt {
  margin: 2px 0 0;
  color: #666;
}
body.le_info #content .page_header + .con {
  padding-top: 0;
  border-top: 0;
}
body.le_info #content .con + .con.video {
  padding-top: 10px;
}
body.le_info #content .con.tag {
  padding: 32px 0 40px;
}

.fixed_bar .header_fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1110;
}
.fixed_bar .header_fixed .hd_txt {
  padding: 0 36px;
  margin: 0;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #d1d1d1;
}
.fixed_bar .header_fixed .hd_txt > .inner {
  position: relative;
  display: block;
  max-width: 1080px;
  min-width: 880px;
  height: 72px;
  margin: 0 auto;
  padding: 0;
  z-index: 1050;
}
.fixed_bar .header_fixed .hd_txt > .inner h2 {
  padding-top: 16px;
  line-height: 18px;
}
.fixed_bar .header_fixed .hd_txt > .inner h2 a {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  text-shadow: none;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  vertical-align: top;
}
.fixed_bar .header_fixed .hd_txt > .inner .profile {
  margin-top: 8px;
  line-height: 14px;
}
.fixed_bar .header_fixed .hd_txt > .inner .profile .from {
  vertical-align: top;
  font-size: 12px;
  line-height: 14px;
  color: #999;
  letter-spacing: -0.4px;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.fixed_bar .header_fixed .hd_txt .sns_area {
  position: absolute;
  top: 16px;
  right: 0;
  margin: 0;
}
.fixed_bar .header_fixed .hd_txt .sns_area .btn {
  border: 1px solid #dce1e6;
  background: #fff;
  margin: 0;
  width: 40px;
  height: 40px;
  position: relative;
}
.fixed_bar .header_fixed .hd_txt .sns_area .btn:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#icon_share_3);
  background-repeat: no-repeat;
  background-position: -165px -841px;
  width: 23px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0;
}
.fixed_bar .header_fixed .hd_txt .sns_area .sns_layer {
  top: 57px;
  right: 0;
  left: auto;
}
.fixed_bar .header_fixed .hd_txt .sns_area .sns_layer .arrow {
  right: 15px;
  left: auto;
}
.fixed_bar .header_fixed .hd_txt:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 1px;
  left: 0;
  z-index: 1040;
  content: "";
  background: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.fixed_bar .header_fixed .state_area {
  position: absolute;
  top: 16px;
  right: 44px;
  overflow: hidden;
  width: 244px;
  font-size: 0;
  text-align: right;
}
.fixed_bar .header_fixed .state_area .btn {
  display: inline-block;
  width: 120px;
  height: 40px;
  font-size: 14px;
  line-height: 38px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
.fixed_bar .header_fixed .state_area .btn + .btn {
  margin-left: 4px;
}

.re_pack .class_manager .slc_area {
  font-size: 0;
}
.re_pack .class_manager .slc_area .btn.btn_type_add {
  margin-left: 8px;
}

.class_manager {
  position: relative;
}
.class_manager.manage ul > li .chapter {
  border: 1px solid #f0f0f0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.class_manager.manage ul > li .chapter .le_txt {
  font-size: 16px;
  line-height: 18px;
}
.class_manager.manage ul > li .chapter .le_txt strong {
  padding-top: 0;
}
.class_manager.manage ul > li .sub > li span[class^=ico]::before {
  display: none;
}
.class_manager.manage ul > li .sub > li span[class^=ico].end::before {
  display: none;
}
.class_manager.manage ul > li .sub .le_txt {
  max-width: 484px;
}
.class_manager.manage ul > li .sub .le_txt .label {
  top: 0px;
  vertical-align: top;
  margin-left: 8px;
}
.class_manager .slc_area {
  margin: 24px 0 24px;
  text-align: right;
}
.class_manager .slc_area .bar {
  margin: 0 10px;
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #d1d1d1;
  vertical-align: middle;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
  display: none;
}
.class_manager .slc_area .btn {
  padding: 0 19px;
}
.class_manager .slc_area .btn:hover, .class_manager .slc_area .btn:focus {
  color: #fff;
}
.class_manager .slc_area .btn:first-child {
  padding: 0 15px;
}
.class_manager .slc_area .add_top_wrap {
  display: inline-block;
  margin: 0px 16px 0 24px;
  vertical-align: middle;
}
.class_manager .slc_area .add_top_wrap .ick {
  padding-left: 28px;
}
.class_manager .slc_area .add_top_wrap .ick .checkbox {
  top: 2px;
  border: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-keep-login-box);
  background-repeat: no-repeat;
  background-position: -519px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager .slc_area .add_top_wrap .ick .checkbox.checked:after {
  top: 1px;
  left: 1px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-terms-ick-big);
  background-repeat: no-repeat;
  background-position: -631px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager .slc_area .add_top_wrap .ick .checkbox.checked {
  background-image: none;
}
.class_manager .slc_area .add_top_wrap .ick .ph {
  font-size: 14px;
  line-height: 1.8;
  color: #000;
}
.class_manager > ul li {
  line-height: 1.5;
}
.class_manager > ul li.drag_active {
  border: 1px solid #666 !important;
  background: #fff;
  z-index: 100;
}
.class_manager > ul li .util {
  height: 20px;
  font-size: 12px;
  position: absolute;
  padding-right: 47px;
  top: 2px;
  bottom: 0;
  margin: auto;
  right: 0;
  white-space: nowrap;
}
.class_manager > ul li .util > button,
.class_manager > ul li .util > div {
  float: left;
  margin: 0 0 0 17px;
  position: relative;
}
.class_manager > ul li .util > button::before,
.class_manager > ul li .util > div::before {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background-color: #e6e6e6;
  position: absolute;
  top: 5px;
  left: -8px;
}
.class_manager > ul li .util button:first-child::before {
  display: none;
}
.class_manager > ul li .util > div {
  position: relative;
  height: 16px;
}
.class_manager > ul li .util > div > button {
  height: 16px;
}
.class_manager > ul li .util > div > button span {
  float: left;
  vertical-align: top;
}
.class_manager > ul li .util > div > button.active .ico_g_lock::after,
.class_manager > ul li .util > div > button.active .ico_g_open::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-dropdown-up);
  background-repeat: no-repeat;
  background-position: -780px -744px;
  width: 12px;
  height: 13px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul li .util > div > button .ico_g_lock::after,
.class_manager > ul li .util > div > button .ico_g_open::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-dropdown);
  background-repeat: no-repeat;
  background-position: -730px -684px;
  width: 12px;
  height: 13px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul li .util > div > button .ico_g_lock2 {
  margin: 0 0 0 4px;
}
.class_manager > ul li .util > div > button .ico_g_bu {
  float: right;
  position: relative;
  top: 7px;
}
.class_manager > ul li .util > div > button.active + ul {
  display: block;
}
.class_manager > ul li .util .drag {
  display: block;
  position: absolute;
  top: 0px;
  right: 23px;
  cursor: move;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-handle);
  background-repeat: no-repeat;
  background-position: -260px -661px;
  width: 16px;
  height: 15px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul li .util ul {
  display: none;
  width: 63px;
  position: absolute;
  top: 22px;
  right: -10px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.16);
          box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.16);
  background: #fff;
  padding: 8px;
  z-index: 100;
}
.class_manager > ul li .util ul li + li {
  margin: 4px 0 0 0;
}
.class_manager > ul li .util ul button {
  position: relative;
  width: 100%;
  display: block;
  text-align: left;
  font-size: 12px;
  line-height: 13px;
  color: #030303;
  padding: 8px;
}
.class_manager > ul li .util ul button:hover {
  text-decoration: none;
}
.class_manager > ul li .le_txt {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  position: relative;
  color: #333;
  max-width: 533px;
}
.class_manager > ul li .le_txt.full {
  max-width: 616px;
}
.class_manager > ul li .le_txt strong {
  display: block;
  color: #25292f;
  font-weight: normal;
  padding-top: 2px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.class_manager > ul li .le_txt .sub_tag {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.class_manager > ul li .it {
  display: none;
  padding-right: 82px;
}
.class_manager > ul li .it .ph {
  font-size: 16px;
  line-height: 18px;
  height: 18px;
}
.class_manager > ul li .it input {
  height: 34px;
  background-color: #f7f7f7;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  border: 0;
  padding-left: 16px;
  font-size: 16px;
}
.class_manager > ul li .it .btns {
  display: none;
  position: absolute;
  top: 5px;
  right: 0;
}
.class_manager > ul li .it .btns button {
  font-size: 12px;
  line-height: 13px;
  color: #25292f;
  position: relative;
}
.class_manager > ul li .it .btns button.save {
  font-weight: 700;
}
.class_manager > ul li .it .btns button + button {
  margin-left: 13px;
}
.class_manager > ul li .it .btns button + button::before {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background-color: #e6e6e6;
  position: absolute;
  top: 3px;
  left: -8px;
}
.class_manager > ul li.mod .project ~ .it,
.class_manager > ul li .chapter.mod .project ~ .it {
  margin-top: 4px;
}
.class_manager > ul li.mod .it,
.class_manager > ul li .chapter.mod .it {
  display: block !important;
}
.class_manager > ul li.mod .util,
.class_manager > ul li.mod .le_txt,
.class_manager > ul li.mod .info,
.class_manager > ul li .chapter.mod .util,
.class_manager > ul li .chapter.mod .le_txt,
.class_manager > ul li .chapter.mod .info {
  display: none !important;
}
.class_manager > ul li.mod .it .btns,
.class_manager > ul li .chapter.mod .it .btns {
  display: block !important;
}
.class_manager > ul > li {
  position: relative;
  background: #FFF;
}
.class_manager > ul > li:before, .class_manager > ul > li:after {
  display: table;
  clear: both;
  content: " ";
}
.class_manager > ul > li {
  margin-bottom: 40px;
}
.class_manager > ul > li:last-child {
  margin-bottom: 0;
}
.class_manager > ul > li.drag_active .chapter {
  border-width: 0 0 1px 0;
}
.class_manager > ul > li.drag_active .sub > li {
  border-width: 1px 0;
}
.class_manager > ul > li.drag_active .add {
  border-width: 0;
}
.class_manager > ul > li .time {
  display: inline-block;
  color: #999;
  font-size: 11px;
  line-height: 12px;
  margin: auto;
}
.class_manager > ul > li .time::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-video-time);
  background-repeat: no-repeat;
  background-position: -284px -661px;
  width: 16px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .chapter {
  z-index: 10;
  position: relative;
  padding: 24px 168px 24px 24px;
}
.class_manager > ul > li .chapter:before, .class_manager > ul > li .chapter:after {
  display: table;
  clear: both;
  content: " ";
}
.class_manager > ul > li .chapter {
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.class_manager > ul > li .chapter .le_txt {
  color: #333;
  font-size: 14px;
  line-height: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -ms-flex-direction: column;
}
.class_manager > ul > li .chapter .le_txt strong {
  font-weight: 300;
}
.class_manager > ul > li .chapter .le_txt .time {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 8px 0 0 0;
}
.class_manager > ul > li .chapter .it .ph {
  color: #999;
  top: 0px;
  left: 16px;
  font-size: 14px;
}
.class_manager > ul > li .chapter .it .ph strong {
  font-weight: normal;
}
.class_manager > ul > li .chapter .it input {
  background-color: #f7f7f7;
  border: 0;
  font-size: 14px;
}
.class_manager > ul > li .chapter .project {
  display: block;
  font-size: 11px;
  margin: 4px 0 0 0;
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  color: #00c73c;
}
.class_manager > ul > li .chapter .project ~ .le_txt {
  padding: 0 0 4px;
}
.class_manager > ul > li .chapter .util {
  top: 50%;
  margin-top: -9px;
}
.class_manager > ul > li .chapter.mod {
  padding: 15px 24px 15px 24px;
  margin-top: 8px;
}
.class_manager > ul > li .sub {
  position: relative;
  margin-top: -9px;
  padding-top: 9px;
}
.class_manager > ul > li .sub .ick {
  position: absolute;
  top: 21px;
  left: 19px;
}
.class_manager > ul > li .sub .it {
  background: transparent;
  border: 1px solid transparent;
}
.class_manager > ul > li .sub .it input {
  border: 0;
}
.class_manager > ul > li .sub > li {
  position: relative;
  min-height: 40px;
  margin-top: 8px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border: solid 1px #f0f0f0;
  background-color: #ffffff;
}
.class_manager > ul > li .sub > li:before, .class_manager > ul > li .sub > li:after {
  display: table;
  clear: both;
  content: " ";
}
.class_manager > ul > li .sub > li {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.class_manager > ul > li .sub > li a {
  display: block;
  padding: 24px 168px 24px 87px;
}
.class_manager > ul > li .sub > li a > span[class^=ico] {
  position: absolute;
  top: 0;
  left: 24px;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background-color: #d0d6d9;
}
.class_manager > ul > li .sub > li a > span[class^=ico]::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.class_manager > ul > li .sub > li a > span[class^=ico]::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  bottom: 0;
  right: -670px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-li-arrow-right);
  background-repeat: no-repeat;
  background-position: -36px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .sub > li a > span[class^=ico].end::before {
  content: "";
  display: block;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  top: 8px;
  right: -670px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-check_24);
  background-repeat: no-repeat;
  background-position: -516px -629px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .sub > li .ico_lecture::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-book);
  background-repeat: no-repeat;
  background-position: -324px -629px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .sub > li .ico_quiz::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-quiz);
  background-repeat: no-repeat;
  background-position: -356px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .sub > li .ico_task::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-task);
  background-repeat: no-repeat;
  background-position: -548px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .sub > li .ico_peer::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-peer);
  background-repeat: no-repeat;
  background-position: -260px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .sub > li .ico_project::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-project);
  background-repeat: no-repeat;
  background-position: -324px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .sub > li .ico_survey::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-survey);
  background-repeat: no-repeat;
  background-position: -516px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .sub > li .le_txt {
  color: #000;
  font-size: 16px;
  line-height: 18px;
}
.class_manager > ul > li .sub > li .info {
  overflow: hidden;
  clear: both;
  font-size: 11px;
  color: #999;
  margin-top: 4px;
}
.class_manager > ul > li .sub > li .info dt,
.class_manager > ul > li .sub > li .info dd {
  float: left;
  position: relative;
  min-width: 1px;
  min-height: 1px;
  margin: 0;
}
.class_manager > ul > li .sub > li .info dd + dt {
  margin: 0 0 0 5px;
}
.class_manager > ul > li .sub > li .info dd + dt:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 11px;
  background-color: #e6e6e6;
  vertical-align: middle;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
  margin: 0 8px 0 1px;
  vertical-align: text-top;
}
.class_manager > ul > li .sub > li .info .like .ico_like {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_count_like);
  background-repeat: no-repeat;
  background-position: -901px -669px;
  width: 12px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: -2px 4px 0 0;
  vertical-align: middle;
}
.class_manager > ul > li .sub > li.mod {
  padding-right: 20px;
}
.class_manager > ul > li .sub > li.mod a {
  padding-right: 4px;
}
.class_manager > ul > li .sub > li.mod .it {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin: 6px 0 0;
  background: #FFF;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-right: 0;
}
.class_manager > ul > li .sub > li.mod .it input {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.class_manager > ul > li .sub > li.mod .it .btns {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding-left: 24px;
  position: relative;
}
.class_manager > ul > li .add {
  position: relative;
  margin-top: -1px;
  background: #fff;
  margin-top: 8px;
}
.class_manager > ul > li .add.active .add_type {
  padding-top: 96px;
}
.class_manager > ul > li .add.active.add_top .add_type {
  padding-top: 0;
  padding-bottom: 96px;
}
.class_manager > ul > li .add.active.add_top .add_input {
  top: auto;
  bottom: 0;
}
.class_manager > ul > li .add .add_type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  padding-top: 0;
}
.class_manager > ul > li .add .add_type button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 48px;
  color: #25292f;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.class_manager > ul > li .add .add_type button + button {
  margin: 0 0 0 8px;
}
.class_manager > ul > li .add .add_type button.ico_le_s_b:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-book-add);
  background-repeat: no-repeat;
  background-position: -180px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .add .add_type button.ico_task_s_b:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-task-add);
  background-repeat: no-repeat;
  background-position: -348px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .add .add_type button.ico_peer_s_b:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-peer-add);
  background-repeat: no-repeat;
  background-position: -660px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .add .add_type button.ico_quiz_s_b:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-quiz-add);
  background-repeat: no-repeat;
  background-position: -772px -712px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .add .add_type button.ico_project_s_b:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-project-add);
  background-repeat: no-repeat;
  background-position: -684px -684px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .add .add_type button.ico_survey_s_b:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-survey-add);
  background-repeat: no-repeat;
  background-position: -727px -125px;
  width: 17px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .add .add_type button.disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=30);
  opacity: 0.3;
  cursor: default !important;
}
.class_manager > ul > li .add.active .add_input {
  display: block;
}
.class_manager > ul > li .add .add_input {
  position: absolute;
  display: none;
  top: 0px;
  left: 0;
  width: 100%;
  height: 88px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 22px 24px 24px 88px;
  border: 1px solid #f0f0f0;
}
.class_manager > ul > li .add .add_input > div {
  display: none;
}
.class_manager > ul > li .add .add_input > div span[class^=ico] {
  position: absolute;
  top: 0;
  left: 24px;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background-color: #d0d6d9;
}
.class_manager > ul > li .add .add_input > div span[class^=ico]::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.class_manager > ul > li .add .add_input > div .ico_lecture::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-book);
  background-repeat: no-repeat;
  background-position: -324px -629px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .add .add_input > div .ico_quiz::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-quiz);
  background-repeat: no-repeat;
  background-position: -356px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .add .add_input > div .ico_task::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-task);
  background-repeat: no-repeat;
  background-position: -548px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .add .add_input > div .ico_peer::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-peer);
  background-repeat: no-repeat;
  background-position: -260px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .add .add_input > div .ico_project::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-project);
  background-repeat: no-repeat;
  background-position: -324px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .add .add_input > div .ico_survey::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-survey);
  background-repeat: no-repeat;
  background-position: -516px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.class_manager > ul > li .add .add_input > div .it,
.class_manager > ul > li .add .add_input > div .btns {
  display: block;
}
.class_manager > ul > li .add .add_input .it.it_added {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin-top: 4px;
}
.class_manager > ul > li .add .add_input .it.it_added input {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.class_manager > ul > li .add .add_input .it.it_added .btns {
  position: relative;
  top: auto;
  right: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding-left: 24px;
  margin-top: 6px;
}
.class_manager > ul > li .add.lecture .add_input .lecture {
  display: block;
}
.class_manager > ul > li .add.task .add_input .task {
  display: block;
}
.class_manager > ul > li .add.peer .add_input .peer {
  display: block;
}
.class_manager > ul > li .add.quiz .add_input .quiz {
  display: block;
}
.class_manager > ul > li .add.whaleon .add_input .whaleon {
  display: block;
}
.class_manager > ul > li .add.project .add_input .project {
  display: block;
}
.class_manager > ul > li .add.survey .add_input .survey {
  display: block;
}
.class_manager.type2 .none {
  padding: 5px 0 44px;
}
.class_manager.type2 .chapter {
  padding-right: 100px !important;
}
.class_manager.type2 .chapter .time {
  height: 25px;
  right: 24px;
  padding: 6px 12px;
  background-color: #f7f7f7;
  -webkit-border-radius: 12px;
          border-radius: 12px;
  color: #828c96;
  font-size: 12px;
  line-height: 13px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.class_manager.type2 .chapter .time::before {
  display: none;
}
.class_manager.type2 .le_txt .label {
  top: 0px;
  vertical-align: top;
  margin-left: 8px;
}
.class_manager.type2 .util {
  top: 50%;
  width: 110px;
  margin: -17px 0 0;
  text-align: center;
}
.class_manager.type2 .sub > li a {
  padding-right: 120px;
}
.class_manager.type2 .sub > li a.score {
  padding-right: 110px;
}
.class_manager.type2 .sub > li a.ty_num:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=60);
  opacity: 0.6;
  background: #fff;
  z-index: 10;
}
.class_manager .tag_box {
  margin-top: 12px;
}
.class_manager .tag_box .tag {
  display: inline-block;
  padding: 0 8px;
  background-color: #f5f7f7;
  color: #828c96;
  font-size: 11px;
  line-height: 20px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.class_manager .tag_box .tag + .tag {
  margin-left: 4px;
}
.class_manager .tag_box .over {
  color: var(--w-main-color);
  line-height: 20px;
  font-size: 11px;
  font-weight: 700;
  display: inline-block;
  padding: 0 8px;
  margin-left: 4px;
}
.class_manager .status {
  position: absolute;
  top: 24px;
  right: 24px;
}
.class_manager .status > span {
  display: block;
  width: 160px;
  height: 40px;
  font-size: 15px;
  line-height: 40px;
  text-align: center;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  color: #fff;
  background-color: #1F86E7;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 118, 228, 0.08);
          box-shadow: 0 8px 8px 0 rgba(0, 118, 228, 0.08);
}
.class_manager .status.look span, .class_manager .status.end span {
  color: #1F86E7;
  background-color: #F5FAFE;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.class_manager .status.before span {
  color: #828c96;
  background-color: #F5F7F7;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.class_manager .btm {
  margin-top: 30px;
  height: 67px;
  border: 1px solid #D1D1D1;
  text-align: center;
}
.class_manager .btm .bar {
  margin: 1px 15px -1px 17px;
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #d1d1d1;
  vertical-align: middle;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
}
.class_manager .btm .btn {
  font-size: 16px;
  height: 65px;
}
.class_manager .active_wrap {
  position: relative;
  z-index: 3010;
  width: 100%;
}
.class_manager .active_wrap > li {
  margin-bottom: 30px;
}
.class_manager .active_wrap > li + li {
  margin-top: 0 !important;
}
.class_manager .active_wrap .drag_active {
  width: 100% !important;
  background: none;
}
.class_manager .active_wrap .drag_active .chapter {
  border: 0 !important;
  background: none;
}
.class_manager .active_wrap .drag_active:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fdfdfd;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.class_manager .dimmed {
  background: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=100);
  opacity: 1;
}

body.re_pack .class_manager ul li .util ul {
  right: -26px;
}
body.re_pack .class_manager ul li .util button.ico_g_modify {
  width: auto;
  height: auto;
  text-indent: inherit;
  background: none;
}
body.re_pack .class_manager ul li .util button.ico_g_modify::after {
  display: none;
}
body.re_pack .class_manager ul li .util button .ico_g_lock {
  width: auto;
  height: auto;
  text-indent: inherit;
  background: none;
}
body.re_pack .class_manager ul li .util button .ico_g_open {
  width: auto;
  height: auto;
  text-indent: inherit;
  background: none;
}
body.re_pack .class_manager ul li .util button.ico_g_delete {
  width: auto;
  height: auto;
  text-indent: inherit;
  background: none;
  overflow: visible;
}
body.re_pack .class_manager ul li .util button.ico_g_delete::after {
  display: none;
}
body.re_pack .class_manager > ul > li .sub > li .info .like .ico_like {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_like);
  background-repeat: no-repeat;
  background-position: -613px -661px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin: -2px 4px 0 0;
  vertical-align: middle;
}

/* _search.scss */
.search_wrap {
  overflow: hidden;
  position: relative;
  width: 950px;
  margin: 0 auto;
  padding-left: 130px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.search_wrap .btn_srch_all {
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
  background-color: #00c73c;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 48px;
  text-align: center;
  color: #fff;
}
.search_wrap .it.it_added.input3 {
  width: 100%;
  margin-right: 0;
  border-color: #e9ebec;
  background-color: #fafafa;
}
.search_wrap .it.it_added.input3 .added .btn {
  background-color: #333;
}

.course_search .search_area {
  padding: 20px 36px;
  border-bottom: 1px solid #e1e1e1;
  background-color: #fff;
}
.course_search .tag_area {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  margin-top: 12px;
  line-height: 16px;
}

/* 강좌검색 */
#container.search_container {
  width: 1080px;
  padding: 20px 36px 236px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
#container.search_container #content {
  padding: 0;
}

.srch_snb {
  float: left;
  position: static;
  padding-top: 20px;
  width: 252px;
}
.srch_snb nav ul li {
  position: relative;
  border-top: 1px solid #f1f1f1;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.srch_snb nav ul li:first-child {
  border-top: none;
}
.srch_snb nav ul li .link {
  display: block;
  position: relative;
  overflow: hidden;
  height: 48px;
  padding: 0 20px;
  background-color: #fff;
  line-height: 48px;
  letter-spacing: -0.5px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.srch_snb nav ul li .link.selected {
  background-color: #454545;
  color: #fff;
}
.srch_snb nav ul li .btn_arr {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 48px;
  height: 48px;
  background: none;
  line-height: 24px;
  z-index: 10;
}
.srch_snb nav ul li .btn_arr:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_menu_fold);
  background-repeat: no-repeat;
  background-position: -709px -467px;
  width: 10px;
  height: 6px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -3px 0 0 -5px;
  content: "";
}
.srch_snb nav ul li .selected + .btn_arr:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_menu_fold_white);
  background-repeat: no-repeat;
  background-position: -695px -467px;
  width: 10px;
  height: 6px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.srch_snb nav ul li.sub .link {
  padding-right: 46px;
}
.srch_snb nav ul li.sub.on .sub_depth {
  display: block;
}
.srch_snb nav ul li.sub.on .btn_arr:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_menu_unfold);
  background-repeat: no-repeat;
  background-position: -737px -467px;
  width: 10px;
  height: 6px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.srch_snb nav ul li.sub.on .selected + .btn_arr:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_menu_unfold_white);
  background-repeat: no-repeat;
  background-position: -723px -467px;
  width: 10px;
  height: 6px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.srch_snb nav ul .sub_depth {
  display: none;
  border-top: 1px solid #f1f1f1;
}
.srch_snb nav ul .sub_depth .link {
  background-color: #fafafa;
  color: #666;
}
.srch_snb nav ul .sub_depth .link:before {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 21px 14px 0 0;
  border: solid #a1a1a1;
  border-width: 0 0 1px 1px;
  vertical-align: top;
  content: "";
}
.srch_snb nav ul .sub_depth .link.selected {
  background-color: #96a0aa;
  color: #fff;
}
.srch_snb nav ul .sub_depth .link.selected:before {
  border-color: #fff;
}
.srch_snb aside {
  padding-top: 55px;
}
.srch_snb aside ul {
  padding-top: 6px;
}
.srch_snb aside li {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background: #fff;
  height: 48px;
  border-top: 1px solid #f1f1f1;
  text-align: center;
}
.srch_snb aside li:first-child {
  border-top: 0;
}
.srch_snb aside li img {
  max-height: 48px;
  vertical-align: top;
}

.srch_snb.fix {
  position: fixed;
  top: 0;
}

.srch_section {
  overflow: hidden;
  position: relative;
  margin-left: 252px;
  padding: 11px 0 53px 24px;
}
.srch_section .lecture_list_title {
  margin-top: 21px;
}
.srch_section .lecture_list_area:first-child .lecture_list_title {
  margin-top: 0;
}
.srch_section .card_area {
  margin: -20px -20px 30px 0;
}
.srch_section .card_area .card {
  margin: 20px 0 0 20px;
}
.srch_section .more_area {
  margin-top: 0;
  line-height: 42px;
  clear: both;
}
.srch_section .more_area .btn {
  font-size: 16px;
}
.srch_section .btn_top {
  bottom: 0;
}
.srch_section .lecture_info {
  height: 133px;
}
.srch_section .lecture_info dt {
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  line-height: 20px;
  letter-spacing: 0;
}
.srch_section .lecture_info dd {
  bottom: 9px;
  letter-spacing: -0.5px;
}
.srch_section .lecture_count {
  padding: 4px 16px 12px;
}

.srch_group {
  position: relative;
  border-top: 1px solid #e1e1e1;
  margin-top: 33px;
  padding-top: 33px;
}
.srch_group .card_area {
  margin: 0 -20px 0 0;
}
.full_lecture .srch_group {
  border-top: 0;
  padding-top: 32px;
}
.srch_group:first-of-type {
  margin-top: 0;
  padding-top: 52px;
}
.srch_group:first-of-type .tit_area ~ .lst_ty {
  margin-top: 34px;
}
.srch_group:first-of-type .lst_ty li {
  padding-top: 40px;
}
.srch_group:first-of-type .lst_ty li:first-child {
  padding-top: 0;
}

/* 검색결과 */
.lst_ty {
  clear: both;
}
.lst_ty li {
  clear: both;
  padding-top: 36px;
  line-height: 23px;
}
.lst_ty dl {
  overflow: hidden;
}
.lst_ty dt {
  margin-top: -2px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  color: #333;
}
.lst_ty dt a {
  color: #333;
  line-height: 1.8;
}
.lst_ty dt .ico_lock {
  margin: -1px 0 1px 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_lecture_private);
  background-repeat: no-repeat;
  background-position: -819px -397px;
  width: 15px;
  height: 17px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}
.lst_ty .dsc {
  overflow: hidden;
  max-height: 41px;
  margin: 16px 0 -3px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.lst_ty .dsc + .info {
  margin-top: 14px;
}
.lst_ty .info {
  margin-top: 10px;
  font-size: 12px;
  color: #999;
}
.lst_ty .info a {
  color: #999;
}
.lst_ty .info .ic_ad {
  vertical-align: middle;
  margin: -1px 0 1px 1px;
}
.lst_ty .info ~ .info {
  margin: 0;
}
.lst_ty .info .type {
  color: #00c73c;
}
.lst_ty .info .level {
  color: #666;
}
.lst_ty .thmb {
  float: right;
  margin: -1px 0 0 20px;
}
.page_header ~ .lst_ty {
  margin-top: -10px;
}
.lst_ty ~ .more_area.ta_c {
  padding-top: 27px;
}

.lst_ty2 {
  clear: both;
  margin-top: 31px;
  min-height: 300px;
}
.lst_ty2 a {
  line-height: 1.8;
}
.lst_ty2 .btn_wrt {
  padding: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 38px;
  -webkit-border-radius: 0;
          border-radius: 0;
  overflow: hidden;
  color: #000;
  background-color: #fff;
  border-color: #e1e1e1;
  margin-bottom: 40px;
  display: block;
  width: 100%;
  text-align: center;
}
.lst_ty2 .btn_wrt:before {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_plus);
  background-repeat: no-repeat;
  background-position: -497px -841px;
  width: 14px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 0 5px 0 0;
}
.lst_ty2 p.none {
  margin: 0 0 44px;
  padding: 74px 0 73px;
  font-size: 16px;
}
.lst_ty2 li {
  clear: both;
  padding: 28px 0 31px;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}
.lst_ty2 li.noti {
  background-color: #f7f7f7;
  padding-left: 20px;
  padding-right: 20px;
}
.lst_ty2 li a:hover,
.lst_ty2 li a:active,
.lst_ty2 li a:focus {
  text-decoration: none;
}
.lst_ty2 li a:hover .dsc,
.lst_ty2 li a:active .dsc,
.lst_ty2 li a:focus .dsc {
  text-decoration: underline;
}
.lst_ty2 .thmb {
  float: left;
  width: 128px;
  height: 96px;
  margin: 12px 30px 0 0;
  text-align: center;
}
.lst_ty2 .thmb:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.lst_ty2 .thmb img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
}
.lst_ty2 dl {
  overflow: hidden;
}
.lst_ty2 dt {
  display: inline;
  font-size: 24px;
  letter-spacing: -1px;
  color: #333;
}
.lst_ty2 dt span {
  display: inline-block;
  overflow: hidden;
  max-width: 80%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.lst_ty2 .info {
  padding: 15px 0 0;
  float: right;
  font-size: 12px;
  color: #999;
}
.lst_ty2 .dsc {
  clear: both;
  margin-top: 10px;
  font-size: 14px;
  line-height: 31px;
  color: #808080;
  max-height: 64px;
  overflow: hidden;
}
.lst_ty2 .writer {
  margin-top: 8px;
  padding-bottom: 7px;
  font-size: 12px;
  line-height: 15px;
  color: #444;
}
.lst_ty2 .writer .source .txt_by {
  color: #b0b0b0;
}
.lst_ty2 .writer .ic_ad {
  margin: -1px 0 0 2px;
}
.lst_ty2 .writer .reply {
  display: inline-block;
  margin-left: 12px;
}
.lst_ty2 .writer .reply:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_r_reply);
  background-repeat: no-repeat;
  background-position: -901px -609px;
  width: 11px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 2px 5px 0 0;
  text-indent: 0;
  vertical-align: top;
}

/* 검색결과 wrap */
.result_wrap {
  min-width: 980px;
  background: none;
}
.result_wrap #wrap {
  min-width: 1160px;
  width: 100%;
}
.result_wrap #header:after {
  display: none;
}
.result_wrap #header:before {
  display: none;
}
.result_wrap #container {
  width: 1160px;
  max-width: none;
  margin: 0 auto;
  padding: 0 40px 193px;
  background: none;
}
.result_wrap #content {
  display: table;
  position: static;
  width: 1080px;
  max-width: none;
  padding: 0;
}

.result_snb {
  display: table-cell;
  width: 276px;
  padding: 23px 40px 0 0;
  vertical-align: top;
}
.result_snb ul {
  width: 240px;
}
.result_snb li {
  line-height: 46px;
}
.result_snb li .tit {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 80%;
  vertical-align: middle;
}
.result_snb li .num {
  display: inline-block;
  vertical-align: middle;
}
.result_snb li a {
  line-height: 14px;
  color: #333;
  text-decoration: none !important;
}
.result_snb li.on {
  font-weight: 700;
}
.result_snb li.on a {
  position: relative;
  color: #010101;
  border-bottom: 4px solid #00C73C;
  /*&:after{
  	@include contentBlock;
  	@include absolute(null,0,-2px,0);
  	height: 4px;
  	background: $object-color1;
  	z-index: -1;
  }*/
}

.result_section {
  display: table-cell;
  max-width: 940px;
  margin: 0 auto;
  padding-bottom: 101px;
}
.result_section .result_tab {
  position: relative;
  padding: 40px 0 39px;
  margin-bottom: -53px;
  line-height: normal;
  background-color: #FFF;
  z-index: 100;
}
.result_section .result_tab ul, .result_section .result_tab li {
  display: inline;
}
.result_section .result_tab li {
  margin-left: 6px;
}
.result_section .result_tab li a:before {
  content: "";
  margin: -1px 11px 1px 0;
  display: inline-block;
  width: 1px;
  height: 11px;
  background-color: #cdcdcd;
  vertical-align: middle;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
}
.result_section .result_tab li.on a {
  text-decoration: underline;
  color: #010101;
}
.result_section .none {
  padding: 73px 0;
  background: none;
  font-size: 16px;
}
.result_section .more_area {
  clear: both;
}
.result_section .more_area .btn {
  font-size: 16px;
}

.result_snb + .result_section {
  min-width: 696px;
  max-width: inherit;
  padding-left: 40px;
}
.result_snb + .result_section:before {
  display: block;
  position: absolute;
  top: 0;
  left: 319px;
  bottom: 0;
  width: 1px;
  background-color: #e1e1e1;
  content: "";
}

.glob_section {
  position: relative;
  margin: 0 0 60px;
}
.glob_section .course_group {
  clear: both;
  margin-top: 60px;
}
.glob_section .tit_area .tit {
  font-size: 24px;
}
.glob_section .tit_area .fl_r {
  margin-top: 8px;
}
.glob_section .tit_area .fl_r:after {
  display: table;
  clear: both;
  content: "";
}
.glob_section .tit_area .fl_r .sort_lst {
  float: left;
}
.glob_section .tit_area .fl_r .btn_observe {
  display: block;
  float: left;
  height: 34px;
  margin: 2px 0 0 17px;
  padding: 0 15px;
  border: 1px solid #e1e1e1;
}
.glob_section .tit_area .fl_r .btn_observe:before {
  display: inline-block;
  margin: 6px 5px 0 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_observe);
  background-repeat: no-repeat;
  background-position: -901px -402px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: top;
  content: "";
}
.glob_section .tit_area .fl_r .btn_observe.on:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_observe_on);
  background-repeat: no-repeat;
  background-position: -901px -386px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.glob_section .more_area {
  margin-top: 30px;
}
.glob_section .btn_top {
  position: static;
  float: right;
  margin-top: 60px;
}
.glob_section .btn_lst {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_list);
  background-repeat: no-repeat;
  background-position: -772px 0px;
  width: 43px;
  height: 42px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.glob_section.noticeboard {
  padding-top: 30px;
}
.glob_section.noticeboard .end_ty .tit_area {
  padding: 0 0 24px 0;
}
.glob_section.noticeboard .end_ty .tit_area .info {
  position: static;
  line-height: 1.8;
}
.glob_section.noticeboard .end_ty .tit_area .info a {
  color: #333;
}
.glob_section.noticeboard .end_ty .tit_area .btn_observe {
  display: block;
  float: right;
  height: 34px;
  margin: -3px 0 0 17px;
  padding: 0 15px;
  border: 1px solid #e1e1e1;
}
.glob_section.noticeboard .end_ty .tit_area .btn_observe:before {
  display: inline-block;
  margin: 8px 5px 0 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_observe);
  background-repeat: no-repeat;
  background-position: -901px -402px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: top;
  content: "";
}
.glob_section.noticeboard .end_ty .tit_area .btn_observe.on:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_observe_on);
  background-repeat: no-repeat;
  background-position: -901px -386px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.glob_section.noticeboard .fl_r {
  margin-top: 6px;
}
.glob_section.noticeboard .ce_toolbar .toolbar_inner.fixed {
  width: 984px;
}
.glob_section .comment_wrap_area {
  margin: 33px 0 78px;
}

.tit_area3 {
  padding-top: 32px;
}
.tit_area3 .tit {
  margin-bottom: 27px;
  font-size: 18px;
  color: #010101;
  letter-spacing: -1px;
  font-weight: 700;
}
.tit_area3 .tit a {
  color: #010101;
}
.tit_area3 .tit .go {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_ptn_home);
  background-repeat: no-repeat;
  background-position: -261px -841px;
  width: 19px;
  height: 19px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: relative;
  top: 7px;
  vertical-align: top;
}
.tit_area3 .mnu {
  overflow: hidden;
}
.tit_area3 .mnu li {
  position: relative;
  display: inline-block;
  float: left;
}
.tit_area3 .mnu li a {
  display: inline-block;
  color: #666;
}
.tit_area3 .mnu li span {
  display: inline-block;
  border-bottom: 2px solid #fff;
}
.tit_area3 .mnu li.on a {
  color: #333;
  font-weight: 700;
}
.tit_area3 .mnu li ~ li:before {
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #d1d1d1;
  vertical-align: middle;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
  margin: -1px 11px 1px 12px;
  content: "";
  display: inline-block;
}
.tit_area3 ~ .tit_area {
  padding-top: 31px;
}

.end_ty {
  margin-top: 41px;
}
.end_ty .tit_area {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 220px 30px 0;
}
.end_ty .tit_area h3 {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -1px;
  color: #333;
}
.end_ty .tit_area .info {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  color: #999;
}
.end_ty .tit_area .info a:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #d1d1d1;
  vertical-align: middle;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
  margin: -1px 9px 1px 6px;
}
.end_ty .tit_area .writer {
  overflow: hidden;
  margin-top: 26px;
  font-size: 16px;
  line-height: 32px;
  color: #333;
}
.end_ty .tit_area .writer .thumb {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prof4);
  background-repeat: no-repeat;
  background-position: -839px -73px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-right: 4px;
  vertical-align: top;
  text-indent: 0;
}
.end_ty .tit_area .writer .thumb img {
  width: 100%;
  vertical-align: top;
}
.end_ty .tit_area .writer .ic_ad {
  margin: 8px 0 0 1px;
}
.end_ty .end_area {
  padding: 30px 0;
  font-size: 14px;
  line-height: 30px;
  color: #888;
}
.end_ty .end_area img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.end_ty .btn_area {
  clear: both;
}
.end_ty .btn_area:after:before, .end_ty .btn_area:after:after {
  display: table;
  clear: both;
  content: " ";
}
.end_ty .btn_area .sns_area {
  margin: 8px 0 0 8px;
}
.end_ty .btn_area .sns_area .ico_sns_share_bk {
  border: 0;
}
.end_ty .btn_area .sns_area .sns_layer {
  top: 36px;
  left: -8px;
}
.end_ty .btn_area .btn_lst {
  float: right;
}
.end_ty .related_area {
  clear: both;
  border-top: 1px solid #e5e5e5;
  margin: 25px 0 0;
  padding: 25px 0 0;
  font-size: 16px;
  color: #999;
}
.end_ty .related_area li .tit {
  display: inline-block;
  overflow: hidden;
  max-width: 85%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.end_ty .related_area li .tit:before {
  content: "";
  margin: -1px 15px 1px 0;
}
.end_ty .related_area li .date {
  float: right;
}
.end_ty .related_area li.prev .tit:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr8);
  background-repeat: no-repeat;
  background-position: -220px -704px;
  width: 16px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.end_ty .related_area li.prev a .tit:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr9);
  background-repeat: no-repeat;
  background-position: -260px -704px;
  width: 16px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.end_ty .related_area li.next .tit:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr8_dn);
  background-repeat: no-repeat;
  background-position: -200px -704px;
  width: 16px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.end_ty .related_area li.next a .tit:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr9_dn);
  background-repeat: no-repeat;
  background-position: -240px -704px;
  width: 16px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.end_ty .related_area a {
  color: #333;
}
.end_ty .sub_modal_wrap {
  margin-top: 20px !important;
}
.end_ty .txt_desc {
  margin: 6px 0 0;
}
.end_ty .group_lr .group_r .ick {
  margin: 9px 10px 0 0;
  font-size: 12px;
}
.end_ty .group_lr .group_r .ick ~ .ick {
  margin-left: 10px;
}

.map_lst {
  position: relative;
  margin-top: 32px;
}
.map_lst li {
  display: block;
}
.map_lst .ct {
  border: 1px solid #e1e1e1;
  width: 482px;
  font-size: 14px;
  line-height: 26px;
  color: #666;
}
.map_lst h1 {
  padding: 0 20px;
  border-bottom: 1px solid #e1e1e1;
  background: #f7f7f7;
  font-size: 18px;
  line-height: 58px;
  font-weight: 700;
}
.map_lst h1 a {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #010101;
}
.map_lst .body {
  padding: 13px 19px 34px;
}
.map_lst h2 {
  font-weight: 700;
}
.map_lst h2 a {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #010101;
}
.map_lst ol {
  margin: 7px 0 0 20px;
}
.map_lst ol li ~ li {
  margin-top: 27px;
}
.map_lst ol + h2 {
  margin-top: 27px;
}
.map_lst h3 {
  color: #010101;
}
.map_lst .sub {
  padding: 7px 0 0;
}
.map_lst .sub li {
  position: relative;
  padding-left: 12px;
}
.map_lst .sub li a {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #666;
}
.map_lst .sub li:before {
  position: absolute;
  top: 13px;
  left: 1px;
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
  background: #666;
}
.map_lst .sub li ~ li {
  margin-top: 0;
}

.tit_area2 .tit {
  display: inline;
  font-size: 16px;
  color: #010101;
  font-weight: 700;
}
.tit_area2 .dsc {
  display: inline;
  font-size: 14px;
  color: #999;
}
.tit_area2 .dsc:before {
  content: "";
  margin: -1px 9px 1px 7px;
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #d1d1d1;
  vertical-align: middle;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
}
.map_lst ~ .tit_area2 {
  margin-top: 60px;
}

.map_lst2 {
  overflow: hidden;
}
.map_lst2 ul {
  margin: -10px;
}
.map_lst2 li {
  float: left;
  width: 50%;
}
.map_lst2 li .tit {
  margin: 10px;
  display: block;
  border: 1px solid #e1e1e1;
  background: #f7f7f7;
  padding: 0 0 0 20px;
  font-size: 18px;
  line-height: 58px;
  font-weight: 700;
}
.map_lst2 li .tit a {
  display: inline-block;
  overflow: hidden;
  max-width: 90%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  vertical-align: top;
  color: #010101;
}
.map_lst2 li .tit:after {
  margin: -1px 0 1px 6px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_lecture_private);
  background-repeat: no-repeat;
  background-position: -819px -397px;
  width: 15px;
  height: 17px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}
.tit_area2 ~ .map_lst2 {
  margin-top: 20px;
}

.grade_new_set .grade_info {
  padding: 29px 30px 24px;
  margin-top: 38px;
  background: #f9f9f9;
}
.grade_new_set .grade_info .info_txt {
  line-height: 24px;
}
.grade_new_set .grade_info .info_txt > a {
  color: #333;
  text-decoration: underline;
}
.grade_new_set .grade_info .lnk_go {
  display: inline-block;
  margin-top: 10px;
  line-height: 16px;
  color: #333;
  text-decoration: underline;
}
.grade_new_set .grade_info .lnk_go:after {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_more3);
  background-repeat: no-repeat;
  background-position: -868px -692px;
  width: 4px;
  height: 7px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-left: 4px;
  vertical-align: 1px;
}
.grade_new_set .grade_info ul {
  margin-top: 5px;
}
.grade_new_set .grade_info li {
  color: #333;
}
.grade_new_set .grade_info li.sub {
  margin-top: 15px;
  color: #666;
}
.grade_new_set .grade_info li.sub + .sub {
  margin-top: 2px;
}
.grade_new_set .grade_info li.sub:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_dot);
  background-repeat: no-repeat;
  background-position: -894px -528px;
  width: 2px;
  height: 2px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.grade_new_set .sub_desc {
  margin-top: 44px;
}
.grade_new_set .table_grade_set {
  margin-top: 13px;
}
.grade_new_set .table_grade_set .table tr th {
  height: 50px;
  background: #fdfdfd;
  color: #333;
}
.grade_new_set .table_grade_set .table td {
  height: 116px;
  text-align: center;
  color: #666;
}
.grade_new_set .table_grade_set .table td.set {
  padding-left: 20px;
  position: relative;
  text-align: left;
  vertical-align: top;
}
.grade_new_set .table_grade_set .table tr {
  border: 1px solid #e5e5e5;
}
.grade_new_set .table_grade_set .table tr .ico_cant_delete {
  display: inline-block;
  width: 8px;
  height: 1px;
  background-color: #c0c0c0;
}
.grade_new_set .table_grade_set .table tr .ico_checked, .grade_new_set .table_grade_set .table tr .ico_cant_delete, .grade_new_set .table_grade_set .table tr .ico_g_delete {
  vertical-align: middle;
}
.grade_new_set .table_grade_set .table tr.on .set2 {
  display: block;
  position: relative;
}
.grade_new_set .table_grade_set .table tr.on .set2 .score {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  white-space: nowrap;
}
.grade_new_set .table_grade_set .table tr.on .set2 .score em {
  font-weight: 700;
  color: #00c73c;
}
.grade_new_set .table_grade_set .table tr.on .ico_checked {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_checked);
  background-repeat: no-repeat;
  background-position: -876px -414px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.grade_new_set .table_grade_set .table tr.er .it.spinner input {
  border-color: #ff5230 !important;
  color: #ff5230 !important;
}
.grade_new_set .table_grade_set .table tr.er .score em {
  color: #ff5230 !important;
}
.grade_new_set .table_grade_set .table input {
  text-align: center;
  text-transform: uppercase;
  padding-left: 0;
}
.grade_new_set .table_grade_set .table .it input, .grade_new_set .table_grade_set .table .it textarea {
  border: 1px solid #CECECE;
}
.grade_new_set .table_grade_set .table .slider_range_area {
  float: left;
  margin: 41px 0 0;
}
.grade_new_set .table_grade_set .table .gr {
  position: absolute;
  top: 0;
  right: 0;
  width: 113px;
  margin: 30px 0 0 0;
}
.grade_new_set .table_grade_set .table .gr .num {
  width: 100%;
  margin: 0;
  font-size: 14px;
  text-align: right;
}
.grade_new_set .table_grade_set .table .set1 {
  height: 34px;
  margin-bottom: 3px;
  text-align: right;
}
.grade_new_set .table_grade_set .table .set1 .spinner {
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  color: #333;
  text-align: center;
  vertical-align: top;
}
.grade_new_set .table_grade_set .table .set1 .spinner input {
  text-align: center;
}
.grade_new_set .table_grade_set .table .set1 .num,
.grade_new_set .table_grade_set .table .set1 .tx {
  display: inline-block;
  position: relative;
  top: 5px;
  vertical-align: top;
  line-height: 26px;
}
.grade_new_set .table_grade_set .table .set2 {
  display: block;
  position: relative;
}
.grade_new_set .table_grade_set .table .set2 .score {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  white-space: nowrap;
  line-height: 25px;
}
.grade_new_set .table_grade_set .table .set2 .score em {
  font-weight: 700;
  color: #666;
}
.grade_new_set .table_grade_set .table .set2 .score .point {
  color: #00c73c;
}
.grade_new_set .table_grade_set .table .end {
  padding: 0 0 0 41px;
}
.grade_new_set .table_grade_set .table span.btn_type12 {
  display: inline-block;
}
.grade_new_set .table_grade_set .btn_type12 {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  color: #999;
  letter-spacing: -1px;
}
.grade_new_set .table_grade_set .btn_type12:before {
  content: "";
  vertical-align: middle;
  margin: -6px 6px 0 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_checked4);
  background-repeat: no-repeat;
  background-position: -729px -787px;
  width: 14px;
  height: 9px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.grade_new_set .table_grade_set .btn_type12.btn.on {
  background-color: #00c73c;
  color: #FFF;
  border-color: #00c73c;
}
.grade_new_set .table_grade_set .btn_type12.btn.on:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_checked4_on);
  background-repeat: no-repeat;
  background-position: -711px -787px;
  width: 14px;
  height: 9px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.grade_new_set .table_grade_set.top tr {
  background-color: #f7f7f7;
}
.grade_new_set .table_grade_set.top tr .it {
  background: none;
}
.grade_new_set .table_grade_set.top .gr {
  margin-right: 17px;
}
.grade_new_set .table_grade_set.detail {
  margin-top: 0;
}
.grade_new_set .table_grade_set.detail .table {
  border: 1px solid #e5e5e5;
  border-top: none;
}
.grade_new_set .table_grade_set.detail .table th {
  vertical-align: bottom;
  background-color: #FFF;
  font-size: 12px;
  font-weight: normal;
  color: #999;
}
.grade_new_set .table_grade_set.detail .table tr {
  border: none;
}
.grade_new_set .table_grade_set.detail .table .gr {
  margin-right: 17px;
}
.grade_new_set .table_grade_set .disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
}
.grade_new_set .group_lr .group_l {
  position: relative;
}
.grade_new_set .group_lr .tit {
  display: inline-block;
  vertical-align: middle;
}
.grade_new_set .group_lr .btn_help {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_help_popup);
  background-repeat: no-repeat;
  background-position: -819px -157px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-left: 2px;
  vertical-align: middle;
}
.grade_new_set .group_lr .bubb {
  top: 34px;
  right: 80px;
}
.grade_new_set .group_lr .bubb .arrow {
  right: 82px;
}
.grade_new_set .group_lr .group_r .txt_desc {
  display: inline-block;
}
.grade_new_set .btn.go_setting,
.grade_new_set .btn.reset_setting {
  margin-left: 10px;
  color: #666;
  letter-spacing: -1px;
  font-size: 12px;
}
.grade_new_set .btn.go_setting:after {
  content: "";
  vertical-align: 2px;
  margin-left: 5px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_gt4);
  background-repeat: no-repeat;
  background-position: -901px -788px;
  width: 12px;
  height: 9px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.grade_new_set .btn.reset_setting:before {
  content: "";
  vertical-align: 1px;
  margin-right: 5px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_back2);
  background-repeat: no-repeat;
  background-position: -552px -841px;
  width: 14px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.grade_new_set .btn_area {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-top: none;
}
.grade_new_set .btn_area .btn.crosshair {
  width: 100%;
  height: 56px;
  line-height: 56px;
}
.grade_new_set .certificate_box {
  margin-top: 40px;
  padding: 23px 58px 23px 24px;
  border: 1px solid #dedede;
}
.grade_new_set .certificate_box .sjt_box {
  float: left;
  position: relative;
  line-height: 32px;
}
.grade_new_set .certificate_box .sjt_box strong {
  color: #333;
  font-weight: 700;
  letter-spacing: -1px;
}
.grade_new_set .certificate_box .sjt_box .btn_help {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bt_help_popup);
  background-repeat: no-repeat;
  background-position: -819px -157px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-left: 6px;
  vertical-align: middle;
}
.grade_new_set .certificate_box .result_btn {
  float: right;
}
.grade_new_set .certificate_box .result_btn .btn + .btn {
  margin-left: 4px;
}
.grade_new_set .certificate_box .result_btn .btn_preview {
  display: inline-block;
  height: 32px;
  padding: 0 18px;
  border: 1px solid #c0c0c0;
  line-height: 30px;
  color: #999;
  letter-spacing: -1px;
  border-radius: 16px;
  -webkit-border-radius: 16px;
}
.grade_new_set .certificate_box .result_btn .btn_type12 {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  color: #999;
  letter-spacing: -1px;
}
.grade_new_set .certificate_box .result_btn .btn_type12:before {
  content: "";
  vertical-align: middle;
  margin: -6px 6px 0 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_checked4);
  background-repeat: no-repeat;
  background-position: -729px -787px;
  width: 14px;
  height: 9px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.grade_new_set .certificate_box .result_btn .btn_type12.btn.on {
  background-color: #00c73c;
  color: #FFF;
  border-color: #00c73c;
}
.grade_new_set .certificate_box .result_btn .btn_type12.btn.on:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_checked4_on);
  background-repeat: no-repeat;
  background-position: -711px -787px;
  width: 14px;
  height: 9px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.grade_new_set .certificate_box .help_pop {
  left: 0;
  top: 34px;
}
.grade_new_set .certificate_box:after {
  display: block;
  clear: both;
  content: "";
}
.grade_new_set .help_pop {
  position: absolute;
  left: 24px;
  top: 31px;
  width: 360px;
  padding: 24px;
  font-size: 14px;
  color: #666;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
  background-color: #fdfdfd;
  border: 1px solid #d1d1d1;
  letter-spacing: -1px;
  line-height: 20px;
  z-index: 100;
}
.grade_new_set .help_pop .pop_close {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_del);
  background-repeat: no-repeat;
  background-position: -901px -210px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  right: 11px;
  top: 11px;
}
.grade_new_set .cpt_lang {
  position: relative;
  top: 1px;
  margin-left: 20px;
  letter-spacing: -0.5px;
}
.grade_new_set .cpt_lang::before {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  border: 1px solid #aeaeae;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  vertical-align: -1px;
  content: "";
}
.grade_new_set input[type=radio]:checked + .cpt_lang::after {
  display: block;
  position: absolute;
  top: 3px;
  left: 2px;
  width: 8px;
  height: 8px;
  background-color: #00c73c;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  content: "";
}
.grade_new_set .complete_history {
  margin-top: 10px;
}

.page.myhome .btn_top {
  position: static;
  float: right;
  margin: 60px 1px 0 0;
}

.re_pack .ick .radio.checked {
  border: 0;
}
.re_pack .myhome_info .basic_info_box ul .gender .ick {
  vertical-align: middle;
  padding-left: 24px;
}
.re_pack .myhome_info .basic_info_box ul .gender .ick .radio {
  width: 16px;
  height: 16px;
  margin-top: 0;
}
.re_pack .myhome_info .basic_info_box ul .gender .ick .radio.checked {
  border: 0;
}
.re_pack .myhome_info .basic_info_box ul .gender .ick .radio.checked::after {
  width: 4px;
  height: 4px;
  background-color: #fff;
}
.re_pack .myhome_info .terms {
  margin-top: 40px;
}
.re_pack .myhome_info .terms .info_tit {
  margin-bottom: 24px;
}
.re_pack .myhome_info .terms .ick {
  display: block;
  line-height: 13px;
  padding-left: 24px;
}
.re_pack .myhome_info .terms .ick .checkbox {
  width: 20px;
  height: 20px;
  top: -1px;
  border: 0;
}
.re_pack .myhome_info .terms .ick .checkbox:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-keep-login-box);
  background-repeat: no-repeat;
  background-position: -519px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.re_pack .myhome_info .terms .ick .checkbox.checked:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-terms-ick-big);
  background-repeat: no-repeat;
  background-position: -631px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  top: 0px;
  left: 0;
}
.re_pack .myhome_info .terms .ick .ph {
  font-size: 12px;
  line-height: 20px;
}
.re_pack .myhome_info .terms .ick + .ick {
  margin-left: 0;
  margin-top: 12px;
}

.myhome {
  position: relative;
}
.myhome .page_header {
  margin: 0 0 16px !important;
  border: 0 !important;
}
.myhome .page_header .btn.btn_type2.op3 {
  width: 42px;
  padding: 0;
}
.myhome .page_header .btn.btn_type2.op3 span {
  display: block;
}
.myhome .page_header .btn.btn_type2.op3 .ico_config {
  margin: 0 auto;
}
.myhome .page_header .btn.btn_type2.op3 .go_back {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_back);
  background-repeat: no-repeat;
  background-position: -819px -478px;
  width: 15px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=50);
  opacity: 0.5;
  margin: 2px auto -2px;
}
.myhome .course_manage .course_lst .info_lec > ul > li strong {
  vertical-align: top;
}
.myhome .course_manage .course_lst .info_lec > ul > li.profile strong {
  padding-top: 4px;
}
.myhome .course_manage .course_lst .info_lec > ul > li.profile p {
  padding-top: 3px;
}
.myhome .course_manage .course_lst .desc_area {
  padding-right: 16px;
}
.myhome .course_manage .course_lst .done_box {
  width: 260px;
}
.myhome .course_manage .course_lst .done_box::before {
  display: none;
}
.myhome .course_join .course_lst .info_lec ul > li:first-child {
  margin-top: 0;
}
.myhome .course_join .course_lst .desc_area .done_area .circle_progress_wrap {
  display: inline-block;
  vertical-align: top;
}
.myhome .course_join .course_lst .desc_area .done_area .circle_progress_wrap + .circle_progress_wrap {
  margin-left: 2px;
}
.myhome .course_join .course_lst .desc_area .done_area .circle_progress_wrap > span {
  font-size: 12px;
  color: #ccc;
}
.myhome .course_join .course_lst .desc_area .done_area .circle_progress_wrap.lecture > span {
  color: #999;
}
.myhome .course_join .course_lst .desc_area .done_area .circle_progress_wrap .slash {
  margin: 0 4px 0 0;
}
.myhome .course_join .course_lst .desc_area .complete_info {
  display: table;
  position: relative;
  width: 712px;
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #f5f5f5;
  background-color: #fff;
  z-index: 10;
}
.myhome .course_join .course_lst .desc_area .complete_info p {
  font-size: 12px;
  line-height: 15px;
  color: #666;
}
.myhome .course_join .course_lst .desc_area .complete_info .info_standard {
  display: table-cell;
  vertical-align: middle;
}
.myhome .course_join .course_lst .desc_area .complete_info .info_download {
  display: table-cell;
  width: 160px;
}
.myhome .course_join .course_lst .desc_area .complete_info .info_download .btn.btn_type6 {
  width: 160px;
}
.myhome .course_join .course_lst .desc_area .complete_info .info_download > p {
  color: #828c96;
  text-align: right;
}
.myhome .course_manage2 .course_lst .desc_area {
  min-height: 0;
}
.myhome .course_manage2 .course_lst .desc_wrap {
  display: block;
}
.myhome .course_manage2 .course_lst .info_lec {
  display: block;
  width: auto;
  min-height: auto;
  padding-top: 36px;
}
.myhome .course_manage2 .course_lst .info_lec > ul {
  margin-right: -100px;
}
.myhome .course_manage2 .course_lst .info_lec > ul:before, .myhome .course_manage2 .course_lst .info_lec > ul:after {
  display: table;
  clear: both;
  content: " ";
}
.myhome .course_manage2 .course_lst .info_lec > ul > li {
  display: block;
  float: left;
  width: 50%;
  line-height: 32px;
}
.myhome .course_manage2 .course_lst .info_lec > ul > li .ick .checkbox {
  top: 9px;
}
.myhome .course_manage2 .course_lst .info_lec > ul > li strong {
  display: block;
  float: left;
  width: auto;
  padding-right: 16px;
}
.myhome .course_manage2 .course_lst .done_box {
  display: block;
  width: 100%;
  margin: 24px 0 -1px;
  padding-top: 16px;
  border-top: 1px solid #f1f1f1;
  text-align: right;
}
.myhome .course_manage2 .course_lst .done_box::before {
  display: none;
}
.myhome .course_manage2 .course_lst .done_box .btn_cancel {
  font-size: 12px;
  color: #999;
  letter-spacing: -0.5px;
  text-decoration: underline;
}
.myhome .course_lst ~ .course_lst {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #e6e6e6;
}
.myhome .course_lst > ul > li {
  position: relative;
  margin-top: 30px;
  border: 1px solid #f1f1f1;
}
.myhome .course_lst > ul > li:first-child {
  margin-top: 0;
}
.myhome .course_lst > ul > li.wait .info_lec {
  min-height: 0;
}
.myhome .course_lst > ul > li .status {
  display: inline-block;
  position: absolute;
  top: 120px;
  left: 24px;
  height: 20px;
  padding: 0 10px;
  background-color: #00c73c;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  z-index: 10;
}
.myhome .course_lst > ul > li.pass .desc_area .progress .progress_bar, .myhome .course_lst > ul > li.closed .desc_area .progress .progress_bar {
  background-color: #96a0aa;
}
.myhome .course_lst > ul > li.pass .status {
  background-color: #ffae00;
}
.myhome .course_lst > ul > li.closed .status {
  background-color: #96a0aa;
}
.myhome .course_lst a:hover {
  text-decoration: none;
}
.myhome .course_lst .info_area:before, .myhome .course_lst .info_area:after {
  display: table;
  clear: both;
  content: " ";
}
.myhome .course_lst .info_area {
  position: relative;
  height: 96px;
  padding: 24px 30px 24px 24px;
  background-color: #f5f5f5;
}
.myhome .course_lst .info_area.boost {
  background-color: #ecf0f1;
}
.myhome .course_lst .info_area .thumb {
  float: left;
  margin-right: 17px;
}
.myhome .course_lst .info_area .thumb a {
  overflow: hidden;
  display: block;
  position: relative;
  width: 88px;
  height: 48px;
}
.myhome .course_lst .info_area .thumb a::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0.04);
  content: "";
}
.myhome .course_lst .info_area .thumb a img {
  height: 100%;
  vertical-align: top;
}
.myhome .course_lst .info_area .tit {
  float: left;
  width: 521px;
  overflow: hidden;
}
.myhome .course_lst .info_area .tit a:after {
  vertical-align: middle;
  margin: 0 0 0 5px;
}
.myhome .course_lst .info_area > a {
  position: relative;
  display: inline-block;
  max-width: 100%;
  padding-right: 25px;
  vertical-align: top;
}
.myhome .course_lst .info_area > a:after {
  position: absolute;
  top: 7px;
  margin: 0 0 0 5px;
}
.myhome .course_lst .title {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 18px;
  color: #010101;
  line-height: 18px;
  vertical-align: middle;
}
.myhome .course_lst .author {
  display: block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  color: #666;
  font-size: 12px;
  line-height: 24px;
}
.myhome .course_lst .author span, .myhome .course_lst .author a {
  vertical-align: middle !important;
}
.myhome .course_lst .author .name {
  display: inline-block;
  overflow: hidden;
  max-width: 245px;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.myhome .course_lst .author .ic_ad + .name {
  max-width: 295px;
}
.myhome .course_lst .author .ic_ad {
  top: 1px;
}
.myhome .course_lst .author .bar {
  margin: 0 4px 0;
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #d1d1d1;
  vertical-align: middle;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
}
.myhome .course_lst .info_btns {
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.myhome .course_lst .info_btns .btn_whaleclass {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.myhome .course_lst .info_btns .btn_lecture_more {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}
.myhome .course_lst .info_btns .btn_lecture_more i {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_lecture_more);
  background-repeat: no-repeat;
  background-position: -901px -861px;
  width: 4px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 5px 10px;
}
.myhome .course_lst .info_btns .ly_btn_more {
  position: absolute;
  top: 6px;
  right: 25px;
  border: 1px solid #eaeaea;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
  z-index: 10;
}
.myhome .course_lst .info_btns .ly_btn_more a {
  display: block;
  min-width: 85px;
  padding: 11px 14px 10px 16px;
  background-color: #fff;
  border: 0;
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
}
.myhome .course_lst .info_btns .ly_btn_more li + li {
  margin-top: -7px;
}
.myhome .course_lst .info_btns .ly_btn_more li + li a {
  padding-top: 4px;
}
.myhome .course_lst .info_more_box {
  height: 27px;
  margin-bottom: -1px;
  padding-top: 4px;
}
.myhome .course_lst .info_more_box .info_more_area {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 22px;
}
.myhome .course_lst .info_more_box .btn.btn_type3 {
  vertical-align: top;
}
.myhome .course_lst .info_more_box .btn.btn_type3 ~ .more_text {
  padding-left: 8px;
}
.myhome .course_lst .info_more_box a.more_text:hover {
  text-decoration: underline;
}
.myhome .course_lst .info_more_box .more_text {
  font-size: 12px;
  color: #828c96;
  vertical-align: 2px;
}
.myhome .course_lst .info_more_box .help_pop {
  position: absolute;
  left: 61px;
  top: 0;
  width: 360px;
  padding: 24px;
  font-size: 14px;
  color: #666;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
  background-color: #fdfdfd;
  border: 1px solid #d1d1d1;
  letter-spacing: -1px;
  line-height: 20px;
  z-index: 100;
}
.myhome .course_lst .info_more_box .help_pop em {
  color: #00c73c;
  font-weight: 600;
}
.myhome .course_lst .info_more_box .help_pop .pop_close {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_del);
  background-repeat: no-repeat;
  background-position: -901px -210px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  right: 11px;
  top: 11px;
}
.myhome .course_lst .desc_area {
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  clear: both;
  margin: 0;
  padding: 24px 18px 24px 24px;
  min-height: 76px;
}
.myhome .course_lst .desc_area:after {
  content: "";
  display: block;
  clear: both;
}
.myhome .course_lst .desc_area.summarize_content {
  min-height: inherit;
  height: auto;
  padding-bottom: 19px;
}
.myhome .course_lst .desc_area.summarize_content .desc_wrap {
  display: block;
  width: auto;
  margin-right: 6px;
}
.myhome .course_lst .desc_area.summarize_content .info_lec {
  display: block;
  width: auto;
  height: auto;
  min-height: 0;
}
.myhome .course_lst .desc_area.summarize_content .info_lec ul {
  display: block;
}
.myhome .course_lst .desc_area.summarize_content .info_lec ul:before, .myhome .course_lst .desc_area.summarize_content .info_lec ul:after {
  display: table;
  clear: both;
  content: " ";
}
.myhome .course_lst .desc_area.summarize_content .info_lec ul > li {
  overflow: hidden;
  float: left;
  width: 50%;
  margin: 0;
}
.myhome .course_lst .desc_area.summarize_content .info_lec ul > li strong, .myhome .course_lst .desc_area.summarize_content .info_lec ul > li p {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.myhome .course_lst .desc_area.summarize_content .info_lec .bar {
  height: 9px;
  margin: -1px 8px 1px 10px;
}
.myhome .course_lst .desc_wrap {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.myhome .course_lst .info_lec {
  display: table-cell;
  position: relative;
  width: 340px;
  min-height: 102px;
  margin: 0;
  padding-top: 30px;
  vertical-align: top;
  font-size: 12px;
  line-height: 22px;
}
.myhome .course_lst .info_lec > ul {
  display: table;
  width: 100%;
}
.myhome .course_lst .info_lec > ul > li {
  display: table-row;
  color: #333;
  white-space: nowrap;
}
.myhome .course_lst .info_lec > ul > li.profile {
  line-height: 32px;
}
.myhome .course_lst .info_lec > ul > li strong {
  display: table-cell;
  width: 46px;
  padding-right: 14px;
  color: #999;
  font-weight: normal;
}
.myhome .course_lst .info_lec > ul > li p {
  overflow: hidden;
}
.myhome .course_lst .info_lec > ul > li .bar {
  margin: -1px 4px 1px;
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #d1d1d1;
  vertical-align: middle;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
}
.myhome .course_lst .info_lec > ul > li .lk_charge {
  margin-left: 5px;
  color: #999;
  letter-spacing: -0.5px;
}
.myhome .course_lst .info_lec > ul > li .lk_charge::after {
  display: inline-block;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr_more);
  background-repeat: no-repeat;
  background-position: -413px -704px;
  width: 5px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-left: 4px;
  content: "";
}
.myhome .course_lst .info_lec > ul > li .progress_area {
  display: table-cell;
}
.myhome .course_lst .info_lec > ul > li .progress {
  display: inline-block;
  margin: 4px 8px 0 0;
  width: 160px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}
.myhome .course_lst .info_lec > ul > li .progress .progress_bar {
  background: #00c73c;
}
.myhome .course_lst .info_lec > ul > li img, .myhome .course_lst .info_lec > ul > li .name, .myhome .course_lst .info_lec > ul > li .ic_ad {
  vertical-align: middle;
}
.myhome .course_lst .info_lec > ul > li .ic_ad {
  margin-left: 2px;
  padding: 0 6px 0 5px;
  font-size: 12px;
  line-height: 15px;
}
.myhome .course_lst .info_lec > ul > li .name {
  display: inline-block;
  overflow: hidden;
  max-width: 200px;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  margin: 0 2px 0 6px;
}
.myhome .course_lst .info_lec > ul > li .ick .ph {
  color: #333;
}
.myhome .course_lst .info_lec .per {
  font-weight: 700;
  color: #333;
}
.myhome .course_lst .info_lec .dsc {
  color: #666;
}
.myhome .course_lst .info_lec .txt_desc {
  line-height: 1.8;
  letter-spacing: 0;
}
.myhome .course_lst .done_box {
  display: table-cell;
  width: 358px;
  height: 100%;
}
.myhome .course_lst .done_box::before {
  display: block;
  position: absolute;
  top: 24px;
  left: 373px;
  bottom: 24px;
  width: 1px;
  background-color: #f1f1f1;
  content: "";
}
.myhome .course_lst .done_box .done_area {
  text-align: right;
}
.myhome .course_lst .total_score {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1;
  color: #666;
}
.myhome .course_lst .total_score em {
  font-size: 28px;
  color: #333;
}
.myhome .course_lst .total_score ~ .btn.btn_type3 {
  margin: -4px 11px 0 0;
}
.myhome .course_lst .total_score ~ .btn.btn_type3 ~ .txt_desc {
  vertical-align: top;
}
.myhome .course_lst .done_lst {
  width: 100%;
  margin: 0 -3px -7px 0;
  padding: 33px 0 1px;
  vertical-align: middle;
  white-space: nowrap;
}
.myhome .course_lst .done_lst li {
  display: inline-block;
  width: 92px;
  text-align: center;
  white-space: nowrap;
}
.myhome .course_lst .done_lst li a:hover, .myhome .course_lst .done_lst li a:active, .myhome .course_lst .done_lst li a:focus {
  text-decoration: none;
}
.myhome .course_lst .done_lst li strong {
  display: block;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -3px;
  color: #808080;
  overflow: hidden;
}
.myhome .course_lst .done_lst li span {
  margin-top: 13px;
  display: block;
  font-size: 12px;
  line-height: 12px;
  color: #999;
}
.myhome .course_lst .done_lst li a:hover span {
  text-decoration: underline !important;
}
.myhome .access {
  position: absolute;
  right: 0;
  color: #999;
}
.myhome .table_type1 .linkage {
  display: inline-block;
  min-width: 184px;
  color: #999;
}
.myhome .table_type1 .linkage.point_font_color {
  color: #666 !important;
}
.myhome .my_lst ul {
  border: 1px solid #e6e6e6;
  border-bottom: 0;
}
.myhome .my_lst ul li {
  position: relative;
  min-height: 108px;
  border-bottom: 1px solid #e6e6e6;
}
.myhome .my_lst ul li:before, .myhome .my_lst ul li:after {
  display: table;
  clear: both;
  content: " ";
}
.myhome .my_lst ul li a {
  display: block;
  width: 688px;
  text-decoration: none;
}
.myhome .my_lst ul li .ic_state {
  margin: 20px 0 0 17px;
  float: left;
}
.myhome .my_lst ul li .info {
  overflow: hidden;
  width: 610px;
  margin: 0;
  padding: 23px 0 20px 15px;
}
.myhome .my_lst ul li .info .ti {
  color: #010101;
  font-weight: 700;
  line-height: 18px !important;
}
.myhome .my_lst ul li .info .ti .day {
  display: inline-block;
  color: #ff5230;
}
.myhome .my_lst ul li .info .ti .day:after {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 1px;
  height: 11px;
  margin: 0 8px;
  background: #ccc;
  vertical-align: top;
  content: "";
}
.myhome .my_lst ul li .info .ti .date {
  margin-left: 12px;
  font-size: 12px;
  font-weight: normal;
  color: #666;
}
.myhome .my_lst ul li .info .ic_ad {
  margin-top: 5px;
}
.myhome .my_lst ul li .info .tx {
  margin: 7px 0 0;
  color: #4c4c4c;
  font-size: 12px;
  line-height: 16px !important;
}
.myhome .my_lst ul li .info .tx2 {
  margin: 7px 0 0;
  color: #999;
  font-size: 12px;
  line-height: 16px !important;
}
.myhome .my_lst ul li .f_close_big {
  position: absolute;
  top: 45px;
  right: 41px;
}
.myhome .my_lst ul li.none {
  padding-top: 42px;
}
.myhome .my_lst .btn_type10 {
  display: block;
  margin: 30px auto 0;
  text-align: center;
}
.myhome .more_area {
  margin: 27px 0 0;
}
.myhome .project_list {
  position: relative;
  margin: 0 6px 24px 25px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f1f1f1;
}
.myhome .project_list ul {
  margin-right: -1px;
}
.myhome .project_list ul:before, .myhome .project_list ul:after {
  display: table;
  clear: both;
  content: " ";
}
.myhome .project_list li {
  position: relative;
  float: left;
  width: 72px;
  margin: 0 8px 12px;
  padding: 0;
  color: #999;
  text-align: center;
}
.myhome .project_list li::before {
  display: block;
  position: absolute;
  top: 11px;
  left: -8px;
  width: 88px;
  height: 2px;
  background-color: #ecf0f1;
  content: "";
}
.myhome .project_list li:nth-child(4n+1) {
  margin-left: 0;
}
.myhome .project_list li:nth-child(4n+1)::before {
  width: 44px;
  left: 36px;
}
.myhome .project_list li:nth-child(4n+1).end::before {
  display: none;
}
.myhome .project_list li:nth-child(4n) {
  margin-right: 0;
}
.myhome .project_list li:nth-child(4n)::before, .myhome .project_list li:nth-child(4n).end::before {
  width: 44px;
}
.myhome .project_list li:nth-child(n+5) {
  display: none;
}
.myhome .project_list li > a {
  display: block;
}
.myhome .project_list li .pj_state {
  display: block;
  position: relative;
  font-size: 11px;
  color: #999;
}
.myhome .project_list li .pj_state::before {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 5px;
  background-color: #ecf0f1;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  content: "";
}
.myhome .project_list li .pj_state::after {
  display: block;
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: -6px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_pj_default);
  background-repeat: no-repeat;
  background-position: -901px -732px;
  width: 11px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  content: "";
}
.myhome .project_list li .pj_text {
  margin-top: -2px;
  font-size: 12px;
  color: #999;
}
.myhome .project_list li.end::before {
  width: 44px;
}
.myhome .project_list li.pass .pj_state {
  color: #00c73c;
}
.myhome .project_list li.pass .pj_state::before {
  background-color: #00c73c;
}
.myhome .project_list li.pass .pj_state::after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_pj_pass);
  background-repeat: no-repeat;
  background-position: -901px -746px;
  width: 11px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.myhome .project_list li.reject .pj_state {
  color: #ff5230;
}
.myhome .project_list li.reject .pj_state::before {
  background-color: #ff5230;
}
.myhome .project_list li.reject .pj_state::after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_pj_reject);
  background-repeat: no-repeat;
  background-position: -901px -760px;
  width: 11px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.myhome .project_list li.review .pj_state {
  color: #333;
}
.myhome .project_list li.review .pj_state::before {
  background-color: #333;
}
.myhome .project_list li.review .pj_state::after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_pj_review);
  background-repeat: no-repeat;
  background-position: -901px -774px;
  width: 11px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.myhome .project_list .pj_pass .pj_state {
  color: #96a0aa;
}
.myhome .project_list .pj_pass .pj_state::before {
  background-color: #96a0aa;
}
.myhome .project_list .pj_pass .pj_state::after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_pj_pass);
  background-repeat: no-repeat;
  background-position: -901px -746px;
  width: 11px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.myhome .project_list .btn_pj_more {
  overflow: hidden;
  display: block;
  position: absolute;
  bottom: -7px;
  left: 144px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_unfold_btn);
  background-repeat: no-repeat;
  background-position: -527px -478px;
  width: 48px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  line-height: 100px;
  color: rgba(0, 0, 0, 0);
}
.myhome .project_list.open li:nth-child(n+5) {
  display: block;
}
.myhome .project_list.open .btn_pj_more {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_fold_btn);
  background-repeat: no-repeat;
  background-position: -475px -478px;
  width: 48px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ly_prof_area {
  position: relative;
  float: left;
  max-width: 270px;
  margin-top: -1px;
}
.ly_prof_area .btn_set {
  color: #999;
  vertical-align: -1px;
}
.ly_prof_area .btn_set::after {
  display: inline-block;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr_more);
  background-repeat: no-repeat;
  background-position: -413px -704px;
  width: 5px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-left: 4px;
  content: "";
}
.ly_prof_area.opn .ly_prof {
  display: block;
}
.ly_prof_area .ly_prof {
  position: absolute;
  z-index: 100;
  border: 1px solid #d1d1d1;
  background: #fff;
  padding: 26px 30px 30px;
  width: 292px;
  font-size: 14px;
  color: #333;
  display: none;
}
.ly_prof_area .ly_prof h1 {
  font-size: 16px;
  color: #010101;
  font-weight: 600;
}
.ly_prof_area .ly_prof .tab {
  padding: 9px 0 25px;
  line-height: 24px;
}
.ly_prof_area .ly_prof .ct {
  clear: both;
}
.ly_prof_area .ly_prof .ct img {
  float: left;
  margin-right: 8px;
}
.ly_prof_area .ly_prof .ct img ~ .btn_area {
  float: left;
  padding: 4px 0 0 0;
}
.ly_prof_area .ly_prof .ct .name {
  width: 180px;
}
.ly_prof_area .ly_prof .ct .btn {
  margin-right: 4px;
}
.ly_prof_area .ly_prof .ct .ipt {
  clear: both;
  padding: 10px 0 0;
}
.ly_prof_area .ly_prof .ct .ipt label {
  padding: 4px 0 0;
  display: block;
  float: left;
  width: 40px;
  color: #999;
}
.ly_prof_area .ly_prof .ct .ipt .it {
  vertical-align: middle;
}
.ly_prof_area .ly_prof .ct .ipt .it span.sts_error {
  display: none;
}
.ly_prof_area .ly_prof .ct .ipt .it input.sts_error + span.sts_error {
  display: block;
  padding-top: 8px;
  white-space: initial;
  line-height: 16px;
}
.ly_prof_area .ly_prof .btm {
  padding: 20px 0 0 40px;
}
.ly_prof_area .ly_prof .btm .btn {
  margin-right: 6px;
}
.ly_prof_area .ly_prof .ico_clse {
  position: absolute;
  top: 7px;
  right: 9px;
}

.myhome_info .chosen-container.chosen-container-single .chosen-single span {
  color: #25292F;
}
.myhome_info .prof_intro_go {
  display: block;
  width: 179px;
  height: 43px;
  margin: 40px auto 0;
  background-color: #333;
  font-weight: bold;
  line-height: 43px;
  color: #fff;
  text-align: center;
}
.myhome_info .info_tit {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.8px;
  color: #333;
}
.myhome_info .info_tit .guide_txt {
  display: inline-block;
  margin: 6px 0 0 13px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -1.17px;
  color: #999;
  vertical-align: top;
  line-height: 16px;
}
.myhome_info .save_btn {
  margin-top: 80px;
  text-align: center;
  font-size: 0;
}
.myhome_info .save_btn [class^=btn] {
  display: inline-block;
  height: 42px;
  padding: 0 36px;
  margin: 0 4px 0 4px;
  background-color: #ccc;
  font-size: 16px;
  line-height: 42px;
  font-weight: 600;
  color: #fff;
  vertical-align: top;
  -webkit-border-radius: 0;
          border-radius: 0;
}
.myhome_info .save_btn .btn_save {
  background-color: #00c73c;
}
.myhome_info .basic_info_box {
  padding: 80px;
  background-color: #fff;
  text-align: center;
}
.myhome_info .basic_info_box .info_tit.integral {
  margin-bottom: 24px;
  color: #00c73c;
}
.myhome_info .basic_info_box .info_tit.integral + ul li em {
  display: inline-block;
  margin-bottom: 7px;
}
.myhome_info .basic_info_box .info_tit.integral + ul li input {
  border-color: #dedede;
}
.myhome_info .basic_info_box .info_tit ~ .info_tit {
  margin: 40px 0 24px;
}
.myhome_info .basic_info_box .thmb_area {
  margin-bottom: 40px;
  text-align: center;
}
.myhome_info .basic_info_box .thmb_area .thmb {
  width: 200px;
  height: 200px;
  margin: 0 auto 16px;
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_prof_l.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: top;
}
.myhome_info .basic_info_box .ipt_area {
  display: inline-block;
  text-align: left;
}
.myhome_info .basic_info_box ul:after {
  display: block;
  clear: both;
  content: "";
}
.myhome_info .basic_info_box ul li {
  float: left;
  width: 340px;
  color: #999;
}
.myhome_info .basic_info_box ul li + li {
  margin-left: 16px;
}
.myhome_info .basic_info_box ul .birthday, .myhome_info .basic_info_box ul .gender, .myhome_info .basic_info_box ul .github, .myhome_info .basic_info_box ul .area {
  line-height: 30px;
}
.myhome_info .basic_info_box ul .birthday em, .myhome_info .basic_info_box ul .gender em, .myhome_info .basic_info_box ul .github em, .myhome_info .basic_info_box ul .area em {
  display: inline-block;
  width: 120px;
}
.myhome_info .basic_info_box ul .birthday .it .ph, .myhome_info .basic_info_box ul .gender .it .ph, .myhome_info .basic_info_box ul .github .it .ph, .myhome_info .basic_info_box ul .area .it .ph {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
}
.myhome_info .basic_info_box ul .birthday .it input, .myhome_info .basic_info_box ul .gender .it input, .myhome_info .basic_info_box ul .github .it input, .myhome_info .basic_info_box ul .area .it input {
  width: 101px;
  height: 30px;
  padding: 0;
  text-align: center;
}
.myhome_info .basic_info_box ul .birthday .ick, .myhome_info .basic_info_box ul .gender .ick, .myhome_info .basic_info_box ul .github .ick, .myhome_info .basic_info_box ul .area .ick {
  margin-top: 0;
  font-size: 14px;
}
.myhome_info .basic_info_box ul .birthday .ick .radio, .myhome_info .basic_info_box ul .gender .ick .radio, .myhome_info .basic_info_box ul .github .ick .radio, .myhome_info .basic_info_box ul .area .ick .radio {
  margin-top: 3px;
}
.myhome_info .basic_info_box ul .birthday .text, .myhome_info .basic_info_box ul .gender .text, .myhome_info .basic_info_box ul .github .text, .myhome_info .basic_info_box ul .area .text {
  color: #333;
  font-size: 14px;
  line-height: 32px;
}
.myhome_info .basic_info_box ul .birthday .text + .btn.btn_type_add, .myhome_info .basic_info_box ul .gender .text + .btn.btn_type_add, .myhome_info .basic_info_box ul .github .text + .btn.btn_type_add, .myhome_info .basic_info_box ul .area .text + .btn.btn_type_add {
  margin-left: 12px;
}
.myhome_info .basic_info_box ul .github, .myhome_info .basic_info_box ul .area {
  width: auto;
}
.myhome_info .basic_info_box ul .ick {
  margin-top: 4px;
  font-size: 12px;
}
.myhome_info .basic_info_box .active-result {
  float: none;
  width: 100%;
  margin-left: 0;
  color: #666;
}
.myhome_info .password_info_box {
  margin-top: 40px;
  padding: 80px 80px 80px;
  background-color: #fff;
}
.myhome_info .password_info_box h2 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  float: left;
}
.myhome_info .password_info_box .sub {
  line-height: 19px;
}
.myhome_info .password_info_box .btn_reg {
  position: absolute;
  top: 50%;
  right: 0;
  height: auto;
  margin-top: -11px;
  line-height: 16px;
  color: #010101;
}
.myhome_info .password_info_box .pass_set {
  position: relative;
  overflow: hidden;
}
.myhome_info .password_info_box .pass_set .sub {
  font-size: 14px;
  color: #999;
  float: left;
  margin-left: 24px;
}
.myhome_info .password_info_box .user_confirm {
  position: relative;
  margin-top: 40px;
}
.myhome_info .password_info_box .user_confirm:after {
  display: block;
  clear: both;
  content: "";
}
.myhome_info .password_info_box .user_confirm .sub {
  float: left;
  margin-left: 24px;
  font-size: 14px;
  color: #00c73c;
  letter-spacing: -0.7px;
  line-height: 18px;
}
.myhome_info .password_info_box .user_confirm .btn_reg {
  margin-top: -9px;
}
.myhome_info .dsc_area {
  clear: both;
  padding: 36px 0 0;
  text-align: center;
  font-size: 12px;
  letter-spacing: -1px;
  color: #999;
}
.myhome_info .dsc_area .rel_link3 {
  display: inline-block;
  margin-left: 10px;
  text-decoration: none;
}
.myhome_info .dsc_area .rel_link3::after {
  margin-left: 5px;
}
.myhome_info .account_interlock_info {
  padding: 76px 80px 80px;
  background-color: #fff;
}
.myhome_info .account_interlock_info .info_tit ~ .info_tit {
  margin-top: 76px;
}
.myhome_info .account_interlock_info .account_list {
  margin-top: 18px;
}
.myhome_info .account_interlock_info .account_list li {
  position: relative;
  height: 32px;
  margin-top: 16px;
  padding: 0 95px 0 60px;
  line-height: 32px;
  letter-spacing: -1px;
}
.myhome_info .account_interlock_info .account_list li:first-child {
  margin-top: 0;
}
.myhome_info .account_interlock_info .account_list [class^=ico] {
  position: absolute;
  left: 0;
}
.myhome_info .account_interlock_info .account_list .userid {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.myhome_info .account_interlock_info .account_list .btn_interlock {
  position: absolute;
  right: 0;
  top: 0;
  width: 75px;
  height: 32px;
  background-color: #00c73c;
  font-size: 12px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  vertical-align: top;
}
.myhome_info .account_interlock_info .account_list .btn_interlock.cancel {
  border: 1px solid #e8e8e8;
  background-color: #fff;
  color: #999;
  line-height: 30px;
}
.myhome_info .account_interlock_info .ico_naver {
  top: 5px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-account-naver);
  background-repeat: no-repeat;
  background-position: -375px -584px;
  width: 24px;
  height: 22px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.myhome_info .account_interlock_info .ico_facebook {
  top: 4px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_facebook2);
  background-repeat: no-repeat;
  background-position: -289px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.myhome_info .account_interlock_info .ico_nba {
  top: 10px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_nba2);
  background-repeat: no-repeat;
  background-position: -575px -355px;
  width: 182px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.myhome_info .account_interlock_info .ico_google {
  top: 4px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-account-google);
  background-repeat: no-repeat;
  background-position: -682px -541px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.myhome_info .account_interlock_info .ico_apple {
  top: 4px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_apple);
  background-repeat: no-repeat;
  background-position: -746px -608px;
  width: 20px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.myhome_info .account_interlock_info .ico_kakao {
  top: 4px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-account-kakao);
  background-repeat: no-repeat;
  background-position: -714px -541px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.myhome_info .prof_intro_box {
  padding: 80px 0;
  background-color: #fff;
}
.myhome_info .prof_intro_box .info_tit {
  margin: 75px 0 18px;
  padding: 0 80px;
}
.myhome_info .prof_intro_box .info_tit:first-child {
  margin-top: 0;
}
.myhome_info .prof_intro_box .save_btn {
  margin-top: 75px;
}
.myhome_info .prof_intro_box .attach_input, .myhome_info .prof_intro_box .intro_input, .myhome_info .prof_intro_box .url_input {
  padding: 0 80px;
}
.myhome_info .prof_intro_box .attach_text {
  margin-bottom: 15px;
  padding: 0 80px;
  line-height: 17px;
  letter-spacing: -1px;
  color: #333;
}
.myhome_info .prof_intro_box .intro_input_wrap .intro_input_add:first-child {
  margin-top: 40px;
}
.myhome_info .prof_intro_box .cont_area {
  position: relative;
  padding: 5px 8px 8px 5px;
  border: 1px solid #dedede;
  background-color: #fff;
  font-size: 14px;
  line-height: 24px;
}
.myhome_info .prof_intro_box .cont_area .input_text {
  width: 100%;
  height: 147px;
  border: none;
  color: #666;
  vertical-align: top;
}
.myhome_info .prof_intro_box .cont_area .input_guide {
  position: absolute;
  left: 7px;
  top: 7px;
  color: #999;
}
.myhome_info .prof_intro_box .input_area {
  position: relative;
  height: 30px;
  padding: 0 5px;
  border: 1px solid #dedede;
  background-color: #fff;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: -1px;
}
.myhome_info .prof_intro_box .input_area + .input_area {
  margin-top: 8px;
}
.myhome_info .prof_intro_box .input_area + .cont_area {
  margin-top: 16px;
}
.myhome_info .prof_intro_box .input_area .input_text {
  width: 100%;
  height: 100%;
  border: none;
  color: #666;
  letter-spacing: -1px;
  vertical-align: top;
}
.myhome_info .prof_intro_box .input_area .input_guide {
  position: absolute;
  left: 7px;
  top: 0;
  color: #999;
}
.myhome_info .prof_intro_box .intro_input_add {
  padding: 40px 80px;
}
.myhome_info .prof_intro_box .intro_input_add.drag_active {
  background-color: #fafafa;
  cursor: move;
}
.myhome_info .prof_intro_box .btn_input_add {
  margin-top: 8px;
  padding: 0 80px;
}
.myhome_info .prof_intro_box .btn_input_add .btn {
  display: inline-block;
  height: 32px;
  padding: 0 12px;
  background-color: #e9ebec;
  line-height: 32px;
  color: #333;
}
.myhome_info .prof_intro_box .active_input {
  margin-top: -4px;
  padding: 0 80px;
}
.myhome_info .prof_intro_box .setup_lecture_list {
  max-height: 491px;
  margin: 18px 80px 0;
  border: 1px solid #ebebeb;
  border-width: 1px 0;
  overflow-y: auto;
}
.myhome_info .prof_intro_box .setup_lecture_list .list {
  overflow: hidden;
}
.myhome_info .prof_intro_box .setup_lecture_list .list li {
  min-height: 48px;
  padding: 16px 17px;
  border-top: 1px solid #ebebeb;
  line-height: 16px;
}
.myhome_info .prof_intro_box .setup_lecture_list .list li:first-child {
  border-top: 0;
}
.myhome_info .prof_intro_box .setup_lecture_list .list .ick {
  padding-left: 47px;
}
.myhome_info .prof_intro_box .setup_lecture_list .list .ick .checkbox {
  top: 2px;
}
.myhome_info .prof_intro_box .setup_lecture_list .list .ph {
  line-height: 16px;
}
.myhome_info .flip_info_box {
  padding: 80px;
  background-color: #fff;
}
.myhome_info .flip_info_box .save_nickname {
  line-height: 32px;
  letter-spacing: -1px;
}
.myhome_info .flip_info_box .save_nickname label {
  display: inline-block;
  margin-right: 15px;
  color: #999;
}
.myhome_info .flip_info_box .save_nickname .input_txt {
  width: 240px;
  height: 32px;
  padding: 0 7px;
  border: 1px solid #dedede;
  line-height: 32px;
  color: #666;
}
.myhome_info .flip_info_box .save_nickname .btn_save {
  display: inline-block;
  width: 80px;
  height: 32px;
  margin-left: 5px;
  background-color: #00c73c;
  color: #fff;
  text-align: center;
}
.myhome_info .flip_info_box .formal_join {
  margin-top: 79px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #666;
}
.myhome_info .flip_info_box .formal_join .desc_join {
  margin-top: 20px;
}
.myhome_info .flip_info_box .tit_join_guide {
  padding-bottom: 23px;
  border-bottom: 1px solid #333;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #333;
}
.myhome_info .flip_info_box .join_guide {
  margin-top: 15px;
}
.myhome_info .flip_info_box .join_guide dt {
  margin-bottom: 5px;
  font-weight: bold;
  color: #333;
}
.myhome_info .flip_info_box .join_tip {
  position: relative;
  margin-top: 24px;
  padding-left: 20px;
}
.myhome_info .flip_info_box .join_tip:before {
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 5px;
  width: 4px;
  background-color: #333;
  content: "";
}

.btn_area .if {
  display: inline-block;
}
.btn_area .if ~ .btn {
  vertical-align: top;
}

.page.schedule {
  position: relative;
}
.page.schedule .slt {
  z-index: 2;
  position: absolute;
}
.page.schedule .fc .fc-toolbar .fc-center h2 {
  font-weight: 700;
}

.todo_lst ul {
  overflow: hidden;
  padding-top: 1px;
}
.todo_lst li {
  margin-top: -1px;
  border: 1px solid #e6e6e6;
}
.todo_lst li.dday {
  margin-top: 10px;
}
.todo_lst li > a {
  display: block;
  padding: 18px 18px 8px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
}
.todo_lst li .date {
  -webkit-border-radius: 30px;
  border-radius: 30px;
  display: inline-block;
  padding: 0 10px;
  line-height: 20px;
  color: #fff;
  background: #3f3a90;
}
.todo_lst li .date.dday {
  background: #ef2b52;
}
.todo_lst li .dsc {
  margin-top: 9px;
  font-size: 14px;
  font-weight: 700;
  color: #000;
}
.todo_lst li .lecture {
  display: inline-block;
  overflow: hidden;
  max-width: 70%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  vertical-align: top;
}
.todo_lst li .cat {
  margin-top: 5px;
  color: #999;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.todo_lst li .noti {
  position: relative;
  margin: 2px 0 10px;
}
.todo_lst li .noti span {
  -webkit-border-radius: 30px;
  border-radius: 30px;
  display: inline-block;
  padding: 0 10px;
  background: #00c73c;
  color: #fff;
  vertical-align: top;
}
.todo_lst li .noti:before {
  position: absolute;
  top: -6px;
  left: 20px;
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_bubb_arr);
  background-repeat: no-repeat;
  background-position: -524px -507px;
  width: 13px;
  height: 7px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.noti_lst ul {
  overflow: hidden;
  padding-top: 1px;
}
.noti_lst li {
  position: relative;
  margin-top: -1px;
  border: 1px solid #e6e6e6;
}
.noti_lst li.active {
  background: #fafafa;
}
.noti_lst li.edwith {
  background: #fafafa;
}
.noti_lst li.edwith > a {
  padding-bottom: 18px;
}
.noti_lst li.edwith .con .state {
  margin: 12px 0 0;
}
.noti_lst li.edwith .con .state strong {
  color: #000;
  font-weight: normal;
}
.noti_lst li.edwith .con .state strong span {
  color: #000 !important;
}
.noti_lst li > a {
  display: block;
  padding: 18px 80px 15px 18px;
  line-height: 18px;
  overflow: hidden;
  text-decoration: none;
}
.noti_lst li .thmb {
  margin-right: 12px;
  float: left;
  display: block;
  -webkit-border-radius: 44px;
  border-radius: 44px;
  width: 44px;
  height: 44px;
  overflow: hidden;
}
.noti_lst li .con {
  overflow: hidden;
}
.noti_lst li .con .state {
  margin-top: -2px;
  margin-bottom: 12px;
}
.noti_lst li .con .state strong {
  color: #000;
}
.noti_lst li .con .state strong span {
  color: #000 !important;
}
.noti_lst li .con .state .date {
  margin-left: 9px;
  font-size: 12px;
  color: #999 !important;
}
.noti_lst li .con .tit {
  display: block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  color: #333;
}
.noti_lst li .con .dsc {
  margin-top: 2px;
  color: #666;
}
.noti_lst li .con .cat {
  margin-top: 12px;
  font-size: 12px;
  color: #999;
  display: block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.noti_lst li .con .caution_list {
  padding: 0;
}
.noti_lst li .con .caution_list li {
  position: relative;
  margin-top: 8px;
  padding-left: 12px;
  border: 0;
  letter-spacing: -0.4px;
  color: #999;
}
.noti_lst li .con .caution_list li:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  background-color: #999;
  vertical-align: middle;
  content: "";
}
.noti_lst li .f_close_big {
  position: absolute;
  top: 50%;
  right: 41px;
  margin-top: -10px;
}

.option_box {
  position: relative;
  padding: 18px;
  margin-top: 20px;
  border: 1px solid #e6e6e6;
}
.option_box .option_txt {
  padding-right: 100px;
  line-height: 20px;
  letter-spacing: -1px;
  color: #666;
}
.option_box .toggle_area {
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -17px;
  font-size: 0;
  letter-spacing: 0;
}
.option_box .btn_toggle {
  display: inline-block;
  width: 49px;
  font-size: 14px;
  line-height: 32px;
  letter-spacing: -1px;
  border: 1px solid #D1D1D1;
  background-color: #FFF;
  color: #999;
}
.option_box .btn_toggle + .btn_toggle {
  margin-left: -1px;
}
.option_box .btn_toggle.on {
  z-index: 1;
  border-color: #00c73c;
  color: #00c73c;
}

.todo_lst .option_box, .noti_lst .option_box {
  margin-top: 0;
}

.recent_vod_area .recent_vod_list {
  padding-top: 7px;
}
.recent_vod_area .recent_vod_list li {
  position: relative;
  min-height: 111px;
  padding-left: 162px;
}
.recent_vod_area .recent_vod_list li + li {
  margin-top: 24px;
}
.recent_vod_area .recent_vod_list .lnk_thumb {
  position: absolute;
  left: 0;
  top: 0;
}
.recent_vod_area .recent_vod_list .lnk_thumb .thumb {
  position: relative;
  display: block;
  overflow: hidden;
  width: 138px;
  height: 103px;
}
.recent_vod_area .recent_vod_list .lnk_thumb .thumb img {
  vertical-align: top;
}
.recent_vod_area .recent_vod_list .lnk_thumb .thumb:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #000;
  opacity: 0.05;
  filter: alpha(opacity=5);
  content: "";
}
.recent_vod_area .recent_vod_list .lnk_thumb .runtime_view {
  display: block;
  height: 8px;
  background-color: #f5f5f5;
}
.recent_vod_area .recent_vod_list .lnk_thumb .runtime_view .runtime_bar {
  display: block;
  height: 100%;
  background-color: #00c73c;
}
.recent_vod_area .recent_vod_list .vod_info {
  letter-spacing: -0.5px;
}
.recent_vod_area .recent_vod_list .vod_info dt {
  overflow: hidden;
  font-weight: bold;
  line-height: 18px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recent_vod_area .recent_vod_list .vod_info dt a {
  color: #333;
}
.recent_vod_area .recent_vod_list .vod_info dd {
  line-height: 20px;
  color: #666;
}
.recent_vod_area .recent_vod_list .vod_info .navi {
  overflow: hidden;
  max-height: 40px;
  margin-top: 17px;
}
.recent_vod_area .recent_vod_list .vod_info .runtime {
  margin-top: 8px;
  letter-spacing: -1px;
  color: #999;
}
.recent_vod_area .recent_vod_list .vod_info .runtime [class^=time_] + [class^=time_]:before {
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 6px 8px 0 6px;
  background-color: #d1d1d1;
  vertical-align: top;
  content: "";
}
.recent_vod_area .recent_vod_list .vod_info .runtime .time_view {
  color: #00c73c;
}
.recent_vod_area .more_area {
  margin-top: 34px;
}
.recent_vod_area .btn_top {
  margin-top: 13px !important;
}

.recent_vod_none {
  padding: 80px 0;
  background-color: #f9f9f9;
  letter-spacing: -0.5px;
  text-align: center;
}
.recent_vod_none .nolist {
  line-height: 20px;
  color: #666;
}

#wrap.myhome_wrap {
  background-color: #fff;
}
#wrap.myhome_wrap #container {
  width: 1080px;
  height: -webkit-calc(100% - 81px);
  height: calc(100% - 81px);
  padding: 0 0 176px;
}
#wrap.myhome_wrap #container #snb {
  width: 240px;
  min-height: 100%;
  padding: 40px 0 100px;
  margin-right: 0;
}
#wrap.myhome_wrap #container #snb .state_area {
  padding: 0 80px 0 0;
  border-top: 0;
}
#wrap.myhome_wrap #container #snb .state_area .btn {
  color: #999;
  font-size: 20px;
  line-height: 23px;
}
#wrap.myhome_wrap #container #snb .state_area .btn.on {
  color: #010101;
}
#wrap.myhome_wrap #container #snb nav {
  padding-left: 0;
}
#wrap.myhome_wrap #container #content {
  width: 840px;
  min-height: 100%;
  padding: 40px 0 100px 80px;
  border-left: 1px solid #f0f0f0;
}

.quiz #_wrap_quiz_content .q_body {
  margin: 32px 25px 17px 24px;
}
.quiz .quiz_desc {
  margin: 0 0 40px 0;
  line-height: 21px;
}
.quiz .quiz_info .it.stretch {
  background-color: #fff;
  margin-top: 10px;
}
.quiz .quiz_info {
  margin: 0px 0 40px 0px;
}
.quiz .quiz_info dl {
  font-size: 12px;
}
.quiz .quiz_info dl:before, .quiz .quiz_info dl:after {
  display: table;
  clear: both;
  content: " ";
}
.quiz .quiz_info dl dt {
  clear: both;
  float: left;
  width: 125px;
  line-height: 16px;
  font-weight: 700;
  color: #333;
}
.quiz .quiz_info dl dd {
  float: left;
  margin: 0;
}
.quiz .quiz_info dl dt.ma {
  position: relative;
  margin: 4px 0 7px;
  top: 9px;
}
.quiz .quiz_info dl dt.ma + dd {
  margin: 4px 0 7px;
}
.quiz .share {
  border-top: 0;
  margin-top: -40px;
}
.quiz .share + .group_lr .txt_desc:first-child {
  margin-top: -30px;
}
.quiz .quiz_add_wrap {
  border: 1px solid #25292f;
  margin-bottom: 40px;
}
.quiz .quiz_add_wrap ~ .group_lr + .quiz_add_wrap {
  margin-top: 50px;
}
.quiz .quiz_add_wrap .q_header {
  z-index: 20;
  position: relative;
  height: 80px;
  padding: 20px 0 0 24px;
  background: #FDFDFD;
  border-bottom: 1px solid #e6e6e6;
}
.quiz .quiz_add_wrap .q_header:before, .quiz .quiz_add_wrap .q_header:after {
  display: table;
  clear: both;
  content: " ";
}
.quiz .quiz_add_wrap .q_header .q {
  float: left;
}
.quiz .quiz_add_wrap .q_header .q li {
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0 8px 0 0;
}
.quiz .quiz_add_wrap .q_header .q li a {
  font-family: NanumSquareWebFont, Helvetica;
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 0;
  color: #FFF;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  text-indent: 0 !important;
  background-color: #384047;
}
.quiz .quiz_add_wrap .q_header .q li a:hover, .quiz .quiz_add_wrap .q_header .q li a:focus {
  text-decoration: none;
}
.quiz .quiz_add_wrap .q_header .q li.on a {
  content: "";
  overflow: hidden;
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.quiz .quiz_add_wrap .q_header .q li.current:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  height: 4px;
  background-color: #f0f0f0;
}
.quiz .quiz_add_wrap .q_header .util {
  float: left;
  position: relative;
}
.quiz .quiz_add_wrap .q_header .util button {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#q_util);
  background-repeat: no-repeat;
  background-position: -45px -761px;
  width: 41px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  border: 0;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.quiz .quiz_add_wrap .q_header .util .ly {
  display: none;
  position: absolute;
  width: 102px;
  top: 19px;
  left: 100%;
  margin: 0 0 0 25px;
  padding: 10px 0 10px 16px;
  border: 1px solid #DBDBDB;
  background: #FFF;
}
.quiz .quiz_add_wrap .q_header .util .ly:before {
  position: absolute;
  left: -15px;
  top: -1px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#q_util_arrow);
  background-repeat: no-repeat;
  background-position: -719px -527px;
  width: 15px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.quiz .quiz_add_wrap .q_header .util .ly a {
  color: #333;
  white-space: nowrap;
}
.quiz .quiz_add_wrap .q_header .util .ly a:hover, .quiz .quiz_add_wrap .q_header .util .ly a:focus {
  text-decoration: none;
}
.quiz .quiz_add_wrap .q_header .util .ly a:hover {
  font-weight: 700;
}
.quiz .quiz_add_wrap .q_header .total_score {
  font-size: 12px;
  line-height: 13px;
  position: absolute;
  top: 34px;
  right: 25px;
  margin: 0;
  font-weight: 700;
  color: #333;
}
.quiz .quiz_add_wrap .q_header .total_score strong {
  color: #00c73c;
}
.quiz .quiz_add_wrap .a_sel {
  margin-top: 24px;
}
.quiz .quiz_add_wrap .a_sel li + li {
  margin-top: 7px;
}
.quiz .quiz_add_wrap .a_sel .radio {
  width: 12px;
  height: 12px;
}
.quiz .quiz_add_wrap .q_body {
  position: relative;
  z-index: 10;
  margin: 25px 20px 30px;
}
.quiz .quiz_add_wrap .q_body .txt_desc {
  margin: 8px 0 13px;
}
.quiz .quiz_add_wrap .q_body .txt_desc::before {
  content: "";
  top: 2px;
  margin: 0;
}
.quiz .quiz_add_wrap .q_body .q_txt {
  position: relative;
  color: #333;
  font-weight: 700;
  overflow: hidden;
}
.quiz .quiz_add_wrap .q_body .q_txt:last-of-type {
  margin-bottom: 24px;
}
.quiz .quiz_add_wrap .q_body .q_txt .l {
  display: block;
  float: left;
  margin: 0 8px 0 0;
}
.quiz .quiz_add_wrap .q_body .q_txt .l .label {
  margin-right: 2px;
  vertical-align: top;
  top: 3px;
}
.quiz .quiz_add_wrap .q_body .q_txt .r {
  display: block;
  overflow: hidden;
  position: relative;
}
.quiz .quiz_add_wrap .q_body .q_txt em {
  font-weight: 700;
}
.quiz .quiz_add_wrap .q_body .q_txt b {
  font-weight: bold;
}
.quiz .quiz_add_wrap .q_body .editor_reset p {
  line-height: 21px;
}
.quiz .quiz_add_wrap .q_body .editor_area {
  padding: 10px 0 17px;
  border: 0;
  background: none;
}
.quiz .quiz_add_wrap .q_body .editor_area .editor_reset {
  color: #666;
}
.quiz .quiz_add_wrap .q_body .bx {
  border: 1px solid #D1D1D1;
  padding: 12px 15px 15px;
}
.quiz .quiz_add_wrap .q_body .bx.type2 {
  padding-bottom: 10px;
  margin: 15px 0 0 0;
}
.quiz .quiz_add_wrap .q_body .bx.type2 ul, .quiz .quiz_add_wrap .q_body .bx.type2 ol {
  display: block;
  padding-left: 30px;
}
.quiz .quiz_add_wrap .q_body .bx.type2 ul li {
  list-style: disc;
}
.quiz .quiz_add_wrap .q_body .bx.type2 ul ul li {
  list-style: circle;
}
.quiz .quiz_add_wrap .q_body .bx.type2 ul ul ul li {
  list-style: square;
}
.quiz .quiz_add_wrap .q_body .bx.type2 ol li {
  list-style: decimal;
}
.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt {
  font-weight: 700;
  color: #333;
}
.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type1 {
  display: block;
  margin-top: 9px;
}
.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type1 ~ p {
  margin-top: 0;
}
.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2 {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  position: relative;
  margin: 0 0 -8px;
  line-height: 25px;
}
.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2:before, .quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2:after {
  display: table;
  clear: both;
  content: " ";
}
.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2 .score:before, .quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2 .score:after {
  display: table;
  clear: both;
  content: " ";
}
.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2 .score em {
  color: #00c73c;
}
.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2 .l {
  float: left;
}
.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt.type2 .r {
  overflow: hidden;
  float: left;
}
.quiz .quiz_add_wrap .q_body .bx.type2 .a_txt ~ p {
  margin-top: 10px;
}
.quiz .quiz_add_wrap .q_body .a_wrap {
  margin-top: 15px;
}
.quiz .quiz_add_wrap .q_body .a_wrap:before, .quiz .quiz_add_wrap .q_body .a_wrap:after {
  display: table;
  clear: both;
  content: " ";
}
.quiz .quiz_add_wrap .q_body .a_wrap + .a_wrap {
  margin-top: 50px;
}
.quiz .quiz_add_wrap .q_body .a_wrap .a_group_wrap:before, .quiz .quiz_add_wrap .q_body .a_wrap .a_group_wrap:after {
  display: table;
  clear: both;
  content: " ";
}
.quiz .quiz_add_wrap .q_body .a_wrap .a_group_wrap + .a_group_wrap {
  margin: 15px 0 0 0;
}
.quiz .quiz_add_wrap .q_body .a_wrap .a_group + .a_group {
  margin: 10px 0 0 0;
}
.quiz .quiz_add_wrap .q_body .a_wrap .a_group.sel {
  position: relative;
  padding: 0 0 0 24px;
}
.quiz .quiz_add_wrap .q_body .a_wrap .a_group.sel .ick {
  position: absolute;
  left: 0;
  top: 5px;
}
.quiz .quiz_add_wrap .q_body .a_wrap .a_group.sel .ick .radio {
  width: 12px;
  height: 12px;
  top: 6px;
}
.quiz .quiz_add_wrap .q_body .a_wrap .a_group.sel .ick .radio.checked:after {
  width: 4px;
  height: 4px;
  background: #fff;
}
.quiz .quiz_add_wrap .q_body .a_wrap .a_group_wrap .a_group.sel:first-child .it.it_added .added {
  display: none;
}
.quiz .quiz_add_wrap .q_body .a_wrap .a_group_wrap .a_group.sel:first-child + .a_group.sel .it.it_added .added {
  display: none;
}
.quiz .quiz_add_wrap .q_body .a_wrap .dl_float_list {
  overflow: hidden;
  margin: 0;
  font-size: 12px;
}
.quiz .quiz_add_wrap .q_body .a_wrap .dl_float_list dt {
  clear: both;
  float: left;
  font-weight: 700;
  color: #333;
  line-height: 23px;
}
.quiz .quiz_add_wrap .q_body .a_wrap .dl_float_list dd {
  float: left;
  margin: 2px 0 0 15px;
}
.quiz .quiz_add_wrap .q_body .a_wrap .dl_float_list dd .ick .radio {
  width: 12px;
  height: 12px;
  top: 4px;
}
.quiz .quiz_add_wrap .q_body .a_wrap .dl_float_list dd .ick .radio.checked::after {
  width: 4px;
  height: 4px;
  background: #fff;
}
.quiz .quiz_add_wrap .q_body .a_sel .correct {
  font-weight: 700;
}
.quiz .quiz_add_wrap .q_body .a_sel li + li {
  margin-top: 16px;
}
.quiz .quiz_add_wrap .q_body .a_sel li .ick {
  line-height: 15px;
}
.quiz .quiz_add_wrap .q_body .a_sel li .ick .radio, .quiz .quiz_add_wrap .q_body .a_sel li .ick .checkbox {
  top: 1px;
}
.quiz .quiz_add_wrap .q_body .sub_modal_wrap {
  clear: both;
}
.quiz .quiz_add_wrap .q_foot {
  margin: 0 30px 39px 24px;
  padding-top: 15px;
}
.quiz .quiz_add_wrap .q_foot .btn {
  margin-right: 4px;
}
.quiz .quiz_add_wrap .q_foot .btn.btn_type2 {
  height: 48px;
  padding: 0 41px 0 42px;
}
.quiz .quiz_add_wrap .q_foot .btn span {
  font-weight: 600;
}
.quiz .submit_cnt {
  margin: 2px 7px -2px 0;
  display: inline-block;
  color: #999;
}
.quiz .submit_cnt em {
  color: #333;
  font-weight: 700;
}

.quiz_detail .table.table_type2 td > a {
  text-decoration: underline;
}
.quiz_detail .table.table_type2 .ico_e {
  position: relative;
  top: -2px;
  right: 2px;
  vertical-align: middle;
}

/*퀴즈, 과제 설정영역 공통*/
body.re_pack .page .page_header + .quiz_info {
  margin-top: -9px;
}
body.re_pack .page .page_header + .task_info {
  margin-top: -9px;
}
body.re_pack .task_info {
  margin-bottom: 33px;
}
body.re_pack .task_info dl {
  margin-bottom: 0;
}
body.re_pack .quiz_info, body.re_pack .task_info {
  margin-top: 40px;
}
body.re_pack .quiz_info label + dl, body.re_pack .task_info label + dl {
  margin-top: 11px;
}
body.re_pack .quiz_info dl, body.re_pack .task_info dl {
  margin-left: 0;
  -webkit-box-shadow: 0 1px 0 0 #f5f7f7;
          box-shadow: 0 1px 0 0 #f5f7f7;
}
body.re_pack .quiz_info dl.mab_none, body.re_pack .task_info dl.mab_none {
  margin-bottom: 0;
}
body.re_pack .quiz_info dl.close, body.re_pack .task_info dl.close {
  display: none;
}
body.re_pack .quiz_info dl dt, body.re_pack .task_info dl dt {
  width: 120px;
  line-height: 16px;
}
body.re_pack .quiz_info dl dt.ma, body.re_pack .task_info dl dt.ma {
  margin: 0px 0 7px;
  top: 27px;
}
body.re_pack .quiz_info dl dd, body.re_pack .task_info dl dd {
  max-width: 640px;
  min-width: 620px;
}
body.re_pack .quiz_info dl dt, body.re_pack .quiz_info dl dd, body.re_pack .task_info dl dt, body.re_pack .task_info dl dd {
  font-size: 13px;
  margin: 16px 0 16px 0;
}
body.re_pack .quiz_info dl dt.ma + dd, body.re_pack .task_info dl dt.ma + dd {
  margin: 16px 0 16px 0;
}
body.re_pack .quiz_info dl dd.with_input, body.re_pack .task_info dl dd.with_input {
  width: 640px;
}
body.re_pack .quiz_info dl dd.with_input label + .tarea, body.re_pack .task_info dl dd.with_input label + .tarea {
  margin-top: 8px;
}
body.re_pack .quiz_info dl dd.with_input .ick, body.re_pack .task_info dl dd.with_input .ick {
  margin-right: 20px;
  margin-bottom: 8px;
}
body.re_pack .quiz_info dl dd.with_input .ick + .ick, body.re_pack .task_info dl dd.with_input .ick + .ick {
  margin-left: 0;
}
body.re_pack .quiz_info .chosen-container, body.re_pack .task_info .chosen-container {
  font-size: 13px;
}
body.re_pack .quiz_info .txt_desc, body.re_pack .task_info .txt_desc {
  line-height: 16px;
}
body.re_pack .quiz_info .tarea, body.re_pack .task_info .tarea {
  padding-left: 8px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  padding-top: 0;
  width: 100%;
  border: 1px solid #f0f0f0;
}
body.re_pack .quiz_info .tarea input[type=text], body.re_pack .task_info .tarea input[type=text] {
  color: #666;
  font-size: 13px;
  border: 0;
  height: 32px;
  padding-left: 0 !important;
}
body.re_pack .quiz_info .tarea .ph, body.re_pack .task_info .tarea .ph {
  top: 9px;
}
body.re_pack .quiz_info .tarea ul.tagit, body.re_pack .task_info .tarea ul.tagit {
  min-height: 46px;
  border: 0 !important;
  padding-top: 7px;
}
body.re_pack .quiz_info .info_opt, body.re_pack .task_info .info_opt {
  margin-top: 9px;
  margin-bottom: -5px;
  overflow: hidden;
}
body.re_pack .quiz_info .info_opt .ick, body.re_pack .task_info .info_opt .ick {
  float: left;
}
body.re_pack .quiz_info .info_opt .ick .ph, body.re_pack .task_info .info_opt .ick .ph {
  font-size: 13px;
  line-height: 18px;
}
body.re_pack .quiz_info .info_opt .txt_desc, body.re_pack .task_info .info_opt .txt_desc {
  float: left;
  margin-left: 25px;
}
body.re_pack .quiz_info .wave, body.re_pack .task_info .wave {
  font-size: 13px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", arial, sans-serif;
  font-weight: 400;
  line-height: 34px;
  margin: 0 1px 0 1px;
  color: #666;
  vertical-align: middle;
}
body.re_pack .quiz_info .it input[type=text], body.re_pack .task_info .it input[type=text] {
  padding-left: 8px;
  border: 0;
}
body.re_pack .quiz_info .it .ph, body.re_pack .task_info .it .ph {
  left: 8px;
  font-size: 13px;
}
body.re_pack .quiz_info .slt, body.re_pack .task_info .slt {
  vertical-align: top;
}
body.re_pack .quiz_info .slt + .ick, body.re_pack .task_info .slt + .ick {
  width: 21px;
  white-space: nowrap;
}
body.re_pack .quiz_info .ick, body.re_pack .task_info .ick {
  line-height: 16px;
}
body.re_pack .quiz_info .ick + .ick, body.re_pack .task_info .ick + .ick {
  margin-left: 24px;
}
body.re_pack .quiz_info .ick + .txt_desc, body.re_pack .task_info .ick + .txt_desc {
  display: inline-block;
  margin-left: 8px;
}
body.re_pack .quiz_info .ick .radio, body.re_pack .task_info .ick .radio {
  width: 12px;
  height: 12px;
  top: 2px;
}
body.re_pack .quiz_info .ick .radio.checked, body.re_pack .task_info .ick .radio.checked {
  border: 1px solid transparent;
}
body.re_pack .quiz_info .ick .radio.checked::after, body.re_pack .task_info .ick .radio.checked::after {
  width: 4px;
  height: 4px;
  background-color: #fff;
}
body.re_pack .quiz_info .ick .radio + .ph, body.re_pack .task_info .ick .radio + .ph {
  left: 0;
}
body.re_pack .quiz_info .ick.fs14 .ph, body.re_pack .task_info .ick.fs14 .ph {
  vertical-align: middle;
}
body.re_pack .quiz_info .ick .checkbox, body.re_pack .task_info .ick .checkbox {
  width: 13px;
  height: 13px;
  top: 2px;
  border-color: #d0d6d9;
}
body.re_pack .quiz_info .ick .checkbox.checked, body.re_pack .task_info .ick .checkbox.checked {
  border-color: transparent;
}
body.re_pack .quiz_info .ick .checkbox.checked::after, body.re_pack .task_info .ick .checkbox.checked::after {
  top: -1px;
  left: 0px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-check-small);
  background-repeat: no-repeat;
  background-position: -393px -661px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .quiz_info .ick .checkbox + .ph, body.re_pack .task_info .ick .checkbox + .ph {
  left: 0;
}
body.re_pack .quiz_info .input_txt, body.re_pack .task_info .input_txt {
  width: 94px;
  height: 34px;
  padding: 0 8px;
  border: 1px solid #f0f0f0;
  line-height: 34px;
  color: #25292F;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
body.re_pack .quiz_info .chosen-container.chosen-container-single .chosen-single, body.re_pack .task_info .chosen-container.chosen-container-single .chosen-single {
  padding-left: 7px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
body.re_pack .quiz_info .chosen-container.chosen-container-single .chosen-single span, body.re_pack .task_info .chosen-container.chosen-container-single .chosen-single span {
  color: #25292f;
}
body.re_pack .quiz_info .chosen-container.chosen-container-single .chosen-single div b, body.re_pack .task_info .chosen-container.chosen-container-single .chosen-single div b {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-select-arrow-down_2);
  background-repeat: no-repeat;
  background-position: -252px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.re_pack .quiz_info ._custom_slt, body.re_pack .task_info ._custom_slt {
  padding-left: 7px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: #fff url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/boostcourse/icon-select-arrow-down_2.svg) no-repeat right 9px top 50%;
  -webkit-background-size: 16px 16px;
          background-size: 16px 16px;
  color: #25292f;
  font-size: 13px;
}
body.re_pack .quiz_info .slt + .slt, body.re_pack .task_info .slt + .slt {
  margin-left: 0;
}
body.re_pack .quiz_info .input_wrap, body.re_pack .task_info .input_wrap {
  display: inline-block;
  vertical-align: middle;
}

body .feedback_peerlist {
  padding: 21px 20px 12px 26px;
  border-bottom: 1px solid #ebebeb;
}
body .feedback_peerlist .peerlist {
  font-size: 0;
}
body .feedback_peerlist .peerlist .peer {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 8px;
  vertical-align: top;
}
body .feedback_peerlist .peerlist .peer .btn {
  position: relative;
  padding: 7px 15px;
  -webkit-border-radius: 99px;
          border-radius: 99px;
  background-color: #f5f7f7;
  color: #25292f;
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
body .feedback_peerlist .peerlist .peer .btn:hover {
  color: #fff;
  background-color: #25292f;
}
body .feedback_peerlist .peerlist .peer .btn:before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 9px;
  left: 16px;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_check_16);
  background-repeat: no-repeat;
  background-position: -665px -517px;
  width: 17px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body .feedback_peerlist .peerlist .peer .btn:after {
  opacity: 0;
  content: "";
  position: absolute;
  top: 9px;
  left: 16px;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_check_white_16);
  background-repeat: no-repeat;
  background-position: -690px -517px;
  width: 17px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body .feedback_peerlist .peerlist .peer.end .btn {
  padding-left: 40px;
}
body .feedback_peerlist .peerlist .peer.end .btn:before {
  opacity: 1;
}
body .feedback_peerlist .peerlist .peer.end .btn:after {
  opacity: 0;
}
body .feedback_peerlist .peerlist .peer.end .btn:hover:before {
  opacity: 0;
}
body .feedback_peerlist .peerlist .peer.end .btn:hover:after {
  opacity: 1;
}
body .feedback_peerlist .peerlist .peer.end.now .btn {
  padding-left: 40px;
}
body .feedback_peerlist .peerlist .peer.end.now .btn:before {
  opacity: 0;
}
body .feedback_peerlist .peerlist .peer.end.now .btn:after {
  opacity: 1;
}
body .feedback_peerlist .peerlist .peer.now .btn {
  color: #fff;
  background-color: #25292f;
}
body .feedback .ick .radio {
  width: 12px;
  height: 12px;
  top: 6px;
}
body .feedback .ick .radio.checked:after {
  width: 4px;
  height: 4px;
  background: #fff;
}
body .feedback #_wrap_feedback_content .q_body {
  margin: 40px 24px 40px 24px;
}
body .feedback .feedback_desc {
  margin: 0 0 40px 0;
  color: #666;
  line-height: 21px;
}
body .feedback .feedback_info {
  margin: 0px 0 40px 0px;
}
body .feedback .feedback_info .it.stretch {
  background-color: #fff;
  margin-top: 10px;
}
body .feedback .feedback_info dl {
  font-size: 12px;
}
body .feedback .feedback_info dl:before, body .feedback .feedback_info dl:after {
  display: table;
  clear: both;
  content: " ";
}
body .feedback .feedback_info dl dt {
  clear: both;
  float: left;
  width: 125px;
  line-height: 16px;
  font-weight: 700;
  color: #333;
}
body .feedback .feedback_info dl dd {
  float: left;
  margin: 0;
}
body .feedback .feedback_info dl dt.ma {
  position: relative;
  margin: 4px 0 7px;
  top: 9px;
}
body .feedback .feedback_info dl dt.ma + dd {
  margin: 4px 0 7px;
}
body .feedback .share {
  border-top: 0;
  margin-top: -40px;
}
body .feedback .share + .group_lr .txt_desc:first-child {
  margin-top: -30px;
}
body .feedback .feedback_add_wrap {
  border: 1px solid #25292f;
  margin-bottom: 40px;
}
body .feedback .feedback_add_wrap.bdnone .q_body {
  margin: 0;
}
body .feedback .feedback_add_wrap ~ .group_lr + .feedback_add_wrap {
  margin-top: 50px;
}
body .feedback .feedback_add_wrap .q_header {
  z-index: 20;
  position: relative;
  height: 80px;
  padding: 20px 0 0 24px;
  background: #FDFDFD;
  border-bottom: 1px solid #e6e6e6;
}
body .feedback .feedback_add_wrap .q_header:before, body .feedback .feedback_add_wrap .q_header:after {
  display: table;
  clear: both;
  content: " ";
}
body .feedback .feedback_add_wrap .q_header .q {
  float: left;
}
body .feedback .feedback_add_wrap .q_header .q li {
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0 8px 0 0;
}
body .feedback .feedback_add_wrap .q_header .q li a {
  font-family: NanumSquareWebFont-R, Helvetica;
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 0;
  color: #FFF;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  text-indent: 0 !important;
  background-color: #384047;
}
body .feedback .feedback_add_wrap .q_header .q li a:hover, body .feedback .feedback_add_wrap .q_header .q li a:focus {
  text-decoration: none;
}
body .feedback .feedback_add_wrap .q_header .q li.on a {
  content: "";
  overflow: hidden;
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
body .feedback .feedback_add_wrap .q_header .q li.current:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  height: 4px;
}
body .feedback .feedback_add_wrap .q_header .util {
  float: left;
  position: relative;
}
body .feedback .feedback_add_wrap .q_header .util button {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#q_util);
  background-repeat: no-repeat;
  background-position: -45px -761px;
  width: 41px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  border: 0;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
body .feedback .feedback_add_wrap .q_header .util .ly {
  display: none;
  position: absolute;
  width: 102px;
  top: 19px;
  left: 100%;
  margin: 0 0 0 25px;
  padding: 10px 0 10px 16px;
  border: 1px solid #DBDBDB;
  background: #FFF;
}
body .feedback .feedback_add_wrap .q_header .util .ly:before {
  position: absolute;
  left: -15px;
  top: -1px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#q_util_arrow);
  background-repeat: no-repeat;
  background-position: -719px -527px;
  width: 15px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body .feedback .feedback_add_wrap .q_header .util .ly a {
  color: #333;
  white-space: nowrap;
}
body .feedback .feedback_add_wrap .q_header .util .ly a:hover, body .feedback .feedback_add_wrap .q_header .util .ly a:focus {
  text-decoration: none;
}
body .feedback .feedback_add_wrap .q_header .util .ly a:hover {
  font-weight: 700;
}
body .feedback .feedback_add_wrap .q_header .total_score {
  font-size: 12px;
  line-height: 13px;
  position: absolute;
  top: 34px;
  right: 25px;
  margin: 0;
  font-weight: 700;
  color: #333;
}
body .feedback .feedback_add_wrap .a_sel {
  margin-top: 24px;
}
body .feedback .feedback_add_wrap .a_sel li + li {
  margin-top: 7px;
}
body .feedback .feedback_add_wrap .feedback_sel {
  margin-top: 24px;
}
body .feedback .feedback_add_wrap .feedback_sel li + li {
  margin-top: 16px;
}
body .feedback .feedback_add_wrap .feedback_sel li .ans {
  color: #666;
  line-height: 15px;
  letter-spacing: -0.5px;
}
body .feedback .feedback_add_wrap .feedback_sel.descriptive li .ans {
  padding: 7px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  color: #25292f;
  font-size: 13px;
  line-height: 16px;
}
body .feedback .feedback_add_wrap .q_body {
  position: relative;
  z-index: 10;
  margin: 25px 20px 30px;
}
body .feedback .feedback_add_wrap .q_body + .q_body {
  margin-top: 40px;
}
body .feedback .feedback_add_wrap .q_body .it.answer {
  display: block;
}
body .feedback .feedback_add_wrap .q_body .it.answer input, body .feedback .feedback_add_wrap .q_body .it.answer textarea {
  -webkit-border-radius: 2px;
          border-radius: 2px;
  border-color: #f0f0f0;
}
body .feedback .feedback_add_wrap .q_body .it.answer textarea {
  padding: 7px;
}
body .feedback .feedback_add_wrap .q_body .ph {
  left: 11px;
}
body .feedback .feedback_add_wrap .q_body .txt_desc {
  margin: 8px 0 13px;
}
body .feedback .feedback_add_wrap .q_body .txt_desc::before {
  content: "";
  top: 2px;
  margin: 0;
}
body .feedback .feedback_add_wrap .q_body .q_txt {
  position: relative;
  color: #333;
  font-weight: 700;
  overflow: hidden;
}
body .feedback .feedback_add_wrap .q_body .q_txt:last-of-type {
  margin-bottom: 24px;
}
body .feedback .feedback_add_wrap .q_body .q_txt .l {
  display: block;
  float: left;
  margin: 0 8px 0 0;
}
body .feedback .feedback_add_wrap .q_body .q_txt .l .label {
  margin-right: 2px;
  vertical-align: top;
  top: 3px;
}
body .feedback .feedback_add_wrap .q_body .q_txt .r {
  display: block;
  overflow: hidden;
  position: relative;
}
body .feedback .feedback_add_wrap .q_body .q_txt em {
  font-weight: 700;
}
body .feedback .feedback_add_wrap .q_body .q_txt b {
  font-weight: bold;
}
body .feedback .feedback_add_wrap .q_body .editor_reset p {
  color: #666;
  line-height: 21px;
}
body .feedback .feedback_add_wrap .q_body .editor_area {
  padding: 10px 0 17px;
  border: 0;
  background: none;
}
body .feedback .feedback_add_wrap .q_body .editor_area .editor_reset {
  color: #666;
}
body .feedback .feedback_add_wrap .q_body .bx {
  border: 1px solid #D1D1D1;
  padding: 12px 15px 15px;
}
body .feedback .feedback_add_wrap .q_body .bx.type2 {
  padding: 8px;
  margin: 15px 0 0 0;
}
body .feedback .feedback_add_wrap .q_body .bx.type2 ul, body .feedback .feedback_add_wrap .q_body .bx.type2 ol {
  display: block;
  padding-left: 30px;
}
body .feedback .feedback_add_wrap .q_body .bx.type2 ul li {
  list-style: disc;
}
body .feedback .feedback_add_wrap .q_body .bx.type2 ul ul li {
  list-style: circle;
}
body .feedback .feedback_add_wrap .q_body .bx.type2 ul ul ul li {
  list-style: square;
}
body .feedback .feedback_add_wrap .q_body .bx.type2 ol li {
  list-style: decimal;
}
body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt {
  color: #000;
  line-height: 21px;
}
body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type1 {
  display: block;
  margin-top: 9px;
}
body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type1 ~ p {
  margin-top: 0;
}
body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type2 {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  position: relative;
  margin: 0 0 -8px;
  line-height: 25px;
}
body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type2:before, body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type2:after {
  display: table;
  clear: both;
  content: " ";
}
body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type2 .score:before, body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type2 .score:after {
  display: table;
  clear: both;
  content: " ";
}
body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type2 .l {
  float: left;
}
body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt.type2 .r {
  overflow: hidden;
  float: left;
}
body .feedback .feedback_add_wrap .q_body .bx.type2 .a_txt ~ p {
  margin-top: 10px;
}
body .feedback .feedback_add_wrap .q_body .a_wrap {
  margin-top: 15px;
}
body .feedback .feedback_add_wrap .q_body .a_wrap:before, body .feedback .feedback_add_wrap .q_body .a_wrap:after {
  display: table;
  clear: both;
  content: " ";
}
body .feedback .feedback_add_wrap .q_body .a_wrap + .a_wrap {
  margin-top: 50px;
}
body .feedback .feedback_add_wrap .q_body .a_wrap .a_group_wrap:before, body .feedback .feedback_add_wrap .q_body .a_wrap .a_group_wrap:after {
  display: table;
  clear: both;
  content: " ";
}
body .feedback .feedback_add_wrap .q_body .a_wrap .a_group_wrap + .a_group_wrap {
  margin: 15px 0 0 0;
}
body .feedback .feedback_add_wrap .q_body .a_wrap .a_group + .a_group {
  margin: 10px 0 0 0;
}
body .feedback .feedback_add_wrap .q_body .a_wrap .a_group.sel {
  position: relative;
  padding: 0 0 0 24px;
}
body .feedback .feedback_add_wrap .q_body .a_wrap .a_group.sel .ick {
  position: absolute;
  left: 0;
  top: 5px;
}
body .feedback .feedback_add_wrap .q_body .a_wrap .a_group_wrap .a_group.sel:first-child .it.it_added .added {
  display: none;
}
body .feedback .feedback_add_wrap .q_body .a_wrap .a_group_wrap .a_group.sel:first-child + .a_group.sel .it.it_added .added {
  display: none;
}
body .feedback .feedback_add_wrap .q_body .a_wrap .dl_float_list {
  overflow: hidden;
  margin: 0;
  font-size: 12px;
}
body .feedback .feedback_add_wrap .q_body .a_wrap .dl_float_list dt {
  clear: both;
  float: left;
  font-weight: 700;
  color: #333;
  line-height: 23px;
}
body .feedback .feedback_add_wrap .q_body .a_wrap .dl_float_list dd {
  float: left;
  margin: 2px 0 0 15px;
}
body .feedback .feedback_add_wrap .q_body .a_sel li + li {
  margin-top: 15px;
}
body .feedback .feedback_add_wrap .q_body .a_sel li .ick {
  line-height: 15px;
}
body .feedback .feedback_add_wrap .q_body .a_sel li .ick .radio, body .feedback .feedback_add_wrap .q_body .a_sel li .ick .checkbox {
  top: 1px;
}
body .feedback .feedback_add_wrap .q_body .sub_modal_wrap {
  clear: both;
}
body .feedback .feedback_add_wrap .q_foot {
  margin: 0 30px 39px 24px;
  padding-top: 15px;
}
body .feedback .feedback_add_wrap .q_foot .btn {
  margin-right: 4px;
}
body .feedback .feedback_add_wrap .q_foot .btn.btn_type2 {
  height: 48px;
  padding: 0 41px 0 42px;
}
body .feedback .feedback_add_wrap .q_foot .btn span {
  font-weight: 600;
}
body .feedback .submit_cnt {
  margin: 2px 7px -2px 0;
  display: inline-block;
  color: #999;
}
body .feedback .submit_cnt em {
  color: #333;
  font-weight: 700;
}
body .feedback_detail .table.table_type2 td > a {
  text-decoration: underline;
}
body .feedback_detail .table.table_type2 .ico_e {
  position: relative;
  top: -2px;
  right: 2px;
  vertical-align: middle;
}
body .feedback .page_header + .feedback_info .it .ph {
  top: 8px;
  color: #666;
  font-size: 14px;
  line-height: 20px;
}
body .feedback .page_header + .feedback_info textarea {
  padding: 9px 7px;
  color: #666;
  line-height: 20px;
}
body .feedback .feedback_info {
  margin-top: 40px;
}
body .feedback .feedback_info label + dl {
  margin-top: 11px;
}
body .feedback .feedback_info dl {
  margin-left: 0;
  margin-bottom: 0;
  -webkit-box-shadow: 0 1px 0 0 #f5f7f7;
          box-shadow: 0 1px 0 0 #f5f7f7;
}
body .feedback .feedback_info dl.mab_none {
  margin-bottom: 0;
}
body .feedback .feedback_info dl.close {
  display: none;
}
body .feedback .feedback_info dl dt {
  width: 120px;
  line-height: 16px;
}
body .feedback .feedback_info dl dt.ma {
  margin: 0px 0 7px;
  top: 27px;
}
body .feedback .feedback_info dl dd {
  max-width: 640px;
  min-width: 620px;
}
body .feedback .feedback_info dl dt, body .feedback .feedback_info dl dd {
  font-size: 13px;
  margin: 16px 0 16px 0;
}
body .feedback .feedback_info dl dt.ma + dd {
  margin: 16px 0 16px 0;
}
body .feedback .feedback_info dl dd.with_input {
  width: 640px;
}
body .feedback .feedback_info dl dd.with_input label + .tarea {
  margin-top: 8px;
}
body .feedback .feedback_info dl dd.with_input .ick {
  margin-right: 20px;
  margin-bottom: 8px;
}
body .feedback .feedback_info dl dd.with_input .ick + .ick {
  margin-left: 0;
}
body .feedback .feedback_info .chosen-container {
  font-size: 13px;
}
body .feedback .feedback_info .txt_desc {
  line-height: 16px;
}
body .feedback .feedback_info .tarea {
  -webkit-border-radius: 2px;
          border-radius: 2px;
  padding-top: 0;
  padding-left: 8px;
  width: 100%;
  border: 1px solid #f0f0f0;
}
body .feedback .feedback_info .tarea input[type=text] {
  color: #666;
  font-size: 13px;
  border: 0;
  height: 32px;
  padding-left: 0 !important;
}
body .feedback .feedback_info .tarea .ph {
  top: 9px;
}
body .feedback .feedback_info .tarea ul.tagit {
  min-height: 46px;
  border: 0 !important;
  padding-top: 7px;
}
body .feedback .feedback_info .info_opt {
  margin-top: 9px;
  margin-bottom: -5px;
  overflow: hidden;
}
body .feedback .feedback_info .info_opt .ick {
  float: left;
}
body .feedback .feedback_info .info_opt .ick .ph {
  font-size: 13px;
  line-height: 18px;
}
body .feedback .feedback_info .info_opt .txt_desc {
  float: left;
  margin-left: 25px;
}
body .feedback .feedback_info .wave {
  font-size: 13px;
  font-family: NanumSquareWebFont-R, "NanumSquareWebFont", arial, sans-serif;
  font-weight: 400;
  line-height: 34px;
  margin: 0 1px 0 1px;
  color: #666;
  vertical-align: middle;
}
body .feedback .feedback_info .it input[type=text] {
  padding-left: 8px;
  border: 0;
}
body .feedback .feedback_info .it .ph {
  display: block;
  left: 8px;
  font-size: 13px;
}
body .feedback .feedback_info .slt {
  vertical-align: top;
}
body .feedback .feedback_info .slt + .ick {
  width: 21px;
  white-space: nowrap;
}
body .feedback .feedback_info .ick {
  line-height: 16px;
}
body .feedback .feedback_info .ick + .ick {
  margin-left: 24px;
}
body .feedback .feedback_info .ick + .txt_desc {
  display: inline-block;
  margin-left: 8px;
}
body .feedback .feedback_info .ick .radio {
  top: 2px;
}
body .feedback .feedback_info .ick .radio.checked {
  border: 1px solid transparent;
}
body .feedback .feedback_info .ick .radio + .ph {
  left: 0;
}
body .feedback .feedback_info .ick.fs14 .ph {
  vertical-align: middle;
}
body .feedback .feedback_info .ick .checkbox {
  width: 13px;
  height: 13px;
  top: 2px;
  border-color: #d0d6d9;
}
body .feedback .feedback_info .ick .checkbox.checked {
  border-color: transparent;
}
body .feedback .feedback_info .ick .checkbox.checked::after {
  top: -1px;
  left: 0px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-check-small);
  background-repeat: no-repeat;
  background-position: -393px -661px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body .feedback .feedback_info .ick .checkbox + .ph {
  left: 0;
}
body .feedback .feedback_info .input_txt {
  width: 94px;
  height: 34px;
  padding: 0 8px;
  border: 1px solid #f0f0f0;
  line-height: 34px;
  color: #25292F;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
body .feedback .feedback_info .chosen-container.chosen-container-single .chosen-single {
  padding-left: 7px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
body .feedback .feedback_info .chosen-container.chosen-container-single .chosen-single span {
  color: #25292f;
}
body .feedback .feedback_info .chosen-container.chosen-container-single .chosen-single div b {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-select-arrow-down_2);
  background-repeat: no-repeat;
  background-position: -252px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body .feedback .feedback_info ._custom_slt {
  padding-left: 7px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: #fff url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/boostcourse/icon-select-arrow-down_2.svg) no-repeat right 9px top 50%;
  -webkit-background-size: 16px 16px;
          background-size: 16px 16px;
  color: #25292f;
  font-size: 13px;
}
body .feedback .feedback_info .slt + .slt {
  margin-left: 0;
}
body .feedback .feedback_info .input_wrap {
  display: inline-block;
  vertical-align: middle;
}
body .feedback .feedback_info .group_select {
  font-size: 0;
  margin-bottom: 16px;
}
body .feedback .feedback_info .group_select .btn_group {
  display: inline-block;
  padding: 0px 15px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  border: solid 1px #f0f0f0;
  background-color: #fff;
  color: #666;
  font-size: 13px;
  line-height: 28px;
}
body .feedback .feedback_info .group_select .text {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  color: #666;
  font-size: 13px;
  line-height: 30px;
}

.peer .peer_score {
  margin-top: 15px;
  padding: 20px 15px;
  border: 1px solid #d1d1d1;
}
.peer .peer_score .txt_desc {
  margin: -8px 0 14px;
}
.peer .peer_score li {
  position: relative;
  padding-left: 42px;
}
.peer .peer_score li + li {
  margin-top: 10px;
}
.peer .peer_score li strong {
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 42px;
  color: #010101;
  white-space: nowrap;
}
.peer .peer_score .btn_type4 {
  display: block;
  margin: 10px auto -10px;
}
.peer .step_area {
  margin-top: 60px;
}
.peer .step_area:before, .peer .step_area:after {
  display: table;
  clear: both;
  content: " ";
}
.peer .step_area li {
  float: left;
  position: relative;
  z-index: 30;
  width: 239px;
  height: 65px;
  padding-left: 20px;
  border: 1px solid #e6e6e6;
  font-size: 16px;
  font-weight: 700;
  line-height: 65px;
  color: #999;
}
.peer .step_area li:before {
  margin-right: 5px;
  display: inline-block;
  font-size: 18px;
}
.peer .step_area li.st1:before {
  content: "01";
}
.peer .step_area li.st2 {
  z-index: 20;
  width: 253px;
  padding-left: 35px;
}
.peer .step_area li.st2:before {
  content: "02";
}
.peer .step_area li.st3 {
  z-index: 10;
  width: 268px;
  padding-left: 35px;
}
.peer .step_area li.st3:before {
  content: "03";
}
.peer .step_area li.st3:after {
  display: none;
}
.peer .step_area li em {
  position: relative;
  top: 2px;
  margin-top: 1px;
  font-size: 12px;
  font-weight: normal;
  color: #848484;
  vertical-align: top;
}
.peer .step_area li:after {
  position: absolute;
  top: -1px;
  right: -16px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bg_step);
  background-repeat: no-repeat;
  background-position: -819px 0px;
  width: 16px;
  height: 65px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.peer .step_area li.on {
  border-color: #333;
  background: #333;
  color: #fff;
}
.peer .step_area li.on:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#bg_step_on);
  background-repeat: no-repeat;
  background-position: -751px -267px;
  width: 16px;
  height: 65px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.peer .e_guide {
  margin: 20px 0 0 0;
  padding: 28px 20px;
  background: #f9f9f9;
}
.peer .e_guide h3 {
  margin: 0;
  font-weight: 700;
}
.peer .e_guide .con {
  margin: 11px 0 0;
  line-height: 28px;
}
.peer .e_guide ul {
  margin: 13px 0 0;
}
.peer .e_guide ul strong {
  font-weight: normal;
}
.peer .e_guide ul li + li {
  margin-top: 3px;
}
.peer .e_box {
  margin: 20px 0 0 0;
  padding: 24px 30px;
  border: 1px solid #d1d1d1;
}
.peer .e_box .ick_lst li ~ li {
  margin-top: 4px;
}
.peer .e_box .ick_lst li .ph strong {
  margin-right: 16px;
  color: #333;
}
.peer .peer_add_wrap {
  border: 1px solid #D1D1D1;
}
.peer .peer_add_wrap .q_header {
  z-index: 20;
  position: relative;
  height: 82px;
  padding: 20px 0 0 20px;
  background: #FDFDFD;
  border-bottom: 1px solid #D1D1D1;
}
.peer .peer_add_wrap .q_header:before, .peer .peer_add_wrap .q_header:after {
  display: table;
  clear: both;
  content: " ";
}
.peer .peer_add_wrap .q_header .q {
  float: left;
}
.peer .peer_add_wrap .q_header .q li {
  float: left;
  position: relative;
  width: 41px;
  height: 40px;
  margin: 0 12px 0 0;
}
.peer .peer_add_wrap .q_header .q li a {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#q_off);
  background-repeat: no-repeat;
  background-position: -772px -688px;
  width: 41px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  border: 0;
  color: #FFF;
  font-weight: 700;
  text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.04);
  text-align: center;
  line-height: 41px;
  letter-spacing: -1px;
  text-indent: 0 !important;
}
.peer .peer_add_wrap .q_header .q li a:hover, .peer .peer_add_wrap .q_header .q li a:focus {
  text-decoration: none;
}
.peer .peer_add_wrap .q_header .q li.on a {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#q_on);
  background-repeat: no-repeat;
  background-position: 0px -761px;
  width: 41px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.peer .peer_add_wrap .q_header .q li.current:after {
  position: absolute;
  left: 10px;
  bottom: -22px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#q_current_arrow);
  background-repeat: no-repeat;
  background-position: -726px -478px;
  width: 21px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.peer .peer_add_wrap .q_body {
  position: relative;
  z-index: 10;
  margin: 25px 20px 30px;
}
.peer .peer_add_wrap .q_body .txt strong {
  color: #010101;
}
.peer .peer_add_wrap .q_body .txt_box {
  padding-top: 30px;
  border-top: 1px solid #e8e8e8;
}
.peer .peer_add_wrap .q_body .ick_lst {
  margin-bottom: 15px;
}
.peer .peer_add_wrap .q_body .ick_lst strong {
  margin-right: 10px;
  color: #010101;
}
.peer .peer_add_wrap .q_body .ick_lst li {
  margin-bottom: 2px;
}
.peer .peer_add_wrap .q_body .rs_box {
  min-height: 96px;
  padding: 10px 15px;
  border: 1px solid #D1D1D1;
}
.peer .peer_add_wrap .q_body .rs_box strong.tit {
  display: block;
  margin-bottom: 5px;
  color: #010101;
}
.peer .peer_add_wrap .q_foot {
  margin: 0 30px 30px;
}
.peer .peer_add_wrap .q_foot .btn {
  margin-right: 4px;
}

.page.peer .ce.ce_view {
  margin-top: 40px;
  margin-bottom: 60px;
  padding-bottom: 39px;
  border-bottom: 1px solid #e8e8e8;
}

.task .table.table_type1 td {
  color: #999;
}
.task .table.table_type1 td .txt.sm {
  color: #848484;
}
.task .table.table_type1 td strong,
.task .table.table_type1 td em {
  color: #010101;
}
.task h2.tit + .table.table_type1 {
  border-top-color: #e9e9e9;
}

.task_info dl {
  margin: 0 0 33px 15px;
  font-size: 12px;
}
.task_info dl:before, .task_info dl:after {
  display: table;
  clear: both;
  content: " ";
}
.task_info dl dt {
  clear: both;
  float: left;
  width: 77px;
  font-weight: 700;
  color: #333;
}
.task_info dl dd {
  float: left;
  margin: 0;
}
.task_info dl dt.ma {
  position: relative;
  margin: 3px 0 7px;
  top: 9px;
}
.task_info dl dt.ma + dd {
  margin: 3px 0 7px;
}
.task_info dl dt.ma:first-child {
  margin-top: 0;
}
.task_info dl dt.ma:first-child + dd {
  margin-top: 0;
}
.task_info dl .ui-corner-all {
  border: 0;
}
.task_info dl .ui-spinner-input {
  margin: 0;
}

.page.task .ce.ce_view {
  margin-bottom: 60px;
  padding-bottom: 39px;
  border-bottom: 1px solid #e8e8e8;
}
.page.task .share {
  border-top: 0;
  margin-top: 0;
}

.evaluation .peer_score_lst ul {
  border: 1px solid #e6e6e6;
  border-bottom: 0;
}
.evaluation .peer_score_lst ul li {
  min-height: 81px;
  min-height: 44px\9 ;
  padding: 18px 20px;
  border-bottom: 1px solid #e6e6e6;
  color: #010101;
}
.evaluation .peer_score_lst ul li .no {
  float: left;
  margin-right: 20px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#q_on);
  background-repeat: no-repeat;
  background-position: 0px -761px;
  width: 41px;
  height: 40px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 41px;
  text-indent: 0;
}
.evaluation .peer_score_lst ul li .score, .evaluation .peer_score_lst ul li .tx {
  overflow: hidden;
  display: block;
  line-height: 22px;
  color: #666;
}
.evaluation .peer_score_lst ul li .score strong, .evaluation .peer_score_lst ul li .tx strong {
  color: #333;
}

/* 성적조회 */
.gradecheck .page_header ~ .bx_area {
  margin-top: 30px;
}
.gradecheck .page_header .page_title .title {
  margin-right: 3px;
}
.gradecheck {
  /* 진도율 그래프 */
}
.gradecheck .notice_txt {
  line-height: 32px;
}
.gradecheck .notice_txt > em {
  color: #00c73c;
}
.gradecheck .progress_rate {
  display: table;
  width: 100%;
  margin-top: 11px;
  border: 1px solid #ededed;
  table-layout: fixed;
}
.gradecheck .progress_rate .progress_area {
  position: relative;
  display: table-cell;
  padding: 24px 87px 30px 30px;
}
.gradecheck .progress_rate .progress_area .title {
  display: block;
  margin-bottom: 5px;
  color: #333;
}
.gradecheck .progress_rate .progress_area .graph_area {
  position: relative;
  width: 100%;
  height: 16px;
  margin-right: 55px;
  background: #00c73c;
  background: -webkit-linear-gradient(right, #0FD2C8, #00c73c);
  background: -webkit-gradient(linear, right top, left top, from(#0FD2C8), to(#00c73c));
  background: linear-gradient(to left, #0FD2C8, #00c73c);
}
.gradecheck .progress_rate .progress_area .graph_area .rate {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #f5f5f5;
}
.gradecheck .progress_rate .progress_area .standard {
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 2px;
  height: 14px;
  margin-left: -1px;
  background-color: #666;
  z-index: 1;
}
.gradecheck .progress_rate .progress_area .txt {
  position: absolute;
  right: 30px;
  bottom: 30px;
  text-align: right;
  overflow: hidden;
  line-height: 16px;
}
.gradecheck .progress_rate .progress_area.off .title, .gradecheck .progress_rate .progress_area.off .txt {
  color: #ccc;
}
.gradecheck .progress_rate .progress_area.off .graph_area {
  background: #dadada;
}
.gradecheck .progress_rate .progress_area.off .graph_area .standard {
  display: none;
}
.gradecheck .progress_rate .progress_area.off .graph_area .rate {
  background-color: #f5f5f5;
}
.gradecheck .grade_txt {
  font-size: 28px !important;
}
.gradecheck .grade_txt .sub {
  font-size: 16px;
  color: #999;
}
.gradecheck .select_area {
  margin-top: 38px;
  text-align: center;
}
.gradecheck .ico_task2 {
  background: none;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: relative;
}
.gradecheck .ico_task2:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_s_task);
  background-repeat: no-repeat;
  background-position: -100px -776px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.gradecheck .ico_task2.end {
  background-color: #dadada;
}
.gradecheck .ico_peer2 {
  background: none;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: relative;
}
.gradecheck .ico_peer2:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_s_peer);
  background-repeat: no-repeat;
  background-position: -52px -776px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.gradecheck .ico_peer2.end {
  background-color: #dadada;
}
.gradecheck .ico_quiz2 {
  background: none;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: relative;
}
.gradecheck .ico_quiz2:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_s_quiz);
  background-repeat: no-repeat;
  background-position: -76px -776px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.gradecheck .ico_quiz2.end {
  background-color: #dadada;
}
.gradecheck .ico_s_lecture {
  background: none;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: relative;
}
.gradecheck .ico_s_lecture:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_s_lecture);
  background-repeat: no-repeat;
  background-position: -28px -776px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.gradecheck .ico_s_lecture.end {
  background-color: #dadada;
}

.bx_area {
  margin: 20px 0 14px;
}
.bx_area .group_lr .group_l {
  font-size: 14px;
}
.page_header ~ .bx_area {
  margin-top: -10px;
}
.bx_area em {
  font-weight: 700;
  color: #333;
  line-height: 32px;
}
.bx_area p {
  line-height: 24px;
  letter-spacing: -1px;
}
.bx_area p.txt_desc {
  line-height: 20px;
}
.bx_area .lnk_go {
  display: inline-block;
  margin-top: 10px;
  line-height: 16px;
  color: #333;
  text-decoration: underline;
}
.bx_area .lnk_go:after {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_more3);
  background-repeat: no-repeat;
  background-position: -868px -692px;
  width: 4px;
  height: 7px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-left: 4px;
  vertical-align: 1px;
}

body.help {
  min-width: 1052px;
}
body.help.help_index {
  background: #f1f1f1;
}
body.help.help_index #container {
  border-right: 0;
}
body.help #header {
  min-width: 1156px;
  overflow: hidden;
}
body.help #header .layout_in {
  border-bottom: 1px solid #e1e1e1;
}
body.help #header .logo {
  margin-left: 36px;
  text-indent: 0;
  background: none;
  line-height: 0;
}
body.help #header .lnk {
  margin-top: 22px;
  padding-left: 20px;
  line-height: 1;
}
body.help #header .m_help {
  float: left;
  margin: 26px 0 0 10px;
  font-size: 16px;
  color: #333;
}
body.help #header .m_help a {
  color: #333;
}
body.help #header .it.it_added.input2 .input_area input {
  background: none;
  width: 233px;
}
body.help #container {
  position: relative;
  width: 1173px;
  min-height: 100%;
  height: 100%;
  margin-top: -60px;
  padding: 60px 0 136px;
  border-right: 1px solid #fff;
  border-top: 0;
  background: none;
}
body.help #content {
  padding-bottom: 197px;
}
body.help #snb {
  float: left;
  min-width: 256px;
  padding-top: 35px;
  border-left: 1px solid #fff;
}
body.help #snb + #content {
  padding-top: 37px;
}
body.help #snb + #content .page_header h1 em {
  color: #00c73c;
}
body.help #snb + #content .page + .page {
  margin-top: 70px;
}
body.help #snb + #content .page {
  width: 860px;
}
body.help #footer {
  z-index: 30;
  min-width: 1156px;
}
body.help .img_wrap {
  margin: 13px auto 15px;
}
body.help .img_wrap img {
  display: block;
}
body.help .img_wrap.ind {
  padding-left: 13px;
}
body.help .help_list > li {
  position: relative;
  padding: 16px 13px 12px;
  border-bottom: 1px solid #E5E5E5;
  color: #010101;
}
body.help .help_list > li > a {
  position: relative;
  display: block;
  padding: 0 43px 0 0;
  color: #010101;
}
body.help .help_list > li > a:hover, body.help .help_list > li > a:focus {
  text-decoration: none;
}
body.help .help_list > li > a:before {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -5px 0 0 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr7_dn);
  background-repeat: no-repeat;
  background-position: -629px -467px;
  width: 14px;
  height: 6px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.help .help_list > li > a strong {
  color: #00c73c;
}
body.help .help_list > li > a.on {
  margin: -17px -13px 0;
  padding: 14px 43px 11px 10px;
  font-size: 18px;
  font-weight: 700;
  background-color: #2bde73;
}
body.help .help_list > li > a.on strong {
  color: #010101;
}
body.help .help_list > li > a.on + .con {
  display: block;
  padding-bottom: 43px;
}
body.help .help_list > li > a.on:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr7);
  background-repeat: no-repeat;
  background-position: -647px -467px;
  width: 14px;
  height: 6px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  right: 13px;
  margin-top: -5px;
}
body.help .help_list > li:first-child a.on {
  margin-top: -16px;
}
body.help .help_list > li ul, body.help .help_list > li ol, body.help .help_list > li p {
  line-height: 2;
}
body.help .help_list > li ul, body.help .help_list > li ol {
  margin-top: 5px;
}
body.help .help_list > li ol {
  padding-left: 13px;
  counter-reset: help-counter;
}
body.help .help_list > li ol > li {
  position: relative;
}
body.help .help_list > li ol > li:before {
  position: absolute;
  top: 0;
  left: -26px;
  width: 24px;
  text-align: right;
  content: counter(help-counter) ".";
  counter-increment: help-counter;
}
body.help .help_list > li p {
  margin: 5px 0;
}
body.help .help_list > li li {
  margin-top: 5px;
}
body.help .help_list > li li > ul {
  margin-top: 0;
  padding-left: 2px;
  color: #666;
}
body.help .help_list > li li > ul > li {
  margin-top: 0;
}
body.help .help_list > li li > ul > li:before {
  background-color: #666;
}
body.help .help_list > li .num {
  padding-left: 1px;
}
body.help .help_list > li .num > li:before {
  display: none;
}
body.help .help_list > li .num > li > ul {
  padding-left: 14px;
}
body.help .help_list > li li:first-child {
  margin-top: 0;
}
body.help .help_list > li ul > li {
  padding-left: 7px;
}
body.help .help_list > li ul > li:before {
  position: relative;
  top: -1px;
  left: -9px;
  display: inline-block;
  width: 2px;
  height: 2px;
  vertical-align: middle;
  background-color: #010101;
  content: "";
}
body.help .help_list > li ul > li > ul {
  padding-left: 7px;
}
body.help .help_list > li .title {
  margin: 15px 0;
  display: block;
  font-weight: 700;
}
body.help .help_list > li .con {
  display: none;
  margin: -1px 0 0 0;
  padding-top: 10px;
}
body.help .help_list > li .con p:first-child {
  margin: 15px 0;
}
body.help .help_header {
  position: relative;
  margin: 40px auto 64px;
  text-align: center;
}
body.help .help_header h1 {
  font-size: 48px;
  letter-spacing: -1px;
  color: #000;
}
body.help .help_header p {
  color: #999;
}
body.help .help_ctg_area:before, body.help .help_ctg_area:after {
  display: table;
  clear: both;
  content: " ";
}
body.help .help_ctg_area {
  width: 960px;
  margin: 0 auto 28px;
}
body.help .help_ctg {
  margin: 10px;
  color: #010101;
  border: 1px solid #e1e1e1;
  background: #fff;
  overflow: hidden;
}
body.help .help_ctg h2 {
  padding: 20px 30px;
  height: 77px;
  overflow: hidden;
  background: #fdfdfd;
  border-bottom: 1px solid #e1e1e1;
  font-size: 18px;
  line-height: 36px;
  font-weight: 700;
  color: #010101;
}
body.help .help_ctg h2:before {
  content: "";
  vertical-align: middle;
  margin: -3px 10px 0 0;
}
body.help .help_ctg.professor h2:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#help_index_prof);
  background-repeat: no-repeat;
  background-position: -513px -761px;
  width: 36px;
  height: 36px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.help .help_ctg.student h2:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#help_index_stud);
  background-repeat: no-repeat;
  background-position: -593px -761px;
  width: 36px;
  height: 36px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.help .help_ctg.boost h2:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#help_index_boost);
  background-repeat: no-repeat;
  background-position: -694px -718px;
  width: 36px;
  height: 36px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.help .help_ctg.common h2:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#help_index_comm);
  background-repeat: no-repeat;
  background-position: -393px -761px;
  width: 36px;
  height: 36px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.help .help_ctg.math h2:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#help_index_math);
  background-repeat: no-repeat;
  background-position: -433px -761px;
  width: 36px;
  height: 36px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.help .help_ctg.mobile h2:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#help_index_mobi);
  background-repeat: no-repeat;
  background-position: -473px -761px;
  width: 36px;
  height: 36px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.help .help_ctg.manage h2:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#help_index_sett);
  background-repeat: no-repeat;
  background-position: -553px -761px;
  width: 36px;
  height: 36px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.help .help_ctg ul {
  padding: 17px 0 38px 29px;
  line-height: 38px;
  overflow: hidden;
}
body.help .help_ctg ul li {
  float: left;
  width: 214px;
}
body.help .help_ctg ul li:before {
  display: inline-block;
  width: 2px;
  height: 2px;
  margin: -1px 9px 1px 0;
  vertical-align: middle;
  background-color: #666;
  content: "";
}
body.help .help_ctg ul a {
  color: #666;
}
body.help .ui-autocomplete {
  overflow: hidden;
  overflow-y: auto;
  width: 250px !important;
  height: 113px;
  padding: 6px 15px;
  border: 1px solid #CECECE;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: auto !important;
  right: 79px !important;
}
body.help .ui-autocomplete .ui-menu-item {
  display: block !important;
}
body.help .ui-autocomplete .ui-menu-item a {
  margin: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #666 !important;
  cursor: pointer;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 14px;
}
body.help .ui-autocomplete .ui-menu-item a.ui-state-focus {
  color: #010101 !important;
  text-decoration: underline;
}
body.help .math_area:before, body.help .math_area:after {
  display: table;
  clear: both;
  content: " ";
}
body.help .math_area {
  margin: 0 -2px -22px !important;
  padding: 0 !important;
}
body.help .math_area li:before, body.help .math_area li:after {
  display: table;
  clear: both;
  content: " ";
}
body.help .math_area li {
  float: left;
  width: 200px;
  height: 50px;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 50px;
  font-family: Arial, sans-serif;
}
body.help .math_area li:before {
  display: none !important;
}
body.help .math_area li > span {
  display: inline-block;
  width: 140px;
  padding-left: 16px;
  line-height: 16px;
  vertical-align: middle;
}
body.help .math_area li > span:first-child {
  width: 60px;
  padding-left: 0;
  text-align: center;
}
body.help #snb .btn_add {
  position: absolute;
  top: 2px;
  right: 1px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_crosshair);
  background-repeat: no-repeat;
  background-position: -425px -841px;
  width: 14px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
body.help #snb nav li {
  position: relative;
}
body.help #snb nav > ul > li ul li a {
  display: inline;
}
body.help #snb nav > ul > li ul li .it {
  position: absolute;
  top: -5px;
  right: 2px;
  left: 10px;
}
body.help #snb nav > ul > li ul li .btn {
  position: absolute;
}
body.help #snb nav > ul > li ul li .btn:before {
  display: none;
}
body.help #snb nav > ul > li ul li .btn.modify {
  top: 5px;
  right: 26px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_modify);
  background-repeat: no-repeat;
  background-position: -819px -439px;
  width: 15px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.help #snb nav > ul > li ul li .btn.delete {
  top: 3px;
  right: 0;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#m_close);
  background-repeat: no-repeat;
  background-position: -876px -50px;
  width: 21px;
  height: 21px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
body.help .page_header .group_r {
  margin: 5px 0 0 0;
}
body.help .page_header .group_r .bar {
  margin: 2px 1px -2px 6px;
  height: 12px;
}
body.help .btn_area {
  text-align: right;
}
body.help .btn_area .btn {
  padding: 10px 0;
  display: inline-block;
  color: #010101;
  font-weight: 700;
}
body.help .drag {
  z-index: 10;
  padding: 0 10px;
  position: absolute;
  top: 20px;
  right: 7px;
  cursor: move;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_g_drag);
  background-repeat: no-repeat;
  background-position: -901px -486px;
  width: 9px;
  height: 15px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  background-color: #fff;
  display: none;
}
body.help .mod .drag {
  display: block;
}
body.help .mod .con {
  display: none;
}

.section_prof_intro {
  background-color: #fff;
  letter-spacing: -1px;
}
.section_prof_intro .spot_area {
  position: relative;
  padding-top: 140px;
  text-align: center;
}
.section_prof_intro .spot_area .bg_prof {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 240px;
  background-color: #e5e5e5;
}
.section_prof_intro .spot_area .bg_prof img {
  width: 100%;
  vertical-align: top;
}
.section_prof_intro .prof_intro {
  position: relative;
  line-height: 24px;
}
.section_prof_intro .prof_intro .thumb {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_prof_l.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  vertical-align: top;
}
.section_prof_intro .prof_intro .thumb img {
  width: 100%;
  vertical-align: top;
}
.section_prof_intro .prof_intro .name {
  margin-top: 32px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.section_prof_intro .prof_intro .lecture_num {
  margin-top: 6px;
  font-size: 14px;
  color: #666;
}
.section_prof_intro .prof_intro .lecture_num em {
  font-weight: bold;
  color: #333;
}
.section_prof_intro .prof_intro .btn_group {
  margin-top: 32px;
}
.section_prof_intro .prof_intro .btn_group [class^=btn] {
  display: inline-block;
  height: 32px;
  padding: 4px 11px 7px;
  background-color: #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
  color: #fff;
  letter-spacing: -0.5px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
}
.section_prof_intro .prof_intro .btn_group .btn_edit {
  background-color: #ccc;
}
.section_prof_intro .cont_area {
  overflow: hidden;
  margin-top: 80px;
  padding: 0 80px 80px;
  line-height: 24px;
}
.section_prof_intro .cont_area .aside {
  float: left;
  width: 185px;
}
.section_prof_intro .cont_area .aside h3 {
  margin: 0 0 13px 3px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.section_prof_intro .cont_area .aside h3 ~ h3 {
  margin-top: 37px;
}
.section_prof_intro .cont_area .sns_list {
  line-height: 18px;
}
.section_prof_intro .cont_area .sns_list li + li {
  margin-top: 12px;
}
.section_prof_intro .cont_area .sns_list a {
  display: block;
  overflow: hidden;
  position: relative;
  padding-left: 29px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section_prof_intro .cont_area .sns_list a:before {
  position: absolute;
  left: 0;
  top: 0;
}
.section_prof_intro .cont_area .sns_list .google:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sns_google);
  background-repeat: no-repeat;
  background-position: -671px -668px;
  width: 18px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.section_prof_intro .cont_area .sns_list .facebook:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sns_facebook);
  background-repeat: no-repeat;
  background-position: -649px -668px;
  width: 18px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.section_prof_intro .cont_area .sns_list .twitter:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sns_twitter);
  background-repeat: no-repeat;
  background-position: -306px -841px;
  width: 18px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.section_prof_intro .cont_area .sns_list .instagram:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sns_instagram);
  background-repeat: no-repeat;
  background-position: -693px -668px;
  width: 18px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.section_prof_intro .cont_area .sns_list .medium:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sns_medium);
  background-repeat: no-repeat;
  background-position: -715px -668px;
  width: 18px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.section_prof_intro .cont_area .sns_list .youtube:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sns_youtube);
  background-repeat: no-repeat;
  background-position: -328px -841px;
  width: 18px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.section_prof_intro .cont_area .sns_list .band:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sns_band);
  background-repeat: no-repeat;
  background-position: -627px -668px;
  width: 18px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.section_prof_intro .cont_area .sns_list .naverblog:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sns_naverblog);
  background-repeat: no-repeat;
  background-position: -737px -668px;
  width: 18px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.section_prof_intro .cont_area .sns_list .navercafe:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sns_navercafe);
  background-repeat: no-repeat;
  background-position: -350px -841px;
  width: 17px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.section_prof_intro .cont_area .sns_list .other:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sns_other);
  background-repeat: no-repeat;
  background-position: -284px -841px;
  width: 18px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.section_prof_intro .cont_area .link_list {
  line-height: 17px;
}
.section_prof_intro .cont_area .link_list li + li {
  margin-top: 12px;
}
.section_prof_intro .cont_area .link_list a {
  display: block;
  overflow: hidden;
  position: relative;
  padding-left: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section_prof_intro .cont_area .link_list a:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_link_list);
  background-repeat: no-repeat;
  background-position: -901px -338px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  left: 0;
  top: 2px;
}
.section_prof_intro .cont_area .intro_cont {
  float: right;
  width: 680px;
}
.section_prof_intro .cont_area .intro_cont h3 {
  margin: 80px 0 21px;
  padding-bottom: 22px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #333;
}
.section_prof_intro .cont_area .intro_cont .career_list {
  margin-top: 24px;
}
.section_prof_intro .cont_area .intro_cont .lnk_txt {
  text-decoration: underline;
}
.section_prof_intro .tag_group_box {
  margin-top: 80px;
}
.section_prof_intro .tag_group_box .tag_inner {
  margin: -5px -3px;
}
.section_prof_intro .tag_group_box .tag {
  display: inline-block;
  margin: 5px 3px;
  padding: 5px 17px 5px 16px;
  background-color: #f1f1f1;
  line-height: 18px;
  color: #666;
}

.section_tit {
  margin: 73px 0 13px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -1.5px;
  color: #010101;
}

.section_prof_active .more_area {
  margin-top: 31px;
}
.section_prof_active .prof_active_list li + li {
  margin-top: 8px;
}
.section_prof_active .prof_active_list li a {
  display: block;
  position: relative;
  min-height: 40px;
  padding: 24px 70px 24px 96px;
  background-color: #fff;
  color: #666;
  text-decoration: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  letter-spacing: -1px;
}
.section_prof_active .prof_active_list li a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_arr_list);
  background-repeat: no-repeat;
  background-position: -762px -417px;
  width: 6px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  right: 32px;
  top: 50%;
  margin-top: -6px;
  content: "";
}
.section_prof_active .prof_active_list li a .prof_img {
  position: absolute;
  left: 32px;
  top: 24px;
  width: 40px;
  height: 40px;
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_prof_s.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.section_prof_active .prof_active_list li a .prof_img img {
  vertical-align: top;
}
.section_prof_active .prof_active_list li a .source {
  font-size: 12px;
  line-height: 13px;
  color: #999;
  letter-spacing: -0.5px;
}
.section_prof_active .prof_active_list li a .source .date:before {
  display: inline-block;
  width: 1px;
  height: 9px;
  margin: 2px 9px 0 5px;
  background-color: #dedede;
  vertical-align: top;
  content: "";
}
.section_prof_active .prof_active_list li a .active_text {
  margin-top: 7px;
  font-size: 16px;
  line-height: 19px;
}
.section_prof_active .prof_active_list li a .attach_img {
  overflow: hidden;
  margin-top: 8px;
  width: 106px;
}
.section_prof_active .prof_active_list li a .attach_img img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.section_prof_active .prof_active_list li a .attach_file {
  position: relative;
  margin-top: 8px;
  padding-left: 19px;
  font-size: 14px;
  line-height: 16px;
}
.section_prof_active .prof_active_list li a .attach_file:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_clip_s);
  background-repeat: no-repeat;
  background-position: -901px -290px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  left: 0;
  top: 3px;
  content: "";
}

.section_flip_intro {
  background-color: #fff;
  font-family: NanumSquareWebFont;
  font-weight: 400;
  text-align: center;
  word-break: break-all;
}
.section_flip_intro .spot_fliplearn {
  overflow: hidden;
  padding: 80px 20px;
  background-color: #00c73c;
}
.section_flip_intro .spot_fliplearn h2 {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  line-height: normal;
}
.section_flip_intro .spot_fliplearn h2::after {
  display: block;
  width: 40px;
  height: 2px;
  margin: 40px auto;
  background-color: #e9ebec;
  content: "";
}
.section_flip_intro .spot_fliplearn .text {
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
}
.section_flip_intro .spot_fliplearn .apply_anchor {
  display: block;
  width: 160px;
  height: 48px;
  margin: 40px auto 0;
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
  color: #00c73c;
  line-height: 48px;
  letter-spacing: -1px;
}

.flip_intro_cont {
  padding: 78px 20px;
  background-color: #fafafa;
}
.flip_intro_cont .flip_intro_tip .tip_guide {
  position: relative;
  letter-spacing: -1px;
  text-align: center;
}
.flip_intro_cont .flip_intro_tip .tip_guide .title {
  display: block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#txt_tip);
  background-repeat: no-repeat;
  background-position: -677px -438px;
  width: 48px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin: 0 auto 24px;
}
.flip_intro_cont .flip_intro_tip .tip_guide strong {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #333;
  line-height: normal;
}
.flip_intro_cont .flip_intro_tip .tip_guide p {
  margin-top: 7px;
  font-size: 16px;
  color: #999;
  line-height: normal;
  letter-spacing: -0.8px;
}
.flip_intro_cont .flip_intro_tip .tip_guide .btn_tip {
  display: block;
  width: 160px;
  height: 48px;
  margin: 40px auto 0;
  background-color: #333;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 48px;
}

.service_end {
  background: #fff;
}
.service_end #wrap {
  min-width: 0;
  min-height: 100vh;
  font-family: NanumSquareWebFont;
  font-weight: 400;
  text-align: center;
}
.service_end #container {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background-color: #03c75a;
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_edwith.png);
  -webkit-background-size: 1920px auto;
          background-size: 1920px auto;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.service_end #container.kooc {
  background-color: #4d6fee;
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_kooc.png);
}
.service_end #container.kooc .link {
  color: #4d6fee;
}
.service_end #container.mooc {
  background-color: #25292f;
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_mooc.png);
}
.service_end #container.mooc .link {
  color: #25292f;
}
.service_end #container.leader {
  background-color: #8398b5;
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_leaders.png);
}
.service_end #container #content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: none;
  min-height: 100vh;
  padding: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.service_end .inner {
  padding: 282px 20px;
}
.service_end .title {
  font-size: 48px;
  font-weight: 400;
  color: #fff;
  line-height: 62.4px;
}
.service_end .title strong {
  font-weight: 800;
}
.service_end .text {
  margin-top: 40px;
  font-size: 18px;
  color: #fff;
  line-height: 27px;
}
.service_end .text a {
  color: #fff;
  text-decoration: underline;
}
.service_end .link {
  display: block;
  width: 297px;
  height: 64px;
  margin: 40px auto 0;
  padding: 0 10px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #fff;
  font-size: 20px;
  font-weight: 600;
  color: #03c75a;
  line-height: 64px;
}
.service_end .link:hover {
  text-decoration: none;
}
@media all and (min-width: 1920px) {
  .service_end #container {
    -webkit-background-size: cover;
            background-size: cover;
  }
}
@media all and (max-width: 767px) {
  .service_end #container {
    background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_edwith_mo.png);
    -webkit-background-size: cover;
            background-size: cover;
  }
  .service_end #container.kooc {
    background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_kooc_mo.png);
  }
  .service_end #container.mooc {
    background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_mooc_mo.png);
  }
  .service_end #container.leader {
    background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/service_end/img_end_leaders.png);
    -webkit-background-size: 2235px 1200px;
            background-size: 2235px 1200px;
    background-position: 50% 45%;
  }
  .service_end .inner {
    padding: 181px 20px;
  }
  .service_end .title {
    font-size: 24px;
    line-height: 31.2px;
  }
  .service_end .title .only_pc {
    display: none;
  }
  .service_end .text {
    font-size: 16px;
    line-height: 24px;
  }
  .service_end .link {
    height: 48px;
    font-size: 16px;
    line-height: 48px;
  }
}

body.re_pack.fs.boost_course_main_body #container {
  padding-bottom: 0;
  height: auto;
  min-height: 100%;
}
body.re_pack.fs.boost_course_main_body #content {
  padding-bottom: 0;
}
body.re_pack.fs.boost_course_main_body #content .inner {
  padding-bottom: 80px;
}

.boost_course_main_body {
  min-width: 1160px;
}
.boost_course_main_body .section_inner {
  width: 1080px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.boost_course_main_body .section_title h3 {
  color: #333;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
}
.boost_course_main_body #wrap {
  height: 100%;
  min-height: inherit;
}
.boost_course_main_body.home #wrap #header[class^=main_] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .lnk a {
  color: #fff;
}
.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .lnk li.partner::before {
  background-color: #fff;
}
.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .lnk li.active {
  position: relative;
}
.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .lnk li.active::after {
  content: "";
  display: block;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
}
.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .gnb li.ic .count em {
  color: #fff !important;
}
.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .gnb li.ic a > span {
  color: rgba(255, 255, 255, 0.6);
}
.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .gnb li.search .group {
  background-color: rgba(255, 255, 255, 0.2);
}
.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .gnb li.search .group .btn:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-search-gnb-light);
  background-repeat: no-repeat;
  background-position: -452px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .gnb li.search .group input {
  color: #fff;
}
.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .gnb li + li::before {
  background-color: rgba(255, 255, 255, 0.2);
}
.boost_course_main_body.home #wrap #header[class^=main_] .layout_in .gnb li .login {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.16);
}
.boost_course_main_body .bc_video_modal {
  position: fixed;
  background-color: rgba(12, 15, 21, 0.9);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 80;
  display: none;
}
.boost_course_main_body .bc_video_modal .video_wrap {
  position: absolute;
  width: 75%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 870px;
  min-height: 490px;
}
.boost_course_main_body .bc_video_modal .video_wrap .movie_close {
  position: absolute;
  right: -48px;
  top: 0;
  background-image: url(../img/sprite/sp_boost_c.png#bt_modal_close);
  background-repeat: no-repeat;
  background-position: -588px -444px;
  width: 48px;
  height: 48px;
  -webkit-background-size: 2062px auto;
          background-size: 2062px auto;
}
.boost_course_main_body .bc_video_modal.on {
  display: block;
}
.boost_course_main_body #footer {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
}
.boost_course_main_body .bc_main_section {
  position: relative;
  height: 681px;
}
.boost_course_main_body .bc_main_section:hover .bnr_btn_right, .boost_course_main_body .bc_main_section:hover .bnr_btn_left {
  opacity: 1;
  visibility: visible;
}
.boost_course_main_body .bc_main_section .bc_main_area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1080px;
}
.boost_course_main_body .bc_main_section .bc_banner {
  overflow: hidden;
  position: relative;
  width: 1080px;
  height: 520px;
  margin: 80px auto 0;
  z-index: 10;
}
.boost_course_main_body .bc_main_section .bc_banner .banner_list:before, .boost_course_main_body .bc_main_section .bc_banner .banner_list:after {
  display: table;
  clear: both;
  content: " ";
}
.boost_course_main_body .bc_main_section .bc_banner .banner_list li {
  float: left;
}
.boost_course_main_body .bc_main_section [class*=bnr_btn_] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  width: 62px;
  height: 62px;
  margin: -31px 0 0 -31px;
  background-color: rgba(255, 255, 255, 0.16);
  -webkit-border-radius: 50%;
          border-radius: 50%;
  z-index: 20;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.boost_course_main_body .bc_main_section [class*=bnr_btn_]:hover {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.boost_course_main_body .bc_main_section .bnr_btn_left:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-main-arrow-left);
  background-repeat: no-repeat;
  background-position: -100px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.boost_course_main_body .bc_main_section .bnr_btn_right {
  left: auto;
  right: 0;
  margin: -31px -31px 0 0;
}
.boost_course_main_body .bc_main_section .bnr_btn_right:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-main-arrow-right);
  background-repeat: no-repeat;
  background-position: -132px -712px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.boost_course_main_body .bc_main_section .pagenation {
  overflow: hidden;
  position: absolute;
  bottom: 81px;
  left: 0;
  line-height: 14px;
  z-index: 10;
}
.boost_course_main_body .bc_main_section .pagenation .role_btn {
  display: inline-block;
  vertical-align: top;
  width: 6px;
  height: 6px;
  background-color: #fff;
  opacity: 0.4;
  filter: alpha(opacity=40);
  margin: 3px 0 0 4px;
}
.boost_course_main_body .bc_main_section .pagenation .role_btn:first-child {
  margin-left: 0;
}
.boost_course_main_body .bc_main_section .pagenation .role_btn.on {
  opacity: 1;
  filter: alpha(opacity=100);
}
.boost_course_main_body .bc_main_section .pagenation .control_btn {
  display: inline-block;
  vertical-align: top;
  margin-left: 4px;
  background-image: url(../img/sprite/sp_boost_c.png#bt_pause);
  background-repeat: no-repeat;
  background-position: -1644px -948px;
  width: 14px;
  height: 14px;
  -webkit-background-size: 2062px auto;
          background-size: 2062px auto;
}
.boost_course_main_body .bc_main_section .pagenation .control_btn.stop {
  background-image: url(../img/sprite/sp_boost_c.png#bt_play);
  background-repeat: no-repeat;
  background-position: -1662px -948px;
  width: 14px;
  height: 14px;
  -webkit-background-size: 2062px auto;
          background-size: 2062px auto;
}
.boost_course_main_body .bc_course_section {
  position: relative;
  padding: 0;
  background-color: #fff;
}
.boost_course_main_body .bc_course_section.bg_gray {
  background-color: #fafafa;
}
.boost_course_main_body .bc_course_section .inner {
  padding: 80px 0 80px;
}
.boost_course_main_body .bc_course_section .inner .course_area {
  width: 1080px;
  margin: auto;
}
.boost_course_main_body .bc_course_section .inner .course_area + .course_area {
  margin-top: 80px;
}
.boost_course_main_body .bc_course_section .inner .banner_area {
  width: 1080px;
  margin: 0 auto 80px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.boost_course_main_body .bc_course_section .inner .banner_area:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-banner-arrow);
  background-repeat: no-repeat;
  background-position: -403px -284px;
  width: 125px;
  height: 9px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 915px;
  right: auto;
  bottom: auto;
  margin: auto;
  margin: -5px 0 0 0;
}
.boost_course_main_body .bc_course_section .inner .banner_area a {
  display: block;
  padding: 27px 40px;
}
.boost_course_main_body .bc_course_section .inner .banner_area p {
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  -webkit-transform: skew(0.001deg);
      -ms-transform: skew(0.001deg);
          transform: skew(0.001deg);
}
.boost_course_main_body .bc_course_section .top_inner {
  padding: 80px 0;
  background-color: #edf0f2;
}
.boost_course_main_body .bc_course_section .top_inner .course_area {
  width: 1080px;
  margin: auto;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.04);
          box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.04);
}
.boost_course_main_body .bc_course_section .top_inner .course_area + .course_area {
  margin-top: 24px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .slide-box .slick .slick_list .slick_box {
  float: none;
  width: auto;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .slide-box .slick .slick_list .slick_box + .slick_box {
  margin-top: 16px;
  margin-left: 0;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .info_wrap .title {
  padding-bottom: 3px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .info_wrap .title strong {
  height: auto;
  display: block;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .info_wrap .info .sub {
  margin-top: 0;
  margin-bottom: 5px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best {
  width: 552px;
  float: left;
  padding: 24px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slide-box {
  height: 168px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box {
  height: 76px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box .img_wrap {
  float: left;
  margin-right: 16px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box .info_wrap {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box .info_wrap .title {
  margin-top: 0;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box .info_wrap .info {
  margin-top: 5px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box .info_wrap .info .state + .admin {
  margin-top: 5px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box .info_wrap .info .admin {
  margin-top: 0px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .best .slick_box .info_wrap .info .partner {
  margin-top: 0px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .popular {
  width: 276px;
  height: 258px;
  float: left;
  padding: 24px;
  background-color: #f9fafb;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .popular .tag_box {
  height: 170px;
  overflow: hidden;
  margin-top: -4px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .popular .tag_box .tag {
  display: inline-block;
  height: 30px;
  color: #666;
  font-size: 13px;
  line-height: 29px;
  letter-spacing: -0.5px;
  padding: 0 16px;
  background-color: #fff;
  -webkit-border-radius: 24px;
          border-radius: 24px;
  border: solid 1px rgba(0, 0, 0, 0.04);
  margin: 4px 4px 0 0;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest {
  width: 252px;
  float: left;
  padding: 24px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box {
  height: 167px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .img_wrap {
  width: 204px;
  height: 104px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .info_wrap {
  height: 63px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .info_wrap .title {
  margin-top: 8px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .info_wrap .info {
  margin-top: 5px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .info_wrap .info .sub {
  margin-bottom: 7px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .info_wrap .info .state + .admin {
  margin-top: 4px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .info_wrap .info .admin {
  margin-top: -3px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.hot .newest .slide-box .slick_box .info_wrap .info .partner {
  margin-top: -3px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.top10 {
  padding: 24px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.top10 .slick .slick_box {
  width: 328px;
}
.boost_course_main_body .bc_course_section .top_inner .course_area.top10 .slick .slick_box .img_wrap {
  width: 328px;
  height: 184px;
}
.boost_course_main_body .bc_course_section .course_area {
  overflow: hidden;
}
.boost_course_main_body .bc_course_section .course_area:after {
  display: block;
  clear: both;
  content: "";
}
.boost_course_main_body .bc_course_section .course_area .course_info {
  position: relative;
}
.boost_course_main_body .bc_course_section .course_area .course_info h4 {
  font-size: 24px;
  line-height: 27px;
  font-weight: 600;
  color: #333;
  word-break: keep-all;
  padding-bottom: 24px;
}
.boost_course_main_body .bc_course_section .course_area .course_info .title {
  display: block;
  font-size: 16px;
  line-height: 18px;
  color: #333;
  padding-bottom: 24px;
  -webkit-transform: skew(0.001deg);
      -ms-transform: skew(0.001deg);
          transform: skew(0.001deg);
}
.boost_course_main_body .bc_course_section .course_area .img_wrap {
  width: 252px;
  height: 140px;
  position: relative;
  overflow: hidden;
}
.boost_course_main_body .bc_course_section .course_area .img_wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 1px rgba(0, 0, 0, 0.04);
}
.boost_course_main_body .bc_course_section .course_area .img_wrap.small {
  width: 136px;
  height: 76px;
}
.boost_course_main_body .bc_course_section .course_area .img_wrap img {
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: top;
  position: relative;
}
.boost_course_main_body .bc_course_section .course_area .img_wrap .badge {
  display: inline-block;
  padding: 6px 10px;
  font-size: 10px;
  line-height: 11px;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  font-family: Helvetica;
  font-weight: 600;
}
.boost_course_main_body .bc_course_section .course_area .img_wrap .badge::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.boost_course_main_body .bc_course_section .info_wrap {
  overflow: hidden;
}
.boost_course_main_body .bc_course_section .info_wrap .title {
  margin-top: 24px;
}
.boost_course_main_body .bc_course_section .info_wrap .title strong {
  color: #2a2c2f;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  height: 40px;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  -webkit-transform: skew(0.01deg);
      -ms-transform: skew(0.01deg);
          transform: skew(0.01deg);
}
.boost_course_main_body .bc_course_section .info_wrap .info {
  color: #999;
  font-size: 0;
  line-height: 0;
  margin-top: 8px;
}
.boost_course_main_body .bc_course_section .info_wrap .info.type2 .date {
  float: none;
}
.boost_course_main_body .bc_course_section .info_wrap .info.type2 .admin {
  margin-top: 5px !important;
}
.boost_course_main_body .bc_course_section .info_wrap .info .sub {
  color: #666;
  font-size: 12px;
  line-height: 13px;
  margin-top: 5px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.boost_course_main_body .bc_course_section .info_wrap .info .sub::before {
  content: "";
  display: inline-block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-main-course);
  background-repeat: no-repeat;
  background-position: -308px -661px;
  width: 14px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin-right: 4px;
  vertical-align: -2px;
}
.boost_course_main_body .bc_course_section .info_wrap .info .date {
  display: block;
  color: #666;
  font-size: 12px;
  line-height: 13px;
  float: left;
}
.boost_course_main_body .bc_course_section .info_wrap .info .state {
  display: block;
  font-size: 12px;
  line-height: 14px;
  padding-left: 19px;
  position: relative;
  overflow: hidden;
}
.boost_course_main_body .bc_course_section .info_wrap .info .state::before {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background-color: #f0f0f0;
  position: absolute;
  top: 2px;
  left: 10px;
}
.boost_course_main_body .bc_course_section .info_wrap .info .state + .admin {
  margin-top: 4px;
}
.boost_course_main_body .bc_course_section .info_wrap .info .admin {
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  vertical-align: top;
  margin-top: 18px;
}
.boost_course_main_body .bc_course_section .info_wrap .info .partner {
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  margin-left: 17px;
  position: relative;
  margin-top: 1px;
  vertical-align: bottom;
}
.boost_course_main_body .bc_course_section .info_wrap .info .partner::before {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background-color: #f0f0f0;
  position: absolute;
  top: 2px;
  left: -8px;
}
.boost_course_main_body .bc_course_section {
  /*slick 공통*/
}
.boost_course_main_body .bc_course_section .slide-box {
  position: relative;
}
.boost_course_main_body .bc_course_section .slide-box .slick .slick_list, .boost_course_main_body .bc_course_section .slide-box .slick-dot .slick_list {
  display: block;
  overflow: hidden;
}
.boost_course_main_body .bc_course_section .slide-box .slick .slick_list .slick_box, .boost_course_main_body .bc_course_section .slide-box .slick-dot .slick_list .slick_box {
  width: 252px;
  display: block;
  position: relative;
  float: left;
}
.boost_course_main_body .bc_course_section .slide-box .slick .slick_list .slick_box::after, .boost_course_main_body .bc_course_section .slide-box .slick-dot .slick_list .slick_box::after {
  content: "";
  display: block;
  clear: both;
}
.boost_course_main_body .bc_course_section .slide-box .slick .slick_list .slick_box + .slick_box, .boost_course_main_body .bc_course_section .slide-box .slick-dot .slick_list .slick_box + .slick_box {
  margin-left: 24px;
}
.boost_course_main_body .bc_course_section .slide-box .thumb_box.big {
  width: 528px;
  display: block;
  position: relative;
  float: left;
  margin-right: 24px;
}
.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .img_wrap {
  width: 528px;
  height: 297px;
}
.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .img_wrap .badge.project {
  top: 194px;
  left: 32px;
  bottom: auto;
}
.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .img_wrap .badge.project::before {
  -webkit-transform: skew(0, 0);
      -ms-transform: skew(0, 0);
          transform: skew(0, 0);
}
.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .img_wrap .badge.project::after {
  content: "";
  display: block;
  height: 39px;
  position: absolute;
  top: -16px;
  left: -16px;
  right: -412px;
  background-color: rgba(255, 255, 255, 0.96);
  z-index: -2;
}
.boost_course_main_body .bc_course_section .slide-box .thumb_box.big + .slick-dot {
  float: left;
  width: 528px;
}
.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .info_wrap {
  position: absolute;
  bottom: -33px;
  left: 16px;
  right: 16px;
  background-color: rgba(255, 255, 255, 0.96);
  padding: 0 16px 37px;
}
.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .info_wrap .title {
  margin-top: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  height: 20px;
  overflow: hidden;
}
.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .lecture_count {
  position: absolute;
  bottom: -21px;
  right: 16px;
  background-color: rgba(255, 255, 255, 0.96);
  padding: 0 16px;
}
.boost_course_main_body .bc_course_section .slide-box .thumb_box.big .summary {
  position: absolute;
  bottom: -20px;
  left: 16px;
  background-color: rgba(255, 255, 255, 0.96);
  padding: 0 16px;
  border-top: 0;
}
.boost_course_main_body .bc_course_section .top_menu {
  width: 1080px;
  height: 64px;
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #25292f;
}
.boost_course_main_body .bc_course_section .top_menu ul {
  width: 1080px;
  margin: 0 auto;
  padding: 10px 25px;
}
.boost_course_main_body .bc_course_section .top_menu ul::after {
  content: "";
  display: block;
  clear: both;
}
.boost_course_main_body .bc_course_section .top_menu ul li {
  float: left;
  position: relative;
}
.boost_course_main_body .bc_course_section .top_menu ul li + li {
  margin-left: 9px;
}
.boost_course_main_body .bc_course_section .top_menu ul li a {
  display: block;
  color: #fff;
  padding: 0 15px;
  line-height: 44px;
}
.boost_course_main_body .bc_course_section .top_menu ul li a span {
  position: relative;
  padding-left: 10px;
  display: inline-block;
}
.boost_course_main_body .bc_course_section .top_menu ul li a span::before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #828c96;
  position: absolute;
  left: 4px;
  top: 20px;
}
.boost_course_main_body .bc_course_section .top_menu ul li a:hover {
  color: #00caf9;
}
.boost_course_main_body .bc_course_section .top_menu ul li.on a {
  color: #00caf9;
  font-weight: 600;
}
.boost_course_main_body .bc_course_section .top_menu ul li.on::after {
  content: "";
  display: block;
  height: 2px;
  background-color: #00caf9;
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
}
.boost_course_main_body .bc_course_section .top_menu.fixed {
  width: auto;
  position: fixed;
  top: 0;
  -webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
  -webkit-border-radius: 0;
          border-radius: 0;
  z-index: 10000;
}
.boost_course_main_body .bc_course_section .top_menu.fixed ul {
  padding: 10px 0px;
  -webkit-transform: translateX(-15px);
      -ms-transform: translateX(-15px);
          transform: translateX(-15px);
}
.boost_course_main_body .bc_course_section .top_menu + .inner {
  padding-bottom: 24px;
}
.boost_course_main_body .bc_course_section .top_menu + .inner .course_area:first-child {
  margin-top: 33px;
}
.boost_course_main_body .bc_course_section .top_menu + .inner .course_area + .course_area {
  margin-top: 40px;
}
.boost_course_main_body .bc_course_section .course_list::after {
  content: "";
  display: block;
  clear: both;
}
.boost_course_main_body .bc_course_section .course_list li {
  position: relative;
  float: left;
  width: 252px;
}
.boost_course_main_body .bc_course_section .course_list li a {
  display: block;
}
.boost_course_main_body .bc_course_section .course_list li + li {
  margin-left: 24px;
}
.boost_course_main_body .bc_course_section .course_list li:hover .text {
  display: block;
}
.boost_course_main_body .bc_course_section .course_list li:hover a {
  text-decoration: none;
}
.boost_course_main_body .bc_course_section .course_list .info_wrap {
  position: relative;
}
.boost_course_main_body .bc_course_section .info {
  font-weight: 400;
  line-height: 16px;
}
.boost_course_main_body .bc_course_section .lecture_count {
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 11px;
  line-height: 12px;
  color: #666;
  margin-top: 14px;
  padding-bottom: 16px;
}
.boost_course_main_body .bc_course_section .lecture_count span + span {
  margin-left: 20px;
}
.boost_course_main_body .bc_course_section .lecture_count .like::before, .boost_course_main_body .bc_course_section .lecture_count .user::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-like-small);
  background-repeat: no-repeat;
  background-position: -493px -661px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin-right: 4px;
}
.boost_course_main_body .bc_course_section .lecture_count .user::before {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-user);
  background-repeat: no-repeat;
  background-position: -593px -661px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.boost_course_main_body .bc_course_section .summary {
  padding: 16px 0;
  border-top: 1px solid #f5f5f5;
  color: #72757a;
  font-size: 12px;
  line-height: 13px;
}
.boost_course_main_body .bc_course_section .summary span {
  position: relative;
}
.boost_course_main_body .bc_course_section .summary span + span {
  padding-left: 13px;
}
.boost_course_main_body .bc_course_section .summary span + span::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 4px;
  background-color: #000;
}
.boost_course_main_body .bc_course_section .summary span.em {
  color: #000;
}
.boost_course_main_body .bc_course_section .level {
  display: inline-block;
  font-size: 11px;
  line-height: 12px;
  color: #666;
  vertical-align: 1px;
  float: none;
  margin-left: 21px;
}
.boost_course_main_body .bc_course_section .level .icon {
  display: inline-block;
  height: 10px;
  margin-right: 2px;
  font-size: 0;
  vertical-align: -2px;
}
.boost_course_main_body .bc_course_section .level .icon .level_bg {
  display: inline-block;
  width: 3px;
  height: 7px;
  margin-left: 2px;
  -webkit-border-radius: 0.5px;
          border-radius: 0.5px;
  background-color: #d9dce0;
}
.boost_course_main_body .bc_course_section .level .icon .level_bg:first-child {
  height: 4px;
  background-color: #72757a;
}
.boost_course_main_body .bc_course_section .level .icon .level_bg:last-child {
  height: 10px;
}
.boost_course_main_body .bc_course_section .level .icon.level2 .level_bg:nth-child(2), .boost_course_main_body .bc_course_section .level .icon.level3 .level_bg:nth-child(2) {
  opacity: 1;
  background-color: #72757a;
}
.boost_course_main_body .bc_course_section .level .icon.level3 .level_bg:last-child {
  opacity: 1;
  background-color: #72757a;
}
.boost_course_main_body .bc_course_section {
  /* 뉴스 & 블로그 영역 */
}
.boost_course_main_body .bc_course_section .bg_inner {
  padding: 0 0 80px;
  background: #fafafa;
}
.boost_course_main_body .bc_course_section .news_area {
  width: 1080px;
  padding-top: 80px;
  margin: 0 auto;
}
.boost_course_main_body .bc_course_section .news_area .news_info {
  text-align: center;
}
.boost_course_main_body .bc_course_section .news_area .news_info .main_tit {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 32px;
  color: #333;
}
.boost_course_main_body .bc_course_section .news_area .news_info .text {
  margin-bottom: 32px;
  font-size: 12px;
  color: #384047;
}
.boost_course_main_body .bc_course_section .news_area .news_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.boost_course_main_body .bc_course_section .news_area .news_list .news_item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 24px;
}
.boost_course_main_body .bc_course_section .news_area .news_list .news_item:last-child {
  margin-right: 0;
}
.boost_course_main_body .bc_course_section .news_area .news_list .news_link {
  display: block;
  width: 100%;
}
.boost_course_main_body .bc_course_section .news_area .news_list .img_wrap img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  vertical-align: top;
}
.boost_course_main_body .bc_course_section .news_area .news_list .info_wrap {
  margin-top: 8px;
  vertical-align: top;
}
.boost_course_main_body .bc_course_section .news_area .news_list .info_wrap strong {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: #25292f;
}
.boost_course_main_body .bc_review_section {
  background-color: #dce1e6;
  padding: 80px 0;
  overflow: hidden;
}
.boost_course_main_body .bc_review_section .section_inner {
  position: relative;
}
.boost_course_main_body .bc_review_section .section_title h3 {
  font-weight: 700;
  font-size: 32px;
  color: #333;
  line-height: 35px;
  text-align: center;
}
.boost_course_main_body .bc_review_section .section_title p {
  color: #828c96;
}
.boost_course_main_body .bc_review_section .list_wrap {
  width: 1080px;
  height: 259px;
  margin: 40px auto 0;
  overflow: hidden;
}
.boost_course_main_body .bc_review_section .review_list {
  position: relative;
  left: 0;
  top: 0;
  overflow: hidden;
}
.boost_course_main_body .bc_review_section .review_list li {
  float: left;
  margin-left: 24px;
  width: 344px;
  height: 259px;
  position: relative;
  background-color: #fff;
  padding: 40px 24px 0;
  text-align: left;
}
.boost_course_main_body .bc_review_section .review_list li:first-child {
  margin-left: 0;
}
.boost_course_main_body .bc_review_section .review_list .review_info {
  background-color: #f9fafb;
  height: 61px;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px;
  line-height: 13px;
}
.boost_course_main_body .bc_review_section .review_list .review_info em {
  font-weight: 700;
  color: #333;
  vertical-align: top;
}
.boost_course_main_body .bc_review_section .review_list .review_info span {
  font-weight: 400;
  color: #666;
  vertical-align: top;
}
.boost_course_main_body .bc_review_section .review_list .review_info span:before {
  width: 1px;
  height: 8px;
  background-color: #dce1e6;
  content: "";
  display: inline-block;
  vertical-align: top;
  margin: 3px 8px 0 4px;
}
.boost_course_main_body .bc_review_section .review_list .review_text .label {
  display: inline-block;
  padding: 2px 4px;
  -webkit-border-radius: 1px;
          border-radius: 1px;
  background-color: #19dc91;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  vertical-align: top;
}
.boost_course_main_body .bc_review_section .review_list .review_text .label.reviewer {
  background-color: #604c8c;
}
.boost_course_main_body .bc_review_section .review_list .review_text p {
  color: #666;
  line-height: 20px;
  font-weight: 400;
  margin-top: 10px;
  font-size: 14px;
}
.boost_course_main_body .bc_review_section .list_prev_btn,
.boost_course_main_body .bc_review_section .list_next_btn {
  position: absolute;
  left: -40px;
  top: 164px;
  width: 64px;
  height: 64px;
  -webkit-box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.04);
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  z-index: 30;
  filter: alpha(opacity=0);
  transition: opacity 0.5s, visibility 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s, visibility 0.5s ease-in-out;
  -moz-transition: opacity 0.5s, visibility 0.5s ease-in-out;
  -ms-transition: opacity 0.5s, visibility 0.5s ease-in-out;
  -o-transition: opacity 0.5s, visibility 0.5s ease-in-out;
}
.boost_course_main_body .bc_review_section .list_prev_btn:after,
.boost_course_main_body .bc_review_section .list_next_btn:after {
  display: block;
  content: "";
  margin: 23px auto 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-review-arrow-right);
  background-repeat: no-repeat;
  background-position: -733px -438px;
  width: 10px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.boost_course_main_body .bc_review_section .list_next_btn {
  left: auto;
  right: -40px;
  background: -webkit-linear-gradient(left, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}
.boost_course_main_body .bc_review_section .list_next_btn:after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.boost_course_main_body .bc_qa_section {
  background-color: #f5f7fa;
  overflow: hidden;
  padding: 80px 0 80px;
}
.boost_course_main_body .bc_qa_section .section_title h3 {
  font-weight: 700;
  font-size: 32px;
  color: #333;
  line-height: 35px;
  text-align: center;
}
.boost_course_main_body .bc_qa_section .qa_list {
  margin-top: 40px;
}
.boost_course_main_body .bc_qa_section .qa_list li {
  margin-top: 8px;
  position: relative;
  background-color: #fff;
  overflow: hidden;
}
.boost_course_main_body .bc_qa_section .qa_list li:first-child {
  margin-top: 0;
}
.boost_course_main_body .bc_qa_section .qa_list .type {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  position: absolute;
  top: 31px;
  left: 33px;
}
.boost_course_main_body .bc_qa_section .qa_list .answer_area {
  background-color: #fff;
  overflow: hidden;
  display: none;
}
.boost_course_main_body .bc_qa_section .qa_list .question {
  font-weight: 400;
  font-size: 16px;
  color: #333;
  line-height: 16px;
  margin: 32px 92px 32px 144px;
  padding-left: 30px;
  position: relative;
}
.boost_course_main_body .bc_qa_section .qa_list .answer {
  line-height: 24px;
  margin: 24px 92px 24px 144px;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  padding-left: 30px;
  position: relative;
}
.boost_course_main_body .bc_qa_section .qa_list .question:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-qa-q);
  background-repeat: no-repeat;
  background-position: -708px -684px;
  width: 14px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
}
.boost_course_main_body .bc_qa_section .qa_list .answer:before {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-qa-a);
  background-repeat: no-repeat;
  background-position: -732px -629px;
  width: 13px;
  height: 14px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  content: "";
}
.boost_course_main_body .bc_qa_section .qa_list .open_btn {
  width: 100%;
  position: absolute;
  height: 78px;
  top: 0;
  left: 0;
  right: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.boost_course_main_body .bc_qa_section .qa_list .open_btn:after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-qa-arrow-up);
  background-repeat: no-repeat;
  background-position: -753px -693px;
  width: 12px;
  height: 8px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  position: absolute;
  right: 40px;
  top: 36px;
  content: "";
}
.boost_course_main_body .bc_qa_section .qa_list .open_btn.on:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.boost_course_main_body .bc_qa_section .qa_list .open_btn.on + .answer_area {
  display: block;
}
.boost_course_main_body .bc_qa_section .btn_more {
  display: block;
  background-color: #fff;
  width: 240px;
  height: 48px;
  color: #8b8f94;
  line-height: 48px;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  margin: 40px auto 0;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.boost_course_main_body .bc_qa_section .btn_more:hover {
  text-decoration: none;
}
.boost_course_main_body #container.all_lect .bc_main_section {
  height: 517px;
}
.boost_course_main_body #container.all_lect .bc_main_section .bc_main_area {
  padding: 80px 0 148px 0;
  height: 517px;
  position: relative;
}
.boost_course_main_body #container.all_lect .bc_main_section .bc_main_area:after {
  width: 1080px;
  height: 517px;
  background: url("https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/img_all_lecture_bg.svg") 0 0 no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: auto;
  margin: auto;
  margin: 0;
}
.boost_course_main_body #container.all_lect .bc_main_section .text_box {
  float: left;
}
.boost_course_main_body #container.all_lect .bc_main_section .text_box h2 {
  color: #fff;
  font-size: 52px;
  line-height: 57px;
  margin-bottom: 58px;
  font-weight: 400;
}
.boost_course_main_body #container.all_lect .bc_main_section .text_box h2 span {
  display: block;
  font-weight: 400;
  margin-bottom: 16px;
}
.boost_course_main_body #container.all_lect .bc_main_section .text_box .sub {
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.45px;
}
.boost_course_main_body #container.all_lect .bc_main_section .text_box .main_link {
  display: block;
  width: 96px;
  height: 96px;
  background-color: #35419c;
  color: #fff;
  font-size: 14px;
  line-height: 15px;
  padding-top: 33px;
  text-align: center;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  font-weight: 600;
  position: absolute;
  top: 291px;
  left: 183px;
  z-index: 100;
}
.boost_course_main_body #wrap.coach {
  position: relative;
}
.boost_course_main_body #wrap.coach #header[class^=main_] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.boost_course_main_body #wrap.coach #container {
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
.boost_course_main_body #wrap.coach #container .bc_main_section {
  height: 670px;
}
.boost_course_main_body #wrap.coach #container .bc_main_section .bc_main_area {
  width: 1920px;
  height: 670px;
  padding: 0;
}
.boost_course_main_body #wrap.coach #container .bc_main_section .bc_main_area .main_image_box {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.boost_course_main_body #wrap.coach #container .bc_main_section .bc_main_area .main_image_box .image {
  position: absolute;
  top: 0;
  left: 0;
}
.boost_course_main_body #wrap.coach #container .bc_main_section .bc_main_area .main_image_box img {
  vertical-align: top;
}
.boost_course_main_body #wrap.coach #container .bc_main_section .coach_title_box {
  position: relative;
  width: 1080px;
  height: 670px;
  margin: 0 auto;
  padding-top: 83px;
}
.boost_course_main_body #wrap.coach #container .bc_main_section .coach_title_box .title {
  display: block;
  margin-top: 124px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#coach-main-title);
  background-repeat: no-repeat;
  background-position: -4px -406px;
  width: 272px;
  height: 170px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.boost_course_main_body #wrap.coach #container .bc_main_section .coach_title_box .banner_nav_list {
  overflow: hidden;
  position: absolute;
  top: 433px;
  left: 0;
}
.boost_course_main_body #wrap.coach #container .bc_main_section .coach_title_box .banner_nav_list li {
  overflow: hidden;
  float: left;
  width: 37px;
  height: 3px;
  margin-right: 4px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.24);
}
.boost_course_main_body #wrap.coach #container .bc_main_section .coach_title_box .banner_nav_list li::after {
  display: block;
  width: 0;
  height: 3px;
  content: "";
}
.boost_course_main_body #wrap.coach #container .bc_main_section .coach_title_box .banner_nav_list li.active::after {
  -webkit-animation: banner_nav 5s linear forwards;
          animation: banner_nav 5s linear forwards;
  background-color: #fff;
}
@-webkit-keyframes banner_nav {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes banner_nav {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.boost_course_main_body #wrap.coach #container .bc_course_section {
  padding: 120px 0;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .inner {
  width: 1080px;
  margin: 0 auto;
  padding: 0;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .about_title {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#coach-about-title);
  background-repeat: no-repeat;
  background-position: -4px -79px;
  width: 466px;
  height: 86px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin: 0 auto;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_text {
  padding-top: 24px;
  font-size: 20px;
  color: #384047;
  line-height: 30px;
  text-align: center;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box {
  margin-top: 80px;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video {
  position: relative;
  height: 607px;
  opacity: 0;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video .bg_video, .boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video .play_video {
  display: none;
  position: relative;
  height: 607px;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video .bg_video video {
  display: none;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video .bg_video .btn_play {
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#coach-play-button);
  background-repeat: no-repeat;
  background-position: -4px -584px;
  width: 120px;
  height: 120px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin: -60px 0 0 -60px;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video .play_video video {
  display: none;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video.view .bg_video {
  display: none !important;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video.view .bg_video video, .boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video.view .bg_video .btn_play {
  display: none !important;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video.view .play_video {
  display: block;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box .coach_video.view video {
  display: block;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box.scroll_view .coach_video {
  -webkit-animation: ani_video 1s forwards;
          animation: ani_video 1s forwards;
  -webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
          animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box.scroll_view .coach_video .bg_video {
  display: block;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_video_box.scroll_view .coach_video .bg_video video {
  display: block;
}
@-webkit-keyframes ani_video {
  0% {
    top: 200px;
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
  }
  100% {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes ani_video {
  0% {
    top: 200px;
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
  }
  100% {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list {
  margin: 24px -12px 0;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list::after {
  display: block;
  clear: both;
  content: "";
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list li {
  position: relative;
  float: left;
  width: 528px;
  height: 520px;
  margin: 0 12px;
  padding: 48px;
  background-color: #fafafa;
  text-align: center;
  opacity: 0;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list li .bi_box {
  height: 251px;
  font-size: 0;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list li .bi_box::before {
  display: inline-block;
  width: 1px;
  height: 100%;
  margin-left: -1px;
  vertical-align: middle;
  content: "";
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list li .bi_box img {
  vertical-align: middle;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list li .title {
  display: block;
  margin-top: 24px;
  font-family: NanumSquareWebFont;
  font-weight: 900;
  font-size: 24px;
  color: #101214;
  line-height: 29px;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list li .text {
  margin-top: 16px;
  font-size: 13px;
  color: #374047;
  line-height: 19px;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list li .btn_more {
  display: inline-block;
  height: 40px;
  margin-top: 24px;
  padding: 0 24px;
  background-color: #fff;
  -webkit-border-radius: 24px;
          border-radius: 24px;
  font-size: 13px;
  color: #384047;
  line-height: 40px;
}
.boost_course_main_body #wrap.coach #container .bc_course_section .coach_corp_list.scroll_view li {
  -webkit-animation: ani_scroll_08_200 1s forwards;
          animation: ani_scroll_08_200 1s forwards;
  -webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
          animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}
@-webkit-keyframes ani_scroll_08_200 {
  0% {
    top: 200px;
    opacity: 0;
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
  100% {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes ani_scroll_08_200 {
  0% {
    top: 200px;
    opacity: 0;
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
  100% {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
.boost_course_main_body #wrap.coach #container .bc_course_section .latest_title {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#coach-latest-title);
  background-repeat: no-repeat;
  background-position: -478px -79px;
  width: 263px;
  height: 38px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin: 0 auto;
}
.boost_course_main_body #wrap.coach #container .item_box {
  font-size: 0;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box {
  width: 252px;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box + .coach_box {
  margin-left: 24px;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .img_box {
  position: relative;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text {
  padding: 40px 24px 0 24px;
  min-height: 150px;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .badge {
  display: inline-block;
  padding: 6px 10px;
  font-size: 10px;
  line-height: 11px;
  color: #fff;
  font-family: Helvetica;
  font-weight: 600;
  vertical-align: top;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level {
  display: inline-block;
  font-size: 12px;
  letter-spacing: -0.5px;
  color: #fff;
  background-color: #25292f;
  padding: 5px 9px 4px;
  line-height: 14px;
  margin-left: 9px;
  vertical-align: top;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level:first-child {
  margin-left: 0;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level .icon {
  display: inline-block;
  height: 10px;
  margin-right: 1px;
  font-size: 0;
  vertical-align: -1px;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level .icon .level_bg {
  display: inline-block;
  width: 3px;
  height: 7px;
  margin-left: 2px;
  -webkit-border-radius: 0.5px;
          border-radius: 0.5px;
  background-color: #fff;
  opacity: 0.2;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level .icon .level_bg:first-child {
  height: 4px;
  margin: 0;
  opacity: 1;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level .icon .level_bg:last-child {
  height: 10px;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level .icon.level2 .level_bg:nth-child(2), .boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level .icon.level3 .level_bg:nth-child(2) {
  opacity: 1;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .level .icon.level3 .level_bg:last-child {
  opacity: 1;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text strong {
  overflow: hidden;
  display: block;
  height: 46px;
  font-family: NanumSquareWebFont;
  font-weight: 700;
  font-size: 15px;
  color: #101214;
  line-height: 23px;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .member {
  margin-top: 4px;
  font-size: 13px;
  color: #828c96;
  line-height: 20px;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .info {
  margin-top: 8px;
  color: #72757a;
  line-height: 13px;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .info dd {
  display: inline-block;
  font-size: 12px;
  line-height: 13px;
  vertical-align: top;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .info dd.em::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  margin: -2px 8px 0 8px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  vertical-align: middle;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .time {
  overflow: hidden;
  margin-top: 24px;
  font-family: NanumSquareWebFont;
  font-weight: 700;
  color: #101214;
  font-size: 15px;
  line-height: 17px;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .time dt {
  float: left;
  margin-bottom: 8px;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .time dt::after {
  display: inline-block;
  width: 1px;
  height: 8px;
  margin: -2px 8px 0 8px;
  background-color: #d9dce0;
  vertical-align: middle;
  content: "";
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .text .time dd {
  overflow: hidden;
  margin-bottom: 8px;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .box_link {
  color: #25292f;
  display: block;
  height: 42px;
  font-size: 13px;
  line-height: 42px;
  font-weight: 600;
  border: 1px solid transparent;
  background-color: #fafafa;
  text-align: center;
  margin: 0 16px 16px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .box_link.on {
  border-color: #25292f;
  background-color: #fff;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box.project .text .info dd.em {
  color: #00caf9;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box.project .text .info dd.em::before {
  background-color: #00caf9;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box.project .text .time .point {
  color: #00caf9;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box.project .badge {
  background-color: #00caf9;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box.team .text .info dd.em {
  color: #4d6fee;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box.team .text .info dd.em::before {
  background-color: #4d6fee;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box.team .text .time .point {
  color: #4d6fee;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box.team .badge {
  background-color: #4d6fee;
}
.boost_course_main_body #wrap.coach #container .item_box .coach_box .box_link {
  color: #25292f;
  display: block;
  width: 100%;
  height: 49px;
  font-size: 15px;
  line-height: 49px;
  border: 1px solid #25292f;
  text-align: center;
  margin-top: 16px;
}
.boost_course_main_body #wrap.coach #container .latest_study {
  position: relative;
  margin-top: 80px;
  opacity: 0;
}
.boost_course_main_body #wrap.coach #container .latest_study .item_box .coach_box {
  width: 100%;
  height: 322px;
}
.boost_course_main_body #wrap.coach #container .latest_study .item_box .coach_box + .coach_box {
  margin: 0;
}
.boost_course_main_body #wrap.coach #container .latest_study .item_box .coach_box .img_box {
  display: inline-block;
  width: 538px;
  height: 100%;
  vertical-align: top;
}
.boost_course_main_body #wrap.coach #container .latest_study .item_box .coach_box .text {
  display: inline-block;
  width: 542px;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 40px 40px 0;
  vertical-align: top;
}
.boost_course_main_body #wrap.coach #container .latest_study .item_box .coach_box .text strong {
  height: auto;
  margin-top: 24px;
  font-size: 30px;
  line-height: 36px;
}
.boost_course_main_body #wrap.coach #container .latest_study .item_box .coach_box .box_link {
  width: 100%;
  height: 48px;
  margin: 16px 0 0 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  border-color: transparent;
  background-color: #00caf9;
  font-family: NanumSquareWebFont;
  font-weight: 700;
  font-size: 15px;
  color: #fff;
  line-height: 48px;
}
.boost_course_main_body #wrap.coach #container .latest_study .item_box .coach_box span.box_link {
  background-color: #edf0f2;
  color: #828c96;
}
.boost_course_main_body #wrap.coach #container .latest_study.scroll_view {
  -webkit-animation: ani_scroll_08_200 1s forwards;
          animation: ani_scroll_08_200 1s forwards;
  -webkit-animation-timing-function: cubic-bezier(0.12, 0.23, 0.5, 1);
          animation-timing-function: cubic-bezier(0.12, 0.23, 0.5, 1);
}
.boost_course_main_body #wrap.coach #container .previous_study_list {
  margin-top: 80px;
}
.boost_course_main_body #wrap.coach #container .previous_study_list .title {
  display: block;
  margin-bottom: 24px;
  font-family: NanumSquareWebFont;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #101214;
  text-align: center;
}
.boost_course_main_body #wrap.coach #container .previous_study_list .list_box {
  position: relative;
  opacity: 0;
}
.boost_course_main_body #wrap.coach #container .previous_study_list.scroll_view .list_box {
  -webkit-animation: ani_previous_study 1s forwards;
          animation: ani_previous_study 1s forwards;
  -webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
          animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}
@-webkit-keyframes ani_previous_study {
  0% {
    top: 100px;
    opacity: 0;
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
  100% {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes ani_previous_study {
  0% {
    top: 100px;
    opacity: 0;
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
  100% {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
.boost_course_main_body #wrap.coach #container .coaching_title {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#coach-coaching-title);
  background-repeat: no-repeat;
  background-position: -4px -218px;
  width: 391px;
  height: 85px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin: 0 auto;
}
.boost_course_main_body #wrap.coach #container .coaching_box {
  position: relative;
  margin: 80px 0;
}
.boost_course_main_body #wrap.coach #container .coaching_box::before {
  display: block;
  position: relative;
  width: 100%;
  height: 396px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/img_coaching_bg.png) no-repeat 50% 50%;
  -webkit-background-size: 1080px 396px;
          background-size: 1080px 396px;
  opacity: 0;
  content: "";
}
.boost_course_main_body #wrap.coach #container .coaching_box [class*=img_text] {
  display: block;
  position: absolute;
}
.boost_course_main_body #wrap.coach #container .coaching_box [class*=img_text]::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  content: "";
}
.boost_course_main_body #wrap.coach #container .coaching_box .img_text {
  right: 137px;
  bottom: 131px;
  width: 198px;
  height: 83px;
}
.boost_course_main_body #wrap.coach #container .coaching_box .img_text::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#coach-img-right-bubble);
  background-repeat: no-repeat;
  background-position: -284px -485px;
  width: 198px;
  height: 83px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.boost_course_main_body #wrap.coach #container .coaching_box .img_text2 {
  left: 121px;
  bottom: 114px;
  width: 226px;
  height: 83px;
}
.boost_course_main_body #wrap.coach #container .coaching_box .img_text2::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#coach-img-left-bubble);
  background-repeat: no-repeat;
  background-position: -386px -311px;
  width: 226px;
  height: 83px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.boost_course_main_body #wrap.coach #container .coaching_box .img_text3 {
  right: 258px;
  bottom: 40px;
  width: 224px;
  height: 71px;
}
.boost_course_main_body #wrap.coach #container .coaching_box .img_text3::after {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#coach-img-center-bubble);
  background-repeat: no-repeat;
  background-position: -284px -406px;
  width: 224px;
  height: 71px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.boost_course_main_body #wrap.coach #container .coaching_box.scroll_view::before {
  -webkit-animation: ani_scroll_08_200 1s forwards;
          animation: ani_scroll_08_200 1s forwards;
  -webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
          animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}
.boost_course_main_body #wrap.coach #container .coaching_box.scroll_view .img_text::after {
  -webkit-animation: ani_bg_text 1s forwards 1s;
          animation: ani_bg_text 1s forwards 1s;
  -webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
          animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}
.boost_course_main_body #wrap.coach #container .coaching_box.scroll_view .img_text2::after {
  -webkit-animation: ani_bg_text2 1s forwards 2s;
          animation: ani_bg_text2 1s forwards 2s;
  -webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
          animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}
.boost_course_main_body #wrap.coach #container .coaching_box.scroll_view .img_text3::after {
  -webkit-animation: ani_bg_text 1s forwards 3s;
          animation: ani_bg_text 1s forwards 3s;
  -webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
          animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}
@-webkit-keyframes ani_bg_text {
  0% {
    left: -100px;
    opacity: 0;
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
  }
  100% {
    left: 0;
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes ani_bg_text {
  0% {
    left: -100px;
    opacity: 0;
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
  }
  100% {
    left: 0;
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes ani_bg_text2 {
  0% {
    left: 100px;
    opacity: 0;
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
  }
  100% {
    left: 0;
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes ani_bg_text2 {
  0% {
    left: 100px;
    opacity: 0;
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
  }
  100% {
    left: 0;
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
.boost_course_main_body #wrap.coach #container .coaching_teacher_box .title {
  display: block;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#coach-teacher-title);
  background-repeat: no-repeat;
  background-position: -478px -125px;
  width: 241px;
  height: 31px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin: 0 auto;
}
.boost_course_main_body #wrap.coach #container .teather_list {
  margin: 40px -12px 0;
  font-size: 0;
}
.boost_course_main_body #wrap.coach #container .teather_list li {
  display: inline-block;
  position: relative;
  width: 528px;
  height: 334px;
  margin: 0 12px;
  background-color: #fafafa;
  font-size: 0;
  vertical-align: top;
  opacity: 0;
}
.boost_course_main_body #wrap.coach #container .teather_list .info_box {
  display: inline-block;
  width: 328px;
  height: 334px;
  padding: 48px 48px 0;
  vertical-align: top;
}
.boost_course_main_body #wrap.coach #container .teather_list .info_box .corp {
  overflow: hidden;
  display: block;
  height: 20px;
  font-family: NanumSquareWebFont;
  font-weight: 700;
  font-size: 13px;
  color: #437fff;
  line-height: 20px;
}
.boost_course_main_body #wrap.coach #container .teather_list .info_box .samsung {
  display: block;
  width: 75.5px;
  height: 20.2px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_boostcourse/coach-samsumg-bi.png) no-repeat 0 0;
  -webkit-background-size: 75.5px 20.2px;
          background-size: 75.5px 20.2px;
}
.boost_course_main_body #wrap.coach #container .teather_list .info_box .name {
  display: block;
  margin-top: 32px;
  font-family: NanumSquareWebFont;
  font-weight: 700;
  font-size: 20px;
  color: #101214;
  line-height: 30px;
}
.boost_course_main_body #wrap.coach #container .teather_list .info_box .text {
  margin-top: 16px;
  font-size: 16px;
  color: #384047;
  line-height: 24px;
}
.boost_course_main_body #wrap.coach #container .teather_list .info_box .tag {
  margin-top: 32px;
}
.boost_course_main_body #wrap.coach #container .teather_list .info_box .tag p {
  font-size: 13px;
  color: #828c96;
  line-height: 20px;
}
.boost_course_main_body #wrap.coach #container .teather_list .img_box {
  display: inline-block;
  width: 200px;
  height: 334px;
  vertical-align: top;
}
.boost_course_main_body #wrap.coach #container .teather_list.scroll_view li {
  -webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
          animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}
.boost_course_main_body #wrap.coach #container .teather_list.scroll_view li:first-child {
  -webkit-animation: ani_scroll_left_300 1s forwards;
          animation: ani_scroll_left_300 1s forwards;
}
.boost_course_main_body #wrap.coach #container .teather_list.scroll_view li:last-child {
  -webkit-animation: ani_scroll_right_300 1s forwards;
          animation: ani_scroll_right_300 1s forwards;
}
@-webkit-keyframes ani_scroll_left_300 {
  0% {
    left: -300px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes ani_scroll_left_300 {
  0% {
    left: -300px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@-webkit-keyframes ani_scroll_right_300 {
  0% {
    left: 300px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes ani_scroll_right_300 {
  0% {
    left: 300px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
.boost_course_main_body #wrap.coach #container .review_title {
  margin: 0 auto;
  text-align: center;
}
.boost_course_main_body #wrap.coach #container .review_title img {
  vertical-align: top;
}
.boost_course_main_body #wrap.coach #container .review_list {
  margin-top: 80px;
}
.boost_course_main_body #wrap.coach #container .review_list li {
  position: relative;
  height: 252px;
  padding: 51px 64px 0;
  background-color: #fff;
  font-size: 0;
  opacity: 0;
}
.boost_course_main_body #wrap.coach #container .review_list li + li {
  margin-top: 24px;
}
.boost_course_main_body #wrap.coach #container .review_list.scroll_view li {
  -webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
          animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}
.boost_course_main_body #wrap.coach #container .review_list.scroll_view li:nth-child(odd) {
  left: -300px;
  -webkit-animation: ani_scroll_left_300 1s forwards;
          animation: ani_scroll_left_300 1s forwards;
}
.boost_course_main_body #wrap.coach #container .review_list.scroll_view li:nth-child(even) {
  left: 300px;
  -webkit-animation: ani_scroll_right_300 1s forwards;
          animation: ani_scroll_right_300 1s forwards;
}
.boost_course_main_body #wrap.coach #container .review_text {
  display: inline-block;
  width: -webkit-calc(100% - 160px);
  width: calc(100% - 160px);
  vertical-align: top;
}
.boost_course_main_body #wrap.coach #container .review_text .title {
  display: block;
  font-family: NanumSquareWebFont;
  font-weight: 700;
  font-size: 24px;
  color: #101214;
  line-height: 36px;
}
.boost_course_main_body #wrap.coach #container .review_text .text {
  margin-top: 24px;
  font-size: 20px;
  color: #384047;
  line-height: 30px;
}
.boost_course_main_body #wrap.coach #container .reviewer {
  display: inline-block;
  width: 160px;
  height: 100%;
  text-align: center;
  vertical-align: top;
}
.boost_course_main_body #wrap.coach #container .reviewer img {
  vertical-align: top;
}
.boost_course_main_body #wrap.coach #container .reviewer .text {
  margin-top: 16px;
  font-size: 13px;
  color: #828c96;
  line-height: 20px;
}
.boost_course_main_body #wrap.coach #container .group_title {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#coach-group-title);
  background-repeat: no-repeat;
  background-position: -4px -311px;
  width: 374px;
  height: 87px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin: 0 auto;
}
.boost_course_main_body #wrap.coach #container .group_list {
  margin: 80px -12px 0;
  font-size: 0;
}
.boost_course_main_body #wrap.coach #container .group_list li {
  display: inline-block;
  position: relative;
  width: 528px;
  height: 240px;
  margin: 0 12px;
  background-color: #fafafa;
  text-align: center;
  vertical-align: top;
  opacity: 0;
}
.boost_course_main_body #wrap.coach #container .group_list li::before {
  display: inline-block;
  width: 1px;
  height: 100%;
  margin-left: -1px;
  vertical-align: middle;
  content: "";
}
.boost_course_main_body #wrap.coach #container .group_list li a {
  display: inline-block;
  vertical-align: middle;
}
.boost_course_main_body #wrap.coach #container .group_list li img {
  vertical-align: middle;
}
.boost_course_main_body #wrap.coach #container .group_list.scroll_view li {
  -webkit-animation: ani_scroll_08_200 1s forwards;
          animation: ani_scroll_08_200 1s forwards;
  -webkit-animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
          animation-timing-function: ease-out, cubic-bezier(0.12, 0.23, 0.5, 1);
}
.boost_course_main_body #wrap.coach #container .group_more_box {
  margin-top: 80px;
  text-align: center;
}
.boost_course_main_body #wrap.coach #container .group_more_box .title {
  display: block;
  font-family: NanumSquareWebFont;
  font-weight: 700;
  font-size: 20px;
  color: #101214;
  line-height: 30px;
}
.boost_course_main_body #wrap.coach #container .group_more_box .btn_more {
  display: block;
  width: 255px;
  height: 49px;
  margin: 24px auto 0;
  background-color: #00caf9;
  font-size: 15px;
  color: #fff;
  line-height: 49px;
}
.boost_course_main_body #wrap.coach #container .bc_coach_menu_section {
  height: 82px;
}
.boost_course_main_body #wrap.coach #container .bc_coach_menu_section .coach_menu_list {
  border-top: 1px solid #edf0f2;
  background-color: #fff;
  font-size: 0;
  text-align: center;
}
.boost_course_main_body #wrap.coach #container .bc_coach_menu_section .coach_menu_list li {
  display: inline-block;
  padding: 16px 60px;
}
.boost_course_main_body #wrap.coach #container .bc_coach_menu_section .coach_menu_list li a {
  display: inline-block;
  padding: 16px 0;
  font-size: 16px;
  color: #101214;
  line-height: 18px;
}
.boost_course_main_body #wrap.coach #container .bc_coach_menu_section .coach_menu_list li.selected a {
  position: relative;
  font-weight: 700;
  font-family: NanumSquareWebFont;
  color: #00caf9;
}
.boost_course_main_body #wrap.coach #container .bc_coach_menu_section .coach_menu_list li.selected a::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #00caf9;
  content: "";
}
.boost_course_main_body #wrap.coach #container .bc_coach_menu_section.scroll .coach_menu_list {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0 -16px 24px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 -16px 24px 0 rgba(0, 0, 0, 0.04);
}
.boost_course_main_body #wrap.coach #container .bc_attend_section {
  background-color: #437fff;
}
.boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner {
  padding: 80px 0 76px 552px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/boostcourse/img_coach_logo_v2.svg) 59px 80px no-repeat;
  -webkit-background-size: 337px 139px;
          background-size: 337px 139px;
  font-size: 0;
}
.boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner .attend_box {
  width: 252px;
  display: inline-block;
  vertical-align: top;
}
.boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner .attend_box + .attend_box {
  margin-left: 24px;
}
.boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner .attend_box .tit {
  color: #ffff00;
  font-size: 16px;
  line-height: 20px;
}
.boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner .attend_box p {
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  margin-top: 24px;
  letter-spacing: -0.4px;
}
.boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner .attend_box a {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  line-height: 14px;
  margin: 21px 0 0px 0px;
  padding: 4px 0;
}
.boost_course_main_body #wrap.coach #container .bc_attend_section .section_inner .attend_box a::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-box-link-white);
  background-repeat: no-repeat;
  background-position: -373px -661px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin-left: 4px;
}

.boost_course .clause_btn_box {
  margin-top: 8px;
}
.boost_course .all_page_btn_box {
  margin-top: 40px;
}
.boost_course .ce_toolbar {
  margin: 40px 0 0 0;
}
.boost_course .comment {
  margin-top: 40px;
}
.boost_course .comment_chk_box {
  margin-top: 40px;
  border: 1px solid #d1d1d1;
  padding: 0 20px;
}
.boost_course .comment_chk_box .state_group + .state_group {
  padding-left: 80px;
}
.boost_course .comment_chk_box .sjt {
  display: inline-block;
  width: 75px;
  color: #333;
  line-height: 55px;
}
.boost_course .comment_chk_box .ick {
  vertical-align: middle;
}
.boost_course .comment_chk_box button {
  float: right;
  margin-top: 10px;
}
.boost_course .tab_list {
  display: table;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #d8d8d8;
}
.boost_course .tab_list li {
  display: table-cell;
  position: relative;
  height: 48px;
  border-left: 1px solid #d8d8d8;
  background-color: #fdfdfd;
}
.boost_course .tab_list li:first-child {
  border-left: 0;
}
.boost_course .tab_list li.active {
  background-color: #fff;
}
.boost_course .tab_list li.active .link {
  font-weight: 600;
  color: #010101;
}
.boost_course .tab_list li.active .link:before {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: #fff;
  content: "";
}
.boost_course .tab_list .link {
  display: block;
  position: relative;
  height: 48px;
  border-left: 0;
  font-size: 16px;
  color: #666;
  text-align: center;
  letter-spacing: -1px;
  text-decoration: none;
  line-height: 48px;
  -webkit-transform: skew(0.001deg);
      -ms-transform: skew(0.001deg);
          transform: skew(0.001deg);
}
.boost_course .tab_list .new {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_new);
  background-repeat: no-repeat;
  background-position: -819px -337px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  margin: 16px 0 0 4px;
  vertical-align: top;
}
.boost_course .boost_course_cont {
  margin-top: 20px;
  color: #666;
  font-size: 14px;
  line-height: 24px;
}
.boost_course .boost_course_cont .caution_box {
  margin-top: 40px;
}
.boost_course .boost_course_cont .project_notice {
  margin-top: 40px;
}
.boost_course .boost_course_cont .project_notice .sjt {
  font-size: 16px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: 700;
  color: #00c73c;
  line-height: 18px;
  letter-spacing: 0;
}
.boost_course .boost_course_cont .project_notice .pjt_list {
  padding-top: 8px;
}
.boost_course .boost_course_cont .project_notice .pjt_list li {
  position: relative;
  margin-top: 16px;
  padding-left: 52px;
}
.boost_course .boost_course_cont .project_notice .pjt_list a {
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
  line-height: 36px;
  letter-spacing: 0;
}
.boost_course .boost_course_cont .project_notice .pjt_list em {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 36px;
  height: 36px;
  font-size: 0;
  background-color: #d8d8d8;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.boost_course .boost_course_cont .project_notice .pjt_list em:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_project_active);
  background-repeat: no-repeat;
  background-position: -229px -507px;
  width: 18px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px 0 0 -9px;
  content: "";
}
.boost_course .boost_course_cont .project_notice .pjt_list .on em {
  background-color: #00c73c;
}
.boost_course .boost_course_review_result .type_editor {
  height: auto !important;
  max-height: inherit !important;
}
.boost_course .boost_course_review_result {
  margin-top: 40px;
}
.boost_course .boost_course_review_result .review_ready {
  padding: 60px 0;
  background-color: #f9f9f9;
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 20px;
}
.boost_course .boost_course_review_result .result_top {
  text-align: center;
}
.boost_course .boost_course_review_result .result_top .result {
  display: block;
  font-size: 48px;
  font-weight: 600;
  color: #00c73c;
  letter-spacing: -2px;
  line-height: 53px;
}
.boost_course .boost_course_review_result .result_top .result.fail {
  color: #ff5230;
}
.boost_course .boost_course_review_result .result_top .result.play {
  font-size: 32px;
  color: #333;
  line-height: 35px;
}
.boost_course .boost_course_review_result .result_top .result.play + .info {
  margin-top: 16px;
}
.boost_course .boost_course_review_result .result_top .result_open {
  display: block;
  width: 200px;
  height: 64px;
  margin: 0 auto;
  -webkit-border-radius: 32px;
          border-radius: 32px;
  background-color: #ccc;
  -webkit-box-shadow: 0 16px 16px 0 rgba(204, 204, 204, 0.24);
          box-shadow: 0 16px 16px 0 rgba(204, 204, 204, 0.24);
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 64px;
}
.boost_course .boost_course_review_result .result_top a.result_open {
  background-color: #333;
  text-decoration: none;
}
.boost_course .boost_course_review_result .result_top .result_open + .info {
  margin-top: 16px;
}
.boost_course .boost_course_review_result .result_top .info {
  margin-top: 8px;
  font-size: 0;
}
.boost_course .boost_course_review_result .result_top .info span {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  font-size: 14px;
  color: #666;
  letter-spacing: -1px;
  vertical-align: top;
  line-height: 16px;
}
.boost_course .boost_course_review_result .result_top .info span + span:before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 1px;
  height: 12px;
  background-color: #e9ebec;
  vertical-align: top;
  content: "";
}
.boost_course .boost_course_review_result .result_top .info .review_cnt {
  font-weight: 600;
  color: #333;
}
.boost_course .boost_course_review_result .result_top + .review_tab {
  margin-top: 40px;
}
.boost_course .boost_course_review_result .review_tab li {
  float: left;
  overflow: hidden;
  width: 184px;
  margin-left: 8px;
  background-color: #ecf0f1;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.boost_course .boost_course_review_result .review_tab .active {
  background-color: #333;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.16);
}
.boost_course .boost_course_review_result .review_tab .active .link {
  color: #fff;
}
.boost_course .boost_course_review_result .review_tab .disabled {
  background-color: #fafafa;
}
.boost_course .boost_course_review_result .review_tab .disabled .link {
  color: #ccc;
}
.boost_course .boost_course_review_result .review_tab li:first-child {
  margin-left: 0;
}
.boost_course .boost_course_review_result .review_tab:after {
  display: block;
  clear: both;
  content: "";
}
.boost_course .boost_course_review_result .review_tab .link {
  display: block;
  position: relative;
  height: 48px;
  padding-right: 16px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  color: #666;
  text-decoration: none;
  text-align: right;
  letter-spacing: -1px;
  line-height: 48px;
}
.boost_course .boost_course_review_result .review_tab .link:before {
  display: block;
  position: absolute;
  left: 24px;
  top: 50%;
  content: "";
}
.boost_course .boost_course_review_result .review_tab .project .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_project);
  background-repeat: no-repeat;
  background-position: -273px -507px;
  width: 18px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-top: -8px;
}
.boost_course .boost_course_review_result .review_tab .code .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_code);
  background-repeat: no-repeat;
  background-position: -579px -668px;
  width: 22px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-top: -9px;
}
.boost_course .boost_course_review_result .review_tab .document .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_document);
  background-repeat: no-repeat;
  background-position: -876px -670px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-top: -9px;
}
.boost_course .boost_course_review_result .review_tab .student .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_student);
  background-repeat: no-repeat;
  background-position: -876px -814px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-top: -10px;
}
.boost_course .boost_course_review_result .review_tab .list .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_list);
  background-repeat: no-repeat;
  background-position: -876px -742px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-top: -10px;
}
.boost_course .boost_course_review_result .review_tab .project.active .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_project_active);
  background-repeat: no-repeat;
  background-position: -229px -507px;
  width: 18px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.boost_course .boost_course_review_result .review_tab .code.active .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_code_active);
  background-repeat: no-repeat;
  background-position: -745px -443px;
  width: 22px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.boost_course .boost_course_review_result .review_tab .document.active .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_document_active);
  background-repeat: no-repeat;
  background-position: -876px -622px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.boost_course .boost_course_review_result .review_tab .student.active .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_student_active);
  background-repeat: no-repeat;
  background-position: -876px -766px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.boost_course .boost_course_review_result .review_tab .list.active .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_list_active);
  background-repeat: no-repeat;
  background-position: -876px -694px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.boost_course .boost_course_review_result .review_tab .project.disabled .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_project_disabled);
  background-repeat: no-repeat;
  background-position: -251px -507px;
  width: 18px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.boost_course .boost_course_review_result .review_tab .code.disabled .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_code_disabled);
  background-repeat: no-repeat;
  background-position: -746px -636px;
  width: 22px;
  height: 18px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.boost_course .boost_course_review_result .review_tab .document.disabled .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_document_disabled);
  background-repeat: no-repeat;
  background-position: -876px -646px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.boost_course .boost_course_review_result .review_tab .student.disabled .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_student_disabled);
  background-repeat: no-repeat;
  background-position: -876px -790px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.boost_course .boost_course_review_result .review_tab .list.disabled .link:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_list_disabled);
  background-repeat: no-repeat;
  background-position: -876px -718px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.boost_course .boost_course_review_result .review_project {
  margin-top: 40px;
}
.boost_course .boost_course_review_result .review_project .sjt {
  font-size: 16px;
  font-weight: 600;
  color: #010101;
  letter-spacing: -1px;
  line-height: 18px;
}
.boost_course .boost_course_review_result .review_project .project_tbl {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #010101;
  border-bottom: 1px solid #d8d8d8;
  margin-top: 16px;
}
.boost_course .boost_course_review_result .review_project .project_tbl th {
  padding: 12px 24px;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  text-align: left;
  line-height: 24px;
}
.boost_course .boost_course_review_result .review_project .project_tbl .editor_cell {
  padding: 0 8px 9px;
  background-color: #fdfdfd;
}
.boost_course .boost_course_review_result .review_project .project_tbl .editor_cell .editor_section {
  margin: 0;
}
.boost_course .boost_course_review_result .review_project .project_tbl .chk_cell {
  border-top: 1px solid #ebebeb;
  background-color: #fdfdfd;
  padding: 13px 24px 12px;
}
.boost_course .boost_course_review_result .review_project .project_tbl .chk_cell .pass {
  font-weight: 600;
  color: #00c73c;
}
.boost_course .boost_course_review_result .review_project .project_tbl .chk_cell .fail {
  font-weight: 600;
  color: #ff5230;
}
.boost_course .boost_course_review_result .review_project .project_tbl .tit {
  display: block;
  border-top: 0;
  font-weight: normal;
  color: #333;
}
.boost_course .boost_course_review_result .review_project .project_tbl .tit_dsc {
  margin-top: 8px;
}
.boost_course .boost_course_review_result .review_project.result .project_tbl .pass {
  padding: 0;
  font-size: 24px;
  font-weight: 600;
  color: #00c73c;
  text-align: center;
  line-height: 26px;
}
.boost_course .boost_course_review_result .review_project.result .project_tbl .fail {
  padding: 0;
  font-size: 24px;
  font-weight: 600;
  color: #ff5230;
  text-align: center;
  line-height: 26px;
}
.boost_course .boost_course_review_result .review_project.result .project_tbl td {
  padding: 12px 24px;
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.boost_course .boost_course_review_result .review_project.result .project_tbl tr:first-child td {
  border-top: 0;
}
.boost_course .boost_course_review_result .review_project.result .project_tbl .editor_cell {
  padding: 0 24px 14px;
}
.boost_course .boost_course_review_result .review_project.mark .project_tbl {
  border: 2px solid #333;
}
.boost_course .boost_course_review_result .project_result {
  margin-top: 40px;
  font-size: 16px;
  color: #00c73c;
  text-align: center;
  letter-spacing: -1px;
  line-height: 18px;
}
.boost_course .boost_course_review_result .project_result.fail {
  color: #ff5230;
}
.boost_course .boost_course_review_result .code_review {
  margin-top: 40px;
}
.boost_course .boost_course_review_result .code_review .code_list_sjt {
  overflow: hidden;
  height: 48px;
  background-color: #fdfdfd;
  border-top: 1px solid #010101;
  line-height: 48px;
}
.boost_course .boost_course_review_result .code_review .code_list_sjt em {
  display: block;
  font-size: 14px;
  color: #333;
  letter-spacing: -1px;
}
.boost_course .boost_course_review_result .code_review .code_list_sjt .file_name {
  float: left;
  width: 612px;
  padding-left: 24px;
}
.boost_course .boost_course_review_result .code_review .code_list_sjt .review_cnt {
  float: right;
  width: 88px;
  text-align: center;
}
.boost_course .boost_course_review_result .code_review .code_list {
  overflow: hidden;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_code_list.png) repeat;
  border-bottom: 1px solid #ebebeb;
}
.boost_course .boost_course_review_result .code_review .code_list .list_item {
  position: relative;
  overflow: hidden;
  font-size: 0;
  border-top: 1px solid #ebebeb;
}
.boost_course .boost_course_review_result .code_review .code_list .text {
  position: relative;
  padding-right: 88px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boost_course .boost_course_review_result .code_review .code_list .text .cnt {
  position: absolute;
  right: 0;
  top: 0;
  width: 88px;
  color: #666;
  text-align: center;
}
.boost_course .boost_course_review_result .code_review .code_list .download {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_review_download);
  background-repeat: no-repeat;
  background-position: -819px -357px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 16px;
  right: 88px;
}
.boost_course .boost_course_review_result .code_review .code_list .folder_link {
  display: block;
  padding-left: 24px;
}
.boost_course .boost_course_review_result .code_review .code_list .folder_link .arr {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_list_arr_unfold);
  background-repeat: no-repeat;
  background-position: -401px -704px;
  width: 8px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  margin: 20px 8px 0 0;
  vertical-align: top;
}
.boost_course .boost_course_review_result .code_review .code_list .folder_link.fold .arr {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_list_arr_fold);
  background-repeat: no-repeat;
  background-position: -389px -704px;
  width: 8px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.boost_course .boost_course_review_result .code_review .code_list .folder_link.fold + .depth {
  display: none;
}
.boost_course .boost_course_review_result .code_review .code_list .file_link {
  padding-left: 24px;
}
.boost_course .boost_course_review_result .code_review .code_list .list_dash {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_list_indent);
  background-repeat: no-repeat;
  background-position: -868px -732px;
  width: 4px;
  height: 4px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  float: left;
  margin: 20px 8px 0 0;
  vertical-align: top;
}
.boost_course .boost_course_review_result .code_review .code_list .list_link {
  display: block;
  overflow: hidden;
  height: 48px;
  font-size: 14px;
  color: #666;
  letter-spacing: -1px;
  text-decoration: none;
  line-height: 48px;
}
.boost_course .boost_course_review_result .code_review .code_list .active {
  color: #00c73c;
  font-weight: 600;
}
.boost_course .boost_course_review_result .code_review .code_list .editor_write_box {
  padding: 24px;
  height: 294px;
  background-color: #fff;
}
.boost_course .boost_course_review_result .code_review .code_list .editor_write_box .cmt_btn_box {
  margin-top: 8px;
}
.boost_course .boost_course_review_result .code_review .code_list .editor_view_box {
  font-size: 14px;
  padding: 24px 24px 67px;
  min-height: 147px;
  background-color: #fff;
}
.boost_course .boost_course_review_result .code_review .code_list .editor_view_box .cmt_btn_box {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  margin: 0;
  padding-top: 8px;
  border-top: 1px solid #e9e9e9;
}
.boost_course .boost_course_review_result .code_review .depth {
  display: none;
}
.boost_course .boost_course_review_result .code_review .depth .code_list {
  background: none;
}
.boost_course .boost_course_review_result .code_review .folder_link + .depth {
  display: block;
}
.boost_course .boost_course_review_result .code_review .depth .code_list {
  border-bottom: 0;
}
.boost_course .boost_course_review_result .code_review .depth .code_list .file_link {
  padding-left: 40px;
}
.boost_course .boost_course_review_result .code_review .depth .code_list .folder_link {
  padding-left: 40px;
}
.boost_course .boost_course_review_result .code_review .folder {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_list_folder);
  background-repeat: no-repeat;
  background-position: -347px -704px;
  width: 10px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  margin: 20px 8px 0 0;
  font-size: 0;
  vertical-align: top;
}
.boost_course .boost_course_review_result .code_review .file {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_list_file);
  background-repeat: no-repeat;
  background-position: -789px -841px;
  width: 8px;
  height: 10px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  margin: 19px 8px 0 0;
  vertical-align: top;
}
.boost_course .boost_course_review_result .code_review .code_list.document_list .text {
  padding-right: 120px;
}
.boost_course .boost_course_review_result .star_box .star {
  overflow: hidden;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  vertical-align: top;
}
.boost_course .boost_course_review_result .star_box .star:first-child {
  margin-left: 0;
}
.boost_course .boost_course_review_result .star_box .star .star_btn {
  display: inline-block;
  width: 10px;
  height: 20px;
}
.boost_course .boost_course_review_result .star_box .active_l {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_star_active_l);
  background-repeat: no-repeat;
  background-position: -819px -732px;
  width: 10px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.boost_course .boost_course_review_result .star_box .active_r {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_star_active_r);
  background-repeat: no-repeat;
  background-position: -819px -756px;
  width: 10px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.boost_course .boost_course_review_result .result_btn_box {
  margin-top: 40px;
}
.boost_course .boost_course_review_result .result_btn_box .btn_reject {
  width: 84px;
}
.boost_course .boost_course_review_result .result_btn_box .btn_reject.active {
  border: 0;
  background-color: #ff5230;
}
.boost_course .boost_course_review_result .reviewer_box {
  margin-top: 80px;
}
.boost_course .boost_course_review_result .reviewer_box.result .editor {
  border-top: 1px solid #f1f1f1;
}
.boost_course .boost_course_review_result .reviewer_box .sjt {
  font-size: 16px;
  font-weight: 600;
  color: #010101;
  letter-spacing: -1px;
  line-height: 18px;
}
.boost_course .boost_course_review_result .reviewer_box .inpt_box {
  position: relative;
  margin-top: 16px;
}
.boost_course .boost_course_review_result .reviewer_box .editor {
  margin-top: 11px;
}
.boost_course .boost_course_review_result .reviewer_box .editor .editor_section {
  margin-top: 0;
}
.boost_course .boost_course_review_result .reviewer_box .inpt_box .inpt {
  overflow-y: auto;
  width: 100%;
  height: 120px;
  padding: 15px;
  border: 1px solid #eaeaea;
  font-size: 14px;
  color: #666;
  letter-spacing: -1px;
  line-height: 20px;
  vertical-align: top;
}
.boost_course .boost_course_review_result .reviewer_box .inpt_box .txtarea_label {
  position: absolute;
  left: 16px;
  top: 16px;
  font-size: 14px;
  color: #999;
  letter-spacing: -1px;
  line-height: 20px;
}
.boost_course .boost_course_review_result .reviewer_box .inpt_box .btn_box {
  text-align: right;
  margin-top: 8px;
}
.boost_course .boost_course_review_result .reviewer_box .inpt_box .btn_box a {
  display: inline-block;
  height: 34px;
  background-color: #010101;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 34px;
}
.boost_course .boost_course_review_result .reviewer_box .reviewer_cmt {
  margin-top: 13px;
  padding-top: 16px;
  border-top: 1px solid #f1f1f1;
  font-size: 14px;
  color: #333;
  letter-spacing: -1px;
  line-height: 20px;
}
.boost_course .boost_course_review_result .reviewer_box .result_cnt {
  position: relative;
  margin-top: 11px;
}
.boost_course .boost_course_review_result .reviewer_box .result_cnt:after {
  display: block;
  clear: both;
  content: "";
}
.boost_course .boost_course_review_result .reviewer_box .result_cnt [class*=btn_] {
  float: right;
  width: 65px;
  height: 34px;
  margin-top: -3px;
  font-size: 14px;
  color: #fff;
  background-color: #010101;
  text-align: center;
  text-decoration: none;
  letter-spacing: -1px;
  line-height: 34px;
}
.boost_course .boost_course_review_result .reviewer_box .result_cnt .star_info {
  float: left;
  height: 20px;
  color: #666;
  line-height: 20px;
  letter-spacing: -1px;
}
.boost_course .boost_course_review_result .reviewer_box .result_cnt .star_info .txt {
  padding-right: 8px;
}
.boost_course .boost_course_review_result .reviewer_box .past_review_box .answer_sjt {
  color: #999;
}
.boost_course .boost_course_review_result .reviewer_box .past_review_box .answer_sjt em {
  color: #010101;
}
.boost_course .boost_course_review_result .gitcode_box {
  margin-top: 40px;
}
.boost_course .boost_course_review_result .gitcode_box .sjt {
  font-size: 16px;
  font-weight: 600;
  color: #010101;
  letter-spacing: -1px;
  line-height: 18px;
}
.boost_course .boost_course_review_result .gitcode_box .code_dsc {
  margin-top: 16px;
  font-size: 14px;
  color: #333;
  line-height: 14px;
  letter-spacing: -1px;
}
.boost_course .boost_course_review_result .gitcode_box .code_dsc a {
  color: #333;
}
.boost_course .boost_course_review_result .gitcode_box .table {
  margin-top: 16px;
}
.boost_course .boost_course_review_result .gitcode_box .table td {
  line-height: 16px;
  padding: 16px;
}
.boost_course .boost_course_review_result .gitcode_box .table tr td:last-of-type {
  padding: 16px 16px 16px 12px;
  text-align: left;
  word-break: break-all;
}
.boost_course .boost_course_review_result .star_box {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_star_box_off);
  background-repeat: no-repeat;
  background-position: -117px -527px;
  width: 116px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  font-size: 0;
  text-indent: 0;
  vertical-align: top;
}
.boost_course .boost_course_review_result .star_box .star_bar {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_star_box_active);
  background-repeat: no-repeat;
  background-position: -573px -443px;
  width: 116px;
  height: 20px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: block;
  width: 0;
}
.boost_course .boost_course_review_result .answer_box {
  margin-top: 80px;
}
.boost_course .boost_course_review_result .answer_box .editor {
  margin-top: 11px;
}
.boost_course .boost_course_review_result .answer_box .editor .editor_section {
  margin-top: 0;
}
.boost_course .boost_course_review_result .answer_box .answer_sjt {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  letter-spacing: -1px;
  line-height: 18px;
}
.boost_course .boost_course_review_result .answer_box .answer_dsc {
  margin-top: 11px;
  padding-top: 13px;
  border-top: 1px solid #f1f1f1;
  color: #333;
  line-height: 20px;
}
.boost_course .boost_course_review_result .answer_box .star_box {
  display: block;
  margin-top: 16px;
}
.boost_course .boost_course_review_result .answer_box.result .editor {
  border-top: 1px solid #f1f1f1;
}
.boost_course .boost_course_review_result .review_list {
  margin-top: 40px;
}
.boost_course .boost_course_review_result .review_list .review_list_tbl {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #010101;
  border-bottom: 1px solid #d8d8d8;
}
.boost_course .boost_course_review_result .review_list .review_list_tbl thead th {
  height: 48px;
  border-top: 1px solid #010101;
  background-color: #fdfdfd;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  letter-spacing: -1px;
}
.boost_course .boost_course_review_result .review_list .review_list_tbl tbody td {
  border-top: 1px solid #ebebeb;
  height: 48px;
  font-size: 14px;
  color: #666;
  text-align: center;
}
.boost_course .boost_course_review_result .review_list .review_list_tbl thead tr th:first-child,
.boost_course .boost_course_review_result .review_list .review_list_tbl tbody tr td:first-child {
  padding-left: 24px;
  text-align: left;
}
.boost_course .boost_course_review_result .review_list .review_list_tbl .link {
  color: #666;
  text-decoration: none;
}
.boost_course .boost_course_review_result .review_list .review_list_tbl .link.active {
  font-weight: 600;
  color: #333;
}
.boost_course .boost_course_review_result .review_list .review_list_tbl .pass {
  color: #00c73c;
}
.boost_course .boost_course_review_result .review_list .review_list_tbl .fail {
  color: #ff5230;
}
.boost_course .boost_course_review_result .review_list .review_list_tbl .state {
  font-weight: 600;
}
.boost_course .boost_course_review_result .review_state_count {
  padding-right: 15px;
  color: #333;
}
.boost_course .boost_course_review_result .review_state_count .cnt em {
  font-weight: 600;
}
.boost_course .boost_course_review_result .review_list .review_list_tbl .btn_review_cancel {
  display: inline-block;
  width: 82px;
  height: 32px;
  background-color: #f1f1f1;
  color: #666;
  font-weight: 300;
  text-align: center;
  letter-spacing: -1px;
  text-decoration: none;
  line-height: 32px;
}
.boost_course .shadow_btn {
  display: block;
  width: 200px;
  height: 64px;
  margin: 40px auto 0;
  -webkit-border-radius: 32px;
          border-radius: 32px;
  background-color: #333;
  -webkit-box-shadow: 0 16px 16px 0 rgba(51, 51, 51, 0.24);
          box-shadow: 0 16px 16px 0 rgba(51, 51, 51, 0.24);
  font-size: 20px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  text-align: center;
  line-height: 64px;
  letter-spacing: 0;
}
.boost_course .shadow_btn.type_gradi {
  background: #4601ff;
  background: -webkit-linear-gradient(left, #4601ff 0%, #aa32e6 100%);
  background: -webkit-gradient(linear, left top, right top, from(#4601ff), to(#aa32e6));
  background: linear-gradient(to right, #4601ff 0%, #aa32e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4601ff', endColorstr='#aa32e6', GradientType=1);
  -webkit-box-shadow: 0 16px 16px 0 rgba(117, 22, 244, 0.24);
          box-shadow: 0 16px 16px 0 rgba(117, 22, 244, 0.24);
}
.boost_course .shadow_btn.type_gray {
  background-color: #ccc;
  -webkit-box-shadow: 0 16px 16px 0 rgba(204, 204, 204, 0.24);
          box-shadow: 0 16px 16px 0 rgba(204, 204, 204, 0.24);
}
.boost_course .appraise_box .sub_tit {
  margin-top: 40px;
  font-size: 16px;
  color: #999;
  letter-spacing: -1px;
  line-height: 18px;
}
.boost_course .appraise_box .appraise_selbox {
  margin-top: 40px;
}
.boost_course .appraise_box .appraise_selbox .btn.btn_type2 {
  float: right;
  padding: 0 24px;
}
.boost_course .appraise_box .appraise_group {
  margin-top: 40px;
  letter-spacing: -1px;
}
.boost_course .appraise_box .appraise_group .appraise_sjt {
  font-size: 16px;
  font-weight: 600;
  color: #010101;
  line-height: 18px;
}
.boost_course .appraise_box .appraise_group .appraise_none {
  padding: 60px 0;
  background-color: #f9f9f9;
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 20px;
}
.boost_course .appraise_box .appraise_group .appraise_tbl {
  width: 100%;
  table-layout: fixed;
  margin-top: 16px;
  border-bottom: 1px solid #ebebeb;
}
.boost_course .appraise_box .appraise_group .appraise_tbl th,
.boost_course .appraise_box .appraise_group .appraise_tbl td {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  padding: 11px 0 12px 24px;
  border-top: 1px solid #ebebeb;
  text-align: left;
  vertical-align: top;
}
.boost_course .appraise_box .appraise_group .appraise_tbl th {
  color: #333;
  font-weight: normal;
}
.boost_course .appraise_box .appraise_group .appraise_tbl td {
  padding-right: 24px;
}
.boost_course .appraise_box .appraise_group .appraise_tbl tr:first-child th,
.boost_course .appraise_box .appraise_group .appraise_tbl tr:first-child td {
  border-top: 1px solid #010101;
}
.boost_course .appraise_box .appraise_group .appraise_tbl tr:nth-child(odd) th,
.boost_course .appraise_box .appraise_group .appraise_tbl tr:nth-child(odd) td {
  background-color: #fdfdfd;
}
.boost_course .appraise_box .appraise_group + .group_lr {
  margin-top: 40px;
}
.boost_course .caution_box {
  position: relative;
  min-height: 48px;
  padding: 16px 16px 16px 56px;
  background-color: #f5f5f5;
  font-size: 16px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  color: #666;
  line-height: 24px;
  letter-spacing: 0;
}
.boost_course .caution_box:before {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -12px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_boostcourse_caution);
  background-repeat: no-repeat;
  background-position: -821px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  content: "";
}
.boost_course .caution_box .point {
  font-weight: 600;
  color: #333;
}
.boost_course .caution_box .cnt {
  font-weight: 700;
  color: #00c73c;
}
.boost_course .caution_box.review:before {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -12px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_boostcourse_caution_review);
  background-repeat: no-repeat;
  background-position: -793px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  content: "";
}
.boost_course .caution_box.pass {
  background-color: #00c73c;
  color: #fff;
}
.boost_course .caution_box.pass:before {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -12px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_boostcourse_caution_pass);
  background-repeat: no-repeat;
  background-position: -765px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  content: "";
}
.boost_course .caution_box.fail {
  background-color: #ff5230;
  color: #fff;
}
.boost_course .caution_box.fail:before {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -12px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_boostcourse_caution_fail);
  background-repeat: no-repeat;
  background-position: -737px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  content: "";
}
.boost_course .caution_box.caution {
  background-color: #333;
  color: #fafafa;
}
.boost_course .caution_box.caution:before {
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -12px;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_boostcourse_caution_fail);
  background-repeat: no-repeat;
  background-position: -737px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  content: "";
}
.boost_course .editor_section {
  margin-top: 16px;
}
.boost_course .outline_write .tag_box {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #e9e9e9;
}
.boost_course .outline_write .tag_box .tag_inner {
  position: relative;
  height: 90px;
  padding: 11px 20px 11px 136px;
  border: 1px solid #d1d1d1;
}
.boost_course .outline_write .tag_box .tag_inner .sjt {
  position: absolute;
  left: 19px;
  top: 19px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  line-height: 16px;
}
.boost_course .outline_write .tag_box .tag_inner .tag_inpt_box {
  position: relative;
  border: 1px solid #d1d1d1;
}
.boost_course .outline_write .tag_box .tag_inner .tag_inpt_box .placeholder {
  position: absolute;
  left: 16px;
  top: 7px;
  font-size: 14px;
  color: #999;
  letter-spacing: -1px;
  line-height: 18px;
}
.boost_course .outline_write .tag_box .tag_inner .tag_inpt_box textarea {
  width: 100%;
  height: 68px;
  padding: 7px 16px;
  border: 0;
  font-size: 14px;
  color: #666;
  letter-spacing: -1px;
  line-height: 18px;
  vertical-align: top;
}
.boost_course .outline_write .tag_box .tag_inner + .group_lr {
  margin-top: 40px;
}
.boost_course .submit_write {
  margin-top: 40px;
}
.boost_course .submit_write .editor + .group_lr {
  margin-top: 40px;
}
.boost_course .submit_write .category_select .select_box {
  font-size: 0;
}
.boost_course .submit_write .category_select .select_box .sjt {
  width: 75px;
  font-size: 14px;
}
.boost_course .submit_write .category_select .select_box .ick {
  font-size: 14px;
}
.boost_course .submit_write .category_select + .group_lr {
  margin-top: 16px;
}
.boost_course .reviewer_select {
  position: relative;
  margin-top: 40px;
  overflow: hidden;
}
.boost_course .reviewer_select .btn_box {
  position: absolute;
  left: 50%;
  top: 263px;
  width: 64px;
  margin-left: -32px;
}
.boost_course .reviewer_select .btn_box a {
  height: 32px;
  color: #fff;
  text-decoration: none;
  line-height: 32px;
  text-indent: inherit;
  vertical-align: top;
}
.boost_course .reviewer_select .btn_box .save_btn {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_reviewer_save);
  background-repeat: no-repeat;
  background-position: -268px -668px;
  width: 64px;
  height: 32px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: block;
  margin-left: 4px;
  padding-left: 16px;
  text-indent: inherit;
}
.boost_course .reviewer_select .btn_box .cancel_btn {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_reviewer_cancel);
  background-repeat: no-repeat;
  background-position: -200px -668px;
  width: 64px;
  height: 32px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: block;
  margin: 16px 0 0 -4px;
  padding-right: 16px;
  text-indent: inherit;
  text-align: right;
}
.boost_course .reviewer_select .select_group {
  float: left;
  position: relative;
  width: 320px;
}
.boost_course .reviewer_select .select_group .sjt {
  font-size: 16px;
  font-weight: 600;
  color: #010101;
  letter-spacing: -1px;
  line-height: 18px;
}
.boost_course .reviewer_select .select_group .chk_box {
  position: absolute;
  right: 0;
  top: 0;
  letter-spacing: -1px;
}
.boost_course .reviewer_select .select_group .chk_box .ick {
  padding-left: 17px;
}
.boost_course .reviewer_select .select_group .chk_box.first {
  left: 168px;
  right: auto;
}
.boost_course .reviewer_select .select_group .list_box {
  border: 1px solid #d8d8d8;
  margin-top: 11px;
}
.boost_course .reviewer_select .select_group .scroll_box {
  overflow-y: auto;
  height: 438px;
  margin-top: -1px;
}
.boost_course .reviewer_select .select_group .list_sjt_box {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #fdfdfd;
  border-bottom: 1px solid #ebebeb;
}
.boost_course .reviewer_select .select_group .list_sjt_box em {
  position: relative;
  display: table-cell;
  height: 48px;
  font-size: 14px;
  font-weight: normal;
  color: #333;
  letter-spacing: -1px;
  vertical-align: middle;
  text-align: center;
}
.boost_course .reviewer_select .select_group .list_sjt_box .sort_link {
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.boost_course .reviewer_select .select_group .list_sjt_box .sort_link.up:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sort2_up);
  background-repeat: no-repeat;
  background-position: -539px -256px;
  width: 7px;
  height: 4px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  height: 6px;
  margin-left: 8px;
}
.boost_course .reviewer_select .select_group .list_sjt_box .sort_link.dn:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_sort2_dn);
  background-repeat: no-repeat;
  background-position: -517px -256px;
  width: 7px;
  height: 4px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  height: 6px;
  margin-left: 8px;
}
.boost_course .reviewer_select .select_group .list_sjt_box .chk_area {
  width: 22%;
}
.boost_course .reviewer_select .select_group .list_sjt_box .name_area {
  width: 45%;
  text-align: left;
}
.boost_course .reviewer_select .select_group .list_sjt_box .date_area,
.boost_course .reviewer_select .select_group .list_sjt_box .state_area {
  width: 33%;
}
.boost_course .reviewer_select .select_group .list_sjt_box .state_area a {
  color: #666;
}
.boost_course .reviewer_select .select_group .list {
  border-bottom: 1px solid #ebebeb;
}
.boost_course .reviewer_select .select_group .list li {
  overflow: hidden;
  height: 56px;
  line-height: 56px;
  border-top: 1px solid #ebebeb;
  background-color: #fff;
  font-size: 14px;
  color: #666;
  text-align: center;
  letter-spacing: -1px;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.boost_course .reviewer_select .select_group .list li:nth-child(even) {
  background-color: #fdfdfd;
}
.boost_course .reviewer_select .select_group .list .chk_area {
  display: block;
  float: left;
  width: 22%;
}
.boost_course .reviewer_select .select_group .list .ace {
  position: absolute;
  top: 0px;
  left: 55px;
  color: #00c73c;
  font-weight: bold;
}
.boost_course .reviewer_select .select_group .list .name_area {
  display: block;
  overflow: hidden;
  float: left;
  width: 45%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.boost_course .reviewer_select .select_group .list .date_area {
  display: block;
  float: left;
  width: 33%;
  height: 56px;
  padding: 12px 0;
  line-height: 16px;
}
.boost_course .reviewer_select .select_group .list .state_area {
  display: block;
  float: left;
  width: 33%;
}
.boost_course .reviewer_select .select_group .list .state_area a {
  display: block;
  height: 48px;
}
.boost_course .reviewer_select .select_group .list.no_line {
  border-bottom: 0;
}
.boost_course .reviewer_select .select_group .reviewer_selbox {
  margin-top: 11px;
}
.boost_course .reviewer_select .select_group .reviewer_selbox + .list_box {
  margin-top: 8px;
}
.boost_course .reviewer_select .select_group + .select_group {
  float: right;
}
.boost_course .reviewer_select .select_group + .select_group .scroll_box {
  height: 438px;
}
.boost_course .project_category .category_select {
  margin-top: 40px;
}
.boost_course .project_category .category_select .select_box .select_group {
  margin-top: 4px;
}
.boost_course .project_category .category_select .select_box .select_group:first-child {
  margin-top: 0;
}
.boost_course .project_category .category_select .select_box .sjt {
  width: 140px;
}
.boost_course .project_category .category_select .select_box .ick + .ick {
  margin-left: 12px;
}
.boost_course .project_category .category_select .select_box .btn {
  position: absolute;
  right: 20px;
  top: 10px;
}
.boost_course .project_category .category_select .charge_box {
  padding: 0px 20px 24px;
  border-top: 1px solid #ebebeb;
}
.boost_course .project_category .category_select .charge_box .list {
  letter-spacing: 0;
}
.boost_course .project_category .category_select .charge_box .list li {
  overflow: hidden;
  margin-top: 24px;
}
.boost_course .project_category .category_select .charge_box .list li.after {
  margin-top: 0;
}
.boost_course .project_category .category_select .charge_box .list .list_sjt {
  float: left;
  width: 140px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: 300;
  color: #333;
  letter-spacing: 0;
  line-height: 16px;
}
.boost_course .project_category .category_select .charge_box .list .prj_id {
  display: block;
  overflow: hidden;
  color: #999;
  line-height: 16px;
}
.boost_course .project_category .category_select .charge_box .list .price.after {
  margin-top: 8px;
}
.boost_course .project_category .category_select .charge_box .list .price .list_sjt {
  padding-top: 12px;
}
.boost_course .project_category .category_select .charge_box .list .inpt_box {
  overflow: hidden;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  letter-spacing: 0;
}
.boost_course .project_category .category_select .charge_box .list .price_inpt {
  line-height: 40px;
  color: #333;
}
.boost_course .project_category .category_select .charge_box .list .price_inpt .it {
  background-color: #f9fafb;
  margin-right: 4px;
}
.boost_course .project_category .category_select .charge_box .list .price_inpt .it .ph {
  left: 0;
  top: 0;
  width: 100%;
  padding: 0 16px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  color: #999;
  letter-spacing: -1px;
}
.boost_course .project_category .category_select .charge_box .list .price_inpt .it input {
  height: 40px;
  padding: 0 16px;
  border: 0;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  letter-spacing: -1px;
  background: transparent;
}
.boost_course .project_category .category_select .charge_box .list .price_inpt .caution_info {
  margin-top: 4px;
  font-size: 12px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  color: #ff5230;
  letter-spacing: 0;
  line-height: 14px;
}
.boost_course .project_category .category_select .charge_box .price_info {
  margin: 16px 0 0 140px;
  color: #999;
  line-height: 16px;
}
.boost_course .project_category .notice_info {
  margin-top: 16px;
  padding: 24px;
  background-color: #f9f9f9;
  color: #333;
  letter-spacing: -0.7px;
  line-height: 24px;
}
.boost_course .project_category .category_save {
  margin-top: 16px;
}
.boost_course .category_select {
  margin-top: 16px;
  border: 1px solid #d1d1d1;
}
.boost_course .category_select .select_box {
  position: relative;
  padding: 16px 20px;
}
.boost_course .category_select .select_box .sjt {
  display: inline-block;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: 700;
  color: #333;
  letter-spacing: 0;
  padding-right: 20px;
  line-height: 16px;
}
.boost_course .category_select .select_box .ick {
  line-height: 16px;
}
.boost_course .category_select .select_box .ick .checkbox {
  top: 1px;
}
.boost_course .category_select .select_box .ick .ph {
  line-height: 16px;
}
.boost_course .group_create {
  margin-top: 16px;
  border: 1px solid #d1d1d1;
}
.boost_course .group_create dl {
  position: relative;
  padding: 16px 20px;
}
.boost_course .group_create dl::after {
  display: table;
  clear: both;
  content: "";
}
.boost_course .group_create dl dt {
  float: left;
  padding-right: 20px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: 700;
  color: #333;
  line-height: 16px;
  letter-spacing: 0;
}
.boost_course .group_create dl dd {
  overflow: hidden;
  font-size: 0;
}
.boost_course .group_create .btn_type9 {
  width: auto;
  height: 30px;
  padding: 0 16px;
  border-color: #f0f0f0;
  font-size: 13px;
}
.boost_course .group_create .text {
  font-size: 13px;
  color: #666;
  vertical-align: middle;
}
.boost_course .group_create .btn + .text {
  margin-left: 8px;
}
.boost_course .group_create .info_box {
  padding-top: 16px;
}

.boost_course_current {
  letter-spacing: -1px;
}
.boost_course_current .page_header {
  margin: 0 !important;
}
.boost_course_current .page_header h1 {
  margin: 0 !important;
}
.boost_course_current .sub_tit {
  padding-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #010101;
  line-height: 18px;
}
.boost_course_current .notice {
  display: block;
  margin-top: 36px;
  line-height: 14px;
  font-size: 12px;
  color: #999;
}
.boost_course_current .notice:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_txt_desc);
  background-repeat: no-repeat;
  background-position: -901px -370px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 1px 5px 0 0;
  vertical-align: top;
}
.boost_course_current .current_box {
  margin-top: 16px;
}
.boost_course_current .current_box .table.table_type2 th {
  padding: 16px 0;
}
.boost_course_current .current_box .table.table_type2 td {
  padding: 16px 0;
  height: 16px;
}
.boost_course_current .current_box .table.table_type2 th.colgroup_top {
  padding-bottom: 4px;
}
.boost_course_current .current_box .table.table_type2 th.colgroup_bottom {
  padding-top: 4px;
}
.boost_course_current .form_box {
  position: relative;
  padding-right: 80px;
}
.boost_course_current .form_box .btn_search {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 64px;
  height: auto;
}
.boost_course_current .form_box .dash {
  display: inline-block;
  margin: 0 6px 0 5px;
  color: #999;
  vertical-align: top;
  line-height: 34px;
}
.boost_course_current .form_box .date_txt {
  display: inline-block;
  margin-right: 8px;
  color: #666;
  line-height: 34px;
  vertical-align: top;
}
.boost_course_current .form_box .slt + .it,
.boost_course_current .form_box .slt + .slt {
  margin-left: 4px;
}
.boost_course_current .form_box .group_lr {
  margin-top: 0;
}
.boost_course_current .form_box .group_lr + .group_lr {
  margin-top: 8px;
}
.boost_course_current .form_box:after {
  display: block;
  clear: both;
  content: "";
}
.boost_course_current .table {
  line-height: 16px;
}
.boost_course_current .table .title,
.boost_course_current .table .left_cell {
  padding-left: 24px !important;
  text-align: left;
}
.boost_course_current .table tbody tr:nth-child(2n) td {
  background-color: #fdfdfd;
}
.boost_course_current .table .link {
  position: relative;
}
.boost_course_current .table .link:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_more4);
  background-repeat: no-repeat;
  background-position: -868px -710px;
  width: 4px;
  height: 7px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 5px 0 0 6px;
  vertical-align: top;
  content: "";
}
.boost_course_current .state_tbl_box {
  margin-top: 40px;
}
.boost_course_current .state_tbl_box .scroll_box {
  overflow-x: auto;
}
.boost_course_current .state_tbl_box.no_title {
  margin-top: 24px;
}
.boost_course_current .state_tbl_box:after {
  display: block;
  clear: both;
  content: "";
}
.boost_course_current .review_state_tbl .table thead th {
  padding: 0;
}
.boost_course_current .review_state_tbl .table thead .project_group_sjt {
  padding-top: 16px;
}
.boost_course_current .review_state_tbl .table thead .project_sjt {
  height: auto;
  vertical-align: middle;
  padding: 8px 8px 16px;
}
.boost_course_current .review_state_tbl .table tbody td {
  height: 48px;
  padding: 0;
}
.boost_course_current .review_state_tbl2 .table thead th {
  padding: 0;
  height: 36px;
}
.boost_course_current .paginate + .tbl_bottom_btn_box {
  margin-top: 40px;
}
.boost_course_current .tbl_bottom_btn_box {
  position: static;
  margin-top: 15px;
}
.boost_course_current .tbl_bottom_btn_box .group_l + .group_l {
  margin-left: 4px;
}
.boost_course_current .tbl_bottom_btn_box .review_price {
  position: relative;
  font-size: 14px;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop {
  position: absolute;
  left: 0;
  top: 42px;
  width: 760px;
  padding: 24px;
  border: 1px solid #d1d1d1;
  background-color: #fdfdfd;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
  z-index: 20;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_sjt {
  display: block;
  font-size: 16px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: 700;
  color: #333;
  line-height: 18px;
  letter-spacing: 0;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list_column {
  padding-top: 24px;
  overflow: hidden;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list_column .title {
  float: right;
  line-height: 14px;
  font-size: 0;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list_column .title em {
  vertical-align: top;
  display: inline-block;
  font-size: 12px;
  width: 96px;
  text-align: right;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list {
  letter-spacing: -0.5px;
  line-height: 16px;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list li {
  overflow: hidden;
  margin-top: 8px;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list .price {
  float: right;
  text-align: right;
  font-size: 0;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list .price span {
  width: 96px;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list .price em {
  color: #00c73c;
  font-weight: 600;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list .price em.after {
  color: #666;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .price_list .review_sjt {
  display: block;
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .caution_list {
  padding-top: 8px;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .caution_list li {
  position: relative;
  margin-top: 8px;
  padding-left: 12px;
  color: #999;
  letter-spacing: -0.4px;
  line-height: 16px;
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .caution_list li:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  background-color: #999;
  content: "";
}
.boost_course_current .tbl_bottom_btn_box .review_price .price_pop .pop_close {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_del);
  background-repeat: no-repeat;
  background-position: -901px -210px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  right: 13px;
  top: 13px;
}
.boost_course_current .gitlab_comment_box {
  margin-top: 36px;
}
.boost_course_current .gitlab_comment_box .comment_total_list {
  overflow: hidden;
  margin-top: 36px;
  border: 1px solid #dedede;
  background-color: #fff;
}
.boost_course_current .gitlab_comment_box .comment_total_list li {
  float: left;
  width: 253px;
  padding: 24px 0;
  min-height: 86px;
  text-align: center;
  font-size: 14px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  color: #333;
  letter-spacing: -0.5px;
  line-height: 16px;
}
.boost_course_current .gitlab_comment_box .comment_total_list li:first-child {
  width: 252px;
}
.boost_course_current .gitlab_comment_box .comment_total_list .sjt {
  font-weight: normal;
  color: #999;
  letter-spacing: -1px;
}
.boost_course_current .gitlab_comment_box .comment_total_list .txt {
  display: block;
  margin-top: 8px;
}
.boost_course_current .gitlab_comment_box .comment_total_list + .gitlab_tbl_box {
  margin-top: 16px;
}
.boost_course_current .gitlab_tbl_box {
  margin-top: 24px;
}
.boost_course_current .gitlab_tbl_box .table th {
  padding: 0;
  height: 48px;
  letter-spacing: -1px;
  line-height: 14px;
}
.boost_course_current .gitlab_tbl_box .table td {
  height: auto;
  padding: 16px;
}
.boost_course_current .gitlab_tbl_box .table .type_left {
  padding: 16px;
  text-align: left;
}
.boost_course_current .check_navi {
  font-size: 16px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  color: #666;
  line-height: 18px;
  letter-spacing: 0;
}
.boost_course_current .check_navi .sjt {
  font-weight: 600;
  color: #010101;
}

.bc_alert_ct {
  width: 760px !important;
  margin: 0 auto;
}
.bc_alert_ct #content {
  padding: 0;
  max-width: inherit;
}

.big_btn_area {
  margin-top: 40px;
  text-align: center;
}
.big_btn_area .btn_big_rounded {
  display: inline-block;
  width: 200px;
  height: 64px;
  background-color: rgba(51, 51, 51, 0.95);
  -webkit-border-radius: 32px;
          border-radius: 32px;
  -webkit-box-shadow: 0 16px 16px 0 rgba(51, 51, 51, 0.24);
          box-shadow: 0 16px 16px 0 rgba(51, 51, 51, 0.24);
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 64px;
}

body.re_pack.boost_course_main_body #content .bc_class_spot {
  position: relative;
  background-color: rgb(16, 18, 20);
}
body.re_pack.boost_course_main_body #content .bc_class_spot:before, body.re_pack.boost_course_main_body #content .bc_class_spot:after {
  position: absolute;
  top: 95px;
  left: 0;
  width: -webkit-calc(50% - 970px);
  width: calc(50% - 970px);
  height: 412px;
  background: url(../img/boost_class_introduce_bg.png) 0 0/5px 412px repeat-x;
  content: "";
}
body.re_pack.boost_course_main_body #content .bc_class_spot:after {
  left: auto;
  right: 0;
}
body.re_pack.boost_course_main_body #content .bc_class_spot .spot_inner {
  height: 587px;
  padding: 95px 0 80px;
  background: url(../img/boost_class_introduce.png) 50% 95px/1940px 412px no-repeat;
}
body.re_pack.boost_course_main_body #content .bc_class_section:nth-child(even) {
  background: #f5f5f5;
}
body.re_pack.boost_course_main_body #content .bc_class_section.img_full {
  height: 800px;
  background: url(../img/boost_class_sec01.png) no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
}
body.re_pack.boost_course_main_body #content .bc_class_section.img_full .inner {
  padding: 268px 0 248px;
}
body.re_pack.boost_course_main_body #content .bc_class_section.img_full .inner .sec_title {
  margin-bottom: 60px;
  color: #fff;
  font-size: 48px;
  line-height: 58px;
  font-weight: 800;
}
body.re_pack.boost_course_main_body #content .bc_class_section.img_full .inner .sec_title .sec_title_sub {
  display: block;
  margin-bottom: 40px;
  font-size: 32px;
  line-height: 38px;
  font-weight: 350;
}
body.re_pack.boost_course_main_body #content .bc_class_section.img_full .inner .link_btn {
  display: block;
  margin: 0 auto;
  padding: 20px;
  width: 88px;
  height: 88px;
}
body.re_pack.boost_course_main_body #content .bc_class_section.img_full .inner .link_btn::before {
  content: "";
  display: block;
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#link_btn);
  background-repeat: no-repeat;
  background-position: -627px -284px;
  width: 48px;
  height: 48px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 120px 0;
  text-align: center;
}
body.re_pack.boost_course_main_body #content .bc_class_section .bc_class_sec_title {
  position: relative;
  display: inline-block;
  margin-bottom: 80px;
  padding: 0 8px;
}
body.re_pack.boost_course_main_body #content .bc_class_section .bc_class_sec_title:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  height: 12px;
  background: #2cf809;
  z-index: 1;
}
body.re_pack.boost_course_main_body #content .bc_class_section .bc_class_sec_title .title_text {
  position: relative;
  display: inline-block;
  font-size: 40px;
  line-height: 60px;
  color: #101214;
  font-weight: 900;
  z-index: 5;
}
body.re_pack.boost_course_main_body #content .bc_class_section .section_text_box {
  display: block;
  margin: 0 auto 80px;
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#section_text);
  background-repeat: no-repeat;
  background-position: -4px -4px;
  width: 615px;
  height: 128px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item {
  position: relative;
  padding: 64px 304px 64px 48px;
  background: #fff;
  text-align: left;
  line-height: 1.5;
  color: #000;
}
body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item:before {
  content: "";
  position: absolute;
  top: 20px;
  right: 24px;
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#boost_class_img01);
  background-repeat: no-repeat;
  background-position: -4px -254px;
  width: 240px;
  height: 200px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item:nth-child(2) {
  margin-top: 24px;
}
body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item:nth-child(2):before {
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#boost_class_img02);
  background-repeat: no-repeat;
  background-position: -252px -254px;
  width: 240px;
  height: 200px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item:nth-child(3) {
  margin-top: 24px;
}
body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item:nth-child(3):before {
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#boost_class_img03);
  background-repeat: no-repeat;
  background-position: -627px -4px;
  width: 240px;
  height: 200px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item .step_title {
  display: block;
  margin-bottom: 24px;
  font-size: 40px;
  font-weight: 800;
}
body.re_pack.boost_course_main_body #content .bc_class_section .class_step_list .step_item .step_noti {
  font-size: 20px;
  font-weight: 400;
}
body.re_pack.boost_course_main_body #content .bc_class_section .bi_list {
  margin-bottom: 80px;
  font-size: 0;
  text-align: center;
}
body.re_pack.boost_course_main_body #content .bc_class_section .bi_list .bi_item {
  display: inline-block;
  vertical-align: middle;
}
body.re_pack.boost_course_main_body #content .bc_class_section .bi_list .bi_item + .bi_item {
  margin-left: 82px;
  position: relative;
}
body.re_pack.boost_course_main_body #content .bc_class_section .bi_list .bi_item + .bi_item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -42px;
  margin-top: -24px;
  width: 2px;
  height: 48px;
  background: #000;
}
body.re_pack.boost_course_main_body #content .bc_class_section .bi_list .bi_item .bi_link {
  display: block;
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#naver-connet-bi);
  background-repeat: no-repeat;
  background-position: -4px -218px;
  width: 346px;
  height: 28px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .bi_list .bi_item .bi_link.go {
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#go);
  background-repeat: no-repeat;
  background-position: -627px -212px;
  width: 215px;
  height: 64px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .course_box {
  margin-bottom: 80px;
}
body.re_pack.boost_course_main_body #content .bc_class_section .course_box img {
  margin: 0 auto;
  width: 1080px;
  height: auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .course_noti {
  margin-top: 40px;
  font-size: 16px;
  line-height: 1.5;
  color: #384047;
}
body.re_pack.boost_course_main_body #content .bc_class_section .card_img_box {
  margin: 0 auto 80px;
  width: 504px;
  height: 336px;
  background: url(../img/boost_class_card_img.png) 0 0/504px 336px no-repeat;
}
body.re_pack.boost_course_main_body #content .bc_class_section .card_noti {
  margin-bottom: 80px;
  font-size: 32px;
  line-height: 1.5;
  color: #000;
}
body.re_pack.boost_course_main_body #content .bc_class_section .card_noti strong {
  font-weight: 800;
}
body.re_pack.boost_course_main_body #content .bc_class_section .card_noti + .card_noti {
  margin-top: -56px;
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list {
  margin-bottom: 158px;
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item {
  background-color: #fff;
  text-align: left;
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item.open .answer {
  display: block;
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item.open .question::after {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item + .qna_item {
  margin-top: 24px;
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item:nth-child(2) .question::before {
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#num02);
  background-repeat: no-repeat;
  background-position: -715px -340px;
  width: 32px;
  height: 33px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item:nth-child(3) .question::before {
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#num03);
  background-repeat: no-repeat;
  background-position: -755px -340px;
  width: 32px;
  height: 33px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item:nth-child(4) .question::before {
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#num04);
  background-repeat: no-repeat;
  background-position: -795px -340px;
  width: 32px;
  height: 33px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .qna_item:nth-child(5) .question::before {
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#num05);
  background-repeat: no-repeat;
  background-position: -835px -340px;
  width: 32px;
  height: 33px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .question {
  position: relative;
  padding: 48px 108px;
  width: 100%;
  text-align: left;
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .question:before {
  content: "";
  position: absolute;
  top: 48px;
  left: 64px;
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#num01);
  background-repeat: no-repeat;
  background-position: -675px -340px;
  width: 32px;
  height: 33px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .question::after {
  content: "";
  position: absolute;
  top: 48px;
  right: 64px;
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#arrow);
  background-repeat: no-repeat;
  background-position: -627px -340px;
  width: 40px;
  height: 41px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .question .btn_title {
  font-size: 26px;
  font-weight: 800;
  line-height: 39px;
  color: #000;
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .answer {
  display: none;
  margin-top: -24px;
  padding: 0 64px 48px;
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .answer .answer_text {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  color: #000;
}
body.re_pack.boost_course_main_body #content .bc_class_section .qna_list .answer .answer_text + .answer_text {
  margin-top: 24px;
}
body.re_pack.boost_course_main_body #content .bc_class_section .btn_box {
  font-size: 0;
  line-height: 0;
  text-align: center;
}
body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin: 0 auto;
  width: 532px;
  height: 91px;
  padding: 32px;
  background: #101214;
  font-size: 24px;
  font-weight: 700;
  line-height: 27px;
  color: #fff;
}
body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn:after {
  content: "";
  position: absolute;
  top: 37px;
  right: 40px;
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#arr);
  background-repeat: no-repeat;
  background-position: -736px -284px;
  width: 43px;
  height: 22px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn + .arr_btn {
  margin-left: 16px;
}
body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn.g_type {
  background: #03c75a;
}
body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn.b_type {
  background: #0055fb;
}
body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn.list_more_btn::before {
  content: "";
  position: absolute;
  top: -78px;
  left: 25px;
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#bubble);
  background-repeat: no-repeat;
  background-position: -4px -140px;
  width: 482px;
  height: 70px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}
body.re_pack.boost_course_main_body #content .bc_class_section .btn_box .arr_btn.list_more_btn:after {
  background-image: url(../img/sprite/sp_new_boostcourse_class.svg#arr_b);
  background-repeat: no-repeat;
  background-position: -683px -284px;
  width: 45px;
  height: 23px;
  -webkit-background-size: 871px auto;
          background-size: 871px auto;
}

.lecture_payment .page_header {
  margin: 0 !important;
  border: 0 !important;
}
.lecture_payment .sort_box {
  margin-top: -7px;
  text-align: right;
}
.lecture_payment .sort_box .sjt {
  padding-right: 3px;
  color: #666;
  font-weight: normal;
  line-height: 34px;
}
.lecture_payment .sort_box .it,
.lecture_payment .sort_box .btn {
  vertical-align: top;
}
.lecture_payment .sort_box .btn {
  margin-left: 4px;
}
.lecture_payment .sort_box .ph {
  left: 9px;
}
.lecture_payment .sort_box .dash {
  padding: 0 4px 0 3px;
  color: #999;
  line-height: 34px;
}
.lecture_payment .sort_box .slt {
  margin-right: 4px;
}
.lecture_payment .sort_box + .lecture_payment_list {
  margin-top: 16px;
}
.lecture_payment .lecture_payment_list .table tbody tr:nth-child(even) td {
  background-color: #fdfdfd;
}
.lecture_payment .lecture_payment_list .table tbody td {
  height: 49px;
  padding: 6px 0 7px;
  color: #666;
  letter-spacing: -1px;
  line-height: 14px;
}
.lecture_payment .lecture_payment_list .table .link_box {
  display: block;
}
.lecture_payment .lecture_payment_list .table .link_box a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_more4);
  background-repeat: no-repeat;
  background-position: -868px -710px;
  width: 4px;
  height: 7px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin: 4px 0 0 4px;
  vertical-align: top;
  content: "";
}
.lecture_payment .lecture_payment_list .table .link_box + .link_box {
  margin-top: 8px;
}
.lecture_payment .lecture_payment_list .table .no_box {
  position: relative;
}
.lecture_payment .lecture_payment_list .table .no_box.on {
  z-index: 10;
}
.lecture_payment .lecture_payment_list .table .no_box.on .info_pop {
  display: block;
}
.lecture_payment .lecture_payment_list .table .list_none {
  height: 96px;
}
.lecture_payment .lecture_payment_list .table .no_box .info_pop {
  display: none;
  position: absolute;
  left: 0;
  top: 22px;
  width: 360px;
  padding: 24px;
  background-color: #fdfdfd;
  border: 1px solid #d1d1d1;
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.05);
  text-align: left;
  z-index: 10;
}
.lecture_payment .lecture_payment_list .table .no_box .info_pop .list dt {
  margin-top: 24px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  color: #999;
  letter-spacing: 0;
  line-height: 16px;
}
.lecture_payment .lecture_payment_list .table .no_box .info_pop .list dt:first-child {
  margin: 0;
}
.lecture_payment .lecture_payment_list .table .no_box .info_pop .list dd {
  margin-top: 8px;
}
.lecture_payment .lecture_payment_list .table .no_box .info_pop .list dd,
.lecture_payment .lecture_payment_list .table .no_box .info_pop .list dd a {
  color: #333;
  letter-spacing: -1px;
  line-height: 20px;
  word-break: break-all;
}
.lecture_payment .lecture_payment_list .table .no_box .info_pop .pop_close {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#btn_del);
  background-repeat: no-repeat;
  background-position: -901px -210px;
  width: 12px;
  height: 12px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  right: 13px;
  top: 13px;
}
.lecture_payment .payment_list_notice {
  margin-top: 40px;
  padding: 24px;
  background-color: #f9fafb;
}
.lecture_payment .payment_list_notice .notice {
  font-size: 14px;
  letter-spacing: -0.4px;
  color: #999;
  line-height: 16px;
}
.lecture_payment .payment_list_notice .notice li {
  margin-top: 8px;
  position: relative;
}
.lecture_payment .payment_list_notice .notice li:first-child {
  margin: 0;
}
.lecture_payment .payment_list_notice .notice li:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #ccc;
  vertical-align: top;
}
.lecture_payment .payment_list_notice .notice p {
  padding-left: 12px;
}

.lecture_complete .info_area {
  min-height: 640px;
  background: #687077 url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_complete.png) no-repeat 50% 0;
  -webkit-background-size: 1920px 640px;
          background-size: 1920px 640px;
}
.lecture_complete .info_area .done_area:before, .lecture_complete .info_area .done_area:after {
  display: table;
  clear: both;
  content: " ";
}
.lecture_complete .info_area .done_area {
  width: 1080px;
  height: 640px;
  margin: 0 auto;
  padding-top: 80px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.lecture_complete .complete_area {
  float: left;
  width: 680px;
  margin-right: 80px;
}
.lecture_complete .complete_box {
  width: 680px;
  height: 480px;
  background-color: #fff;
}
.lecture_complete .complete_box.cd_party {
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/complete/bg_codingparty.svg) no-repeat 0 0;
  -webkit-background-size: 680px 480px;
          background-size: 680px 480px;
}
.lecture_complete .complete_box.cd_party img {
  vertical-align: top;
}
.lecture_complete .complete_box.cd_party .certificate {
  padding: 0;
}
.lecture_complete .complete_box.cd_party .issue_info {
  float: none;
  margin: 62px 0 0 64px;
  text-align: left;
}
.lecture_complete .complete_box.cd_party .issue_info img {
  position: absolute;
  top: 63px;
  right: 62px;
}
.lecture_complete .complete_box.cd_party .issue_info p {
  font-family: NanumSquareRoundWebFont;
  font-weight: 700;
  font-size: 14px;
  color: #000;
  line-height: 21px;
}
.lecture_complete .complete_box.cd_party .issue_cont {
  position: static;
  padding: 0;
  font-family: NanumSquareRoundWebFont;
  font-weight: 700;
  color: #000;
  text-align: center;
}
.lecture_complete .complete_box.cd_party .issue_cont h3 {
  display: inline-block;
  float: none;
  margin-right: -30px;
  padding: 36px 0 0 0;
  font-family: NanumSquareRoundWebFont;
  font-size: 48px;
  font-weight: 900;
  letter-spacing: 30px;
}
.lecture_complete .complete_box.cd_party .issue_cont .name {
  position: absolute;
  top: 185px;
  left: 430px;
  margin: 0 0 0 -7px;
  font-size: 23px;
  line-height: 28px;
  text-align: left;
  letter-spacing: 14px;
}
.lecture_complete .complete_box.cd_party .issue_cont .cont {
  padding-top: 72px;
  font-size: 18px;
  line-height: 27px;
}
.lecture_complete .complete_box.cd_party .issue_cont .date {
  margin-top: 22px;
  font-size: 17px;
  font-weight: 300;
  line-height: normal;
}
.lecture_complete .complete_box.cd_party .logo {
  left: 0;
  right: 0;
  bottom: 67px;
}
.lecture_complete .complete_box.cd_party .logo img {
  display: block;
  margin: 0 auto;
}
.lecture_complete .certificate:before, .lecture_complete .certificate:after {
  display: table;
  clear: both;
  content: " ";
}
.lecture_complete .certificate {
  position: relative;
  width: 680px;
  height: 480px;
  padding: 48px;
}
.lecture_complete .certificate h3 {
  float: left;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 40px;
  font-weight: 300;
  color: #1e1e1e;
  line-height: 44px;
}
.lecture_complete .certificate.eng h3, .lecture_complete .certificate.course h3, .lecture_complete .certificate.lecture h3 {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  line-height: 26px;
}
.lecture_complete .certificate.eng h3 span, .lecture_complete .certificate.course h3 span, .lecture_complete .certificate.lecture h3 span {
  font-weight: 300;
}
.lecture_complete .certificate.common_new {
  padding: 59px 187px 64px 68px;
}
.lecture_complete .certificate.common_new:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 32px;
  width: 5px;
  height: 172px;
  background-color: #03C75A;
}
.lecture_complete .certificate.common_new:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 171px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/complete/bg_course_complete.svg) 0 0 no-repeat;
  -webkit-background-size: 171px 480px;
          background-size: 171px 480px;
}
.lecture_complete .certificate.common_new h3 {
  float: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.lecture_complete .certificate.common_new .issue_cont {
  position: static;
  padding-bottom: 0;
}
.lecture_complete .certificate.common_new .issue_cont .title {
  padding-bottom: 32px;
  margin-top: 12px;
  font-size: 30px;
  line-height: 35px;
  border: 0;
  font-weight: 800;
}
.lecture_complete .certificate.common_new .issue_cont .name {
  margin: 0 0 16px 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.lecture_complete .certificate.common_new .issue_cont .confer {
  line-height: 18px;
}
.lecture_complete .certificate.common_new .issue_cont .date {
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
.lecture_complete .certificate.common_new .issue_info {
  float: none;
  position: absolute;
  left: 68px;
  bottom: 28px;
  text-align: left;
}
.lecture_complete .certificate.common_new .issue_info .issue_number {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
.lecture_complete .certificate.common_new .issue_info .issue_number + .issue_number {
  margin-left: 20px;
}
.lecture_complete .certificate.common_new .issue_info .issue_number strong, .lecture_complete .certificate.common_new .issue_info .issue_number .num, .lecture_complete .certificate.common_new .issue_info .issue_number .confirm {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.lecture_complete .certificate.common_new .issue_info .issue_number .confirm {
  padding: 0;
  color: #00C73C;
}
.lecture_complete .certificate.common_new .logo {
  right: 0;
  bottom: 0;
}
.lecture_complete .certificate .issue_info {
  float: right;
  text-align: right;
}
.lecture_complete .certificate .issue_dl {
  margin-top: 35px;
  font-size: 0;
  text-align: center;
}
.lecture_complete .certificate .issue_dl .dl_half {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.lecture_complete .certificate .issue_dl .dl_half + .dl_half {
  padding-left: 60px;
}
.lecture_complete .certificate .issue_dl .dl_half dt {
  float: left;
  min-width: 65px;
  color: #1e1e1e;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 4px;
}
.lecture_complete .certificate .issue_dl .dl_half dd {
  overflow: hidden;
  color: #1e1e1e;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 4px;
}
.lecture_complete .certificate .issue_number {
  font-size: 10px;
  line-height: 14px;
}
.lecture_complete .certificate .issue_number strong {
  color: #a0a0a0;
}
.lecture_complete .certificate .issue_number .num {
  font-weight: bold;
  color: #666;
}
.lecture_complete .certificate .issue_number .confirm {
  padding-top: 2px;
  color: #00caf9;
}
.lecture_complete .certificate .issue_qrcode {
  width: 32px;
  height: 32px;
  margin-top: 13px;
}
.lecture_complete .certificate .issue_corp {
  margin-top: 25px;
}
.lecture_complete .certificate .issue_corp p {
  font-size: 10px;
  color: #a0a0a0;
  line-height: 10px;
}
.lecture_complete .certificate .issue_corp img {
  display: inline-block;
  margin-top: 8px;
  vertical-align: top;
}
.lecture_complete .certificate .issue_cont {
  position: absolute;
  left: 48px;
  right: 48px;
  bottom: 49px;
  padding-bottom: 87px;
}
.lecture_complete .certificate .issue_cont .complete_course {
  font-size: 12px;
  color: #999;
}
.lecture_complete .certificate .issue_cont .title {
  display: block;
  padding-bottom: 16px;
  border-bottom: 1px solid #1e1e1e;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #333;
  line-height: 26px;
}
.lecture_complete .certificate .issue_cont .name {
  margin: 20px 0 3px;
  font-size: 14px;
  font-weight: bold;
  color: #1e1e1e;
}
.lecture_complete .certificate .issue_cont .confer {
  font-size: 12px;
  color: #999;
  line-height: 16px;
}
.lecture_complete .certificate .issue_cont .date {
  margin-top: 5px;
  font-size: 10px;
  font-weight: bold;
  color: #1e1e1e;
}
.lecture_complete .certificate .issue_cont .connect {
  position: absolute;
  left: 0;
  bottom: -7px;
  font-size: 16px;
  font-weight: bold;
  color: #1e1e1e;
}
.lecture_complete .certificate .sign_area {
  position: absolute;
  left: 0;
  bottom: 0;
  white-space: nowrap;
}
.lecture_complete .certificate .sign_area .sign {
  display: inline-block;
  position: relative;
  height: 56px;
}
.lecture_complete .certificate .sign_area .sign + .sign {
  margin-left: 4px;
}
.lecture_complete .certificate .sign_area img {
  vertical-align: top;
}
.lecture_complete .certificate .sign_area p {
  display: block;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  border-top: 1px solid #eaeaea;
  font-size: 10px;
  color: #333;
}
.lecture_complete .certificate .sign_area p em {
  color: #999;
}
.lecture_complete .certificate .logo {
  display: block;
  position: absolute;
  right: 48px;
  bottom: 48px;
}
.lecture_complete .certificate .logo img {
  vertical-align: top;
}
.lecture_complete .certificate.course .logo {
  display: block;
  position: absolute;
  right: 48px;
}
.lecture_complete .certificate.course {
  padding: 0;
}
.lecture_complete .certificate.course::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 8px;
  background-color: #00caf9;
  opacity: 0.8;
  content: "";
}
.lecture_complete .certificate.course h3 {
  position: absolute;
  top: 48px;
  left: 48px;
}
.lecture_complete .certificate.course .issue_info {
  position: absolute;
  bottom: 48px;
  left: 48px;
  width: 130px;
  text-align: left;
}
.lecture_complete .certificate.course .issue_cont {
  left: 200px;
  bottom: 42px;
  padding: 0;
}
.lecture_complete .certificate.course .sign_area {
  position: relative;
  margin-top: 28px;
}
.lecture_complete .certificate.course .sign_area .sign {
  height: auto;
  padding-bottom: 0;
}
.lecture_complete .certificate.course .sign_area .sign p {
  position: static;
  padding-top: 1px;
}
.lecture_complete .certificate.course .logo {
  top: 48px;
  bottom: auto;
}
.lecture_complete .certificate.lecture .issue_cont {
  bottom: 42px;
  padding: 0;
}
.lecture_complete .certificate.lecture .issue_cont .connect {
  position: static;
  padding-top: 66px;
}
.lecture_complete .certificate.lecture .logo {
  top: 48px;
  bottom: auto;
}
.lecture_complete .certificate.lecture .issue_info {
  position: absolute;
  right: 48px;
  bottom: 48px;
}
.lecture_complete .certificate.lecture .issue_info .issue_corp {
  margin-top: 14px;
}
.lecture_complete .certificate.boostcamp {
  padding: 54px 30px;
  -webkit-box-shadow: inset 0 0 0 12px #efefef;
          box-shadow: inset 0 0 0 12px #efefef;
}
.lecture_complete .certificate.boostcamp h3 {
  float: none;
  font-size: 46px;
  line-height: 51px;
  text-align: center;
}
.lecture_complete .certificate.boostcamp .issue_info {
  position: absolute;
  top: 40px;
  right: 40px;
}
.lecture_complete .certificate.boostcamp .issue_info .issue_number {
  line-height: 11px;
}
.lecture_complete .certificate.boostcamp .issue_info .issue_number strong {
  color: #1e1e1e;
}
.lecture_complete .certificate.boostcamp .issue_info .issue_number .num {
  margin-top: 4px;
  color: #1e1e1e;
}
.lecture_complete .certificate.boostcamp .issue_cont {
  padding-bottom: 32px;
  text-align: center;
}
.lecture_complete .certificate.boostcamp .issue_cont .confer {
  color: #1e1e1e;
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
}
.lecture_complete .certificate.boostcamp .issue_cont .date {
  margin-top: 12px;
  font-size: 14px;
  line-height: 21px;
}
.lecture_complete .certificate.boostcamp .issue_cont .center_name {
  margin-top: 36px;
  color: #1e1e1e;
  font-size: 16px;
  line-height: 31px;
  font-weight: 700;
}
.lecture_complete .certificate.boostcamp .issue_cont .center_name .certificate_stamp {
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  margin-left: 4px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/certificate_boostcamp_stamp.png) 0 0 no-repeat;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
}
.lecture_complete .certificate.boostcamp .logo {
  bottom: 54px;
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.lecture_complete .lang_choice {
  padding-top: 17px;
  text-align: center;
}
.lecture_complete .lang_choice input {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  opacity: 0;
}
.lecture_complete .lang_choice input:checked + label::after {
  display: block;
  position: absolute;
  top: 2px;
  left: 3px;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #00c73c;
  content: "";
}
.lecture_complete .lang_choice label {
  position: relative;
  margin-left: 20px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
}
.lecture_complete .lang_choice label::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #2e3237;
  vertical-align: middle;
  content: "";
}
.lecture_complete .lang_choice label:first-of-type {
  margin: 0;
}
.lecture_complete .complete_text {
  float: left;
  width: 320px;
  padding-top: 82px;
}
.lecture_complete .complete_text.boost {
  padding-top: 115px;
}
.lecture_complete .complete_text .title_box.no_line {
  padding-top: 10px;
}
.lecture_complete .complete_text strong {
  display: block;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 24px;
  color: #fff;
  text-align: center;
}
.lecture_complete .complete_text p {
  padding: 7px 0 40px 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.lecture_complete .complete_text .btn {
  margin: 0 0 16px 0;
}
.lecture_complete .other_info_area {
  width: 1080px;
  margin: 0 auto;
}
.lecture_complete .other_info_area .lecture_title:before, .lecture_complete .other_info_area .lecture_title:after {
  display: table;
  clear: both;
  content: " ";
}
.lecture_complete .other_info_area .lecture_title {
  padding: 40px 0 22px;
}
.lecture_complete .other_info_area .lecture_title .thumb {
  float: left;
  height: 48px;
  margin-right: 16px;
}
.lecture_complete .other_info_area .lecture_title .thumb a {
  display: block;
}
.lecture_complete .other_info_area .lecture_title .tit {
  float: left;
  width: 975px;
}
.lecture_complete .other_info_area .lecture_title .title {
  display: inline-block;
  overflow: hidden;
  max-width: 90%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  margin-top: -2px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 18px;
  color: #010101;
  line-height: 18px;
  vertical-align: middle;
}
.lecture_complete .other_info_area .lecture_title .author {
  display: block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  color: #666;
  font-size: 12px;
  line-height: 24px;
}
.lecture_complete .other_info_area .lecture_title .author span, .lecture_complete .other_info_area .lecture_title .author a {
  vertical-align: middle !important;
}
.lecture_complete .other_info_area .lecture_title .author a:hover {
  text-decoration: none;
}
.lecture_complete .other_info_area .lecture_title .author .name {
  display: inline-block;
  overflow: hidden;
  max-width: 245px;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.lecture_complete .other_info_area .lecture_title .author .ic_ad + .name {
  max-width: 295px;
}
.lecture_complete .other_info_area .lecture_title .author .ic_ad {
  top: 1px;
}
.lecture_complete .other_info_area .lecture_title .author .bar {
  margin: 0 4px 0;
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #d1d1d1;
  vertical-align: middle;
  font-size: 0;
  line-height: 900em;
  overflow: hidden;
}
.lecture_complete .other_info_area .info_text {
  padding: 34px 40px;
  background-color: #fff;
  line-height: 24px;
}
.lecture_complete .other_info_area .info_text p, .lecture_complete .other_info_area .info_text ul {
  padding-bottom: 24px;
}
.lecture_complete .other_info_area .info_text .requirement dt {
  padding-top: 23px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.lecture_complete .other_info_area .info_text .requirement dt:first-of-type {
  padding: 0;
}

.lecture_status #status_content .search_area {
  padding: 24px;
  background-color: #fafafa;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.lecture_status #status_content .search_area .btn_type1 {
  padding: 0 19px;
}
.lecture_status #status_content .search_area .chosen-container-active {
  background-color: #fff;
}
.lecture_status #status_content .search_area ._custom_slt, .lecture_status #status_content .search_area .chosen-container.chosen-container-single .chosen-single span {
  color: #25292f;
}
.lecture_status #status_content .search_area .ph {
  left: 12px;
}
.lecture_status #status_content .search_area input {
  border-color: #d1d1d1;
}
.lecture_status #status_content .search_area .it {
  background-color: transparent;
}
.lecture_status #status_content .wave {
  font-size: 14px;
  font-weight: 400;
  font-family: NanumSquareWebFont-R, "NanumSquareWebFont", sans-serif;
}
.lecture_status #status_content .order_list {
  padding: 5px 0;
  font-size: 0;
  line-height: 0;
}
.lecture_status #status_content .order_list li {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.lecture_status #status_content .order_list li ~ li {
  margin-left: 8px;
  padding-left: 8px;
}
.lecture_status #status_content .order_list li ~ li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  bottom: 3px;
  width: 1px;
  height: 8px;
  background-color: #d0d6d9;
}
.lecture_status #status_content .order_list li button {
  font-size: 13px;
  line-height: 14px;
  color: #828c96;
}
.lecture_status #status_content .order_list li.on button {
  font-family: NanumSquareWebFont-B, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-weight: 700;
  color: #384047;
}
.lecture_status #status_content .push_status .ick {
  padding-left: 28px;
  height: 24px;
}
.lecture_status #status_content .push_status .checkbox {
  width: 20px;
  height: 20px;
  background: none;
  -webkit-border-radius: 1px;
          border-radius: 1px;
  border: 1px solid #d0d6d9;
}
.lecture_status #status_content .push_status .checkbox.checked {
  border-color: transparent;
}
.lecture_status #status_content .push_status .checkbox.checked:after {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_checkbox_big_checked);
  background-repeat: no-repeat;
  background-position: -330px -661px;
  width: 14px;
  height: 12px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.lecture_status #status_content .push_status .ph {
  font-size: 13px;
  margin-top: 1px;
  color: #828c96;
}
.lecture_status #status_content .status {
  margin-top: 40px;
}
.lecture_status #status_content .status .boost_course {
  border-bottom: 1px solid #d8d8d8;
}
.lecture_status #status_content .status .boost_course .tab_list {
  width: auto;
  display: inline-block;
  border-bottom: 0;
  vertical-align: top;
}
.lecture_status #status_content .status .boost_course .tab_list:after {
  content: "";
  display: block;
  clear: both;
}
.lecture_status #status_content .status .boost_course .tab_list li {
  min-width: 143px;
  display: block;
  float: left;
  background-color: #fdfdfd;
}
.lecture_status #status_content .status .boost_course .tab_list li.active {
  background-color: #fff;
}
.lecture_status #status_content .status .boost_course .date_pick {
  margin-top: 8px;
}
.lecture_status #status_content .status .boost_course .date_pick .it {
  width: 94px;
}
.lecture_status #status_content .status .boost_course .date_pick .it input {
  border-color: #d0d6d9;
}
.lecture_status #status_content .status .boost_course .date_pick dl dt {
  color: #333;
  float: left;
  padding-right: 24px;
  font-size: 12px;
  line-height: 34px;
  font-weight: 600;
}
.lecture_status #status_content .status .boost_course .date_pick dl dd {
  overflow: hidden;
}
.lecture_status #status_content .status .table_area {
  padding-top: 24px;
  display: none;
}
.lecture_status #status_content .status .table_area.now {
  display: block;
}
.lecture_status #status_content .status .table_area.meeting {
  display: block;
  padding-top: 0;
}
.lecture_status #status_content .status .table_area.push {
  display: block;
  padding-top: 0;
}
.lecture_status #status_content .status .table_area.push col {
  width: 120px;
}
.lecture_status #status_content .status .table_area.push col:first-child {
  width: auto;
}
.lecture_status #status_content .status .table_area.push tr td {
  border-bottom: 1px solid #ebebeb;
}
.lecture_status #status_content .status .table_area.push tr td:first-child {
  text-align: left;
}
.lecture_status #status_content .status .table_area.push .ick.type2 {
  width: 12px;
  height: 12px;
}
.lecture_status #status_content .status .table_area.push .ick .checkbox {
  width: 12px;
  height: 12px;
  border: 1px solid #d0d6d9;
}
.lecture_status #status_content .status .table_area.push .ick .checkbox.checked {
  border-color: transparent;
}
.lecture_status #status_content .status .table_area.push .ick .checkbox.checked:after {
  top: -1px;
  left: -1px;
}
.lecture_status #status_content .status .table_area.push .ick .checkbox.disabled {
  border-color: #edf0f2;
}
.lecture_status #status_content .status .table_area.push .ick .checkbox.disabled.checked {
  border-color: transparent;
  background-color: #d0d6d9;
}
.lecture_status #status_content .status .table_area.evaluation table tbody td {
  height: 57px;
}
.lecture_status #status_content .status .table_area.evaluation table tr:nth-child(2n) {
  background-color: #fdfdfd;
}
.lecture_status #status_content .status .table_area table {
  width: 100%;
  font-size: 14px;
  line-height: 15px;
  table-layout: fixed;
  letter-spacing: -0.6px;
  background-color: #fff;
}
.lecture_status #status_content .status .table_area table thead tr {
  position: relative;
}
.lecture_status #status_content .status .table_area table thead th {
  color: #333333;
  padding: 16px 0;
  font-weight: 400;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background-color: #fdfdfd;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #010101;
}
.lecture_status #status_content .status .table_area table thead th + th {
  padding-left: 16px;
}
.lecture_status #status_content .status .table_area table thead th:first-child {
  padding-left: 24px;
}
.lecture_status #status_content .status .table_area table thead th:last-child {
  padding-right: 24px;
}
.lecture_status #status_content .status .table_area table tbody {
  text-align: center;
}
.lecture_status #status_content .status .table_area table tbody tr {
  position: relative;
}
.lecture_status #status_content .status .table_area table tbody tr:nth-child(2n) td {
  background-color: #fdfdfd;
}
.lecture_status #status_content .status .table_area table tbody td {
  color: #666;
  padding: 16px 0;
  line-height: 14px;
  border-bottom: 1px solid #ebebeb;
  word-break: break-all;
}
.lecture_status #status_content .status .table_area table tbody td + td {
  padding-left: 16px;
}
.lecture_status #status_content .status .table_area table tbody td:first-child {
  padding-left: 24px;
}
.lecture_status #status_content .status .table_area table tbody td:last-child {
  padding-right: 24px;
}
.lecture_status #status_content .status .table_area.video table thead th {
  min-width: 88px;
}
.lecture_status #status_content .status .table_area .no_result {
  background-color: #f7f7f7;
  padding: 40px 0;
  text-align: center;
}
.lecture_status #status_content .status .table_area .no_result p {
  font-size: 14px;
  line-height: 15px;
  color: #666;
}
.lecture_status #status_content .status .table_area .btn_point {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  padding: 0 7px;
  min-width: 58px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.lecture_status #status_content .paginate .page_list {
  margin: 4px 8px;
}
.lecture_status #status_content .paginate .page_list li {
  margin-left: 8px;
}
.lecture_status #status_content .paginate .page_list li:first-child {
  margin-left: 0;
}
.lecture_status #status_content .paginate .page_list .selected {
  font-family: NanumSquareWebFont-B, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
.lecture_status #status_content .paginate .pre, .lecture_status #status_content .paginate .next {
  width: 40px;
  height: 40px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #fff;
}
.lecture_status #status_content .list_head {
  border-top: 1px solid #010101;
  border-bottom: 1px solid #EBEBEB;
  padding: 16px 72px 16px 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #FDFDFD;
}
.lecture_status #status_content .list_head:after {
  content: "";
  display: block;
  clear: both;
}
.lecture_status #status_content .list_head .head_cell {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  float: left;
  max-width: 80px;
  text-align: center;
  font-size: 14px;
  line-height: 15px;
}
.lecture_status #status_content .list_head .head_cell.w160 {
  max-width: 160px;
}
.lecture_status #status_content .list_head .head_cell.wfull {
  max-width: none;
}
.lecture_status #status_content .list_head .head_cell + .head_cell {
  margin-left: 16px;
}
.lecture_status #status_content .meeting_list .list:nth-child(2n) {
  background-color: #FDFDFD;
}
.lecture_status #status_content .meeting_list .list .top_open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 72px 18px 24px;
  border-bottom: 1px solid #EBEBEB;
  font-size: 0;
  position: relative;
}
.lecture_status #status_content .meeting_list .list .cell {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 80px;
  font-size: 13px;
  line-height: 14px;
  text-align: center;
}
.lecture_status #status_content .meeting_list .list .cell::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.lecture_status #status_content .meeting_list .list .cell span {
  display: inline-block;
  vertical-align: middle;
}
.lecture_status #status_content .meeting_list .list .cell.w160 {
  max-width: 160px;
}
.lecture_status #status_content .meeting_list .list .cell.wfull {
  max-width: none;
}
.lecture_status #status_content .meeting_list .list .cell + .cell {
  margin-left: 16px;
}
.lecture_status #status_content .meeting_list .list .warn {
  color: #f43b1e;
}
.lecture_status #status_content .meeting_list .list .open_list {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.lecture_status #status_content .meeting_list .list .open_list::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 32px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-select-arrow-down);
  background-repeat: no-repeat;
  background-position: -228px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  margin-top: -8px;
}
.lecture_status #status_content .meeting_list .list .detail_open {
  display: none;
  background-color: #F0F0F0;
  padding: 24px;
}
.lecture_status #status_content .meeting_list .list .detail_open table {
  letter-spacing: 0;
}
.lecture_status #status_content .meeting_list .list .detail_open table thead tr {
  border-bottom: 0;
}
.lecture_status #status_content .meeting_list .list .detail_open table thead th {
  border-top: 0;
  border-bottom: 0;
  background-color: #25292f;
  border-color: #25292f;
  color: #fff;
  font-size: 13px;
  line-height: 14px;
  text-align: center;
}
.lecture_status #status_content .meeting_list .list .detail_open table tbody td {
  font-size: 13px;
  background-color: #fff;
}
.lecture_status #status_content .meeting_list .list .detail_open table tbody td .text {
  font-size: 13px;
  line-height: 20px;
}
.lecture_status #status_content .meeting_list .list .detail_open .paginate {
  margin-top: 24px;
  border-color: #fff;
}
.lecture_status #status_content .meeting_list .list .detail_open .detail_inner {
  position: relative;
  min-height: 40px;
  margin-top: 24px;
}
.lecture_status #status_content .meeting_list .list .detail_open .detail_inner .inner_btn_box {
  position: absolute;
  z-index: 10;
}
.lecture_status #status_content .meeting_list .list .detail_open .detail_inner .paginate {
  margin-top: 0;
}
.lecture_status #status_content .meeting_list .list .detail_open .file {
  font-size: 0;
}
.lecture_status #status_content .meeting_list .list .detail_open .file .file_link {
  margin-top: 8px;
}
.lecture_status #status_content .meeting_list .list .detail_open .file .file_link a {
  display: inline-block;
  background-color: #f5f7f7;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  color: #333;
  font-size: 13px;
  line-height: 14px;
  padding: 8px 16px;
}
.lecture_status #status_content .meeting_list .list .detail_open .file .thumb {
  margin-top: 8px;
  display: inline-block;
  width: 80px;
  height: 45px;
  position: relative;
  vertical-align: top;
}
.lecture_status #status_content .meeting_list .list .detail_open .file .thumb::before {
  content: "";
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/new_whaleclass/img_thumb.svg) no-repeat;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
  z-index: 0;
}
.lecture_status #status_content .meeting_list .list .detail_open .file .thumb img {
  position: relative;
  z-index: 10;
}
.lecture_status #status_content .meeting_list .list .detail_open .file .thumb::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.04);
  z-index: 20;
}
.lecture_status #status_content .meeting_list .list .detail_open .file .thumb + .thumb {
  margin-left: 4px;
}
.lecture_status #status_content .meeting_list .list.opened .detail_open {
  display: block;
  position: relative;
}
.lecture_status #status_content .meeting_list .list.opened .open_list::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.lecture_status #status_content .push_alarm_notice_list {
  margin-top: 40px;
}
.lecture_status #status_content .push_alarm_notice_list li {
  position: relative;
  font-size: 12px;
  line-height: 16px;
  padding-left: 20px;
  color: #999;
}
.lecture_status #status_content .push_alarm_notice_list li ~ li {
  margin-top: 4px;
}
.lecture_status #status_content .push_alarm_notice_list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-warning);
  background-repeat: no-repeat;
  background-position: -372px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.lecture_status .btn_type17 {
  padding: 0 17px;
}

.mce-item-table, .mce-item-table td, .mce-item-table th {
  border-collapse: collapse;
  border: 1px solid #d2d2d2;
  line-height: 1;
}

.mce-item-table {
  width: 478px;
  color: #333;
}

.mce-item-table tr {
  height: 47px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mce-item-table td, .mce-item-table th {
  padding: 16px 8px;
}

.mce-item-table tbody, .mce-item-table td, .mce-item-table tr {
  border: inherit;
}

.mce-item-table caption {
  border: none 0;
  height: 47px;
  line-height: 47px;
}

td.mce-item-selected, th.mce-item-selected {
  background-color: #c3f2d7 !important;
}

#container #content .login {
  width: 100%;
  color: #010101;
  margin-top: 87px;
  margin-bottom: 90px;
}
#container #content .login h2.tit {
  margin: 0;
  font-size: 30px;
  letter-spacing: -1px;
  text-align: center;
  color: #010101;
}
#container #content .login .txt {
  margin: 11px auto 35px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -1px;
  color: #999;
}
#container #content .login .it, #container #content .login .ic {
  display: block;
}
#container #content .login .login_group {
  width: 330px;
  margin: 0 auto;
}
#container #content .login .login_group .it input {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 34px;
  padding: 2px 10px 0;
  border: 1px solid #D1D1D1;
  color: #333;
  font-size: 14px;
  vertical-align: top;
  background: #FFF;
}
#container #content .login .login_group .btn {
  margin-top: 15px;
  display: block;
  width: 100%;
  height: 40px;
  background-color: #e0e0e0;
  border-color: transparent !important;
  font-size: 16px;
  letter-spacing: 0;
}
#container #content .login .login_group .btn.gra {
  background: -webkit-gradient(linear, right top, left top, from(#0fd2c8), to(#00c73c));
  background: -webkit-linear-gradient(right, #0fd2c8, #00c73c);
  background: linear-gradient(to left, #0fd2c8, #00c73c);
  border: none;
}
#container #content .login .login_group .btn_type2 {
  margin-top: 20px;
  display: block;
  width: 100%;
  font-weight: 700;
}
#container #content .login .login_group .it .ph {
  top: 10px;
}
#container #content .login .login_group .it input {
  height: 40px;
}
#container #content .login .login_txt {
  margin: 16px 0 0;
  font-size: 12px;
  text-align: center;
  color: #999;
}
#container #content .login .login_txt a + a:before {
  display: inline-block;
  position: relative;
  top: 0;
  width: 1px;
  height: 7px;
  margin: 0 6px 0 2px;
  background: #ccc;
  content: "";
}
#container #content .login .login_txt a {
  color: #808080;
  text-decoration: none;
}
#container #content .login .login_txt em a {
  color: #666;
  text-decoration: underline;
}

body.full.agreement #container #content .ick.big_square,
body.bg_gray #container #content .ick.big_square {
  padding-left: 28px;
  line-height: 15px;
}
body.full.agreement #container #content .ick.big_square .checkbox,
body.bg_gray #container #content .ick.big_square .checkbox {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_checkbox_big_square);
  background-repeat: no-repeat;
  background-position: -463px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
  top: 0;
  border: 0;
}
body.full.agreement #container #content .ick.big_square .checkbox.checked,
body.bg_gray #container #content .ick.big_square .checkbox.checked {
  background-image: url(../img/sprite/sp_new_boostcourse.svg#ico_checkbox_big_square_checked);
  background-repeat: no-repeat;
  background-position: -491px -584px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
body.full.agreement #container #content .ick.big_square .checkbox.checked:after,
body.bg_gray #container #content .ick.big_square .checkbox.checked:after {
  display: none;
}
body.full.agreement #container #content .ick.big_square .ph,
body.bg_gray #container #content .ick.big_square .ph {
  color: #666;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.camper_list {
  margin-top: 40px;
}
.camper_list:first-child {
  margin-top: 0;
}
.camper_list .list + .list {
  margin-top: 40px;
}
.camper_list .list .camper_info_table + .camper_info_table {
  margin-top: 24px;
}
.camper_list .camper_title {
  color: #29252f;
  font-size: 24px;
  line-height: 27px;
  font-weight: bold;
  margin-bottom: 24px;
}
.camper_list .camper_title .txt_desc {
  float: right;
  margin-top: 2px;
}
.camper_list .camper_thumb {
  text-align: center;
  padding: 16px 0;
}
.camper_list .camper_thumb .thumb_box {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 80px;
}
.camper_list .camper_thumb .thumb_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: top;
}
.camper_list .camper_thumb .btn_box {
  margin-top: 8px;
}
.camper_list .btn_camper {
  color: #25292f;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 14px;
  min-width: 47px;
  padding: 8px 10px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: #f7f7f7;
}
.camper_list .btn_camper + .btn_camper {
  margin-left: 8px;
}
.camper_list .btn_camper.on {
  background: #25292f;
  color: #fff;
}
.camper_list .btn_in_table {
  padding: 0 7px;
  border: 1px solid #25292f;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  color: #25292F;
  font-size: 11px;
  line-height: 18px;
  font-weight: 700;
}
.camper_list .green_box {
  color: #666;
  font-size: 14px;
  line-height: 18px;
  padding: 32px;
  background: #f5fdf7;
  border: 1px solid #c3f2d7;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}
.camper_list .green_box .bold {
  color: #333;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
.camper_list .camper_info_header .title {
  color: #333;
  font-size: 36px;
  line-height: 40px;
  font-weight: bold;
}
.camper_list .camper_info_header .title .btn_camper {
  font-size: 14px;
  line-height: 16px;
  padding: 11px 14px;
  margin-left: 24px;
}
.camper_list .camper_info_header .group_lr + .txt_desc {
  margin-top: -20px;
}

.my_camper_info {
  padding: 80px;
  background: #fff;
}
.my_camper_info .camper_list .list + .list {
  margin-top: 64px;
}
.my_camper_info .btn_delete {
  color: #25292f;
  font-size: 14px;
  line-height: 24px;
  padding-left: 20px;
  position: relative;
}
.my_camper_info .btn_delete:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon_delete_camper);
  background-repeat: no-repeat;
  background-position: -564px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.my_camper_info .camper_info_header .camper_thumb .thumb_box {
  width: 160px;
  height: 160px;
}
.my_camper_info .camper_info_header .camper_thumb .thumb_box img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.my_camper_info .save_btn {
  margin-top: 64px;
}
.my_camper_info .chosen-container.chosen-container-single .chosen-single {
  padding: 7px 27px 7px 7px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.my_camper_info .chosen-container.chosen-container-single .chosen-single span {
  color: #25292f;
  font-size: 13px;
}
.my_camper_info .chosen-container .chosen-results li {
  font-size: 13px;
}
.my_camper_info .chosen-container.chosen-container-single .chosen-single div b {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-select-arrow-down_2);
  background-repeat: no-repeat;
  background-position: -252px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.my_camper_info .slt.input_error ._custom_slt {
  border-color: #ff5230 !important;
}
.my_camper_info ._custom_slt {
  padding: 7px 27px 7px 7px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: #fff url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/boostcourse/icon-select-arrow-down_2.svg) no-repeat right 9px top 50%;
  -webkit-background-size: 16px 16px;
          background-size: 16px 16px;
  color: #25292f;
  font-size: 13px;
}
.my_camper_info .slt.input_error .chosen-container.chosen-container-single .chosen-single {
  border-color: #ff5230 !important;
}
.my_camper_info .it.input_error input {
  border-color: #ff5230 !important;
}
.my_camper_info .input_text {
  width: 94px;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #f0f0f0;
  line-height: 32px;
  color: #25292F;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.my_camper_info .radio.checked::after {
  width: 4px !important;
  height: 4px !important;
  background-color: #fff !important;
}

.container_inn .camper_list .table.table_type2.padding tbody tr:last-child:first-child td {
  padding-top: 0px;
}
.container_inn .camper_list .table.table_type2.padding .it {
  display: block;
}
.container_inn .camper_list .table.table_type2.padding .slt {
  max-width: 100%;
  display: block;
}
.container_inn .camper_list .table.table_type2.padding .chosen-container.chosen-container-single {
  max-width: 100% !important;
  width: 100% !important;
}

.camper_list .table.table_type2.padding tbody tr:nth-child(2n) td {
  background: transparent;
}
.camper_list .table.table_type2.padding tbody tr:last-child td:nth-child(-n+3) {
  padding-top: 12px;
}
.camper_list .table.table_type2.padding tbody tr:last-child:first-child td {
  padding-top: 0;
}
.camper_list .table.table_type2.padding tbody tr:last-child td {
  padding-bottom: 16px;
}
.camper_list .table.table_type2.padding tbody tr:first-child td:nth-child(-n+3) {
  padding-top: 0;
}
.camper_list .table.table_type2.padding tbody tr:first-child:last-child td {
  padding-top: 16px;
}
.camper_list .table.table_type2.padding tbody tr:first-child td {
  padding-top: 16px;
  padding-bottom: 0;
}
.camper_list .table.table_type2.padding tbody tr + tr td {
  border-top: 0;
  padding-top: 12px;
  padding-bottom: 0;
}
.camper_list .table.table_type2.padding tbody tr td {
  padding: 0px 8px 0 8px;
}

.table.table_type2 {
  color: #666;
}
.table.table_type2 .block {
  display: block;
}
.table.table_type2 .block + .block {
  margin-top: 12px;
}
.table.table_type2.padding {
  letter-spacing: 0;
}
.table.table_type2.padding thead th {
  border-bottom: 1px solid #ebebeb;
}
.table.table_type2.padding tbody tr:nth-child(2n) td {
  background-color: #fdfdfd;
}
.table.table_type2.padding tbody tr + tr td {
  border-top: 1px solid #ebebeb;
}
.table.table_type2.padding tbody td {
  height: auto;
  padding: 16px 8px;
  font-size: 13px;
  line-height: 14px;
  border-top: 0;
  word-break: keep-all;
}
.table.table_type2.camper {
  letter-spacing: 0;
  border-top-color: #010101;
}
.table.table_type2.camper tbody tr:first-child th, .table.table_type2.camper tbody td {
  border-top-width: 0;
}
.table.table_type2.camper tbody th {
  color: #333;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-align: left;
  background: #fdfdfd;
  padding: 22px 10px 22px 24px;
  border-bottom: 1px solid #ebebeb;
}
.table.table_type2.camper tbody td {
  position: relative;
  color: #666;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  padding: 23px 16px;
  border-bottom: 1px solid #ebebeb;
}
.table.table_type2.camper tbody td .group_l {
  overflow: hidden;
  float: none;
}
.table.table_type2.camper tbody td .group_l .btn_box {
  display: inline-block;
  vertical-align: top;
}
.table.table_type2.camper tbody td .file_name {
  float: left;
  color: #666;
  font-size: 14px;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 14px;
  max-width: -webkit-calc(100% - 110px);
  max-width: calc(100% - 110px);
}
.table.table_type2.camper tbody td .file_name:only-child {
  max-width: 100%;
}
.table.table_type2.camper tbody td .error_txt {
  float: left;
  color: #ff5230;
  font-size: 14px;
  line-height: 32px;
  padding-right: 14px;
  max-width: -webkit-calc(100% - 110px);
  max-width: calc(100% - 110px);
}
.table.table_type2.camper tbody td .error_txt .btn {
  margin-left: 16px;
}
.table.table_type2.camper tbody td .warning_text {
  margin-top: 4px;
  position: absolute;
  bottom: 5px;
  color: #ff5230;
  font-size: 11px;
  line-height: 14px;
}
.table.table_type2.camper tbody td .inline_text {
  display: inline-block;
  vertical-align: top;
  color: #828c96;
  font-size: 12px;
  line-height: 18px;
  margin-top: 7px;
  margin-left: 3px;
}
.table.table_type2.camper tbody td .ick + .ick {
  margin-left: 24px;
}
.table.table_type2.camper tbody td .it input {
  color: #25292f;
  font-size: 13px;
  border-color: #f0f0f0;
  padding-left: 7px;
}
.table.table_type2.camper tbody td .it input.error {
  border-color: #ff5230;
  text-align: left;
}
.table.table_type2.camper tbody td .it input:disabled {
  background: #fafafa;
}
.table.table_type2.camper tbody td .wave {
  margin: 0 4px;
  color: #666;
  font-weight: 400;
}
.table.table_type2 ._custom_slt {
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: #fff url(https://ssl.pstatic.net/static/connectfdn/edwith/hold_images/boostcourse/icon-select-arrow-down_2.svg) no-repeat right 9px top 50%;
  -webkit-background-size: 16px 16px;
          background-size: 16px 16px;
  color: #25292f;
  font-size: 13px;
}
.table.table_type2 .chosen-container.chosen-container-single .chosen-single {
  padding-left: 7px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}
.table.table_type2 .chosen-container.chosen-container-single .chosen-single span {
  color: #25292f;
}
.table.table_type2 .chosen-container.chosen-container-single .chosen-single div b {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-select-arrow-down_2);
  background-repeat: no-repeat;
  background-position: -252px -744px;
  width: 16px;
  height: 16px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}

.myhome_info .table.table_type2.padding tbody tr:only-child td {
  padding-top: 17px;
}
.myhome_info .table.table_type2.padding tbody tr:first-child td:nth-child(n+3) {
  padding-top: 16px;
}
.myhome_info .table.table_type2.padding tbody tr:last-child td {
  padding-bottom: 16px;
}
.myhome_info .table.table_type2.padding tbody td {
  padding: 6px 8px;
}
/*# sourceMappingURL=boostcourse_common.css.map */