@charset "UTF-8";
@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;
}

/*! 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-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif; /* 1 */
  font-size: 14px;
  line-height: 1.8;
  -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;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
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;
}

@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");
}
* {
  -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 {
  height: 100%;
  min-height: 100%;
}

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

body {
  background: #fff;
  font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}

a {
  color: #666;
  text-decoration: none;
}
a:hover, a:focus {
  color: #666;
  text-decoration: underline;
}

@font-face {
  font-family: NanumGothic;
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/fonts/NanumGothic.eot); /* IE9 Compat Modes */
  src: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/fonts/NanumGothic.eot?#iefix) format(embedded-opentype), url(https://ssl.pstatic.net/static/connectfdn/edwith/images/fonts/NanumGothic.woff) format(woff); /* Modern Browsers */
  src: local(※), url(https://ssl.pstatic.net/static/connectfdn/edwith/images/fonts/NanumGothic.woff) format(woff);
}
@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");
}
/* 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;
}

::selection {
  color: #fff;
  background: #00c73c;
  text-shadow: none;
}

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

.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 p {
  color: #333;
}
.editor_reset hr {
  margin: 25px 0;
  border: 0;
  border-top: 1px solid #e8e8e8;
}
.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 * + ul, .editor_reset * + ol {
  margin: 10px 0 0;
}
.editor_reset pre {
  padding: 14px 20px;
  background-color: #333;
  font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
.editor_reset pre code {
  font-family: NanumSquareWebFont-R, "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;
}

.txt {
  color: #333;
}

.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_point {
  color: #03c75a !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;
}

.mat_mn57 {
  margin-top: -57px !important;
}

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

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

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

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

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

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

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

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

.mat13 {
  margin-top: 15px !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;
}

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

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

.mat-10 {
  margin-top: -10px !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;
}

.mal15 {
  margin-left: 15px !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;
}

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

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

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

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

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

.pab20 {
  padding-bottom: 20px !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;
}

.underline {
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

.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;
}

.yellow {
  color: #00c73c !important;
}

.red {
  color: #ff5230;
}

.gray {
  color: #848484;
}

.sub_font_color {
  color: #999 !important;
}

.point_font_color {
  color: #333 !important;
}

.point_font_color2 {
  color: #00c73c !important;
}

.tit_font_color {
  color: #010101 !important;
}

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

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

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

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

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

.ltsc-1 {
  letter-spacing: -1px;
}

.va_t,
.vatop {
  vertical-align: top !important;
}

.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: 700;
  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;
}

.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;
}

.text_red {
  color: #FC4C4E;
}

body {
  background-image: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_vline2_v1.gif);
  background-position: 50% 0;
  background-repeat: repeat-y;
}

#wrap {
  position: relative;
  min-width: 1052px;
  min-height: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

#container,
#header .layout_in,
.main_ed .layout_in {
  margin: 0 auto;
}
#container:before, #container:after,
#header .layout_in:before,
#header .layout_in:after,
.main_ed .layout_in:before,
.main_ed .layout_in:after {
  display: table;
  clear: both;
  content: " ";
}

#header .layout_in,
.main_ed .layout_in {
  border-bottom: 1px solid #e6e6e6;
}

#container {
  position: relative;
  width: 1056px;
  padding: 40px 0 276px;
  *zoom: 1;
}
#container:after {
  display: block;
  clear: both;
  content: "";
}

.preview_area {
  position: relative;
  background-color: #282828;
  line-height: 43px;
  color: #fff;
  text-align: center;
}
.preview_area .btn_clse {
  position: absolute;
  top: 0;
  right: 36px;
  font-size: 14px;
  color: #ccc;
}
.preview_area .btn_clse:after {
  margin: -1px 0 1px 8px;
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_close2);
  background-repeat: no-repeat;
  background-position: -119px -868px;
  width: 13px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}

.m_version {
  padding-top: 42px;
  min-width: 1052px;
  height: 208px;
  background-color: #FFF;
  letter-spacing: -1px;
}
.m_version > a {
  display: block;
  width: 300px;
  height: 84px;
  line-height: 84px;
  font-size: 24px;
  font-family: Helvetica, AppleSDGothicNeo, sans-serif;
  margin: 0 auto;
  text-align: center;
  background-color: #F1F1F1;
  color: #333;
}
.m_version a:hover {
  text-decoration: none;
}
.m_version > p {
  margin-bottom: 30px;
  color: #999;
  line-height: 15px;
  text-align: center;
}

#header {
  z-index: 200;
  position: relative;
  max-width: 100%;
  min-width: 1052px;
  text-align: left;
  background-repeat: repeat-x;
  background-position: 50% 0;
}
#header .logo {
  position: relative;
  z-index: 100;
  float: left;
  height: 100%;
  margin: 0 0 0 40px;
}
#header .logo:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
#header .logo a,
#header .logo .logo_area {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  line-height: 100%;
}
#header .logo a img,
#header .logo .logo_area img {
  vertical-align: middle;
  max-height: 24px;
}
#header .star_mooc_logo_box {
  position: relative;
  z-index: 1;
  float: left;
  height: 100%;
  margin: 0 -16px 0 24px;
}
#header .star_mooc_logo_box .logo_inner {
  display: table;
  height: 100%;
  table-layout: fixed;
}
#header .star_mooc_logo_box .star_mooc_logo {
  display: table-cell;
  height: 100%;
  font-size: 0;
  vertical-align: middle;
}
#header .star_mooc_logo_box .star_mooc_logo a {
  position: relative;
  display: inline-block;
  padding: 0 16px;
  vertical-align: middle;
}
#header .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 .whaleclass_box {
  position: relative;
  float: left;
  height: 100%;
  margin: 0 8px 0 40px;
}
#header .whaleclass_box .whaleclass_inner {
  display: table;
  height: 100%;
  table-layout: fixed;
}
#header .whaleclass_box .school_name {
  display: table-cell;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #010101;
  vertical-align: middle;
}
#header .whaleclass_box .school_name a {
  display: block;
  margin-top: -3px;
  color: #010101;
}
#header .whaleclass_box .school_name .img_whaleclass {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ico_partner_whaleclass);
  background-repeat: no-repeat;
  background-position: -839px -109px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-right: 8px;
  vertical-align: middle;
}
#header .whaleclass_box .school_name .name_text {
  display: inline-block;
  margin-top: 4px;
  vertical-align: middle;
}
#header a:hover,
#header a:focus {
  text-decoration: none;
}
#header .m_help a {
  display: block;
  overflow: hidden;
  height: 100%;
}
#header .lnk {
  position: absolute;
  left: 0;
  right: 0;
  top: 26px;
  text-align: center;
}
#header .lnk li + li:before {
  display: inline-block;
  width: 1px;
  height: 16px;
  margin: 6px 31px 0 27px;
  background: #e9ebec;
  content: "";
  vertical-align: top;
}
#header .lnk li {
  display: inline-block;
}
#header .lnk a {
  font-size: 16px;
  font-weight: 700;
  color: #010101;
}
#header .lnk a.point_c {
  color: #00c73c;
}
#header .lnk .boost_c a {
  display: inline-block;
  position: relative;
}
#header .lnk_box {
  display: inline-block;
  border: 1px solid #999;
  margin-top: 19px;
  margin-left: 23px;
  line-height: 22px;
  font-size: 12px;
  color: #666;
}
#header .lnk_box a {
  display: inline-block;
  padding: 0 10px;
}
#header .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 .gnb {
  float: right;
  margin: 28px 32px 0;
}
#header .gnb.ly_type2 {
  font-family: NanumSquareWebFont, sans-serif;
}
#header .gnb.ly_type2 > li::after {
  display: none;
}
#header .gnb.ly_type2 > li.on::after {
  display: none;
}
#header .gnb.ly_type2 .ic.todo .ly_dropdown {
  left: -53px;
}
#header .gnb.ly_type2 li.ly_right .ly_dropdown {
  left: auto;
}
#header .gnb.ly_type2 .ly_dropdown {
  width: 320px;
  max-height: none;
  top: 36px;
  right: auto;
  left: 0;
  right: 0;
  -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);
  border: solid 1px #edf0f2;
  padding-bottom: 24px;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top {
  height: auto;
  padding: 24px;
  background-color: #fff;
  -webkit-box-shadow: inset 0 -1px 0 0 #edf0f2;
          box-shadow: inset 0 -1px 0 0 #edf0f2;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top h2 {
  padding: 0;
  font-size: 16px;
  line-height: 17px;
  color: #25292f;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top .more {
  top: 27px;
  right: 26px;
  color: #384047;
  font-size: 13px;
  line-height: 14px;
  padding-right: 13px;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top .more::after {
  top: 1px;
  right: -3px;
  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;
}
#header .gnb.ly_type2 .ly_dropdown .scroll_wrap {
  max-height: 469px;
  overflow-y: auto;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul {
  font-weight: 300;
  overflow: hidden;
  max-height: none;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li {
  border-top: 0;
  overflow: hidden;
  padding: 24px 0 0 0;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li.nodata {
  padding: 24px 24px 0 24px;
  text-align: center;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li a {
  display: block;
  padding: 0 24px;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .news_detail {
  overflow: hidden;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .thumb {
  width: 72px;
  height: 40px;
  background-color: #E5E7E7;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .thumb.bgnone::before {
  display: none;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .thumb::before {
  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;
  width: 100%;
  height: 100%;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .thumb::after {
  border: solid 1px rgba(0, 23, 20, 0.04);
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .class_info {
  overflow: hidden;
  padding-left: 16px;
}
#header .gnb.ly_type2 .ly_dropdown .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;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .class_info .time {
  color: #4c5c5a;
  font-size: 12px;
  line-height: 13px;
  margin-top: 4px;
}
#header .gnb.ly_type2 .ly_dropdown .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;
}
#header .gnb.ly_type2 .ly_dropdown .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;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .info {
  color: #000;
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 4px;
  padding-left: 0;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .info em {
  font-weight: 700;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .sub_title {
  font-size: 12px;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #828c96;
}
#header .gnb.ly_type2 .ly_dropdown .ly_top + .scroll_wrap > ul li .date {
  display: block;
  font-size: 11px;
  line-height: 12px;
  color: #828c96;
  margin-top: 12px;
}
#header .gnb.ly_type2 .ly_dropdown .more_button {
  padding: 24px 24px 0 24px;
}
#header .gnb.ly_type2 .ly_dropdown .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;
}
#header .gnb.ly_type2 .ly_dropdown .my_news .ico_bx::after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
#header .gnb.ly_type2 .ly_dropdown .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;
}
#header .gnb.ly_type2 .ly_dropdown .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;
}
#header .gnb.ly_type2 .ly_dropdown .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;
}
#header .gnb.ly_type2 .ly_dropdown .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;
}
#header .gnb.ly_type2 .ly_dropdown .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;
}
#header .gnb.ly_type2 .ly_dropdown .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;
}
#header .gnb.ly_type2 .ly_dropdown .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;
}
#header .gnb.ly_type2 .ly_dropdown .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;
}
#header .gnb.ly_type2 .ly_dropdown .my_news .read {
  background: #ccd1d0 !important;
}
#header .gnb.ly_type2 .ly_dropdown .noti_list {
  font-weight: 300;
  max-height: none;
}
#header .gnb.ly_type2 .ly_dropdown .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;
}
#header .gnb.ly_type2 .ly_dropdown .noti_list .category.today {
  color: #fff;
  background-color: #05c3a7;
}
#header .gnb.ly_type2 .ly_dropdown .noti_list .category.d_day {
  color: #fff;
  background-color: #0076E4;
}
#header .gnb.ly_type2 .ly_dropdown .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;
}
#header .gnb.ly_type2 .ly_dropdown .add_button .num {
  font-weight: 400;
}
#header .gnb.ly_type2 li.on.nickname::after {
  display: none;
}
#header .gnb.ly_type2 li.on.nickname .ly_dropdown {
  width: auto;
  height: auto;
  min-width: 160px;
  max-height: none;
  top: 39px;
  right: 0;
  padding-bottom: 0;
}
#header .gnb.ly_type2 li.on.nickname .ly_dropdown li {
  border-color: #edf0f2;
}
#header .gnb.ly_type2 li.on.nickname .ly_dropdown li:first-child {
  border-top: 0;
}
#header .gnb.ly_type2 li.on.nickname .ly_dropdown li a {
  display: block;
  color: #25292f;
  padding: 24px;
  font-size: 14px;
  line-height: 15px;
}
#header .gnb > li {
  position: relative;
  display: inline-block;
  margin-right: 9px;
  vertical-align: top;
}
#header .gnb > li > a {
  display: inline-block;
  font-weight: 700;
  color: #010101;
  line-height: 1.7;
}
#header .gnb > 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 .gnb > li > a em {
  display: inline-block;
  font-weight: normal;
  vertical-align: top;
}
#header .gnb > li.ic > .ico_new2, #header .gnb > li.ic > .count {
  display: block;
}
#header .gnb > li > .ico_new2 {
  display: none;
  position: absolute;
  top: 3px;
  right: -14px;
}
#header .gnb > li > .count {
  display: none;
  position: absolute;
  top: -6px;
  left: 16px;
  min-width: 17px;
  height: 17px;
  font-size: 11px;
  text-align: center;
  color: #fff;
}
#header .gnb > 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 .gnb > 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 .gnb > 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 .gnb > li.nickname {
  top: 1px;
  margin-left: 10px;
}
#header .gnb > li.nickname > a {
  font-weight: normal;
}
#header .gnb > li.nickname > a .thumb {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  margin: -5px -1px 0 0;
  vertical-align: top;
}
#header .gnb > li.nickname > a .thumb:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  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;
}
#header .gnb > li.nickname > a .thumb.bgnone:before {
  display: none;
}
#header .gnb > li.on .ly_dropdown {
  display: block;
}
#header .gnb > li.on:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_gnb_arr);
  background-repeat: no-repeat;
  background-position: -758px -527px;
  width: 10px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 30px;
  right: 9px;
}
#header .gnb > li.on.nickname:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_gnb_arr);
  background-repeat: no-repeat;
  background-position: -758px -527px;
  width: 10px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 30px;
  right: 11px;
}
#header .gnb > li.nickname .ly_dropdown {
  overflow: hidden;
  right: -40px;
  min-width: 114px;
  width: auto;
}
#header .gnb > li.nickname .ly_dropdown ul {
  overflow: hidden;
  max-height: none;
}
#header .gnb > li.nickname .ly_dropdown li {
  padding: 0;
  text-align: center;
}
#header .gnb > li.nickname .ly_dropdown li a {
  display: block;
  font-size: 12px;
  color: #010101;
  padding: 13px 15px 9px;
  white-space: nowrap;
}
#header .gnb > li .ly_dropdown {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 36px;
  right: -50px;
  width: 480px;
  max-height: 369px;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
#header .gnb > li .ly_dropdown .ly_top {
  position: relative;
  height: 31px;
  background: #f3f3f3;
}
#header .gnb > li .ly_dropdown .ly_top h2 {
  margin: 0;
  padding: 6px 0 0 15px;
  font-size: 12px;
  color: #010101;
  font-weight: 700;
}
#header .gnb > li .ly_dropdown .ly_top .more {
  position: absolute;
  top: 6px;
  right: 15px;
  padding-right: 15px;
  font-size: 12px;
  font-weight: normal;
}
#header .gnb > li .ly_dropdown .ly_top .more:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_more);
  background-repeat: no-repeat;
  background-position: -336px -868px;
  width: 6px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 4px;
  right: 0;
}
#header .gnb > li .ly_dropdown ul {
  overflow-y: auto;
  max-height: 318px;
}
#header .gnb > li .ly_dropdown ul.ly_course li > a {
  min-height: 63px;
}
#header .gnb > li .ly_dropdown ul.ly_todo li > a {
  min-height: 46px;
}
#header .gnb > li .ly_dropdown ul.ly_news li > a {
  min-height: 46px;
}
#header .gnb > li .ly_dropdown li:before, #header .gnb > li .ly_dropdown li:after {
  display: table;
  clear: both;
  content: " ";
}
#header .gnb > li .ly_dropdown li {
  padding: 15px;
  border-top: 1px solid #e5e5e5;
}
#header .gnb > li .ly_dropdown li > a {
  text-decoration: none !important;
  display: block;
}
#header .gnb > li .ly_dropdown li .thumb {
  overflow: hidden;
  float: left;
  position: relative;
  width: 112px;
  height: 63px;
  background-color: #999;
}
#header .gnb > 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;
}
#header .gnb > li .ly_dropdown li .thumb.bgnone:before {
  display: none;
}
#header .gnb > li .ly_dropdown li .thumb img {
  vertical-align: top;
}
#header .gnb > li .ly_dropdown li .ic_state {
  float: left;
}
#header .gnb > li .ly_dropdown li .info {
  overflow: hidden;
  padding-left: 15px;
  font-size: 12px;
}
#header .gnb > li .ly_dropdown li .info .ti {
  color: #010101;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px !important;
  letter-spacing: -1px;
}
#header .gnb > li .ly_dropdown li .info .ti:after {
  position: relative;
  top: 2px;
  margin-left: 5px;
}
#header .gnb > li .ly_dropdown li .info .ti .day {
  display: inline-block;
  color: #ff5230;
}
#header .gnb > 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: "";
}
#header .gnb > li .ly_dropdown li .info .ic_ad {
  margin-top: 5px;
}
#header .gnb > li .ly_dropdown li .info .tx {
  margin-top: 3px;
  color: #4c4c4c;
  line-height: 16px !important;
}
#header .gnb > li .ly_dropdown li .info .tx2 {
  margin-top: 3px;
  color: #999;
  line-height: 16px !important;
}
#header .gnb > 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);
}
#header .gnb > li .ly_dropdown .btn_jumpbar > span {
  display: inline-block;
  line-height: 36px;
  color: #FFF;
}
#header .gnb > 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;
}
#header .gnb > li .ly_dropdown .option_box {
  border: none;
}
#header .gnb > li.lecture_build {
  margin: -4px 20px 0 0;
}
#header .gnb > 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 .skin_img {
  position: absolute;
  left: 0;
  right: 0;
  height: 230px;
  z-index: -1;
  background-position: 50% 0 !important;
  background-color: #fff;
  background-repeat: repeat-x;
}
#header .skin_img .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background-color: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}
#header .layout_in:before, #header .layout_in:after {
  display: table;
  clear: both;
  content: " ";
}
#header .layout_in {
  z-index: 50;
  position: relative;
  height: 81px;
  background: #fff;
}
#header .hd_txt {
  z-index: 30;
  position: relative;
  width: 1052px;
  height: 230px;
  margin: 0 auto;
}
#header .hd_txt > .inner {
  display: table-cell;
  position: relative;
  width: 1052px;
  height: 230px;
  padding: 0 0 40px 35px;
  vertical-align: middle;
}
#header .hd_txt .label_box:before, #header .hd_txt .label_box:after {
  display: table;
  clear: both;
  content: " ";
}
#header .hd_txt .label_box {
  margin-bottom: 16px;
}
#header .hd_txt .label_box .project, #header .hd_txt .label_box .level {
  float: left;
  height: 18px;
  margin-right: 4px;
  padding: 0 4px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 18px;
}
#header .hd_txt .label_box .project {
  background-color: #00c73c;
}
#header .hd_txt .label_box .level {
  padding-right: 5px;
  background-color: #828c96;
  letter-spacing: -0.5px;
}
#header .hd_txt .label_box .level.basic {
  background-color: #4d6fee;
}
#header .hd_txt .label_box .level.advanced {
  background-color: #3f3a90;
}
#header .hd_txt .label_box .icon {
  display: inline-block;
  height: 10px;
  margin-right: 1px;
  font-size: 0;
  vertical-align: -1px;
}
#header .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;
}
#header .hd_txt .label_box .icon .level_bg:first-child {
  height: 4px;
  margin: 0;
  opacity: 1;
}
#header .hd_txt .label_box .icon .level_bg:last-child {
  height: 10px;
}
#header .hd_txt .label_box .icon.level2 .level_bg:nth-child(2), #header .hd_txt .label_box .icon.level3 .level_bg:nth-child(2) {
  opacity: 1;
}
#header .hd_txt .label_box .icon.level3 .level_bg:last-child {
  opacity: 1;
}
#header .hd_txt h2 {
  overflow: hidden;
  max-height: 120px;
}
#header .hd_txt h2 a {
  display: inline;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  color: #f9f9f9;
  line-height: 44px;
  text-decoration: none !important;
  letter-spacing: 0;
}
#header .hd_txt h2.word_max a {
  font-size: 32px;
  line-height: 36px;
}
#header .hd_txt .profile {
  display: block;
  overflow: hidden;
  max-width: 700px;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  text-overflow: ellipsis;
  display: block;
  position: absolute;
  left: 35px;
  bottom: 16px;
  color: #a9a9a9;
}
#header .hd_txt .profile .thumb {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
#header .hd_txt .profile .thumb:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 42px;
          border-radius: 42px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/blank/prof42.png) no-repeat 0 0;
  background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  content: "";
}
#header .hd_txt .profile .thumb.bgnone:before {
  display: none;
}
#header .hd_txt .profile img {
  vertical-align: top;
}
#header .hd_txt .profile .name,
#header .hd_txt .profile .from {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  vertical-align: middle;
  letter-spacing: -0.86px;
}
#header .hd_txt .profile .bar {
  margin: 0 8px 0 9px;
  width: 1px;
  height: 8px;
  background-color: #fff;
  vertical-align: -1px;
  opacity: 0.4;
}
#header .hd_txt .profile .name {
  margin-left: 4px;
}
#header .hd_txt .profile a.from:hover {
  text-decoration: underline;
}
#header .hd_txt .lecture_sub_tool {
  position: absolute;
  bottom: 14px;
  right: 28px;
}
#header .hd_txt .lecture_sub_tool:before, #header .hd_txt .lecture_sub_tool:after {
  display: table;
  clear: both;
  content: " ";
}
#header .hd_txt .lecture_sub_tool .count_info {
  float: left;
  font-size: 12px;
  color: #fff;
}
#header .hd_txt .lecture_sub_tool .count_info [class^=count_] {
  display: inline-block;
}
#header .hd_txt .lecture_sub_tool .count_info [class^=count_] + [class^=count_]:before {
  display: inline-block;
  width: 1px;
  height: 8px;
  margin: 0 8px 0 4px;
  background-color: rgba(255, 255, 255, 0.4);
  vertical-align: middle;
  content: "";
}
#header .hd_txt .lecture_sub_tool .count_info [class^=count_] em {
  opacity: 0.6;
}
#header .hd_txt .lecture_sub_tool .btn_manage {
  float: left;
  margin-left: 16px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}
#header .hd_txt .lecture_sub_tool .btn_manage:before {
  margin: 0 4px 1px 0;
  content: "";
  display: inline-block;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_seting);
  background-repeat: no-repeat;
  background-position: -642px -841px;
  width: 14px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
}
#header .hd_txt .lecture_sub_tool .sns_area {
  float: left;
  margin: 0 0 0 16px;
}
#header .hd_txt .lecture_sub_tool .sns_area .sns_share {
  top: -2px;
  height: 24px;
}
#header .hd_txt .lecture_sub_tool .sns_area .sns_share:before {
  display: block;
  top: 0;
  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;
  margin: 4px;
  content: "";
}
#header.sub.type2 .hd_txt {
  display: none;
}
#header.sub.type2 .register_desc {
  display: none;
}
#header .register_desc {
  overflow: hidden;
  height: 41px;
  margin: 0;
  border-bottom: 1px solid #E6E6E6;
  background: #F5F5F5;
  line-height: 41px;
  letter-spacing: -1px;
}
#header .register_desc span {
  display: block;
  width: 1060px;
  margin: 0 auto;
  padding-left: 65px;
}

#header .gnb > li .ly_dropdown .todo_lst {
  background: #f3f3f3;
}
#header .gnb > li .ly_dropdown .todo_lst li,
#header .gnb > li .ly_dropdown .noti_lst li {
  padding: 0;
  border-width: 1px 0;
  background: #fff;
  border: 0;
}
#header .gnb > li .ly_dropdown .todo_lst li > a,
#header .gnb > li .ly_dropdown .noti_lst li > a {
  padding-left: 12px;
  padding-right: 12px;
}
#header .gnb > li .ly_dropdown .todo_lst li.none,
#header .gnb > li .ly_dropdown .noti_lst li.none {
  padding: 15px;
  border-width: 1px 0 0;
}
#header .gnb > li .ly_dropdown .noti_lst li .con .caution_list li {
  position: relative;
  margin-top: 8px;
  padding-left: 12px;
  border: 0;
  letter-spacing: -0.4px;
  color: #999;
}
#header .gnb > li .ly_dropdown .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: "";
}

.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[class^=main_] {
  z-index: 2200;
  position: relative;
  min-height: 56px;
  text-align: left;
  min-width: 1160px;
  background: #384047;
  background-color: transparent;
  border-bottom: 1px solid #f0f0f0;
  font-family: NanumSquareWebFont, NanumSquareWebFont, "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
#header[class^=main_] .header_wrap {
  width: 1080px;
  height: 82px;
  margin: auto;
  position: relative;
}
#header[class^=main_] .header_wrap::after {
  content: "";
  display: block;
  clear: both;
}
#header[class^=main_] .header_wrap .logo {
  width: auto;
  position: relative;
  height: 82px;
  padding: 29px 40px 29px 0;
  background: none;
  float: left;
  margin-left: 0;
}
#header[class^=main_] .header_wrap .layout_in {
  position: relative;
  height: 82px;
  padding: 20px 0;
  border: 0;
  background-color: transparent;
  float: none;
}
#header[class^=main_] .header_wrap .layout_in::after {
  content: "";
  display: block;
  clear: both;
}
#header[class^=main_] .header_wrap .layout_in::before {
  display: none;
  clear: none;
}
#header[class^=main_] .header_wrap .layout_in .lnk {
  float: left;
}
#header[class^=main_] .header_wrap .layout_in .lnk li + li::before {
  display: none;
}
#header[class^=main_] .header_wrap .layout_in .lnk a {
  color: #2a2c2f;
}
#header[class^=main_] .header_wrap .layout_in .gnb {
  float: right;
  margin: 5px 0 0 0;
}
#header[class^=main_] .header_wrap .layout_in .gnb li {
  height: auto;
  margin-right: 0;
}
#header[class^=main_] .header_wrap .layout_in .gnb li.ic span {
  color: #25292f;
  font-weight: 400;
}
#header[class^=main_] .header_wrap .layout_in .gnb li.search .group {
  background-color: #f7f7f7;
}
#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;
}
#header[class^=main_] .header_wrap .layout_in .gnb li.search .group input {
  color: #2a2c2f;
}
#header[class^=main_] .header_wrap .layout_in .gnb li.search + li .login {
  margin-left: -15px;
}
#header[class^=main_] .header_wrap .layout_in .gnb li + li::before {
  background-color: #e6e6e6;
}
#header[class^=main_] .logo {
  width: 320px;
  height: 56px;
  padding: 20px 24px;
  background-color: #25292f;
  float: left;
  z-index: 100;
}
#header[class^=main_] .logo a,
#header[class^=main_] .logo .logo_area {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  line-height: 100%;
}
#header[class^=main_] .logo a img,
#header[class^=main_] .logo .logo_area img {
  vertical-align: top;
}
#header[class^=main_] a:hover,
#header[class^=main_] a:focus {
  text-decoration: none;
}
#header[class^=main_] .m_help a {
  display: block;
  overflow: hidden;
  height: 100%;
}
#header[class^=main_] .lnk {
  position: relative;
  text-align: center;
  float: left;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 28px;
}
#header[class^=main_] .lnk li + li {
  margin-left: 32px;
}
#header[class^=main_] .lnk li {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
#header[class^=main_] .lnk li.partner::after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background-color: #25292f;
  position: absolute;
  top: 13px;
  left: -17px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
#header[class^=main_] .lnk a {
  font-size: 16px;
  font-weight: 700;
  color: #010101;
  -webkit-transform: skew(0.001deg);
      -ms-transform: skew(0.001deg);
          transform: skew(0.001deg);
}
#header[class^=main_] .lnk a.point_c {
  color: #00c73c;
}
#header[class^=main_] .lnk .boost_c a {
  display: inline-block;
  position: relative;
}
#header[class^=main_] .lnk_box {
  display: inline-block;
  border: 1px solid #999;
  margin-top: 19px;
  margin-left: 23px;
  line-height: 22px;
  font-size: 12px;
  color: #666;
}
#header[class^=main_] .lnk_box a {
  display: inline-block;
  padding: 0 10px;
}
#header[class^=main_] .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[class^=main_] .skin_img {
  position: absolute;
  left: 0;
  right: 0;
  height: 230px;
  z-index: -1;
  background-position: 50% 0 !important;
  background-color: #fff;
  background-repeat: repeat-x;
}
#header[class^=main_] .skin_img .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background-color: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}
#header[class^=main_] .layout_in {
  width: auto;
  height: 56px;
  background: #384047;
  border-bottom: 0;
  padding: 12px 24px 12px 0;
  float: right;
}
#header[class^=main_] .gnb {
  float: right;
}
#header[class^=main_] .gnb:before, #header[class^=main_] .gnb:after {
  display: table;
  clear: both;
  content: " ";
}
#header[class^=main_] .gnb > li {
  position: relative;
  display: block;
  float: left;
  height: 16px;
}
#header[class^=main_] .gnb > li + li {
  margin-left: 31px;
}
#header[class^=main_] .gnb > li + .ic::before {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background-color: #666;
  position: absolute;
  top: 4px;
  left: -16px;
}
#header[class^=main_] .gnb > li.ic {
  margin-top: 8px;
}
#header[class^=main_] .gnb > li.search {
  height: 32px;
  margin-left: 24px;
}
#header[class^=main_] .gnb > li.search::before {
  display: none;
}
#header[class^=main_] .gnb > li.search .group {
  width: 136px;
  height: 32px;
  padding: 0 32px 0 8px;
  background-color: #25292f;
  position: relative;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
#header[class^=main_] .gnb > li.search .group input {
  color: #fff;
  font-size: 13px;
  line-height: 15px;
  border: 0;
  width: 100%;
  height: 32px;
  background-color: transparent;
}
#header[class^=main_] .gnb > li.search .group .btn {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  right: 0;
}
#header[class^=main_] .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;
}
#header[class^=main_] .gnb > li:last-child::before {
  display: none;
}
#header[class^=main_] .gnb > li > a {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  vertical-align: top;
}
#header[class^=main_] .gnb > 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;
}
#header[class^=main_] .gnb > 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[class^=main_] .gnb > li > a em {
  display: inline-block;
  font-weight: normal;
  vertical-align: top;
}
#header[class^=main_] .gnb > li.ic > .ico_new2, #header[class^=main_] .gnb > li.ic > .count {
  display: inline-block;
}
#header[class^=main_] .gnb > li > .count {
  position: relative;
  display: none;
  min-width: 17px;
  height: 16px;
  font-size: 13px;
  top: auto;
  left: auto;
  text-align: center;
  color: #fff;
  vertical-align: top;
}
#header[class^=main_] .gnb > li > .count::after {
  display: none;
}
#header[class^=main_] .gnb > li > .count::before {
  display: none;
}
#header[class^=main_] .gnb > li > .count em {
  color: #FF5230 !important;
  z-index: 10;
  display: inline-block;
  position: relative;
  height: 17px;
  padding: 0 0 0 4px;
  white-space: nowrap;
  line-height: 16px;
  vertical-align: top;
}
#header[class^=main_] .gnb > li.nickname {
  margin-left: 8px;
}
#header[class^=main_] .gnb > li.nickname > a {
  font-weight: normal;
}
#header[class^=main_] .gnb > 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;
}
#header[class^=main_] .gnb > 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;
}
#header[class^=main_] .gnb > 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);
}
#header[class^=main_] .gnb > li.nickname > a .thumb.bgnone:before {
  display: none;
}
#header[class^=main_] .gnb > li.on .ly_dropdown {
  display: block;
}
#header[class^=main_] .gnb > li.on:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_gnb_arr);
  background-repeat: no-repeat;
  background-position: -758px -527px;
  width: 10px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 30px;
  right: 9px;
}
#header[class^=main_] .gnb > li.on.nickname:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_gnb_arr);
  background-repeat: no-repeat;
  background-position: -758px -527px;
  width: 10px;
  height: 8px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 30px;
  right: 11px;
}
#header[class^=main_] .gnb > li.nickname .ly_dropdown {
  overflow: hidden;
  right: -2px;
  min-width: 114px;
  width: auto;
}
#header[class^=main_] .gnb > li.nickname .ly_dropdown ul {
  overflow: hidden;
  max-height: none;
}
#header[class^=main_] .gnb > li.nickname .ly_dropdown li {
  padding: 0;
  text-align: center;
}
#header[class^=main_] .gnb > li.nickname .ly_dropdown li a {
  display: block;
  font-size: 12px;
  color: #010101;
  padding: 13px 15px 9px;
  white-space: nowrap;
}
#header[class^=main_] .gnb > li .ly_dropdown {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 36px;
  right: -50px;
  width: 480px;
  max-height: 369px;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
#header[class^=main_] .gnb > li .ly_dropdown .ly_top {
  position: relative;
  height: 31px;
  background: #f3f3f3;
}
#header[class^=main_] .gnb > li .ly_dropdown .ly_top h2 {
  margin: 0;
  padding: 6px 0 0 15px;
  font-size: 12px;
  color: #010101;
  font-weight: 700;
}
#header[class^=main_] .gnb > li .ly_dropdown .ly_top .more {
  position: absolute;
  top: 6px;
  right: 15px;
  padding-right: 15px;
  font-size: 12px;
  font-weight: normal;
}
#header[class^=main_] .gnb > li .ly_dropdown .ly_top .more:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_more);
  background-repeat: no-repeat;
  background-position: -336px -868px;
  width: 6px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  position: absolute;
  top: 4px;
  right: 0;
}
#header[class^=main_] .gnb > li .ly_dropdown ul {
  overflow-y: auto;
  max-height: 318px;
}
#header[class^=main_] .gnb > li .ly_dropdown ul.ly_course li > a {
  min-height: 63px;
}
#header[class^=main_] .gnb > li .ly_dropdown ul.ly_todo li > a {
  min-height: 46px;
}
#header[class^=main_] .gnb > li .ly_dropdown ul.ly_news li > a {
  min-height: 46px;
}
#header[class^=main_] .gnb > li .ly_dropdown li:before, #header[class^=main_] .gnb > li .ly_dropdown li:after {
  display: table;
  clear: both;
  content: " ";
}
#header[class^=main_] .gnb > li .ly_dropdown li {
  border-top: 1px solid #e5e5e5;
}
#header[class^=main_] .gnb > li .ly_dropdown li > a {
  text-decoration: none !important;
  display: block;
}
#header[class^=main_] .gnb > li .ly_dropdown li .thumb {
  overflow: hidden;
  float: left;
  position: relative;
  width: 112px;
  height: 63px;
  background-color: #999;
}
#header[class^=main_] .gnb > 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;
}
#header[class^=main_] .gnb > 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);
}
#header[class^=main_] .gnb > li .ly_dropdown li .thumb.bgnone:before {
  display: none;
}
#header[class^=main_] .gnb > li .ly_dropdown li .thumb img {
  vertical-align: top;
}
#header[class^=main_] .gnb > li .ly_dropdown li .ic_state {
  float: left;
}
#header[class^=main_] .gnb > li .ly_dropdown li .info {
  overflow: hidden;
  padding-left: 15px;
  font-size: 12px;
}
#header[class^=main_] .gnb > li .ly_dropdown li .info .ti {
  color: #010101;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px !important;
  letter-spacing: -1px;
}
#header[class^=main_] .gnb > li .ly_dropdown li .info .ti:after {
  position: relative;
  top: 2px;
  margin-left: 5px;
}
#header[class^=main_] .gnb > li .ly_dropdown li .info .ti .day {
  display: inline-block;
  color: #ff5230;
}
#header[class^=main_] .gnb > 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: "";
}
#header[class^=main_] .gnb > li .ly_dropdown li .info .ic_ad {
  margin-top: 5px;
}
#header[class^=main_] .gnb > li .ly_dropdown li .info .tx {
  margin-top: 3px;
  color: #4c4c4c;
  line-height: 16px !important;
}
#header[class^=main_] .gnb > li .ly_dropdown li .info .tx2 {
  margin-top: 3px;
  color: #999;
  line-height: 16px !important;
}
#header[class^=main_] .gnb > 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);
}
#header[class^=main_] .gnb > li .ly_dropdown .btn_jumpbar > span {
  display: inline-block;
  line-height: 36px;
  color: #FFF;
}
#header[class^=main_] .gnb > 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;
}
#header[class^=main_] .gnb > li .ly_dropdown .option_box {
  border: none;
}
#header[class^=main_] .gnb > li.lecture_build {
  margin: -4px 20px 0 0;
}
#header[class^=main_] .gnb > 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[class^=main_].sub.type2 .hd_txt {
  display: none;
}
#header[class^=main_].sub.type2 .register_desc {
  display: none;
}
#header[class^=main_] .register_desc {
  overflow: hidden;
  height: 41px;
  margin: 0;
  border-bottom: 1px solid #E6E6E6;
  background: #F5F5F5;
  line-height: 41px;
  letter-spacing: -1px;
}
#header[class^=main_] .register_desc span {
  display: block;
  width: 1060px;
  margin: 0 auto;
  padding-left: 65px;
}

#snb {
  float: left;
  padding-bottom: 40px;
  width: 204px;
  margin-right: 15px;
  z-index: 20;
}
#snb + #content {
  float: left;
}
#snb + #content .page {
  width: 760px;
  min-height: 600px;
}
#snb .state_area {
  padding: 0 20px 0 36px;
  margin-bottom: 38px;
}
#snb .state_area .btn {
  width: 100%;
  height: 48px;
  font-size: 18px;
  line-height: 46px;
  font-weight: 700;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
}
#snb .state_area .btn + .btn {
  margin-top: 8px;
}
#snb .state_area .info {
  font-size: 12px;
  text-align: center;
  padding-top: 8px;
  line-height: 16px;
}
#snb .state_area .info strong {
  color: #00c73c;
}
#snb nav {
  padding: 0 20px 0 36px;
}
#snb nav ul + ul {
  padding-top: 23px;
  margin-top: 16px;
  border-top: 1px solid #e6e6e6;
}
#snb nav .noline {
  padding-top: 0;
  border-top: none;
}
#snb nav .hr {
  margin: -1px 0 18px;
  display: block;
  height: 1px;
  background: #e6e6e6;
}
#snb nav .hr + .hr {
  margin: -10px 0 18px;
}
#snb nav > ul > li {
  display: block;
  margin-top: 16px;
  color: #010101;
  font-weight: 700;
}
#snb nav > ul > li:first-of-type {
  margin-top: 0;
}
#snb nav > ul > li .menu {
  word-wrap: normal;
}
#snb 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 nav > ul > li.active span {
  text-decoration: underline;
}
#snb nav > ul > li.private .menu {
  position: relative;
  padding-right: 19px;
  color: #999;
}
#snb 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 nav > ul > li:hover > a:before {
  background-position: -183px -179px;
}
#snb nav > ul > li.ext + .last {
  margin-top: 18px;
}
#snb nav > ul > li.last {
  margin-bottom: -12px;
}
#snb nav > ul > li.sub > a span {
  padding-right: 20px;
  text-decoration: none;
}
#snb 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 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 nav > ul > li.sub ul {
  display: none;
}
#snb nav > ul > li.help span: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;
}
#snb nav > ul > li > a {
  display: block;
  position: relative;
  border-bottom: 0;
  line-height: 18px;
  color: #010101;
}
#snb nav > ul > li > a span {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#snb nav > ul > li ul {
  margin: 9px 0 5px;
}
#snb nav > ul > li ul li {
  display: block;
  margin-top: 10px;
  font-weight: normal;
}
#snb nav > ul > li ul li:first-child {
  margin-top: 0;
}
#snb nav > ul > li ul li a {
  display: block;
  position: relative;
  padding-left: 13px;
  color: #333;
}
#snb nav > ul > li ul li a:before {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 1px;
  margin-top: -2px;
  width: 2px;
  height: 2px;
  background: #999;
  content: "";
}
#snb nav > ul > li ul li:hover a, #snb nav > ul > li ul li.active a {
  text-decoration: underline;
}
#snb nav ul.lnk_lst {
  padding: 20px 0 12px;
  border-bottom: 1px solid #e6e6e6;
}
#snb nav ul.lnk_lst li {
  margin-bottom: 0;
}
#snb nav ul.lnk_lst li a {
  padding-left: 20px;
  font-size: 12px;
  color: #8d8d8d;
  font-weight: normal;
}
#snb nav ul.lnk_lst li a span {
  padding-right: 0;
}
#snb 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 nav .ext {
  font-size: 12px;
}
#snb nav .ext a {
  color: #8d8d8d;
  font-weight: normal;
}
#snb nav .ext a span {
  max-width: 126px;
  line-height: 19px;
  vertical-align: middle;
}
#snb 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 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 nav .ext + .ext {
  margin-top: 7px;
}
#snb nav .ext + .ext .hr {
  margin: 12px 0 10px;
}
#snb nav .ext + .ext .hr + .hr {
  margin: -2px 0 10px;
}
#snb nav ~ .widget {
  padding-top: 35px;
  border-top: 1px solid #e6e6e6;
}
#snb .widget {
  margin: 20px 20px 0 36px;
}
#snb .widget h2 {
  position: relative;
  margin-bottom: 13px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  color: #00c73c;
}
#snb .widget h2:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_survey);
  background-repeat: no-repeat;
  background-position: -439px -527px;
  width: 19px;
  height: 17px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  display: inline-block;
  margin: -4px 5px 0 0;
  vertical-align: top;
}
#snb .widget fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
#snb .widget .poll p {
  line-height: 20px;
  color: #666;
  font-size: 12px;
  font-weight: 700;
}
#snb .widget .poll ul {
  margin: 11px 0 0 0;
}
#snb .widget .poll li {
  margin-bottom: 2px;
  font-size: 12px;
}
#snb .widget .poll .radio {
  top: 3px;
}
#snb .widget .poll .ph {
  line-height: 20px;
  color: #666;
}
#snb .widget .poll .btn {
  width: 138px;
  margin-top: 15px;
}
#snb .widget .info {
  margin-top: -10px;
  padding-bottom: 22px;
  border-bottom: 1px solid #e6e6e6;
}
#snb .widget .info .date_area {
  line-height: 22px;
}
#snb .widget .info .date_area li {
  margin-top: 15px;
}
#snb .widget .info .date_area li:first-child {
  margin-top: 0;
}
#snb .widget .info .date_area strong {
  display: block;
  color: #333;
}
#snb .widget .info .date_area .desc {
  letter-spacing: -2px;
}
#snb .setting_area {
  padding-top: 15px;
  margin: 20px 20px 0 36px;
  border-top: 1px solid #e6e6e6;
}
#snb .setting_area a {
  display: block;
  font-size: 12px;
  line-height: 19px;
  color: #999;
}
#snb .setting_area a span {
  display: inline-block;
  vertical-align: middle;
  margin-top: 2px;
  letter-spacing: -1px;
}
#snb .setting_area a:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_config2);
  background-repeat: no-repeat;
  background-position: -570px -841px;
  width: 14px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  margin-right: 5px;
  vertical-align: middle;
  content: "";
}
#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;
}

.whaleclass #snb nav > ul > li.selected > a {
  border-color: #0076E4;
}

#content {
  position: relative;
  margin: 0 auto;
  padding: 0 0 0 40px;
  max-width: 1352px;
}
#content h2.tit_section {
  margin: 0 0 10px;
  font-weight: 700;
  color: #333;
}
#content h2.tit_sub {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: normal;
  color: #010101;
  letter-spacing: -1px;
}
#content fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
#content button {
  cursor: pointer;
}
#content .con_left {
  float: left;
  width: 760px;
}
#content .con_right {
  float: right;
  width: 220px;
  padding-left: 30px;
}
#content .con_right .con img {
  width: 190px;
  height: auto;
}
#content .page_header {
  position: relative;
  margin-bottom: 30px;
  border-bottom: 1px solid #454545;
}
#content .page_header h1 {
  position: relative;
  margin: 0 0 16px;
  padding: 0;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: #010101;
  letter-spacing: -1px;
}
#content .page_header.bdnone {
  margin-bottom: 10px;
}
#content .page_header .group_lr {
  margin-top: 0;
  margin-bottom: 15px !important;
}
#content .page_header .group_lr.btn_case {
  margin-bottom: 0 !important;
}
#content .page_header .page_title .title {
  display: inline-block;
  vertical-align: middle;
  line-height: 19px;
}
#content .page_header .right_date_txt {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #333;
  letter-spacing: -1px;
  text-align: right;
}
#content .page_header .right_date_txt .dsc {
  display: block;
  margin-top: -5px;
  font-size: 12px;
  color: #999;
}
#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: "";
}
#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;
}
#content .h_area {
  position: relative;
  padding-bottom: 13px;
}
#content .h_area .ico {
  margin: 1px 3px 0 0;
  vertical-align: top;
}
#content .h_area h3 {
  display: inline-block;
  margin: 0;
  font-size: 16px;
  color: #333;
  font-weight: 700;
  vertical-align: top;
}
#content .h_area:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 3px;
  background: #ffcd00;
  content: "";
}
#content .page .ico_badge {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 3px;
  height: 19px;
  text-align: center;
}
#content .page .ico_badge .badge_txt {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: -1px;
  color: #FFF;
  background-color: #00c73c;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
#content .page .ico_badge.off .badge_txt {
  background-color: #999;
}
#content .page .ico_badge.off:before {
  background-position: 0 -20px;
}
#content .page .ico_badge.off:after {
  background-position: 100% -20px;
}
#content .chapter_list_group {
  position: absolute;
  left: 0;
  top: 42px;
  width: 100%;
  z-index: 1020;
}
#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;
}
#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;
}
#content .chapter_list_box .list {
  position: relative;
  z-index: 100;
}
#content .chapter_list_box .list dt {
  height: 32px;
  padding: 0 15px;
  background: #fafafa;
  font-size: 14px;
  color: #999;
  letter-spacing: -1px;
  line-height: 32px;
}
#content .chapter_list_box .list dd {
  height: 49px;
  line-height: 49px;
  border-top: 1px solid #f5f5f5;
}
#content .chapter_list_box .list dt + dd {
  border-top: 0;
}
#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;
}
#content .chapter_list_box .list .on a {
  color: #333;
  font-weight: bold;
}
#content .chapter_list_box .list dd a:before {
  display: inline-block;
  margin: 18px 4px 0 0;
  vertical-align: top;
  content: "";
}
#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;
}
#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;
}
#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;
}
#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;
}
#content .stats_report_box h2.tit {
  position: relative;
  display: inline-block;
  margin: 0;
  z-index: 10;
}
#content .stats_report_box .table tr:nth-child(2n) td {
  background: #fdfdfd;
}
#content .stats_report_box .table thead th {
  padding: 9px 0;
}
#content .stats_report_box .table .point {
  color: #00c73c;
}
#content .stats_report_box .table a {
  display: inline;
  position: static;
  padding: 0;
  line-height: 14px;
  white-space: normal;
  word-break: break-all;
}
#content .stats_report_box .table .sjt_txt {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}
#content .stats_report_box .table .sjt_txt.on {
  padding: 0 12px;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  background-color: #dedede;
}
#content .stats_report_box .check_navi {
  margin: -3px 0 10px 0;
  font-size: 16px;
  letter-spacing: -1px;
  font-size: #010101;
}
#content .stats_report_box .check_navi .sjt {
  font-weight: 600;
  color: #010101;
}
#content .stats_report_box .report_list {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 12px;
  background: #fafafa;
}
#content .stats_report_box .report_list li {
  display: table-cell;
  height: 126px;
  text-align: center;
  letter-spacing: -1px;
}
#content .stats_report_box .report_list .inner {
  padding-top: 20px;
}
#content .stats_report_box .report_list .inner .name {
  font-size: 14px;
  color: #666;
  line-height: 16px;
}
#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;
}
#content .stats_report_box .report_list .inner .point {
  color: #00c73c;
}
#content .stats_report_box .report_list .inner .cnt {
  font-size: 14px;
  color: #999;
  line-height: 16px;
}
#content .stats_report_box .report_cal_box {
  padding-top: 16px;
}
#content .stats_report_box .report_cal_box .inner {
  position: relative;
  height: 74px;
  background: #fff;
  border: 1px solid #dedede;
  text-align: center;
}
#content .stats_report_box .report_cal_box .inner .date {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  color: #333;
  line-height: 74px;
}
#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;
}
#content .stats_report_box .report_cal_box .inner .outline {
  position: absolute;
  left: 438px;
  top: 52px;
  z-index: 20;
}
#content .stats_report_box .report_cal_box .dsc {
  padding-top: 5px;
  font-size: 12px;
  color: #999;
}
#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: 4px 0 0 4px;
  vertical-align: top;
  content: "";
}
#content .stats_report_box .report_check_box {
  padding-top: 16px;
}
#content .stats_report_box .report_check_box .check_list_box {
  position: relative;
}
#content .stats_report_box .report_check_box .check_list_box .btn {
  position: absolute;
  right: 24px;
  top: 50%;
  margin-top: -17px;
}
#content .stats_report_box .report_check_box .check_list_box .check_list {
  padding: 19px 23px;
  border: 1px solid #dedede;
}
#content .stats_report_box .report_check_box .check_list_box .check_list li {
  margin-top: 6px;
}
#content .stats_report_box .report_check_box .check_list_box .check_list li:first-child {
  margin-top: 0;
}
#content .stats_report_box .report_check_box .check_list_box .check_list li:after {
  display: block;
  clear: both;
  content: "";
}
#content .stats_report_box .report_check_box .check_list_box .check_list .sjt_inner {
  float: left;
  position: relative;
  width: 115px;
}
#content .stats_report_box .report_check_box .check_list_box .check_list .sjt {
  display: block;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -1px;
  color: #333;
}
#content .stats_report_box .report_check_box .check_list_box .check_list .check_inner {
  display: block;
  overflow: hidden;
}
#content .stats_report_box .report_check_box .check_list_box .check_list .check_inner .ick + .ick {
  margin-left: 10px;
}
#content .stats_report_box .report_check_box .check_list_box .check_list .check_inner .date {
  padding-left: 38px;
  font-size: 14px;
  color: #666;
  letter-spacing: -1px;
}
#content .stats_report_box .report_check_box .check_list_box .check_list .check_inner.type2 .ick {
  margin-right: 10px;
}
#content .stats_report_box .report_check_box .check_list_box .check_list .check_inner.type2 .ick + .ick {
  margin-left: 0;
}
#content .stats_report_box .report_check_box .table {
  margin-top: 36px;
}
#content .stats_report_box .header_group {
  position: relative;
}
#content .stats_report_box .header_group .ico_help3 {
  margin-top: -1px;
}
#content .stats_report_box .tab_right_box {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 49px;
  border-bottom: 1px solid #ddd;
}
#content .stats_report_box .tab_right_box .tab {
  float: right;
}
#content .stats_report_box .tab_right_box .tab li {
  float: left;
  position: relative;
  min-width: 148px;
  border: 1px solid #d8d8d8;
  margin-left: -1px;
}
#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;
}
#content .stats_report_box .tab_right_box .tab li.on .link {
  background-color: #fff;
  font-weight: 600;
}
#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: "";
}
#content .stats_report_box .tab_right_box:after {
  display: block;
  clear: both;
  content: "";
}
#content .stats_report_box .right_check_box {
  position: absolute;
  right: 0;
  top: 2px;
  text-align: right;
}
#content .stats_report_box .right_check_box .ick.op1 .ph {
  color: #666;
}
#content .stats_report_box .right_check_box .ick + .ick {
  margin-left: 11px;
}
#content .stats_report_box .right_check_box .ick .checkbox {
  margin-top: 1px;
}
#content .stats_report_box .lecture_state .table, #content .stats_report_box .movie_state .table {
  margin-top: 24px;
}
#content .stats_report_box .video_slide .table {
  margin-top: 33px;
}
#content .stats_report_box .movie_state h2.tit {
  margin-top: 56px;
}
#content .stats_report_box .lecture_per_box h2.tit {
  margin-top: 32px;
}
#content .stats_report_box .lecture_per_box .table {
  margin-top: 10px;
}
#content .stats_report_box .lecture_per_box .table .table_sjt {
  padding-top: 12px;
  color: #999;
  background: #fff !important;
  text-align: left;
  vertical-align: top;
}
#content .stats_report_box .lecture_per_box .report_list {
  margin-top: 32px;
}
#content .stats_report_box .lecture_per_box .report_list li {
  height: 102px;
}
#content .stats_report_box .lecture_per_box .group_lr {
  margin-top: 15px;
}
#content .stats_report_box .lecture_per_box .title {
  padding-left: 24px;
}
#content .stats_report_box .student_play_box {
  position: relative;
  margin-top: 36px;
}
#content .stats_report_box .student_play_box .table {
  margin-top: 24px;
}
#content .stats_report_box .report_present_box {
  position: relative;
  margin-top: 36px;
}
#content .stats_report_box .report_present_box .table {
  margin-top: 24px;
}
#content .stats_report_box .report_present_box .header_group {
  padding-top: 11px;
  height: 50px;
}
#content .stats_report_box .report_movie_box {
  position: relative;
  margin-top: 31px;
}
#content .stats_report_box .report_movie_box .table {
  margin-top: 11px;
}
#content .stats_report_box .report_movie_box .table .movie_sjt {
  font-size: 12px;
  color: #999;
  vertical-align: middle;
}
#content .stats_report_box .report_movie_box .table .title {
  vertical-align: top;
  padding-top: 11px;
  background-color: #fff !important;
}
#content .stats_report_box .report_movie_box .table .play_time {
  line-height: 14px;
}
#content .stats_report_box .report_movie_box .table .in_table {
  padding: 0;
  vertical-align: top;
}
#content .stats_report_box .report_movie_box .table .in_table .in_table_inner {
  overflow: hidden;
}
#content .stats_report_box .report_movie_box .table .in_table .table {
  margin-top: -1px;
  border: 0;
  height: 100%;
}
#content .stats_report_box .report_movie_box .table .in_table .table td {
  background: #fff;
}
#content .stats_report_box .report_movie_box .table .in_table .table tr.even td {
  background: #fdfdfd;
}
#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);
  letter-spacing: -1px;
  z-index: 20;
}
#content .ly_popup .ly_sjt {
  display: block;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  color: #333;
  line-height: 18px;
}
#content .ly_popup .main_dsc {
  margin-top: 23px;
  font-size: 14px;
  color: #333;
  line-height: 16px;
}
#content .ly_popup .sub_dsc {
  margin-top: 8px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
#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;
}

/* _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-R, "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-R, "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% 135px no-repeat;
  -webkit-background-size: 107px 36px;
          background-size: 107px 36px;
}
#footer.new_f .layout_in {
  height: auto;
  width: 1080px;
  margin: 0 auto;
  position: relative;
  max-width: 1332px;
  min-width: 1052px;
  font-size: 12px;
  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-R, "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: 118px;
  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;
}
#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 .f_noti {
  display: none;
  border-bottom: 1px solid #f1f1f1;
}
#footer.new_f .f_noti .layout_in {
  height: 52px;
  border-top: none;
  font-size: 14px;
  line-height: 52px;
  color: #666;
  background-color: #25292f;
}
#footer.new_f .f_noti .layout_in .tit {
  margin-right: 20px;
  color: #333;
  vertical-align: top;
}
#footer.new_f .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-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  letter-spacing: -0.7px;
}
#footer.new_f .f_noti .layout_in .more {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  color: #333;
}
#footer.new_f .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.new_f .sel_lang_box {
  position: absolute;
  right: 0;
  top: 14px;
}
#footer.new_f[class^=simple] {
  height: 88px;
  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;
}
#footer.new_f.simple_whale {
  padding-top: 34px;
}
#footer.new_f.simple_whale .copyright {
  display: inline-block;
}
#footer.new_f.simple_whale .copyright em {
  color: #D0D6D9;
  margin-right: 4px;
}
#footer.new_f.simple_whale .copyright img {
  vertical-align: middle;
  margin-left: 4px;
}
#footer.new_f[class^=mobile] {
  padding: 40px 0 40px;
  background-color: #333;
  text-align: center;
}
#footer.new_f[class^=mobile] .footer_area {
  display: block;
  padding: 0;
}
#footer.new_f[class^=mobile] .footer_area .btn {
  display: inline-block;
  margin: 0 4px;
  padding: 0 8px;
  background-color: #454545;
  line-height: 21px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  letter-spacing: -0.5px;
  font-size: 14px;
  color: #999;
  vertical-align: top;
}
#footer.new_f[class^=mobile] .footer_area .copyright {
  font-size: 14px;
  color: #666;
  line-height: 17px;
  font-family: Helvetica, arial, "Apple SD Gothic Neo", sans-serif;
  margin-top: 21px;
}

.footer.whale_main {
  font-size: 0;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: inset 0px 1px 0px #F0F0F0;
          box-shadow: inset 0px 1px 0px #F0F0F0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.footer.whale_main .f_inner {
  width: 100%;
  max-width: 1240px;
  height: 64px;
  margin: 0 auto;
  position: relative;
  display: table;
  table-layout: fixed;
}
.footer.whale_main .copyright {
  display: table-cell;
  color: #384047;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  -webkit-transform: skew(0.03deg);
      -ms-transform: skew(0.03deg);
          transform: skew(0.03deg);
}
.footer.whale_main .f_menu {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.footer.whale_main .f_menu:first-child {
  text-align: left;
}
.footer.whale_main .f_menu:last-child {
  text-align: right;
}
.footer.whale_main .f_menu > ul {
  font-size: 0;
}
.footer.whale_main .f_menu > ul .menu {
  display: inline-block;
  position: relative;
}
.footer.whale_main .f_menu > ul .menu + .menu {
  margin-left: 16px;
  padding-left: 17px;
}
.footer.whale_main .f_menu > ul .menu + .menu::before {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-color: #d0d6d9;
}
.footer.whale_main .f_menu > ul .menu a {
  color: #384047;
  font-size: 13px;
  line-height: 14px;
}
.footer.whale_main .f_menu > ul .menu a em {
  font-weight: 700;
}
.footer.whale_main .bi {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}
.footer.whale_main .bi .powered {
  display: inline-block;
  color: #828c96;
  font-size: 12px;
  line-height: 13px;
  vertical-align: middle;
  margin-right: 8px;
}
.footer.whale_main .bi .bi_img {
  display: inline-block;
  vertical-align: middle;
}
.footer.whale_main .bi .bi_img img {
  vertical-align: top;
}
.footer.whale_main .bi.toggle {
  display: none;
}
.footer.whale_main .btn_logout {
  display: none;
  width: 66px;
  height: 24px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #fff;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  margin: 0 auto;
}

.fs {
  background-image: none;
  /*    #wrap{
  		min-height: 1061px;
  	}*/
}
.fs #header:before, .fs #header:after, .fs #header .layout_in:before, .fs #header .layout_in:after {
  display: table;
  clear: both;
  content: " ";
}
.fs #header, .fs #header .layout_in {
  position: relative;
  background: #fff;
}
.fs #header {
  z-index: 30;
}
.fs #header:before, .fs #header:after {
  display: none;
}
.fs #header .layout_in:before {
  display: none;
}
.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;
}
.fs #content {
  float: none;
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 80px;
}

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;
}

.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;
}

.w1080.bg_gray {
  background-image: none;
  background-color: #f1f1f1;
}
.w1080 #wrap {
  min-width: 1160px;
}
.w1080 #container {
  width: 1160px;
  margin: 0 auto;
  padding: 40px 40px 210px;
}
.w1080 #snb.mypage_menu {
  width: 200px;
  margin-right: 24px;
  padding: 0;
}
.w1080 #snb.mypage_menu + #content {
  width: 856px;
}
.w1080 #snb.mypage_menu nav {
  padding: 0;
}
.w1080 #snb.mypage_menu nav li {
  margin-top: 1px;
  font-weight: normal;
}
.w1080 #snb.mypage_menu nav li:first-child {
  margin-top: 0;
}
.w1080 #snb.mypage_menu nav li a {
  height: 40px;
  padding: 0 20px;
  background-color: #fff;
  line-height: 40px;
  color: #666;
  text-decoration: none;
}
.w1080 #snb.mypage_menu nav li.selected a {
  background-color: #00c73c;
  font-weight: bold;
  color: #fff;
}
.w1080 #content {
  padding: 0;
  max-width: none;
}

.responsive.bg_gray {
  background-image: none;
  background-color: #f1f1f1;
  height: 100%;
}
.responsive.bg_gray #header {
  min-width: 1016px;
}
.responsive.bg_gray #wrap {
  min-height: 100%;
  min-width: 1016px;
  position: relative;
}
.responsive.bg_gray #container {
  width: auto;
  max-width: 1240px;
  min-height: 100%;
}
.responsive.bg_gray #content {
  width: 100%;
}
.responsive.bg_gray .footer.whale_main .f_inner {
  padding: 0 32px;
}
.responsive #header[class^=main_] {
  background-color: #fff;
}
.responsive #container {
  min-width: 1016px;
  margin: 0 auto;
  padding: 40px 80px 164px;
}
.responsive #snb.mypage_menu {
  width: 200px;
  padding: 0;
  background-color: transparent;
  float: left;
}
.responsive #snb.mypage_menu + #content {
  width: 880px;
  padding: 0 0 0 24px;
  margin: 0;
}
.responsive #snb.mypage_menu nav {
  padding: 0;
}
.responsive #snb.mypage_menu nav li {
  margin-top: 4px;
  font-weight: normal;
}
.responsive #snb.mypage_menu nav li:first-child {
  margin-top: 0;
}
.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;
}
.responsive #snb.mypage_menu nav li.selected a {
  color: #fff;
}
.responsive #content {
  padding: 0;
  max-width: none;
}
.responsive #footer {
  position: absolute;
  left: auto;
  right: auto;
  bottom: 0;
}

.bg_cpt {
  background-color: #ecf0f1;
}
.bg_cpt #wrap {
  min-width: 1080px;
}
.bg_cpt #container {
  min-height: 895px !important;
}

.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 {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_help2);
  background-repeat: no-repeat;
  background-position: -238px -841px;
  width: 19px;
  height: 19px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: middle;
  margin: -2px 0 0 3px;
}

.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_cbox:before {
  content: "";
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_contentbox);
  background-repeat: no-repeat;
  background-position: -819px -535px;
  width: 16px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.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: -2px 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_peer,
.ico_peer_b:before,
.ico_peer_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_peer);
  background-repeat: no-repeat;
  background-position: -446px -608px;
  width: 46px;
  height: 46px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

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

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

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

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

.ico_project.end,
.ico_project.end_b:before,
.ico_project.end_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_project_end);
  background-repeat: no-repeat;
  background-position: -496px -608px;
  width: 46px;
  height: 46px;
  -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_quiz,
.ico_quiz_b:before,
.ico_quiz_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_quiz);
  background-repeat: no-repeat;
  background-position: -696px -608px;
  width: 46px;
  height: 46px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

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

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

.ico_task.end,
.ico_task.end_b:before,
.ico_task.end_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_task_end);
  background-repeat: no-repeat;
  background-position: -50px -668px;
  width: 46px;
  height: 46px;
  -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_le_s,
.ico_le_s_b:before,
.ico_le_s_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_le_s);
  background-repeat: no-repeat;
  background-position: -739px -383px;
  width: 21px;
  height: 17px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

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

.ico_peer_s,
.ico_peer_s_b:before,
.ico_peer_s_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_peer_s);
  background-repeat: no-repeat;
  background-position: -391px -527px;
  width: 21px;
  height: 17px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_quiz_s,
.ico_quiz_s_b:before,
.ico_quiz_s_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_quiz_s);
  background-repeat: no-repeat;
  background-position: -525px -527px;
  width: 17px;
  height: 17px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}

.ico_project_s,
.ico_project_s_b:before,
.ico_project_s_a:after {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_project_s);
  background-repeat: no-repeat;
  background-position: -207px -507px;
  width: 18px;
  height: 16px;
  -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;
}
.btn:disabled, .btn.disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=50);
  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: 700;
  font-size: 14px;
  line-height: 33px;
  -webkit-border-radius: 0;
          border-radius: 0;
  overflow: hidden;
  color: #FFF;
  background-color: #89888E;
  border-color: #89888E;
  height: 34px;
  letter-spacing: -1px;
}
.btn.btn_type1.on {
  color: #FFF;
  background-color: #010101;
  border-color: #010101;
}
.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_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: #010101;
  height: 34px;
  letter-spacing: -1px;
}
.btn.btn_type2.bold {
  font-size: 14px;
  font-weight: 700;
}
.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;
  letter-spacing: -1px;
}
.btn.btn_type3.op1 {
  border-color: #dedede;
  background-color: #f3f3f3;
}
.btn.btn_type4 {
  padding: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 33px;
  -webkit-border-radius: 0;
          border-radius: 0;
  overflow: hidden;
  color: #010101;
  background-color: transparent;
  border-color: transparent;
  height: 34px;
}
.btn.btn_type4.crosshair:before {
  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;
  margin-right: 7px;
}
.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_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.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.prev:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prev);
  background-repeat: no-repeat;
  background-position: -292px -868px;
  width: 7px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type7.next:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_next);
  background-repeat: no-repeat;
  background-position: -270px -868px;
  width: 7px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type7.disabled {
  border-color: #CCC;
}
.btn.btn_type7.disabled.prev:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_prev_disabled);
  background-repeat: no-repeat;
  background-position: -281px -868px;
  width: 7px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.btn.btn_type7.disabled.next:before {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_next_disabled);
  background-repeat: no-repeat;
  background-position: -259px -868px;
  width: 7px;
  height: 11px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.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;
  letter-spacing: -1px;
}
.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: #010101;
  border-color: #010101;
}
.btn.clr3 {
  color: #FFF;
  background-color: #89888E;
  border-color: #89888E;
}
.btn.clr4 {
  color: #666;
  background-color: #f3f3f3;
  border-color: #ccc;
}
.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.gra {
  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);
  border: none;
}
.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: #25292F;
  background-color: #F5F7F7;
  font-size: 15px;
  line-height: 17px;
  padding: 15px 0;
  width: 272px;
  text-align: center;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}
.btn.btn_type15 {
  min-width: 74px;
  padding: 8px 15px;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background-color: #fff;
  color: #000;
  font-size: 14px;
  line-height: 22px;
}
.btn.btn_type15:disabled {
  color: rgba(0, 0, 0, 0.3);
}

.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;
}
.btn_top.type2 {
  font-family: NanumSquareWebFont-R, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  width: 76px;
  height: 48px;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  font-size: 15px;
  line-height: 48px;
  font-weight: 400;
  border: 1px solid #F0F0F0;
}

[class*=sts_] {
  display: block;
  margin: 0;
  font-size: 12px;
}
[class*=sts_] + [class*=sts_] {
  margin: 5px 0 0 0;
}

[class*=sts_valid] + [class*=sts_] {
  margin: 0;
}

.sts_error {
  color: #ff5230;
}

.sts_valid {
  color: #1dbe20;
}

.sts_strong {
  color: #4564d8;
}

.sts_danger {
  color: #FF9C01;
}

.it_wrap {
  display: inline-block;
}

.camper_list .it input {
  height: 32px;
  padding: 0 7px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border-color: #f0f0f0;
  color: #25292f;
  font-size: 13px;
}
.camper_list .it textarea {
  padding: 16px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  border: solid 1px #f0f0f0;
  background-color: #fff;
}

.it {
  display: inline-block;
  position: relative;
  background: #fff;
}
.it input, .it textarea {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 34px;
  padding: 2px 10px 0;
  border: 1px solid #D1D1D1;
  background: transparent;
  color: #333;
  font-size: 14px;
  vertical-align: top;
}
.it input {
  padding-right: 0;
}
.it textarea {
  overflow: hidden;
  overflow-y: auto;
  padding: 5px 9px;
  resize: none;
}
.it .ph {
  z-index: 30;
  position: absolute;
  top: 4px;
  left: 10px;
  color: #999 !important;
  font-size: 14px;
}
.it .ph .req {
  font-style: normal;
  color: #ef3e23;
}
.it + .wave {
  margin: 0 6px 0 5px;
  line-height: 32px;
  color: #333;
  vertical-align: top;
}
.it + .sts_error {
  margin-top: 4px;
}
.it[class*=sts_] {
  vertical-align: top;
}
.it textarea.sts_error,
.it input.sts_error,
.it p.sts_error, .it.sts_error input, .it.it_added.sts_error .input_area {
  border-color: #ff5230 !important;
  color: #ff5230 !important;
}
.it input.sts_valid, .it.sts_valid input, .it.it_added.sts_valid .input_area {
  border-color: #1dbe20 !important;
  color: #1dbe20 !important;
}
.it input.sts_strong, .it.sts_strong input, .it.it_added.sts_strong .input_area {
  border-color: #4564d8 !important;
  color: #4564d8 !important;
}
.it input.sts_danger, .it.sts_danger input, .it.it_added.sts_danger .input_area {
  border-color: #ffad01 !important;
  color: #FFAD01 !important;
}
.it.fs12 .ph, .it.fs12 input {
  font-size: 12px;
}
.it.fs12 .ph {
  top: 8px;
  left: 11px;
}
.it.point input,
.it.point textarea {
  background: #f8f8f8;
}
.it.point.op1 .ph, .it.point.op1 input {
  font-size: 12px;
}
.it.point.op1 .ph {
  top: 11px;
  left: 14px;
  color: #b2b2b2 !important;
}
.it.point.op1 input {
  height: 40px;
  padding-left: 13px;
  border: 1px solid transparent;
  background: #f2f2f2;
}
.it.point.op2 .ph {
  color: #999 !important;
}
.it.point.op2 input {
  background: #fdfdfd;
}
.it.strong input {
  font-weight: 700;
}
.it.dashed input, .it.dashed textarea {
  border: 1px dashed #CBCBCB;
}
.it.border_none {
  background: transparent;
}
.it.border_none input,
.it.border_none textarea {
  border: 1px solid transparent;
}
.it.stretch {
  width: 100%;
}
.it.it_added {
  position: relative;
  padding-right: 34px;
  vertical-align: top;
}
.it.it_added .added {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 40;
}
.it.it_added .added .c {
  display: inline-block;
  margin: 5px 0 0 0;
  font-weight: 700;
}
.it.it_added input {
  height: 32px;
  padding-left: 10px;
  border: 0 !important;
}
.it.it_added textarea {
  border: 0;
}
.it.it_added .input_area {
  display: block;
  overflow: hidden;
  border: 1px solid #d1d1d1;
}
.it.it_added .btn_remove .ico_remove {
  margin: 7px 10px;
}
.it.it_added .btn_remove {
  display: inline-block;
  padding: 4px 9px;
}
.it.it_added .ico_cndr {
  margin: 4px 4px 2px;
}
.it.it_added.bg_tp {
  background: transparent;
}
.it.it_added.bg_tp .input_area {
  background: #FFF;
}
.it.it_added.input .ph {
  color: #666;
}
.it.it_added.input .input_area {
  border-right: 0;
}
.it.it_added.input .input_area input {
  background: #FFF;
}
.it.it_added.input .btn {
  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;
  border: 1px solid #d1d1d1;
  border-left: 0;
  width: 34px;
  height: 34px;
}
.it.it_added.input2 {
  padding-right: 56px;
}
.it.it_added.input2 .input_area {
  border-right: 0;
}
.it.it_added.input2 .input_area input {
  background: #fdfdfd;
}
.it.it_added.input2 .added {
  text-align: right;
  width: 56px;
  height: 34px;
  border: 1px solid #CBCBCB;
  border-left: 0;
}
.it.it_added.input2 .btn_type5.big {
  top: -1px;
}
.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;
}
.it.it_added.input2.dark {
  background: #272727;
}
.it.it_added.input2.dark .ph {
  color: #686868 !important;
}
.it.it_added.input2.dark .input_area,
.it.it_added.input2.dark .added {
  border-color: #272727;
}
.it.it_added.input2.dark .input_area .btn.btn_type5.big,
.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;
}
.it.it_added.input2.dark .input_area input {
  color: #fff;
  background: #272727;
}
.it.it_added.input3 {
  position: relative;
  padding-right: 48px;
  background-color: #f1f1f1;
  border: 1px solid #d1d1d1;
}
.it.it_added.input3 .ph {
  top: 10px;
  left: 15px;
  font-size: 16px;
  color: #999;
  letter-spacing: -0.5px;
}
.it.it_added.input3 .input_area {
  margin: 0 38px 0 0;
  border: 0;
}
.it.it_added.input3 .input_area .f_close_big {
  position: absolute;
  top: 13px;
  right: 57px;
}
.it.it_added.input3 input {
  height: 46px;
  padding-top: 0px;
  padding-left: 17px;
  font-size: 16px;
}
.it.it_added.input3 .added {
  top: -1px;
  right: -1px;
}
.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;
}
.it.it_added.spinner.percent .ui-widget-content:after, .it.it_added .spinner.percent .ui-widget-content:after {
  top: 2px;
}
.it.spinner .ui-widget-content, .it .spinner .ui-widget-content {
  border: 0;
  background: transparent;
}
.it.spinner .ui-widget-content .ui-spinner-input, .it .spinner .ui-widget-content .ui-spinner-input {
  margin: 0;
  padding-right: 35px;
  padding-top: 0;
  text-align: left;
}
.it.spinner .ui-widget-content .ui-state-default, .it .spinner .ui-widget-content .ui-state-default {
  right: 12px;
  border: 0;
  background: none;
  cursor: pointer;
}
.it.spinner .ui-widget-content .ui-spinner-up .ui-button-text .ui-icon, .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;
}
.it.spinner .ui-widget-content .ui-spinner-down .ui-button-text .ui-icon, .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;
}
.it.spinner .ui-widget-content .ui-spinner-down, .it .spinner .ui-widget-content .ui-spinner-down {
  bottom: 1px;
}
.it.spinner.percent .ui-spinner-input, .it .spinner.percent .ui-spinner-input {
  padding-right: 51px;
  text-align: right;
}
.it.spinner.percent .ui-widget-content:after, .it .spinner.percent .ui-widget-content:after {
  display: inline;
  position: absolute;
  top: 4px;
  right: 34px;
  color: #666;
  content: "%";
}
.it.spinner.type2 .ph, .it .spinner.type2 .ph {
  left: 5px;
}
.it.spinner.type2 .ui-widget-content .ui-spinner-input, .it .spinner.type2 .ui-widget-content .ui-spinner-input {
  padding-right: 20px;
}
.it.spinner.type2 .ui-widget-content .ui-state-default, .it .spinner.type2 .ui-widget-content .ui-state-default {
  right: 5px;
}
.it.spinner.type2 input, .it .spinner.type2 input {
  padding: 2px 5px 0;
}
.it.it_added_count {
  border: 1px solid #c5c5c5;
}
.it.it_added_count textarea {
  border: 0;
}
.it.it_added_count .ph {
  color: #cbcbcb;
}
.it.it_added_count .info {
  padding: 4px 10px 5px;
  font-size: 11px;
  color: #a9a9a9;
  text-align: right;
}
.it.it_added_count:after {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #FFF;
  content: "";
}
.it.type2 input {
  border: 1px solid #CBCBCB;
  white-space: nowrap;
  word-break: normal;
}
.it.type2.strong input {
  font-size: 14px;
}
.it.type2.it_added {
  padding-right: 0;
}
.it.type2.it_added .input_area {
  padding-right: 35px;
}
.it.type2.it_added .added {
  top: 4px;
  right: 8px;
}
.it.type2.it_added .added .btn {
  vertical-align: top;
}
.it.type2.it_added .added .btn_type5.big {
  top: 3px;
}
.it.type2.it_added.underline .ph {
  left: 0;
}
.it.type2.it_added.underline input {
  padding-left: 0;
}
.it.type2.it_added.underline .input_area {
  border: 0;
  border-bottom: 1px solid #E9E9E9;
}
.it.type2.it_added.survey_input {
  border: 1px solid #CBCBCB;
  padding-right: 30px;
}
.it.type2.it_added.survey_input .enter .btn {
  width: 32px;
  height: 24px;
}
.it.type2.it_added.survey_input .input_area {
  border: 0;
}
.it.type2.it_added.survey_input .btn_remove {
  padding: 3px 9px;
}
.it.upload {
  display: block;
  height: 34px;
  margin-top: 0 !important;
  padding-right: 0;
  border: 1px solid #CBCBCB;
  background: #FFF;
}
.it.upload .ph {
  top: 4px;
}
.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;
}
.it.upload.it_added .input_area {
  border: 0;
}
.it.upload.type2 .added {
  top: 3px;
  right: 7px;
}

.it.disabled,
.disabled .it {
  cursor: default;
  background: #f8f8f8;
}
.it.disabled input,
.disabled .it input {
  color: #999;
}

.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 + .atch_wrap {
  border-top: 1px solid #e8e8e8;
  padding-top: 60px;
  margin-top: 39px !important;
}
.atch_wrap .atch_area {
  position: relative;
  min-height: 66px;
  margin-top: -1px;
  padding: 15px;
  border: 1px solid #d1d1d1;
  border-top: 1px solid #e9e9e9;
}
.atch_wrap .atch_area .upload_area {
  overflow: hidden;
}
.atch_wrap .atch_area .uploaded {
  display: none;
  z-index: 1002;
  position: relative;
  top: -34px;
}
.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;
}
.atch_wrap .atch_area > strong {
  display: block;
  float: left;
  margin-right: 15px;
  font-size: 12px;
  line-height: 34px;
}
.atch_wrap .atch_area .cont_file {
  padding-top: 8px;
}
.atch_wrap .atch_area .cont_file .link_box {
  display: block;
}
.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;
}
.atch_wrap .atch_area .cont_file .link_box a {
  line-height: 32px;
  text-decoration: none;
}
.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;
}
.atch_wrap .atch_area .cont_file .link_box + .link_box {
  margin-top: 8px;
}

.ick {
  position: relative;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  padding-left: 20px;
}
.ick .ph {
  display: inline-block;
  top: 0 !important;
  left: 0;
  margin-top: 0;
  color: #666;
  vertical-align: top;
}
.ick .sr_only {
  position: static !important;
}
.ick .radio, .ick .checkbox {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  top: 5px;
  left: 0;
  vertical-align: top;
}
.ick .radio input, .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;
}
.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;
}
.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;
}
.ick .checkbox {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_checkbox);
  background-repeat: no-repeat;
  background-position: -102px -868px;
  width: 13px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ick .checkbox.checked {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_checkbox_checked);
  background-repeat: no-repeat;
  background-position: -68px -868px;
  width: 13px;
  height: 13px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.ick .radio + .ph, .ick .checkbox + .ph {
  position: relative;
}
.ick .radio + .ph.sr_only, .ick .checkbox + .ph.sr_only {
  margin: 0;
}
.ick .radio.default, .ick .checkbox.default {
  background: none;
  overflow: visible;
}
.ick .radio.default input, .ick .checkbox.default input {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=100);
  opacity: 1;
  width: 12px;
  height: 12px;
  top: 1px;
}
.ick.disabled {
  cursor: default;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.ick.disabled .radio input, .ick.disabled .checkbox input {
  cursor: default;
}
.ick.disabled .radio {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#f_radio_disabled);
  background-repeat: no-repeat;
  background-position: -389px -841px;
  width: 14px;
  height: 14px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.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;
}
.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;
}
.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;
}
.ick.fs12 .ph {
  font-size: 12px;
  line-height: normal;
  vertical-align: middle;
}
.ick.fs12 .radio {
  top: 3px;
}
.ick.fs12 .checkbox {
  top: 5px;
}
.ick.op1 {
  padding-left: 17px;
}
.ick.op1 .ph {
  color: #030303;
}
.ick.type2 {
  width: 15px;
  height: 15px;
  padding-left: 0;
  vertical-align: middle;
}
.ick.type2 .radio, .ick.type2 .checkbox {
  top: 0;
}
.ick.type_blue {
  padding-left: 26px;
}
.ick.type_blue .checkbox {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#ico_checkbox);
  background-repeat: no-repeat;
  background-position: -752px -333px;
  width: 18px;
  height: 18px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
  margin-top: -5px;
}
.ick.type_blue .checkbox.checked::after {
  display: block;
  position: absolute;
  top: -webkit-calc(50% - 9px);
  top: calc(50% - 9px);
  left: 0;
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon_check_checked);
  background-repeat: no-repeat;
  background-position: -650px -333px;
  width: 18px;
  height: 19px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
  pointer-events: none;
  content: "";
}
.ick.type_blue .ph {
  display: inline-block;
  font-size: 14px;
  color: #666;
  line-height: 18px;
  vertical-align: middle;
}
.ick.type_blue.disabled {
  pointer-events: none;
}
.ick.type_blue.disabled .checkbox {
  opacity: 0.38;
}
.ick.big {
  padding-left: 29px;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.ick.big.type1 {
  padding-left: 26px;
}
.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;
}
.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;
}
.ick.big.type2 {
  width: 20px;
  height: 20px;
  padding-left: 0;
}
.ick.big.type2 .checkbox {
  top: 0;
}
.ick + .ick {
  margin-left: 15px;
}

.lst_chk li {
  display: block;
}
.lst_chk li .desc {
  color: #999;
}
.lst_chk li .it.type4 + .txt {
  margin-top: -2px;
}
.lst_chk li.disabled {
  color: #999;
}

.tarea {
  display: block;
  position: relative;
  padding: 6px 10px 0;
  border: 1px solid #cbcbcb;
  background: #fff;
  z-index: 9;
}
.tarea .ick .ph {
  margin-left: 3px;
}
.tarea textarea {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.tarea .info {
  margin: 0 -10px;
  padding: 4px 10px 5px;
  font-size: 11px;
  color: #a9a9a9;
  text-align: right;
}
.tarea .tarea ul[class*=tag] {
  border: 0;
}

.img_group {
  position: relative;
  display: table;
  width: 100%;
}
.img_group .row {
  display: table-row;
}
.img_group .desc li {
  position: relative;
  padding-left: 7px;
  color: #999;
  font-size: 12px;
}
.img_group .desc li:before {
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 2px;
  height: 1px;
  background: #999;
  vertical-align: top;
  content: "";
}
.img_group .vertical_t {
  vertical-align: top !important;
}
.img_group .vertical_m {
  vertical-align: middle !important;
}
.img_group .vertical_b {
  vertical-align: bottom !important;
}
.img_group .mv_area {
  width: 544px;
  margin-bottom: 20px;
}
.img_group .mv_area .f_close {
  position: absolute;
  top: 0;
  right: 0;
}
.img_group .img {
  position: relative;
  display: table-cell;
  vertical-align: top;
  text-align: center;
}
.img_group .img.noimg .inner {
  background: #F8F8F8 url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic-noimg.png) no-repeat 50% 50%;
}
.img_group .img.noimg2 .inner {
  background: #F8F8F8 url(https://ssl.pstatic.net/static/connectfdn/edwith/images/bg_noimg2.gif) no-repeat 50% 50%;
}
.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;
}
.img_group .img.upload .inner {
  margin-bottom: 20px;
  background: #F8F8F8;
}
.img_group .img .inner {
  display: block;
  position: relative;
  border: 1px solid #CBCBCB;
  white-space: nowrap;
}
.img_group .img .inner img {
  vertical-align: top;
}
.img_group .img .inner button {
  line-height: 1;
}
.img_group .img .inner .f_close {
  position: absolute;
  right: -22px;
  top: 0;
}
.img_group .img .inner .upload_progress {
  position: absolute;
  right: 10px;
  left: 10px;
  bottom: 15px;
  text-align: center;
}
.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;
}
.img_group .img .inner .upload_progress .wrap span {
  display: inline-block;
  height: 100%;
  background: #FECA2F;
  vertical-align: top;
}
.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;
}
.img_group .img .max100 img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.img_group .img .sts_error {
  margin-top: 5px;
  text-align: left;
}
.img_group .info {
  display: table-cell;
  width: 100%;
  padding-left: 30px;
  vertical-align: top;
}
.img_group .info.width_auto {
  width: auto;
}
.img_group .info.vertical_b p + .if {
  margin-top: 5px;
}
.img_group .row > .info {
  padding: 0;
}
.img_group .row > .info .if {
  margin-right: 10px;
}
.img_group .row > .info .desc {
  display: inline-block;
  position: relative;
  top: 4px;
  font-size: 12px;
  color: #999;
}
.img_group .row > .info .desc.multi_line {
  top: -1px;
}
.img_group .f_del {
  position: absolute;
  top: 0;
  right: -16px;
}
.img_group .noimg .f_del {
  display: none;
}
.img_group .btn_remove {
  position: absolute;
  top: 7px;
  right: 11px;
}
.img_group .noimg .btn_remove, .img_group .noimg2 .btn_remove {
  display: none;
}

h3.tit {
  font-weight: 700;
  font-size: 16px;
  color: #010101;
  margin: 33px 0 14px;
}

.editor_area {
  padding: 14px 20px;
  border: 1px solid #d1d1d1;
}
.editor_area .link_file2 {
  display: block;
}
.editor_area .link_file2 .file_download {
  vertical-align: middle;
}
.editor_area .link_file2 + .link_file2 {
  padding-top: 3px;
}
.editor_area .editor_reset + .link_file2 {
  padding: 13px 0 4px;
}
.editor_area .editor_reset + .link_file2 + .link_file2 {
  margin-top: -1px;
  padding-top: 0;
}
.q_body .editor_area .editor_area {
  border: 0;
  padding: 0;
}
.editor_area ~ .editor_area {
  margin-top: 10px;
}

.noti_box {
  padding: 20px;
  background-color: #F7F7F7;
  color: #666;
  line-height: 16px;
}
.noti_box + h2.tit {
  margin-top: 40px;
}
.noti_box .lnk_go {
  display: inline-block;
  margin-top: 10px;
  line-height: 16px;
  color: #333;
  text-decoration: underline;
}
.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;
}

.watch {
  position: relative;
  display: block;
  height: 100%;
  vertical-align: top;
}
.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;
}
.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;
  letter-spacing: -1px;
}
.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: #fff;
  color: #333;
  font-weight: normal;
  line-height: 18px;
  text-align: left;
  vertical-align: middle;
}
.table.table_type1 th.bold {
  font-weight: 700;
}
.table.table_type1 td {
  height: 74px;
  padding: 20px 0 20px 20px;
  border-top: 1px solid #ebebeb;
  vertical-align: middle;
}
.table.table_type1 td .txt {
  display: inline-block;
  margin-top: 0;
  padding: 5px 0;
  vertical-align: top;
}
.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;
  letter-spacing: -1px;
  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;
  letter-spacing: -1px;
  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;
  letter-spacing: -1px;
  line-height: 34px;
  vertical-align: top;
}
.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 {
  height: 50px;
  padding: 14px 0;
  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 tbody td,
.table.table_type2 tfoot th,
.table.table_type2 tfoot td {
  border-top: 1px solid #e8e8e8;
  text-align: center;
}
.table.table_type2 tbody th.title,
.table.table_type2 tbody td.title,
.table.table_type2 tfoot th.title,
.table.table_type2 tfoot td.title {
  text-align: left;
}
.table.table_type2 tbody th,
.table.table_type2 tfoot th {
  height: 50px;
  padding: 14px 0;
}
.table.table_type2 tbody td,
.table.table_type2 tfoot td {
  height: 67px;
  padding: 8px;
  border-top: 1px solid #ebebeb;
  font-size: 14px;
  line-height: 160%;
}
.table.table_type2 tbody td .text_ellipsis,
.table.table_type2 tfoot td .text_ellipsis {
  display: 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;
  padding-left: 2px;
  padding-right: 2px;
  vertical-align: middle;
  display: 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.camper_review thead th {
  padding: 11px 0 11px;
}
.table.table_type2.camper_review tbody td {
  height: 47px;
  padding: 8px 0;
}
.table.table_type2.camper_review tr:nth-child(2n) {
  background-color: #fdfdfd;
}
.table.table_type2.option_table {
  border-top: 1px solid #010101;
  border-bottom: 1px solid #D8D8D8;
}
.table.table_type2.option_table tbody tr:first-child th,
.table.table_type2.option_table tbody tr:first-child td {
  border-top: none;
}
.table.table_type2.option_table tbody th,
.table.table_type2.option_table tbody td {
  height: 80px;
  line-height: 15px;
  text-align: left;
}
.table.table_type2.option_table tbody th {
  padding: 30px;
  font-weight: 400;
  color: #333;
}
.table.table_type2.option_table tbody td {
  padding: 30px 16px;
}
.table.table_type2.option_table .option_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.table.table_type2.option_table .ick .radio {
  top: 0;
}
.table.table_type2.option_table .ick .ph {
  line-height: 18px;
  color: #666;
}
.table.table_type2.space_table thead th.align_left,
.table.table_type2.space_table thead td.align_left {
  text-align: left;
}
.table.table_type2.space_table thead th {
  height: 51px;
  line-height: 18px;
}
.table.table_type2.space_table thead th:first-child {
  padding: 14px 16px 14px 30px;
}
.table.table_type2.space_table thead .ick .checkbox.checked::after {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon_check_apart);
  background-repeat: no-repeat;
  background-position: -804px -333px;
  width: 18px;
  height: 18px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.table.table_type2.space_table thead .ick .checkbox.type_all_checked::after {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon_check_checked);
  background-repeat: no-repeat;
  background-position: -650px -333px;
  width: 18px;
  height: 19px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.table.table_type2.space_table tbody th,
.table.table_type2.space_table tbody td {
  height: 50px;
  padding: 16px 0;
  line-height: 18px;
}
.table.table_type2.space_table tbody th.align_left,
.table.table_type2.space_table tbody td.align_left {
  text-align: left;
}
.table.table_type2.space_table tbody td {
  height: 51px;
  padding: 0;
}
.table.table_type2.space_table tbody td:first-child {
  padding: 16px 16px 15px 30px;
}
.table.table_type2.space_table .ick .checkbox {
  height: 19px;
  background-color: #fff;
}
.table.table_type2.space_table .ick .checkbox::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon_check);
  background-repeat: no-repeat;
  background-position: -778px -333px;
  width: 18px;
  height: 18px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.table.table_type2.space_table .ick .checkbox.checked::after {
  top: 0;
  background-image: url(../img/sprite/sp_new_whaleclass.svg#icon_check_checked);
  background-repeat: no-repeat;
  background-position: -650px -333px;
  width: 18px;
  height: 19px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.table.table_type2.space_table .c_use {
  color: #1E73E8;
}

.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-R, "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.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;
  letter-spacing: -1px;
  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;
  letter-spacing: -1px;
}
.table.type_inner tr:first-child td {
  padding-top: 15px;
}

.table.stretch {
  width: 100%;
}

.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 .class_close_box {
  font-size: 0;
}
.table .class_close_box a {
  display: inline-block;
  font-size: 14px;
  color: #0066DC;
  line-height: 160%;
  text-decoration: underline;
  vertical-align: top;
}
.table .class_close_box a + a {
  margin-left: 4px;
}

.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;
  letter-spacing: -0.5px;
  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 {
  letter-spacing: -0.5px;
}
.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 {
  letter-spacing: -0.5px;
  line-height: 16px;
}
.calculate_box .cnt {
  display: block;
  margin-top: 7px;
  font-size: 32px;
  font-weight: 600;
  color: #333;
  letter-spacing: 0;
  line-height: 32px;
}

.table.satisfaction_table {
  border-top: 1px solid #010101;
  border-bottom: 1px solid #b3b3b3;
  letter-spacing: -1px;
}
.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;
}

.whaleclass .table.table_type2 thead th.active {
  color: #1E73E8;
}

.paginate {
  height: 30px;
  margin: 40px auto 0;
  text-align: center;
}
.paginate .inner {
  display: inline-block;
  text-align: center;
}
.paginate .inner:before, .paginate .inner:after {
  display: table;
  clear: both;
  content: " ";
}
.paginate .inner {
  vertical-align: top;
}
.paginate a {
  display: block;
  overflow: hidden;
  position: relative;
  height: 40px;
  font-size: 14px;
  text-decoration: none;
  vertical-align: top;
}
.paginate .pre.disabled,
.paginate .next.disabled {
  visibility: hidden;
}
.paginate .pre,
.paginate .next {
  float: left;
  position: relative;
}
.paginate .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;
}
.paginate .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;
}
.paginate .page_list {
  margin: 0 10px;
  float: left;
}
.paginate .page_list li {
  float: left;
  margin-left: 4px;
}
.paginate .page_list li:first-child {
  margin-left: 0;
}
.paginate .page_list a {
  display: block;
  width: 30px;
  height: 28px;
  line-height: 28px;
  color: #999;
  text-align: center;
  vertical-align: top;
}
.paginate .page_list .selected, .paginate .page_list a:hover {
  border: 1px solid transparent;
  color: #333;
  line-height: 26px;
  cursor: default;
  text-decoration: underline;
  font-weight: 700;
}
.paginate .page_list .selected {
  margin: 0 -1px;
}
.paginate .page_list a:hover {
  cursor: pointer;
}
.paginate.type2 a {
  color: #999;
  font-size: 16px;
}
.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;
}
.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;
}
.paginate.type2 .pre, .paginate.type2 .next {
  overflow: hidden;
  width: 30px;
  line-height: 1000px;
}
.paginate.type2 .page_list {
  margin: 0 13px;
}
.paginate.type2 .page_list a {
  font-family: "나눔고딕", NanumGothic;
  font-weight: normal;
}
.paginate.type2 .page_list .selected, .paginate.type2 .page_list a:hover {
  border: 0;
  color: #333;
  font-weight: 700;
  text-decoration: underline;
}

.paginate2 {
  position: relative;
  border-top: 1px solid #e8e8e8;
  overflow: hidden;
}
.paginate2 + .group_lr {
  border-top: 1px solid #e8e8e8;
  padding-top: 20px;
  margin-top: -1px !important;
}
.paginate2 .pagin {
  width: 50%;
  padding-top: 15px;
  height: 55px;
}
.paginate2 .pagin.l {
  float: left;
}
.paginate2 .pagin.r {
  float: right;
  text-align: right;
}
.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;
}
.paginate2 a:after {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.paginate2 .btn_prve {
  padding-left: 20px;
}
.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;
}
.paginate2 .btn_next {
  padding-right: 20px;
}
.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;
}
.paginate2 .disabled {
  color: #999;
  font-weight: normal;
  cursor: default;
}
.paginate2 .disabled:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$percent)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}
.paginate2 .on {
  border-bottom-color: #28de73;
}

.paginate3 {
  padding-top: 20px;
  border-top: 1px solid #333;
}

.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 !important;
  color: #FFF;
  letter-spacing: -1px;
  vertical-align: middle;
  font-weight: normal;
}
.label.gray {
  background: #999;
}
.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 !important;
  background: #ededed;
}
.label.gray_border {
  padding: 1px 5px 1px 4px;
  border: 1px solid #ccc;
  color: #999;
  background: #fff;
}
h1.page_title .label {
  position: relative;
  top: 5px;
  vertical-align: top;
}

.ic_ad {
  position: relative;
  padding: 0 6px;
  display: inline-block;
  height: 16px;
  font-size: 11px;
  color: #999;
  border: 1px solid #CCC;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  line-height: 16px;
  letter-spacing: -1px;
  vertical-align: top;
  /* &: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;
}
.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;
  letter-spacing: -1px;
  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;
  margin-top: 40px;
}
.group_lr:before, .group_lr:after {
  display: table;
  clear: both;
  content: " ";
}
.group_lr .group_l {
  float: left;
}
.group_lr .group_l > .btn {
  margin-right: 4px;
}
.group_lr .group_r {
  float: right;
}
.group_lr .group_r > .btn {
  margin-left: 4px;
}
.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: 5px 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 h2.tit {
  margin: 0;
}
.group_lr .txt_desc {
  margin-top: 4px;
  vertical-align: middle;
}
.group_lr .txt_desc:before {
  top: 3px;
}
.group_lr .txt_desc4 {
  color: #666;
}
.group_lr .txt_desc4 .dsc {
  color: #676767;
}
.group_lr .txt_desc4 em {
  font-weight: 700;
}
.group_lr .txt_desc4 .bar {
  height: 13px;
}

.flex_group_lr {
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex_group_lr .flex_group_l {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flex_group_lr .flex_group_r {
  text-align: right;
}
.flex_group_lr .flex_group_r .txt_desc4 {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 26px;
}
.flex_group_lr .flex_group_r .txt_desc4 .dsc {
  color: #676767;
}
.flex_group_lr .flex_group_r .txt_desc4 em {
  font-weight: 700;
}
.flex_group_lr .flex_group_r .txt_desc4 .bar {
  height: 13px;
}
.flex_group_lr .flex_group_r:only-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.nav_text li {
  display: inline-block;
}
.nav_text li a, .nav_text li button {
  display: inline-block;
  margin: 0;
  padding: 7px 6px 1px;
  border: 0;
  font-size: 12px;
  color: #010101;
  vertical-align: top;
}
.nav_text li button:hover, .nav_text li a:hover {
  text-decoration: underline;
}
.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 .btn.btn_type9.r_rcom {
  margin-top: 1px;
  margin-left: 7px;
  border: 1px solid #d1d1d1;
  font-weight: normal;
}
.nav_text li a.tit:before, .nav_text li button.tit:before {
  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;
  top: -2px;
  margin-right: 8px;
}

#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 17px;
  font-size: 12px;
  color: #999;
  letter-spacing: -1px;
}
.txt_desc:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  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;
}
.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 {
  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;
  vertical-align: middle;
}
.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;
  top: 1px;
  color: #010101;
  font-size: 12px;
  text-decoration: none;
}
.user_info .username strong {
  color: #01b4f0;
}
.user_info .time {
  margin-left: 1px;
  font-size: 11px;
  color: #999;
}
.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;
}

.sns_area {
  display: inline-block;
  position: relative;
  margin: 0;
}
.sns_area .sns_layer {
  display: none;
  position: absolute;
  top: 37px;
  left: 0;
  width: auto;
  height: 68px;
  padding: 7px 6px 0 7px;
  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);
  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::after {
  display: block;
  position: absolute;
  top: 22px;
  right: 0;
  width: 1px;
  height: 8px;
  background-color: rgba(0, 0, 0, 0.08);
  content: "";
}
.sns_area .sns_layer a:last-of-type::after {
  display: none;
}
.sns_area .sns_layer .ico_url::before {
  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;
  margin: 20px 17px 0 16px;
}
.sns_area .sns_layer .ico_band::before {
  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;
  margin-top: 17px;
}
.sns_area .sns_layer .ico_facebook::before {
  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;
}
.sns_area .sns_layer .ico_twitter::before {
  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;
}
.sns_area .sns_layer .ico_linkedin::before {
  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;
  margin-left: 16px;
}
.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 .sns_layer {
  top: 52px;
  left: 0;
  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;
}

.share {
  border-top: 1px solid #E8E8E8;
}

.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 {
  font-size: 12px;
  color: #999;
}
.txt_tag a {
  color: #999;
  white-space: nowrap;
}

.tag_lst {
  padding-top: 16px;
  line-height: 20px;
}
.tag_lst .ico_tag {
  float: left;
  margin: 4px 6px 0 0;
}
.tag_lst .txt_tag {
  overflow: hidden;
}

.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 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;
}

.mobile .modal_wrap .modal_inner {
  display: block;
}
.mobile .modal_wrap .modal_inner .modal_container {
  display: block;
}
.mobile .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 .modal_wrap .modal_inner .modal_container .modal_content .modal_close {
  width: 24px;
  height: 24px;
}
.mobile .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 .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.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 h4, .modal_wrap strong.tit {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.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 .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;
  background-color: #8b8f94;
  border-color: #8b8f94;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.modal_wrap .modal_container .btn.btn_type1.on {
  background-color: #25292f;
  border-color: #25292f;
}
.modal_wrap .modal_close {
  width: 24px;
  height: 24px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1055;
  border: 0;
  cursor: pointer;
  background-image: url(../img/sprite/sp_new_boostcourse.svg#icon-modal-close);
  background-repeat: no-repeat;
  background-position: -753px -248px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 798px auto;
          background-size: 798px auto;
}
.modal_wrap .modal_content {
  position: relative;
  z-index: 1055;
  width: 780px;
  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 {
  margin: 0;
}
.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;
}
.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.type7 {
  overflow: visible;
}
.modal_wrap .modal_body.type7 .chosen-results {
  max-height: 180px;
}
.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: 0;
}
.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_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.border_t_gray {
  border-color: #ebebeb !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;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  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;
}
.modal_wrap .modal_footer .group_l {
  float: left;
}
.modal_wrap .modal_footer .group_l p.txt_desc {
  line-height: 14px;
}
.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;
  line-height: 14px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
}
.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 {
  /* 강좌개설하기 */
}
.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 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.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: 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 .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.v2 .cbox_group .cbox_area {
  width: 33.33%;
}
.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 .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: 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_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 .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 .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.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 .modal_content.camp_edit .modal_body {
  max-height: 527px;
}
.modal_wrap .modal_content .url_prefix {
  padding: 0 11px;
  border: 1px solid #cbcbcb;
  font-size: 0;
  letter-spacing: 0;
}
.modal_wrap .modal_content .url_prefix .txt.prefix_url {
  color: #828c96;
  font-size: 14px;
  line-height: 24px;
}
.modal_wrap .modal_content .url_prefix .it input {
  height: 32px;
  padding-left: 0;
  border: 0 !important;
}
.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;
  font-size: 14px;
}
.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-R, "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 .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;
}

.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;
}
.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;
}

.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: 0;
  top: 0;
}
.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;
}
.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;
}
.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-R, "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-R, "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 .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-R, "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-R, "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-R, "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;
}
.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;
}
.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-R, "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-R, "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;
}

.btn_wrap {
  text-align: center;
  background-color: #f9f9f9;
}
.btn_wrap .btn {
  padding: 30px 0;
  height: 100%;
  width: 100%;
}

.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: 480px;
  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 .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: 24px;
}
.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;
}

.whale_inspect_pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3000;
}
.whale_inspect_pop .pc {
  display: block;
}
.whale_inspect_pop .popup_wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 480px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  padding: 30px;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  background-color: var(--w-white);
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.18), 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.18), 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  border: solid 0.5px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.whale_inspect_pop .pop_title {
  display: block;
  position: relative;
  padding-left: 40px;
  font-size: 32px;
  font-weight: bold;
  color: #1e73e8;
  line-height: 48px;
}
.whale_inspect_pop .pop_title:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  background-image: url(../img/sprite/sp_modal.svg#icon_maintenance);
  background-repeat: no-repeat;
  background-position: -4px -92px;
  width: 32px;
  height: 32px;
  -webkit-background-size: 201px auto;
          background-size: 201px auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.whale_inspect_pop .pop_text {
  padding-top: 24px;
  font-size: 14px;
  color: #000;
  line-height: 22px;
}
.whale_inspect_pop .pop_text em {
  font-weight: bold;
  color: #00c73c;
}
.whale_inspect_pop .pop_info {
  padding: 16px;
  background-color: #f5f5f5;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.whale_inspect_pop .pop_info dt {
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  line-height: 23px;
}
.whale_inspect_pop .pop_info dd {
  color: #000;
  font-size: 13px;
  line-height: 20px;
}
.whale_inspect_pop .pop_info dd + dt {
  padding-top: 16px;
}
.whale_inspect_pop .btn_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  -webkit-box-pack: end;
  -moz-box-justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
          justify-content: end;
  background-color: #fff;
}
.whale_inspect_pop .btn_wrap .btn_pop {
  height: 40px;
  padding: 0 15px;
  margin-left: 8px;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  border: solid 1px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  color: #000;
}
.whale_inspect_pop .close {
  overflow: hidden;
  position: absolute;
  top: 16px;
  right: 16px;
  background-image: url(../img/sprite/sp_new_whaleclass.svg#modal_close);
  background-repeat: no-repeat;
  background-position: -844px -853px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}

.small_margin .modal_header {
  border-width: 0;
}
.small_margin .modal_header .modal_title {
  padding: 8px 0 7px;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: 150%;
}
.small_margin .modal_body {
  overflow: visible;
  max-height: none;
}
.small_margin .modal_content {
  padding: 0 30px 30px;
  -webkit-border-radius: 16px;
          border-radius: 16px;
}
.small_margin .modal_content .modal_close {
  background-image: url(../img/sprite/sp_new_whaleclass.svg#modal_close);
  background-repeat: no-repeat;
  background-position: -844px -853px;
  width: 20px;
  height: 20px;
  -webkit-background-size: 990px auto;
          background-size: 990px auto;
}
.small_margin .checkbox_list dt {
  font-size: 14px;
  font-weight: 700;
  color: #2187ec;
  line-height: 150%;
}
.small_margin .checkbox_list dd {
  margin-top: 12px;
  line-height: 18px;
}
.small_margin .modal_footer {
  padding-top: 20px;
  border-width: 0;
  font-size: 0;
}
.small_margin .modal_footer .btn + .btn {
  margin-left: 10px;
}

.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;
}

.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: 800px;
}
.material_view.material_text .material_desc {
  padding: 0;
}
.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;
  height: 148px;
  margin-right: 10px;
  text-align: center;
  border: none;
}
.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 .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: 2000;
}
.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-R, "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_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-R, "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_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.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: 575px !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.type_flex {
  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;
  padding: 0;
  min-height: auto;
}
.material_view .file_info.type_flex .ico_uio_box {
  margin-right: 20px;
  font-size: 0;
}
.material_view .file_info .btn {
  margin: 0 0 0 6px;
  vertical-align: top;
  cursor: pointer;
}
.material_view .file_info .btn.ico_uio_va, .material_view .file_info .btn.ico_uio_al {
  padding: 0;
  width: 24px;
  height: 24px;
}
.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;
  text-decoration: none;
}
.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 .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: 575px;
  margin-right: 0;
  text-align: center;
}
.editor_section .material .align_type {
  display: none;
  height: 44px;
  margin: -20px -20px 20px;
  padding: 11px 0 0 17px;
  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: 15px 0;
}
.ce_view .material_view.material_video.video_script {
  overflow: inherit;
}
.ce_view .material_view.material_live {
  overflow: inherit;
}
.ce_view .material_view.material_live .material_item {
  float: none;
  width: 100%;
  height: 575px;
  margin-right: 0;
  text-align: center;
}
.ce_view .material_view.material_live.full_video .material_item {
  height: auto;
}
.ce_view .material_view.material_live.full_video .material_status_bar {
  text-align: center;
}
.ce_view .material_view.material_live.full_video .material_status_bar .align_left {
  float: none;
  display: inline-block;
  padding: 11px 110px 0;
}
.ce_view .material_view.material_live .align_left {
  float: left;
  padding-left: 13px;
  text-align: left;
}
.ce_view .material_view.material_live .btn_student_popup {
  font-size: 12px;
  color: #333;
  padding: 0;
  line-height: 40px;
}
.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;
  height: auto;
}
.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;
  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: -44px;
  width: 100%;
  text-align: center;
  z-index: 50;
}
.ce_view .material_view .material_item .dimmed_layer_box .play_box .play {
  position: relative;
  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);
}
.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;
  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: 5px 4px 0;
  vertical-align: top;
  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;
  background: #fff;
  opacity: 0.25;
  filter: alpha(opacity=25);
}
.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 .dimmed {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.4;
  filter: alpha(opacity=40);
  z-index: 20;
}
.ce_view .material_view .material_desc .desc dt strong {
  color: #333;
}
.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;
}
.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_item {
  position: absolute;
  top: 0;
  right: 380px;
  left: 0;
  bottom: 62px;
  width: auto !important;
  margin: 0;
}
.material_view.full_video .material_status_bar {
  position: absolute;
  left: 0;
  right: 380px;
  bottom: 0;
  height: 62px;
  z-index: 10000;
  border-right: 1px solid #dedede;
}
.material_view.full_video .material_status_bar a {
  padding-top: 11px;
}
.material_view.full_video .material_status_bar .live_state {
  float: none;
  font-size: 12px;
  line-height: 62px;
}
.material_view.full_video .material_status_bar .live_state .live_percent_box .text {
  font-size: 12px;
}
.material_view.full_video .material_status_bar .like_box {
  position: absolute;
  top: 11px;
  right: 20px;
  float: none;
  width: 40px;
  height: 40px;
  margin: 0;
  border: 1px solid #eaeaea;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: #fff;
}
.material_view.full_video .material_status_bar .like_box.effect_show .like_effect_box {
  bottom: 39px;
}
.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 {
  bottom: 0;
}
.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;
  height: 100%;
  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: 6px 4px 0 0;
  font-size: 14px;
  color: #333;
  text-align: right;
}
.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;
}
.share .tag_lst {
  margin-bottom: 26px;
}
.share .group_lr {
  margin-top: 20px;
}

.btn_lecture_like {
  position: relative;
  display: inline-block;
  height: 34px;
  margin-right: 4px;
  padding: 0 17px 0 16px;
  background-color: #fff;
  border: 1px solid #010101;
  line-height: 32px;
  color: #010101;
  letter-spacing: -1px;
  vertical-align: top;
}
.btn_lecture_like: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;
  display: inline-block;
  margin: -4px 8px 0 0;
  vertical-align: middle;
  content: "";
}
.btn_lecture_like.on {
  border-color: #00c73c;
  color: #00c73c;
}
.btn_lecture_like.on: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;
}

.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;
}
.btn_lecture_like_admin .like_link {
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
}
.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: "";
}
.btn_lecture_like_admin .cnt_link {
  position: relative;
  display: inline-block;
  color: #010101;
  margin-left: 20px;
  text-align: right;
  z-index: 10;
}
.btn_lecture_like_admin.on {
  border-color: #00c73c;
  color: #00c73c;
}
.btn_lecture_like_admin.on .cnt_link {
  color: #00c73c;
}
.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: 60px;
}

.live_comment_title_wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  padding: 0 20px;
  border-bottom: 1px solid #dedede;
  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 .btn_download_user {
  margin-left: 16px;
  font-size: 12px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  color: #333;
  line-height: 48px;
}

.live_status {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #333;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 2000;
}
.live_status .inner {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
.live_status .ic_live_status {
  display: inline-block;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_live_off);
  background-repeat: no-repeat;
  background-position: -253px -443px;
  width: 72px;
  height: 52px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
  vertical-align: top;
}
.live_status .on.ic_live_status {
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_live_on);
  background-repeat: no-repeat;
  background-position: -329px -443px;
  width: 72px;
  height: 52px;
  -webkit-background-size: 913px auto;
          background-size: 913px auto;
}
.live_status .description {
  margin-top: 16px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 16px;
  color: #fff;
  line-height: 18px;
}
.live_status .time {
  display: block;
  margin-top: 8px;
  font-family: Helvetica, arial, "Apple SD Gothic Neo", sans-serif;
  font-size: 32px;
  font-weight: bold;
  line-height: 38px;
  color: #fff;
}

.live_watch_info {
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  line-height: 40px;
}
.live_watch_info::after {
  content: "";
  display: block;
  clear: both;
}
.live_watch_info .sub_title {
  float: left;
  margin-right: 18px;
  font-size: 12px;
  color: #666;
}
.live_watch_info dd {
  float: left;
  font-size: 12px;
  color: #333;
}
.live_watch_info .watch_status_box {
  width: 113px;
}
.live_watch_info .watch_status {
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
}
.live_watch_info .progress_area .progress {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 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 {
  margin-left: 5px;
  font-size: 12px;
  color: #333;
  line-height: 13px;
}

.info_line_box {
  padding-bottom: 21px;
}
.info_line_box .box_inner {
  border-bottom: 1px solid #f1f1f1;
}
.info_line_box .box_inner::after {
  content: "";
  display: block;
  clear: both;
}
.info_line_box dt {
  float: left;
  min-width: 130px;
  padding: 15px 0;
  margin-right: 24px;
  font-family: NanumSquareWebFont, "NanumSquareWebFont", "나눔고딕", NanumGothic, "맑은 고딕", Malgun Gothic, "Apple SD Gothic Neo", "돋움", dotum, Helvetica, arial, sans-serif;
  font-size: 14px;
  color: #333;
  line-height: 34px;
}
.info_line_box dd {
  overflow: hidden;
  padding: 15px 0;
  font-size: 14px;
  color: #666;
  line-height: 34px;
}
.info_line_box .btn_type3 {
  margin-left: 4px;
  border-color: #e4e4e4;
  vertical-align: 1px;
}
.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,
.info_line_box .visible_box .slt {
  float: left;
  margin-right: 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 .ick {
  margin-top: 5px;
  line-height: 25px;
  font-size: 12px;
}
.info_line_box .it .ph {
  line-height: 25px;
}
.info_line_box .chosen-container {
  vertical-align: top;
}
.info_line_box .rating_input {
  margin-left: 5px;
}
.info_line_box .rating_input input {
  padding-right: 10px;
  text-align: right;
}
.info_line_box .rating_text {
  margin: 0 7px 0 4px;
  font-size: 12px;
  vertical-align: top;
}

/* 좋아요 */
.like_box {
  position: relative;
  float: right;
  width: 22px;
  height: 22px;
  margin: 9px 9px 0 0;
}
.like_box .btn_like {
  width: 100%;
  height: 100%;
  padding: 0 !important;
}
.like_box .btn_like::before {
  display: none !important;
}
.like_box .icon_heart {
  overflow: hidden;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 22px;
  background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic-heart-line.png) no-repeat;
  -webkit-background-size: 22px 22px;
          background-size: 22px 22px;
  color: transparent;
  line-height: 100px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.like_box .like_effect_box {
  position: absolute;
  bottom: 24px;
  left: 50%;
  width: 96px;
  height: 136px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.like_box.effect_show .icon_heart {
  -webkit-animation-name: like_effect;
          animation-name: like_effect;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}
@-webkit-keyframes like_effect {
  0% {
    width: 11px;
    height: 11px;
    background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic-heart-solid.png) no-repeat;
    -webkit-background-size: 11px 11px;
            background-size: 11px 11px;
  }
  100% {
    width: 26px;
    height: 26px;
    background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic-heart-solid.png) no-repeat;
    -webkit-background-size: 26px 26px;
            background-size: 26px 26px;
  }
}
@keyframes like_effect {
  0% {
    width: 11px;
    height: 11px;
    background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic-heart-solid.png) no-repeat;
    -webkit-background-size: 11px 11px;
            background-size: 11px 11px;
  }
  100% {
    width: 26px;
    height: 26px;
    background: url(https://ssl.pstatic.net/static/connectfdn/edwith/images/ic-heart-solid.png) no-repeat;
    -webkit-background-size: 26px 26px;
            background-size: 26px 26px;
  }
}

.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: 6px;
  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 14px !important;
  font-size: 12px !important;
}

.se_editor_area {
  padding: 17px;
  border: 1px solid #d1d1d1;
  border-top: 0;
}
.se_editor_area .f_file {
  position: relative;
  height: 52px;
  margin-bottom: 10px;
  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;
  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: 10px;
}
.se_editor_area .f_img .f_close {
  position: absolute;
  top: 0;
  right: -22px;
}
.se_editor_area.view {
  padding: 5px 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;
}

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

.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 .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;
  margin-top: -3px;
  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 .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;
}
.myhome_info .save_btn [class^=btn] {
  display: inline-block;
  height: 42px;
  padding: 0 35px;
  margin: 0 2px 0 3px;
  background-color: #ccc;
  font-size: 16px;
  line-height: 42px;
  color: #fff;
  vertical-align: top;
}
.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: 14px;
  color: #00c73c;
}
.myhome_info .basic_info_box .info_tit ~ .info_tit {
  margin: 31px 0 18px;
}
.myhome_info .basic_info_box .thmb_area {
  margin-bottom: 34px;
  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;
  letter-spacing: -1px;
  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 {
  line-height: 30px;
}
.myhome_info .basic_info_box ul .birthday em,
.myhome_info .basic_info_box ul .gender em {
  display: inline-block;
  width: 120px;
}
.myhome_info .basic_info_box ul .birthday .it .ph,
.myhome_info .basic_info_box ul .gender .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 {
  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 {
  margin-top: 0;
  font-size: 14px;
}
.myhome_info .basic_info_box ul .birthday .ick .radio,
.myhome_info .basic_info_box ul .gender .ick .radio {
  margin-top: 3px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #bebebe;
  background-image: none;
}
.myhome_info .basic_info_box ul .birthday .ick .radio.checked,
.myhome_info .basic_info_box ul .gender .ick .radio.checked {
  border: 1px solid transparent;
}
.myhome_info .basic_info_box ul .ick {
  margin-top: 4px;
  font-size: 12px;
}
.myhome_info .basic_info_box .terms {
  margin-top: 40px;
}
.myhome_info .basic_info_box .terms .info_tit {
  margin-bottom: 13px;
}
.myhome_info .basic_info_box .terms .ick {
  display: block;
  line-height: 13px;
  padding-left: 24px;
}
.myhome_info .basic_info_box .terms .ick .checkbox {
  width: 20px;
  height: 20px;
  top: -1px;
  border: 0;
}
.myhome_info .basic_info_box .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;
}
.myhome_info .basic_info_box .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;
}
.myhome_info .basic_info_box .terms .ick .ph {
  font-size: 12px;
  line-height: 20px;
}
.myhome_info .basic_info_box .terms .ick + .ick {
  margin-left: 0;
  margin-top: 12px;
}
.myhome_info .password_info_box {
  margin-top: 40px;
  padding: 76px 80px 80px;
  background-color: #fff;
}
.myhome_info .password_info_box h2 {
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
.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 h2 {
  float: left;
}
.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: 33px;
}
.myhome_info .password_info_box .user_confirm h2 {
  float: left;
  line-height: 18px;
}
.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;
}
.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;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_naver2);
  background-repeat: no-repeat;
  background-position: -401px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px 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;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  content: "";
  background-image: url(../img/sprite/sp_icon.png#ic_google2);
  background-repeat: no-repeat;
  background-position: -345px -805px;
  width: 24px;
  height: 24px;
  -webkit-background-size: 913px auto;
          background-size: 913px 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 .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: "";
}
.myhome_info .ick .radio {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #bebebe;
  background-image: none;
}
.myhome_info .ick .radio.checked {
  border: 1px solid transparent;
}
.myhome_info .ick .checkbox.checked {
  background-image: none;
  background-position: 0 0;
  background-color: #00c73c;
}
.myhome_info .ick .checkbox.checked:after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  top: 0px;
  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;
}

.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: 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 {
  font-weight: normal;
}
.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 .date {
  margin-left: 9px;
  font-size: 12px;
  color: #999;
}
.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;
}
#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;
}

.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;
}
/*# sourceMappingURL=common1.css.map */