@charset "UTF-8";
@import url(../../fonts/noto/NotoSansKR.css);
.view_t2 .view_body .file_attach dl.file_dl:after, div.container .planagree dl.info_dl:after, div.container .layer_popup .popup_cont .lecturer .sc:after {
  content: "";
  display: block;
  clear: both;
}

.view_t2 .view_body .file_attach dl.file_dl:after, div.container .planagree dl.info_dl:after, div.container .layer_popup .popup_cont .lecturer .sc:after {
  content: "";
  display: block;
  clear: both;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  font-family: "Noto Sans KR","Malgun Gothic", "DroidFont",sans-serif;
  font-size: 15px;
  font-size: 0.975rem;
  line-height: 145%;
  height: 100%;
  -webkit-text-size-adjust: none;
  color: #595e69;
  letter-spacing: -0.5px;
  font-weight: 400;
}

body, input, select, button, textarea, h1, h2, h3, h4, h5, h6, table {
  font: inherit;
  color: inherit;
}

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

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

em, address {
  font-style: normal;
}

strong {
  font-weight: 600;
  vertical-align: text-top;
}

img, fieldset {
  vertical-align: middle;
  border: 0 none;
}

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

input[type=text], input[type=password], input[type=submit], input[type=search], input[type=email], input[type=tel], input[type=checkbox], input[type=radio], textarea, select {
  -webkit-appearance: none;
  border: 0;
}

label, select {
  font-size: 14px;
  font-size: 0.91rem;
}

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

hr {
  display: none;
}

br {
  font-family: "Dotum";
}

legend, .blind {
  width: 0;
  height: 0;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

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

table caption {
  width: 0;
  height: 0;
  visibility: hidden;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
}

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

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

a:active, a:hover, a:focus {
  text-decoration: none;
}

::-moz-selection {
  background: #c09eff;
  color: #fff;
}

::selection {
  background: #c09eff;
  color: #fff;
}

::-moz-selection {
  background: #c09eff;
  color: #fff;
}

::-webkit-selection {
  background: #c09eff;
  color: #fff;
}

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

.mgt_7 {
  margin-top: 7px !important;
}

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

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

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

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

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

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

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

.mgt_45 {
  margin-top: 45px !important;
}

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

.mgt_55 {
  margin-top: 55px !important;
}

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

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

.mgt_80 {
  margin-top: 80px !important;
}

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

.mgr_7 {
  margin-right: 7px !important;
}

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

.mgr_15 {
  margin-right: 15px !important;
}

.mgr_20 {
  margin-right: 20px !important;
}

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

.mgr_40 {
  margin-right: 40px !important;
}

.mgr_50 {
  margin-right: 50px !important;
}

.mgr_60 {
  margin-right: 60px !important;
}

.mgr_70 {
  margin-right: 70px !important;
}

.mgr_80 {
  margin-right: 80px !important;
}

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

.mgb_7 {
  margin-bottom: 7px !important;
}

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

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

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

.mgb_35 {
  margin-bottom: 35px !important;
}

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

.mgb_50 {
  margin-bottom: 50px !important;
}

.mgb_60 {
  margin-bottom: 60px !important;
}

.mgb_70 {
  margin-bottom: 70px !important;
}

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

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

.mgl_7 {
  margin-left: 7px !important;
}

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

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

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

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

.mgl_50 {
  margin-left: 50px !important;
}

.mgl_60 {
  margin-left: 60px !important;
}

.mgl_70 {
  margin-left: 70px !important;
}

.mgl_80 {
  margin-left: 80px !important;
}

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

.pdt_7 {
  padding-top: 7px !important;
}

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

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

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

.pdt_25 {
  padding-top: 25px !important;
}

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

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

.pdt_50 {
  padding-top: 50px !important;
}

.pdt_60 {
  padding-top: 60px !important;
}

.pdt_70 {
  padding-top: 70px !important;
}

.pdt_80 {
  padding-top: 80px !important;
}

.pdr_5 {
  padding-right: 5px !important;
}

.pdr_7 {
  padding-right: 7px !important;
}

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

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

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

.pdr_40 {
  padding-right: 40px !important;
}

.pdr_50 {
  padding-right: 50px !important;
}

.pdr_60 {
  padding-right: 60px !important;
}

.pdr_70 {
  padding-right: 70px !important;
}

.pdr_80 {
  padding-right: 80px !important;
}

.pdb_5 {
  padding-bottom: 5px !important;
}

.pdb_7 {
  padding-bottom: 7px !important;
}

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

.pdb_15 {
  padding-bottom: 15px !important;
}

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

.pdb_25 {
  padding-bottom: 25px !important;
}

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

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

.pdb_50 {
  padding-bottom: 50px !important;
}

.pdb_60 {
  padding-bottom: 60px !important;
}

.pdb_70 {
  padding-bottom: 70px !important;
}

.pdb_80 {
  padding-bottom: 80px !important;
}

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

.pdl_7 {
  padding-left: 7px !important;
}

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

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

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

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

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

.pdl_60 {
  padding-left: 60px !important;
}

.pdl_70 {
  padding-left: 70px !important;
}

.pdl_80 {
  padding-left: 80px !important;
}

.view_t2 .view_body .file_attach dl.file_dl:after, div.container .planagree dl.info_dl:after, div.container .layer_popup .popup_cont .lecturer .sc:after {
  content: "";
  display: block;
  clear: both;
}

table.board_t1 {
  width: 100%;
  border-top: 2px solid #212d3d;
  background: #eff1f3;
}

table.board_t1 caption {
  font-size: 0;
}

table.board_t1 th {
  background: #f0f1f2;
  border-right: 1px solid #dee0e2;
  border-bottom: 1px solid #dee0e2;
  border-left: 1px solid #dee0e2;
  padding: 12px 8px;
}

table.board_t1 td {
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 19px;
  line-height: 1.125rem;
  background: #fff;
  border-right: 1px solid #dee0e2;
  border-bottom: 1px solid #dee0e2;
  border-left: 1px solid #dee0e2;
  padding: 10px 8px;
  text-align: center;
}

table.board_t1 td.ta_l {
  padding-left: 10px;
  text-align: left;
}

ul.board_t2 li {
  border-top: 1px solid #e8e9eb;
  padding: 10px 10px 8px 10px;
}

ul.board_t2 li:first-child {
  border-top: 2px solid #212d3d;
}

ul.board_t2 li:last-child {
  border-bottom: 1px solid #e8e9eb;
}

ul.board_t2 li:nth-child(odd) {
  background: #f8fafc;
}

ul.board_t2 li:nth-child(even) {
  background: #fff;
}

ul.board_t2 li p {
  font-size: 15px;
  font-size: 0.975rem;
  line-height: 20px;
  line-height: 1.25rem;
}

ul.board_t2 li .date {
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 17px;
  line-height: 0.875rem;
  color: #8e95a2;
  letter-spacing: 0.5px;
}

.view_t2 {
  border-top: 2px solid #212d3d;
}

.view_t2 .stit {
  background: #f1f2f5;
  padding: 10px 10px;
  margin: 0;
}

.view_t2 .view_info {
  border-top: 1px solid #e8e9eb;
  border-bottom: 1px solid #e8e9eb;
  padding: 7px 10px 8px 10px;
}

.view_t2 .view_info .writer {
  font-size: 13px;
  font-size: 0.845rem;
  color: #3b8bf5;
  padding: 0 12px 0 0;
  font-weight: 600;
}

.view_t2 .view_info .date {
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 17px;
  line-height: 0.875rem;
  color: #8e95a2;
  letter-spacing: 0.5px;
}

.view_t2 .view_body {
  border-bottom: 1px solid #e8e9eb;
  padding: 20px 10px;
}

.view_t2 .view_body img {
  max-width: 100%;
}

.view_t2 .view_body .file_attach {
  font-size: 13px;
  font-size: 0.845rem;
  margin: 15px 0;
}

.view_t2 .view_body .file_attach dl.file_dl dt {
  width: 100%;
  padding: 8px 10px;
  background: #eff1f4;
  font-weight: 600;
}

.view_t2 .view_body .file_attach dl.file_dl dd {
  width: 100%;
  background: #f8fafc;
  border-bottom: 1px solid #fff;
  word-break: break-all;
}

.view_t2 .view_body .file_attach dl.file_dl dd .btn_download {
  display: block;
  min-height: 35px;
  padding: 8px 10px;
}

.view_t2 .view_body .file_attach dl.file_dl dd .btn_download > i {
  margin: 0 7px 0 0;
}

.view_t2 .view_body .file_attach dl.file_dl:after, div.container .planagree dl.info_dl:after, div.container .layer_popup .popup_cont .lecturer .sc:after {
  content: "";
  display: block;
  clear: both;
}

.btn {
  display: inline-block;
  letter-spacing: -1px;
  text-align: center;
  vertical-align: middle;
  font-weight: 600;
  border: 0;
}

.btn.xxs {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 12px;
  font-size: 0.78rem;
  min-width: 50px;
  min-height: 30px;
  padding: 0 8px;
}

.btn.xs {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 13px;
  font-size: 0.845rem;
  min-width: 70px;
  min-height: 30px;
  padding: 4px 9px 6px 9px;
}

.btn.xs > i {
  font-size: 11px;
  font-size: 0.715rem;
  padding: 5px 0 0 0;
  margin: 0 0 0 7px;
}

.btn.sm {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 13px;
  font-size: 0.845rem;
  min-width: 95px;
  height: 38px;
  padding: 8px 12px 10px 12px;
}

.btn.sm > i {
  font-size: 12px;
  font-size: 0.78rem;
  margin: 0 0 0 9px;
}

.btn.sml {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 13px;
  font-size: 0.845rem;
  min-width: 101px;
  height: 38px;
  padding: 8px 12px 10px 12px;
}

.btn.sml > i {
  font-size: 12px;
  font-size: 0.78rem;
  margin: 0 0 0 9px;
}

.btn.md {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 15px;
  font-size: 0.975rem;
  min-width: 180px;
  padding: 16px 15px 18px 15px;
  margin: 0 10px;
}

.btn.md > i {
  font-size: 13px;
  font-size: 0.845rem;
  margin: 0 0 0 11px;
}

.btn.lg {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 17px;
  font-size: 1.105rem;
  width: 100%;
  padding: 15px 10px;
  margin: 10px auto 0 auto;
}

.btn.lg > i {
  font-size: 14px;
  font-size: 0.91rem;
  margin: 0 0 0 15px;
}

.btn.gray {
  background: #7c838e;
  color: #fff;
}

.btn.green {
  background: #1eba7a;
  color: #fff;
}

.btn.white {
  background: #fff;
  color: #334489;
}

.btn.mint {
  background: #45c9b8;
  color: #fff;
}

.btn.skyblue {
  background: #62a3f9;
  color: #fff;
}

.btn.blue {
  background: #3b8bf5;
  color: #fff;
}

.btn.red {
  background: #de1111;
  color: #fff;
}

.btn.navy {
  background: #3c4f9b;
  color: #fff;
}

.btn.orange {
  background: #f97210;
  color: #fff;
}

.btn.violet {
  background: #9b66ff;
  color: #fff;
}

.btn.bdr_gray {
  background: none;
  border: 1px solid #7c838e;
  color: #7c838e;
}

.btn.bdr_green {
  background: none;
  border: 1px solid #1eba7a;
  color: #1eba7a;
}

.btn.bdr_mint {
  background: none;
  border: 1px solid #45c9b8;
  color: #45c9b8;
}

.btn.bdr_blue {
  background: none;
  border: 1px solid #3b8bf5;
  color: #3b8bf5;
}

.btn.bdr_skyblue {
  background: none;
  border: 1px solid #62a3f9;
  color: #62a3f9;
}

.btn.bdr_navy {
  background: none;
  border: 1px solid #3c4f9b;
  color: #3c4f9b;
}

.btn.bdr_purple {
  background: none;
  border: 1px solid #5250ce;
  color: #5250ce;
}

span.ico_new {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

span.ico_new img {
  width: 17px;
  height: 17px;
  vertical-align: top;
}

.view_t2 .view_body .file_attach dl.file_dl:after, div.container .planagree dl.info_dl:after, div.container .layer_popup .popup_cont .lecturer .sc:after {
  content: "";
  display: block;
  clear: both;
}

ul.form_align {
  width: 100%;
}

ul.form_align li {
  width: 100%;
  margin: 9px 0 0 0;
}

ul.form_align li:first-child {
  margin: 0;
}

ul.form_align li.col_2 {
  display: inline-block;
  width: 48.49%;
  margin: 8px 2% 0 0;
}

ul.form_align li.col_2:last-child {
  margin: 8px 0 0 0;
}

ul.form_align li.col_3 {
  display: inline-block;
  width: 32.9%;
  margin: 8px 2% 0 0;
}

ul.form_align li.col_3:last-child {
  margin: 8px 0 0 0;
}

ul.form_align li.mg_n {
  margin: 8px 0 0 0;
}

div.container .planagree ul.lec_info {
  border-top: 1px solid #e8e9eb;
  font-weight: 600;
}

div.container .planagree ul.lec_info > li {
  font-size: 16px;
  font-size: 1.04rem;
  position: relative;
  border-bottom: 1px solid #e8e9eb;
  background: #fff;
  text-align: left;
}

div.container .planagree ul.lec_info > li > button {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 17px 10px 13px 10px;
  text-align: left;
}

div.container .planagree ul.lec_info > li > button span {
  display: block;
  width: calc(100% - 30px);
  padding: 2px 0 4px 0;
  color: #3c4f9b;
}

div.container .planagree ul.lec_info > li > button span > i {
  margin: 0 7px 0 0;
}

div.container .planagree ul.lec_info > li > button > i.ico {
  font-size: 25px;
  font-size: 1.625rem;
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 16px;
  right: 0;
  font-family: "Font Awesome 5 Free";
  color: #acb3bf;
  font-weight: 900;
  font-style: normal;
  line-height: 1;
}

div.container .planagree ul.lec_info > li > button > i.ico.arrow_up::after {
  content: "\f106";
}

div.container .planagree ul.lec_info > li > button > i.ico.arrow_down::after {
  content: "\f107";
}

div.container .planagree ul.lec_info > li .cont_toggle {
  display: none;
  background: #f8fafc;
  padding: 20px;
}

div.container .planagree ul.lec_info > li .cont_toggle table.tbl_t3 td ul.list_outer li > span {
  padding: 0 10px 0 0;
}

select {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: 100%;
  height: 38px;
  padding: 0 7px;
  background: #eff1f4;
}

select::-ms-expand {
  display: none;
}

select[disabled] {
  background: #fff;
}

select.login {
  height: 45px;
  background: #eff1f4;
}

select.t2 {
  background: #fff;
}

input[type="text"],
input[type="email"] {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: 100%;
  height: 38px;
  padding: 0 7px;
  background: #eff1f4;
}

input[type="text"].login,
input[type="email"].login {
  height: 45px;
}

input[type="text"].t2,
input[type="email"].t2 {
  background: #fff;
}

input[type="password"] {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: 100%;
  height: 38px;
  padding: 0 7px;
  background: #eff1f4;
}

input[type="password"].login {
  height: 45px;
}

input[type="password"].t2 {
  background: #fff;
}

input[type="tel"] {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: 100%;
  height: 38px;
  padding: 0 7px;
  background: #eff1f4;
}

input[type="tel"].login {
  height: 45px;
}

input[type="tel"].t2 {
  background: #fff;
}

input[type="number"] {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: 100%;
  height: 38px;
  padding: 0 7px;
  background: #eff1f4;
  border: 0;
}

input[type="checkbox"] {
  display: inline-block;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: url("/_Resources/Mobile/images/common/checked_off.png") no-repeat;
  background-size: 100%;
  width: 22px;
  height: 22px;
  padding: 0;
  margin: 0 7px 0 0;
  border: none;
  vertical-align: text-bottom;
}

html:not(.FF) input[type="checkbox"] {
  -webkit-appearance: none;
}

html:not(.FF) input[type="checkbox"] + label {
  margin: 0 0 0 5px;
}

input[type="checkbox"].mg_none {
  margin: 0;
}

input[type="checkbox"]:checked {
  background: url("/_Resources/Mobile/images/common/checked_on.png") no-repeat;
  background-size: 100%;
  width: 22px;
  height: 22px;
}

input[type="radio"] {
  display: inline-block;
  background: url("/_Resources/Mobile/images/common/radio_off.png") no-repeat;
  background-size: 100%;
  width: 19px;
  height: 19px;
  padding: 0;
  margin: -1px 7px 0 0;
  border: none;
  vertical-align: text-bottom;
}

html:not(.FF) input[type="radio"] {
  -webkit-appearance: none;
}

html:not(.FF) input[type="radio"] + label {
  margin: 0 0 0 5px;
  vertical-align: middle;
}

input[type="radio"].mg_none {
  margin: 0;
}

input[type="radio"]:checked {
  background: url("/_Resources/Mobile/images/common/radio_on.png") no-repeat;
  background-size: 100%;
  width: 19px;
  height: 19px;
}

textarea {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: 100%;
  min-height: 140px;
  background: #eff1f4;
  padding: 10px;
  text-align: left;
}

.view_t2 .view_body .file_attach dl.file_dl:after, div.container .planagree dl.info_dl:after, div.container .layer_popup .popup_cont .lecturer .sc:after {
  content: "";
  display: block;
  clear: both;
}

table.tbl_t1, table.tbl_t2, table.tbl_t3 {
  width: 100%;
  min-width: 640px;
  border-top: 2px solid #212d3d;
  background: #eff1f3;
}

table.tbl_t1 caption, table.tbl_t2 caption, table.tbl_t3 caption {
  font-size: 0;
}

table.td_l.tbl_t1 td, table.td_l.tbl_t2 td, table.td_l.tbl_t3 td {
  text-align: left;
}

table.th_l.tbl_t1 th, table.th_l.tbl_t2 th, table.th_l.tbl_t3 th {
  text-align: left;
}

table.tbl_t1 th, table.tbl_t2 th, table.tbl_t3 th {
  background: #f0f1f2;
  border-right: 1px solid #dee0e2;
  border-bottom: 1px solid #dee0e2;
  border-left: 1px solid #dee0e2;
  text-align: center;
}

table.tbl_t1 td, table.tbl_t2 td, table.tbl_t3 td {
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 19px;
  line-height: 1.125rem;
  background: #fff;
  border-right: 1px solid #dee0e2;
  border-bottom: 1px solid #dee0e2;
  border-left: 1px solid #dee0e2;
  text-align: center;
}

table.tbl_t1 td.ta_l, table.tbl_t2 td.ta_l, table.tbl_t3 td.ta_l {
  padding-left: 10px;
  text-align: left;
}

table.tbl_t1 td.ta_c, table.tbl_t2 td.ta_c, table.tbl_t3 td.ta_c {
  text-align: center;
}

table.tbl_t1 th {
  padding: 12px 8px;
}

table.tbl_t1 td {
  padding: 10px 8px;
}

table.tbl_t2 th {
  padding: 7px 8px;
}

table.tbl_t2 td {
  padding: 5px 8px;
}

table.tbl_t3 {
  min-width: auto;
  width: 100%;
}

table.tbl_t3 th {
  padding: 7px 8px;
}

table.tbl_t3 td {
  padding: 5px 8px;
}

div.tbl_scroll {
  overflow-x: scroll;
  overflow-y: hidden;
}

@media screen and (min-device-width: 768px) {
  div.tbl_scroll {
    overflow-x: hidden;
  }
}

.view_t2 .view_body .file_attach dl.file_dl:after, div.container .planagree dl.info_dl:after, div.container .layer_popup .popup_cont .lecturer .sc:after {
  content: "";
  display: block;
  clear: both;
}

.ir_pm {
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

.spacing {
  letter-spacing: 0;
}

.subtop_tit,
.snb_tit {
  font-size: 19px;
  font-size: 1.235rem;
  padding: 19px 0 0 0;
  font-weight: 600;
  color: #fff;
}

.tit {
  font-size: 21px;
  font-size: 1.365rem;
  line-height: 26px;
  line-height: 2rem;
  margin: 0 0 14px 0;
  color: #262626;
  font-weight: 700;
}

.stit {
  font-size: 16px;
  font-size: 1.04rem;
  line-height: 23px;
  line-height: 1.625rem;
  margin: 0 0 6px 0;
  font-weight: 700;
}

p {
  white-space: normal;
}

p.info_ntxt i {
  margin: 0 8px 0 0;
  color: #7c838e;
}

p.info_btxt {
  font-weight: 600;
}

p.info_btxt i {
  margin: 0 8px 0 0;
  color: #7c838e;
}

p.info_stxt {
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 19px;
  line-height: 1.125rem;
}

p.info_stxt i {
  margin: 0 6px 0 0;
  color: #7c838e;
}

p.info_sbtxt {
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 19px;
  line-height: 1.125rem;
  font-weight: 600;
}

p.info_sbtxt i {
  margin: 0 6px 0 0;
  color: #7c838e;
}

div.notice_box {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 20px;
  line-height: 1.25rem;
  background: #f1f2f5;
  padding: 15px;
  margin: 0 0 15px 0;
}

div.notice_box ul.list_outer li:before {
  top: 13px;
}

div.info_box {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: #eff1f4;
  padding: 12px;
  margin: 12px 0 0 0;
}

ul.list_outer li {
  position: relative;
  padding: 5px 0 0 13px;
  font-size: inherit;
  list-style-type: none;
}

ul.list_outer li:before {
  display: block;
  content: '';
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: #51565e;
  position: absolute;
  top: 13px;
  left: 3px;
  width: 3px;
  height: 3px;
}

ul.list_outer li:last-child {
  padding: 5px 0 5px 10px;
}

ul.list_outer li.none:before {
  width: 0;
  height: 0;
}

ul.list_outer li em {
  color: #de1111;
  font-weight: 600;
}

ul.list_inner.second {
  padding: 0 0 0 20px;
}

ul.list_inner li {
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 19px;
  line-height: 1.125rem;
  position: relative;
  padding: 3px 0 0 8px;
  list-style-type: none;
}

ul.list_inner li:before {
  display: block;
  content: '';
  border-radius: 100%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: #51565e;
  position: absolute;
  top: 12px;
  left: 0;
  width: 3px;
  height: 1px;
}

ul.list_inner li:last-child {
  padding: 3px 0 3px 8px;
}

ul.list_inner li.none:before {
  width: 0;
  height: 0;
}

ul.list_inner li em {
  color: #de1111;
}

ol.list_outer {
  padding: 0 0 0 17px;
}

ol.list_outer li {
  padding: 5px 0 0 3px;
  font-size: inherit;
  list-style-type: decimal;
}

ol.list_outer li em {
  color: #de1111;
}

ol.list_inner {
  padding: 0 0 0 15px;
}

ol.list_inner li {
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 19px;
  line-height: 1.125rem;
  padding: 3px 0 0 3px;
  list-style-type: decimal;
}

ol.list_inner li em {
  color: #de1111;
}

span.highlight_y3 {
  border-bottom: 1px solid #ffeb44;
  -webkit-box-shadow: inset 0 -11px 0 #ffeb44;
          box-shadow: inset 0 -11px 0 #ffeb44;
}

span.highlight_y2 {
  border-bottom: 1px solid #ffeb44;
  -webkit-box-shadow: inset 0 -6px 0 #ffeb44;
          box-shadow: inset 0 -6px 0 #ffeb44;
}

span.highlight_r3 {
  border-bottom: 1px solid #ff9a9c;
  -webkit-box-shadow: inset 0 -11px 0 #ff9a9c;
          box-shadow: inset 0 -11px 0 #ff9a9c;
}

span.highlight_r2 {
  border-bottom: 1px solid #ff9a9c;
  -webkit-box-shadow: inset 0 -6px 0 #ff9a9c;
          box-shadow: inset 0 -6px 0 #ff9a9c;
}

span.highlight_b3 {
  border-bottom: 1px solid #62a3f9;
  -webkit-box-shadow: inset 0 -11px 0 #62a3f9;
          box-shadow: inset 0 -11px 0 #62a3f9;
}

span.highlight_b2 {
  border-bottom: 1px solid #62a3f9;
  -webkit-box-shadow: inset 0 -6px 0 #62a3f9;
          box-shadow: inset 0 -6px 0 #62a3f9;
}

span.highlight_v3 {
  border-bottom: 1px solid #c09eff;
  -webkit-box-shadow: inset 0 -11px 0 #c09eff;
          box-shadow: inset 0 -11px 0 #c09eff;
}

span.highlight_v2 {
  border-bottom: 1px solid #c09eff;
  -webkit-box-shadow: inset 0 -6px 0 #c09eff;
          box-shadow: inset 0 -6px 0 #c09eff;
}

span.highlight_m3 {
  border-bottom: 1px solid #66e6d5;
  -webkit-box-shadow: inset 0 -11px 0 #66e6d5;
          box-shadow: inset 0 -11px 0 #66e6d5;
}

span.highlight_m2 {
  border-bottom: 1px solid #66e6d5;
  -webkit-box-shadow: inset 0 -6px 0 #66e6d5;
          box-shadow: inset 0 -6px 0 #66e6d5;
}

.tbox_yellow, .tbox_red, .tbox_blue, .tbox_green, .tbox_mint, .tbox_violet {
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  display: inline-block;
  color: #fff;
  padding: 3px 8px 4px 8px;
}

.tbox_yellow {
  background: #ffe50e;
}

.tbox_red {
  background: #ff9a9c;
}

.tbox_blue {
  background: #2376e4;
}

.tbox_green {
  background: #03bb96;
}

.tbox_mint {
  background: #45c9b8;
}

.tbox_violet {
  background: #c09eff;
}

.co_red {
  color: #de1111;
}

.co_blue {
  color: #3b8bf5;
}

.co_orange {
  color: #ff5d0d;
}

.co_violet {
  color: #9b66ff;
}

.co_green {
  color: #03bb96;
}

.co_purple {
  color: #6462e0;
}

.co_yellow {
  color: #dac200;
}

.view_t2 .view_body .file_attach dl.file_dl:after, div.container .planagree dl.info_dl:after, div.container .layer_popup .popup_cont .lecturer .sc:after {
  content: "";
  display: block;
  clear: both;
}

.ui-datepicker {
  font-size: 13px;
  font-size: 0.845rem;
  width: 220px;
  background: #fff;
  padding: 0;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.3);
}

.ui-widget-header {
  background: #009788;
  border: none;
  border-radius: 0;
  padding: 0;
}

.ui-datepicker-title {
  font-size: 15px;
  font-size: 0.975rem;
  background: #009788;
}

.ui-datepicker-title select {
  background: #009788;
}

.ui-widget-content {
  border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: none;
  border: 0;
  color: #595e69;
  text-align: center;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: #009788;
  border-radius: 2px;
  color: #fff;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: none;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-radius: 0;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.8;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 11px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: #009788;
  border: none;
  color: #fff;
}

.ui-datepicker select.ui-datepicker-year {
  font-size: 15px;
  font-size: 0.975rem;
  width: 26%;
  padding: 0;
}

.ui-datepicker select.ui-datepicker-month {
  font-size: 15px;
  font-size: 0.975rem;
  width: 29%;
  padding: 0 0 0 10px;
}

:root {
  --txt_size_xs:0.8325rem;
  --txt_size_sm:0.87875rem;
  --txt_size_base:0.925rem;
  --txt_size_md:1.2025rem;
  --txt_size_lg:1.3875rem;
  --txt_course:1.15625rem;
  --txt_subject:1.11rem;
  --co_primary:#529cff;
  --co_gnb_txt: #262626;
  --co_default_txt: #595e69;
  --co_footer_txt: #798190;
  --co_blue:#3b8bf5;
  --co_blue_light10:#62a3f9;
  --co_blue_dark10: #2376e4;
  --co_black:#262626;
  --co_gray:#acb3bf;
  --co_gray_light10:#c0c6ce;
  --co_gray_light20:#d3d6dc;
  --co_gray_light30:#e8e9eb;
  --co_gray_light40:#eff1f4;
  --co_gray_light50:#f1f2f5;
  --co_gray_light60:#f8fafc;
  --co_gray_dark05:#a2a9b5;
  --co_gray_dark10:#8e95a2;
  --co_gray_dark20:#7c838e;
  --co_gray_dark30:#51565e;
  --co_green:#03bb96;
  --co_green_dark10:#1eba7a;
  --co_brown:#a75d30;
  --co_mint:#45c9b8;
  --co_mint_light10:#55d9c8;
  --co_mint_light20:#66e6d5;
  --co_mint_dark20:#118c7f;
  --co_navy:#3c4f9b;
  --co_navy_light10:#5166bc;
  --co_navy_dark10:#334489;
  --co_navy_dark20:#29366d;
  --co_orange:#ff5d0d;
  --co_orange_light10:#f97210;
  --co_purple:#7876ef;
  --co_purple_light10:#8684ef;
  --co_purple_dark10:#6462e0;
  --co_purple_dark20:#5250ce;
  --co_red:#de1111;
  --co_red_light10:#fa7c8b;
  --co_red_light20:#ff9a9c;
  --co_violet:#9b66ff;
  --co_violet_light10:#ab7fff;
  --co_violet_light20:#c09eff;
  --co_violet_dark10:#8f56fb;
  --co_yellow:#ffe50e;
  --co_yellow_light10:#ffeb44;
  --co_white:#fff;
}

/* 수강신청 */
div.container section.cont_wrap {
  position: relative;
  margin: 0;
  padding: 25px 0;
  background: var(--co_gray_light50);
}

div.container section.cont_wrap.apply, div.container section.cont_wrap.licenseApply {
  padding-bottom: 0;
}

div.container section.cont_wrap.apply input.check_apply:checked, div.container section.cont_wrap.licenseApply input.check_apply:checked {
  background-image: url("../../../../Mobile/images/common/cart_checked_on.png");
}

div.container section.cont_wrap.licenseApply {
  padding: 18px 0 0;
}

div.container section.cont_wrap.licenseApply div.warning {
  width: calc(100% - 24px);
  margin: 0 auto;
}

div.container section.cont_wrap.cart {
  padding-bottom: 80px;
}

div.container section.cont_wrap.payment {
  padding-bottom: 80px;
}

div.container section.cont_wrap.payComplete .s_temp_box {
  padding-top: 0;
}

div.container section.cont_wrap div.apply_footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 16px;
}

div.container section.cont_wrap.is-fixed div.apply_footer {
  position: fixed;
  bottom: 60px;
  padding: 5px 12px;
}

div.container input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  margin-right: 5px;
}

div.container input[type=checkbox]:checked {
  width: 18px;
  height: 18px;
}

div.container input[type=checkbox]:disabled {
  background: var(--co_gray_light20);
}

div.container .btn_plan,
div.container .btn_vod {
  display: inline-block;
  width: 38px;
  height: 38px;
  margin: 7px 2px 0;
  background-repeat: no-repeat;
  background-size: 84% auto;
  background-position: center center;
}

div.container .btn_plan {
  background-image: url("../../../../Front/images/ico/ico_lec_plan.png");
  background-size: 81% auto;
}

div.container .btn_vod {
  background-image: url("../../../../Front/images/ico/ico_sample_vod.png");
}

div.container .btn_more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding: 0 8px;
  font-size: var(--txt_size_xs);
  letter-spacing: -0.025em;
  line-height: 120%;
  color: var(--co_gray_dark20);
  background: var(--co_gray_light60);
  border: 1px solid var(--co_gray_dark10);
  border-radius: 4px;
}

div.container .btn_more i {
  margin-left: 6px;
}

div.container .btnApply {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48px;
  height: 50px;
  margin-left: 5px;
  padding: 8px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 115%;
  text-align: center;
  background: var(--co_primary);
  color: var(--co_white);
}

div.container .btnApply.ing {
  background: var(--co_black);
}

div.container .btnApply.deadline {
  background: var(--co_green);
}

div.container .btnApply.done {
  background: var(--co_gray_light10);
  color: var(--co_default_txt);
}

div.container .btn_cart, div.container section.cont_wrap.payComplete article.s_temp_box div.s_temp_box_in a.btn_mypage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 56px;
  font-size: var(--txt_size_md);
  line-height: 120%;
  color: var(--co_gray_light40);
  background-color: var(--co_black);
  border-radius: 6px;
}

div.container .btn_cart i, div.container section.cont_wrap.payComplete article.s_temp_box div.s_temp_box_in a.btn_mypage i {
  margin-right: 8px;
}

div.container .btn_cart > span, div.container section.cont_wrap.payComplete article.s_temp_box div.s_temp_box_in a.btn_mypage > span {
  display: inline-block;
  margin-left: 5px;
  padding: 4px 8px;
  text-align: center;
  font-size: var(--txt_size_base);
  color: var(--co_gray_light20);
  line-height: 120%;
  border-radius: 6px;
  background: var(--co_gray_dark30);
}

div.container .subject_name {
  font-size: var(--txt_subject);
  letter-spacing: -0.03em;
  line-height: 120%;
  font-weight: 700;
  color: var(--co_default_txt);
}

div.container .gubun {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 8px;
  font-size: var(--txt_size_xs);
  line-height: 130%;
  border-radius: 3px;
  color: var(--co_default_txt);
  background: var(--co_gray_light40);
}

div.container .gubun em {
  display: inline-block;
  margin-right: 3px;
}

div.container .flag_wrap,
div.container .price_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 2px 0;
  font-size: var(--txt_size_xs);
  color: var(--co_gray_dark10);
}

div.container .price_default {
  display: inline-block;
  padding: 0 2px;
  text-decoration: line-through;
}

div.container .price_percent {
  display: inline-block;
  color: var(--co_red);
}

div.container .price_sale {
  display: inline-block;
  margin-left: 5px;
  font-size: var(--txt_size_base);
  color: var(--co_default_txt);
  font-weight: 500;
}

div.container .flag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 22px;
  margin-left: 3px;
  padding: 0 6px;
  font-size: 0.74rem;
  letter-spacing: -0.02em;
  font-weight: 400;
  border-radius: 3px;
  color: var(--co_default_txt);
  background: var(--co_gray_light30);
}

div.container .flag.ing {
  color: var(--co_white);
  background: var(--co_primary);
}

div.container .flag.done {
  background: var(--co_gray_light20);
}

div.container div.tab_1depth {
  display: block;
}

div.container div.tab_1depth div.openingSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 80px;
  padding: 0 12px;
  overflow: hidden;
  overflow-x: auto;
  scroll-behavior: smooth;
  white-space: nowrap;
}

div.container div.tab_1depth div.openingSelect button.btnOpen1depth {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 150px;
  height: 100%;
  background: transparent;
  text-align: center;
  color: var(--co_default_txt);
}

div.container div.tab_1depth div.openingSelect button.btnOpen1depth h4 {
  margin: 3px 0 0;
  font-size: var(--txt_size_md);
  letter-spacing: -0.07em;
  line-height: 150%;
  font-weight: bold;
}

div.container div.tab_1depth div.openingSelect button.btnOpen1depth h4 span {
  display: block;
  font-size: var(--txt_size_sm);
  letter-spacing: -0.015em;
  line-height: 140%;
  font-weight: normal;
}

div.container div.tab_1depth div.openingSelect button.btnOpen1depth.active {
  background: var(--co_white);
  border-top: 2px solid var(--co_black);
  border-bottom: 1px solid var(--co_white);
}

div.container div.tab_1depth div.openingSelect button.btnOpen1depth.active button.btnOpen1depth {
  color: var(--co_black);
}

div.container div.tab_1depth div.openingSelect button.btnOpen1depth.active ul.info_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

div.container ul.info_list {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px 18px;
  border-top: 0;
  background: var(--co_white);
}

div.container ul.info_list > li {
  position: relative;
  width: auto;
  padding: 0 5px 0 9px;
  font-size: var(--txt_size_sm);
  line-height: 150%;
  text-align: left;
  color: var(--co_default_txt);
}

div.container ul.info_list > li::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--co_default_txt);
}

div.container div.tab_2depth {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  padding: 0 16px 10px;
  background: var(--co_white);
}

div.container div.tab_2depth button.course_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 12px;
  border: 1px solid var(--co_gray_light20);
  border-radius: 8px;
  font-size: var(--txt_course);
  font-weight: bold;
  letter-spacing: -0.025em;
  color: var(--co_default_txt);
  background: var(--co_gray_light60);
}

div.container div.tab_2depth button.course_tit span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}

div.container div.tab_2depth button.course_tit i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

div.container div.tab_2depth ul.course_select {
  display: none;
  position: absolute;
  bottom: 0;
  left: 16px;
  width: calc(100% - 32px);
  border-radius: 8px;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  border: 1px solid var(--co_gray_light10);
  overflow: hidden;
  overflow-y: auto;
  z-index: 10;
}

div.container div.tab_2depth ul.course_select > li {
  border-bottom: 1px solid var(--co_gray_light10);
}

div.container div.tab_2depth ul.course_select > li:last-child {
  border-bottom: 0;
}

div.container div.tab_2depth ul.course_select > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 34px;
  font-size: var(--txt_size_sm);
  color: var(--co_gray_dark20);
  background: var(--co_white);
  text-align: center;
  font-weight: normal;
}

div.container div.tab_2depth ul.course_select > li a:hover, div.container div.tab_2depth ul.course_select > li a:focus, div.container div.tab_2depth ul.course_select > li a:active {
  color: var(--co_default_txt);
  background: var(--co_gray_light60);
}

div.container div.tab_2depth.is-active-dropdown button.course_tit i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

div.container div.tab_2depth.is-active-dropdown ul.course_select {
  display: block;
}

div.container div.tab_3depth {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 5px 16px;
  background-color: var(--co_white);
}

div.container div.tab_3depth div.tab_lec_select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 45px;
  padding-right: 48px;
  overflow: hidden;
  overflow-x: auto;
  scroll-behavior: smooth;
  white-space: nowrap;
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}

div.container div.tab_3depth div.tab_lec_select:after {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  right: 16px;
  width: 70px;
  height: 45px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(60%, var(--co_white)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--co_white) 60%);
  z-index: 1;
}

div.container div.tab_3depth div.tab_lec_select button.btnOpen3depth {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  height: auto;
  padding: 8px 14px;
  margin-right: 5px;
  margin-bottom: 5px;
  background: var(--co_white);
  font-size: var(--txt_size_base);
  letter-spacing: -0.025em;
  color: var(--co_default_txt);
  border: 1px solid var(--co_gray_dark10);
  border-radius: 50px;
}

div.container div.tab_3depth div.tab_lec_select button.btnOpen3depth.active {
  color: var(--co_white);
  background: var(--co_black);
}

div.container div.tab_3depth button.btn_dropdown {
  position: absolute;
  top: 3px;
  right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 42px;
  height: 42px;
  padding-top: 5px;
  color: var(--co_gray_dark05);
  background: var(--co_gray_light60);
  border: 1px solid var(--co_gray_light20);
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}

div.container div.tab_3depth.is-active-dropdown div.tab_lec_select {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
}

div.container div.tab_3depth.is-active-dropdown button.btn_dropdown {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

div.container .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 15px 0;
  border-bottom: 1px solid var(--co_gray_light20);
}

div.container .row > h5 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

div.container .row > h5 label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 1px;
}

div.container .row > h5 span.gubun {
  display: none;
}

div.container .row span.status {
  font-size: 12px;
  font-size: 0.78rem;
}

div.container .row span.status.txtBrown {
  color: var(--co_brown);
}

div.container .row span.status.txtOrange {
  color: var(--co_orange);
}

div.container .row span.status.txtGreen {
  color: var(--co_green);
}

div.container .row input, div.container .row a, div.container .row button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

div.container .row:last-child {
  border-bottom: 0;
}

div.container article.tab_content_wrap {
  min-height: 420px;
  padding: 5px 16px;
  background: var(--co_white);
}

div.container article.tab_content_wrap div.tab_content {
  display: none;
  border-top: 2px solid var(--co_gray_dark10);
}

div.container article.tab_content_wrap div.tab_content.active {
  display: block;
}

div.container article.tab_content_wrap div.tab_content ul.lec_list {
  display: block;
  width: 100%;
  padding-bottom: 80px;
}

div.container article.license_wrap {
  min-height: 420px;
  margin-top: 20px;
  padding: 5px 16px 0;
  padding-bottom: 90px;
  border-top: 2px solid var(--co_gray_dark10);
  background: var(--co_white);
}

div.container article.license_wrap ul.lec_list {
  display: block;
  padding-bottom: 0;
}

div.container div.cart_footer button.btn_cart {
  background-color: var(--co_primary);
}

div.container div.cart_footer button.btn_cart > span {
  background: #3e82dd;
}

div.container div.cart_wrap {
  width: 100%;
  padding: 8px 0;
}

div.container div.cart_wrap button.btn_close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 25px;
  margin: 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: var(--co_gray_light10);
  font-size: var(--txt_size_md);
}

div.container div.cart_wrap div.cart_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 38px;
  padding: 0 4px;
}

div.container div.cart_wrap div.cart_header div.input_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

div.container div.cart_wrap div.cart_header div.input_wrap input[type=checkbox] {
  margin-top: 0;
  margin-right: 5px;
}

div.container div.cart_wrap div.cart_header div.input_wrap label {
  margin-left: 0;
  letter-spacing: -0.02em;
}

div.container div.cart_wrap div.cart_header button.btn_all_delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding: 0 6px;
  font-size: 0.74rem;
  letter-spacing: -0.02em;
  font-weight: 700;
  color: var(--co_gray_light10);
  background: var(--co_black);
  border-radius: 4px;
}

div.container div.cart_wrap div.cart_body ul.cart_list {
  width: 100%;
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 8px;
  padding: 12px 30px;
  background-color: var(--co_white);
  border: 1px solid var(--co_white);
  border-radius: 12px;
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row input[type="checkbox"],
div.container div.cart_wrap div.cart_body ul.cart_list li.row button.btn_delete {
  position: absolute;
  top: 12px;
  margin-right: 0;
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row input[type="checkbox"] {
  left: 8px;
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row button.btn_delete {
  right: 4px;
  width: 25px;
  height: 25px;
  color: var(--co_gray_dark05);
  font-size: var(--txt_size_sm);
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-left: 0;
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row label h5.subject_name strong {
  display: block;
  font-weight: bold;
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row label h5.subject_name span.lec_info {
  display: inline-block;
  padding-top: 8px;
  font-size: var(--txt_size_xs);
  line-height: 130%;
  font-weight: 400;
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row label div.cart_lecinfo_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row label div.cart_lecinfo_wrap div.price_wrap {
  display: block;
  margin-top: 5px;
  text-align: right;
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row label div.cart_lecinfo_wrap div.price_wrap span.price_percent {
  display: inline-block;
  height: 15px;
  font-size: var(--txt_size_base);
  line-height: 120%;
  vertical-align: baseline;
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row label div.cart_lecinfo_wrap div.price_wrap span.price_default,
div.container div.cart_wrap div.cart_body ul.cart_list li.row label div.cart_lecinfo_wrap div.price_wrap span.price_sale {
  display: inline-block;
  height: 15px;
  line-height: 120%;
  vertical-align: baseline;
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row button.btn_CoursePlanView {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5px;
  padding: 12px 0;
  font-size: var(--txt_size_sm);
  letter-spacing: -0.025em;
  line-height: 120%;
  font-weight: 600;
  color: var(--co_gray_light40);
  background: var(--co_red);
  border-radius: 4px;
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row button.btn_CoursePlanView.agree {
  color: var(--co_default_txt);
  background: var(--co_gray_light20);
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row button.btn_CoursePlanView:disabled {
  padding: 8px 0;
  color: var(--co_gray);
  background: var(--co_gray_light40);
  cursor: default;
}

div.container div.cart_wrap div.cart_body ul.cart_list li.row.is-checked {
  border-color: var(--co_blue);
}

div.container div.cart_wrap div.cart_total {
  padding: 12px 24px;
  background-color: var(--co_white);
  border: 1.5px solid var(--co_black);
  border-radius: 12px;
}

div.container div.cart_wrap div.cart_total dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: var(--txt_size_base);
  line-height: 130%;
  color: var(--co_default_txt);
  padding: 5px 0;
}

div.container div.cart_wrap div.cart_total dl dd {
  color: var(--co_gray_dark20);
  font-weight: 600;
  letter-spacing: normal;
}

div.container div.cart_wrap div.cart_total dl.discount dd {
  color: var(--co_red);
}

div.container div.cart_wrap div.cart_total dl.sum {
  margin-top: 8px;
  padding: 12px 0;
  border-top: 1px solid var(--co_gray_light10);
}

div.container div.cart_wrap div.cart_total dl.sum dd {
  font-size: var(--txt_size_md);
  line-height: 130%;
  font-weight: bold;
  color: var(--co_black);
}

div.container div.cart_wrap button.btn_cart {
  background-color: var(--co_primary);
}

div.container div.cart_wrap button.btn_cart > span {
  background: #3e82dd;
}

div.container article.cart_over {
  display: none;
  position: fixed;
  bottom: 55px;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: rgba(38, 38, 38, 0.25);
  z-index: 999;
}

div.container article.cart_over.is-active-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

div.container article.cart_over div.cart_wrap {
  margin-top: 0;
  padding: 0 8px 8px;
  background: var(--co_gray_light30);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

div.container article.cart_over div.cart_wrap div.cart_body {
  max-height: 420px;
  overflow: hidden;
  overflow-y: auto;
}

div.container .planagree {
  margin: 0 !important;
}

div.container .planagree dl.info_dl dt {
  float: left;
  position: relative;
  width: 145px;
  min-height: 28px;
  padding: 0 0 8px 16px;
  font-weight: 600;
}

div.container .planagree dl.info_dl dt::before {
  font-size: 17px;
  font-size: 1.105rem;
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 2px;
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  color: #8e95a2;
  font-weight: 900;
}

div.container .planagree dl.info_dl dd {
  float: left;
  position: relative;
  width: calc(100% - 145px);
  min-height: 28px;
  padding: 0 0 8px 0;
}

div.container .planagree dl.info_dl dd > button {
  position: absolute;
  top: -5px;
  padding: 3px 9px 4px 9px;
  margin: 0 0 0 7px;
}

div.container .planagree dl.info_dl dd > button > i {
  margin: 0 0 0 6px;
  vertical-align: text-top;
}

div.container div.warning {
  position: relative;
  padding: 16px;
  border: 1px dashed var(--co_gray_dark10);
  background-color: var(--co_white);
  border-radius: 12px;
  font-size: var(--txt_size_base);
  line-height: 130%;
}

div.container div.warning button.btn_dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: auto;
  padding: 16px 0;
}

div.container div.warning button.btn_dropdown h5 {
  font-size: var(--txt_size_base);
}

div.container div.warning button.btn_dropdown i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 100%;
  color: var(--co_gray_dark05);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

div.container div.warning em {
  color: var(--co_black);
}

div.container div.warning em.txtRed {
  color: var(--co_red);
}

div.container div.warning button.btn_more {
  margin-top: 5px;
}

div.container section.cart div.warning {
  padding: 0 16px;
}

div.container section.cart div.warning ul.list_outer,
div.container section.cart div.warning button.btn_more {
  display: none;
}

div.container section.cart div.warning button.btn_more {
  margin-top: 5px;
}

div.container section.cart div.warning.is-active-dropdown button.btn_dropdown i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

div.container section.cart div.warning.is-active-dropdown ul.list_outer {
  display: block;
  padding: 0 0 6px;
}

div.container section.cart div.warning.is-active-dropdown button.btn_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}

div.container article.s_temp_box {
  padding: 20px 0 5px;
}

div.container article.s_temp_box h5.tit {
  margin-bottom: 0;
  font-size: var(--txt_size_lg);
  letter-spacing: -0.04em;
  font-weight: 700;
  color: var(--co_default_txt);
}

div.container article.s_temp_box div.s_temp_box_in {
  position: relative;
  margin-top: 10px;
  padding: 15.5px 18px;
  background: var(--co_white);
  border-radius: 6px;
}

div.container article.s_temp_box div.s_temp_box_in.is-active-dropdown div.toggle_sc {
  display: block;
}

div.container article.s_temp_box div.s_temp_box_in.is-active-dropdown button.btn_namecheck {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

div.container article.s_temp_box div.input_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

div.container article.s_temp_box div.input_wrap > label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 18px;
  font-size: 1.040625rem;
  line-height: 120%;
  margin-left: 0;
}

div.container article.s_temp_box button.btn_namecheck {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

div.container article.s_temp_box div.toggle_sc {
  display: none;
  padding: 10px 0 0;
  font-size: var(--txt_size_base);
  line-height: 130%;
}

div.container article.s_temp_box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 5px 0;
}

div.container article.s_temp_box dl dt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  padding: 6px 20px 0 0;
  font-size: var(--txt_size_base);
  font-weight: 600;
}

div.container article.s_temp_box dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

div.container article.s_temp_box dl dd div.input_wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  margin-right: 15px;
}

div.container article.s_temp_box dl dd div.input_wrap input {
  margin-right: 3px;
}

div.container article.s_temp_box dl dd input.jumin_start,
div.container article.s_temp_box dl dd input.jumin_end {
  width: 47%;
  letter-spacing: 0.25em;
  text-align: center;
}

div.container article.s_temp_box dl dd span.bar {
  display: inline-block;
  width: 6%;
  text-align: center;
  color: var(--co_gray);
}

div.container article.s_temp_box dl.alignAddress {
  display: block;
}

div.container article.s_temp_box dl.alignAddress dt, div.container article.s_temp_box dl.alignAddress dd {
  display: block;
  width: 100%;
  text-align: left;
}

div.container article.s_temp_box dl.alignAddress dd {
  display: block;
}

div.container article.s_temp_box dl.alignAddress dd.zipcode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

div.container article.s_temp_box dl.alignAddress dd.zipcode input {
  outline: 0;
  width: 150px;
}

div.container article.s_temp_box dl.alignAddress dd.zipcode button.btn_zipcode {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 85px;
          flex: 0 0 85px;
  height: 38px;
  margin-left: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--txt_size_xs);
  letter-spacing: -0.015em;
  color: var(--co_gray_light50);
  background: var(--co_gray_dark30);
  border-radius: 3px;
}

div.container article.s_temp_box dl.paymentItem dt, div.container article.s_temp_box dl.paymentItem dd {
  height: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

div.container article.s_temp_box dl.paymentItem dt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
  padding-top: 0;
}

div.container article.s_temp_box dl.paymentItem dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 100px);
          flex: 1 0 calc(100% - 100px);
}

div.container article.s_temp_box dl.paymentItem dd label {
  vertical-align: middle;
}

div.container article.s_temp_box dl.methodExplain {
  display: block;
}

div.container article.s_temp_box dl.methodExplain dt, div.container article.s_temp_box dl.methodExplain dd {
  display: block;
}

div.container article.s_temp_box dl.methodExplain dt {
  font-size: 1.06375rem;
  letter-spacing: -0.028em;
}

div.container article.s_temp_box dl.methodExplain dd {
  margin: 5px 0 15px;
  font-size: var(--txt_size_base);
  letter-spacing: -0.025em;
  line-height: 140%;
}

div.container article.s_temp_box ul.paymentMethod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

div.container article.s_temp_box ul.paymentMethod li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  margin: 5px 20px 0 0;
}

div.container article.s_temp_box ul.paymentMethod li input {
  margin-right: 0;
}

div.container article.s_temp_box div.info_box {
  padding: 0;
}

div.container article.s_temp_box div.info_box h6 {
  margin-bottom: 5px;
  color: var(--co_default_txt);
  font-size: var(--txt_size_md);
}

div.container article.s_temp_box div.info_box h6 em.txtRed {
  color: var(--co_red);
}

div.container article.s_temp_box div.info_box p.info_stxt i {
  padding: 0 0 20px;
}

div.container article.s_temp_box div.info_box p.info_stxt i.txtRed {
  color: var(--co_red_light10);
}

div.container article.s_temp_box div.info_box ol li {
  font-size: var(--txt_size_sm);
  line-height: 140%;
}

div.container article.s_temp_box div.info_box ol li em {
  font-weight: bold;
}

div.container article.s_temp_box div.info_box ol li em.txtRed {
  color: var(--co_red);
}

div.container article.s_temp_box div.info_box ol li em.highlight {
  display: inline-block;
  padding: 0 5px;
  color: var(--co_gray_light50);
  background: var(--co_red);
}

div.container article.s_temp_box div.info_box ol li a.btn_more {
  margin-left: 5px;
}

div.container section.cont_wrap.payComplete article.s_temp_box div.s_temp_box_in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  padding: 30px 16px;
}

div.container section.cont_wrap.payComplete article.s_temp_box div.s_temp_box_in > p {
  padding: 20px 0;
  font-size: var(--txt_size_md);
}

div.container section.cont_wrap.payComplete article.s_temp_box div.s_temp_box_in a.btn_mypage {
  font-size: var(--txt_size_default);
  background: var(--co_primary);
}

div.container section.cont_wrap.payComplete article.s_temp_box div.s_temp_box_in ul.list_outer {
  width: 90%;
}

div.container section.cont_wrap.payComplete article.s_temp_box div.s_temp_box_in ul.list_outer li {
  padding: 5px 0 0 13px;
  font-size: var(--txt_size_sm);
  letter-spacing: normal;
  line-height: 135%;
}

div.container section.cont_wrap.payComplete article.s_temp_box div.s_temp_box_in ul.list_outer li button i {
  margin-left: 5px;
  font-size: var(--txt_size_xs);
}

div.container .layer_popup.is-active {
  display: block;
}

div.container .layer_popup .popup_cont p.t1 {
  font-size: 16px;
  font-size: 1.04rem;
  margin: 0 0 10px 0;
  font-weight: 600;
}

div.container .layer_popup .popup_cont p.t1 > i {
  color: #7c838e;
  margin: 0 7px 0 0;
}

div.container .layer_popup .popup_cont p.t2 {
  font-size: 14px;
  font-size: 0.91rem;
}

div.container .layer_popup .popup_cont p.t3 {
  font-size: 18px;
  font-size: 1.17rem;
  border-bottom: 2px solid var(--co_black);
  padding: 0 0 10px 0;
  color: var(--co_black);
  font-weight: 600;
}

div.container .layer_popup .popup_cont .lecturer {
  margin: 20px 0 0 0;
  border-bottom: 1px solid var(--co_black);
}

div.container .layer_popup .popup_cont .lecturer .sc {
  border-bottom: 1px solid #e9e9e9;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0 !important;
}

div.container .layer_popup .popup_cont .lecturer .sc.last {
  border-bottom: none;
  padding: 0;
  margin: 30px 0 0 0;
}

div.container .layer_popup .popup_cont .lecturer .sc .left {
  float: left;
  width: 120px;
}

div.container .layer_popup .popup_cont .lecturer .sc .left > img {
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  max-width: 100%;
}

div.container .layer_popup .popup_cont .lecturer .sc .right {
  float: left;
  width: calc(100% - 120px);
  padding: 0 0 0 20px;
}

div.container .layer_popup .popup_cont .lecturer .sc ul.profile {
  font-size: 15px;
  font-size: 0.975rem;
}

div.container .layer_popup .popup_cont .lecturer .sc ul.profile.small {
  font-size: 14px;
  font-size: 0.91rem;
}

div.container .layer_popup .popup_cont .lecturer .sc ul.profile li {
  padding: 0 0 4px 0;
}

div.container .layer_popup .popup_cont .lecturer .sc ul.profile li:last-child {
  padding: 0;
}

div.container .layer_popup .popup_cont .lecturer .sc ul.profile li.name {
  font-size: 17px;
  font-size: 1.105rem;
  margin: 0 0 10px 0;
  color: var(--co_black);
  font-weight: 600;
}

div.container .layer_popup .popup_cont.etest {
  max-height: 500px !important;
}

div.container .layer_popup .popup_cont.etest ul.list_inner {
  margin: 20px 0;
  text-align: left;
}

div.container .layer_popup .popup_cont.etest button.test_enter {
  display: block;
  margin: 0 auto;
}

div.container .layer_popup .popup_cont.etest button.btn_close {
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
}

div.container .layer_popup .popup_cont.etest button.btn_close i {
  color: #262626;
  font-size: 15px;
  font-size: 0.975rem;
}

div.container .layer_popup.modal-alert {
  display: none;
}

div.container .layer_popup.modal-alert.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
}

div.container .layer_popup.modal-alert div.alert_wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90%;
          flex: 0 0 90%;
  max-width: 360px;
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 24px;
  background: var(--co_white);
}

div.container .layer_popup.modal-alert div.alert_wrap p {
  padding: 16px 0;
  text-align: center;
}

div.container .layer_popup.modal-alert div.alert_wrap .btn_sc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  gap: 10px;
}

div.container .layer_popup.refund {
  display: none;
}

div.container .layer_popup.refund.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

div.container .layer_popup.refund div.popup_cont {
  display: block;
  margin: 0 auto;
  padding: 0 8px 8px;
  background: var(--co_white);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

div.container .layer_popup.refund div.popup_cont button.btn_close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 20px;
  margin: 0 auto;
  padding-bottom: 3px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

div.container .layer_popup.refund div.popup_cont button.btn_close:before {
  content: "";
  display: inline-block;
  width: 80px;
  height: 5px;
  border-radius: 10px;
  background: var(--co_gray_dark05);
}

div.container .ip_check {
  padding: 20px 10px 0 10px;
  margin: 0 0 20px 0;
}

div.container .ip_check .ip_txt {
  font-size: 18px;
  font-size: 1.17rem;
  margin: 0 0 20px 0;
  text-align: center;
}

div.container .ip_check textarea.reason {
  margin: 20px 0;
}

div.container .ip_check .btn_sc {
  margin: 20px 0 0 0;
}

div.container .emergency {
  display: table;
  width: 100%;
  height: 100%;
  background: #f8fafc;
}

div.container .emergency .on_m {
  display: block;
}

div.container .emergency .cont {
  display: table-cell;
  min-width: 320px;
  height: auto;
  padding: 20px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}

div.container .emergency .cont::before {
  font-size: 40px;
  font-size: 2.6rem;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  content: "\f4da";
  padding: 15px 0 0 0;
  font-weight: 900;
}

div.container .emergency .cont > h2 {
  font-size: 24px;
  font-size: 1.56rem;
  color: #262626;
  padding: 18px 0 0 0;
}

@media screen and (max-device-width: 320px) {
  div.container .emergency .cont > h2 {
    font-size: 18px;
    font-size: 1.17rem;
  }
}

div.container .emergency .cont > p.t1 {
  font-size: 18px;
  font-size: 1.17rem;
  padding: 25px 0 0 0;
  color: #262626;
  font-weight: 300;
}

@media screen and (max-device-width: 320px) {
  div.container .emergency .cont > p.t1 {
    font-size: 16px;
    font-size: 1.04rem;
  }
}

div.container .emergency .cont > p.t2 {
  font-size: 16px;
  font-size: 1.04rem;
  padding: 8px 0 0 0;
  color: #262626;
  font-weight: 300;
}

@media screen and (max-device-width: 320px) {
  div.container .emergency .cont > p.t2 {
    font-size: 14px;
    font-size: 0.91rem;
  }
}

div.container .emergency .cont footer {
  font-size: 12px;
  font-size: 0.78rem;
  padding: 20px 0 0 0;
  letter-spacing: 0.5px;
}

div.container .sc.etest {
  position: relative;
  height: calc(100vh - 60px);
  padding: 0 5%;
  margin: 0 !important;
  text-align: center;
  background: #529cff;
}

div.container .sc.etest button.btn_close {
  position: absolute;
  top: -45px;
  right: 5%;
  width: 30px;
  height: 30px;
  color: #85b9ff;
}

div.container .sc.etest button.btn_close > i {
  font-size: 24px;
  font-size: 1.56rem;
}

div.container .sc.etest .etest_txt {
  display: block;
  padding: 20px 0;
  border-top: 2px solid #fff;
}

div.container .sc.etest .etest_txt span {
  display: inline-block;
  width: auto;
  font-size: 14px;
  font-size: 0.91rem;
  line-height: 160%;
  margin: 0 10px;
  color: #fff;
  font-weight: 300;
}

div.container .sc.etest .etest_txt span .yellow {
  color: #ffe50e;
}

div.container .sc.etest article {
  height: 0;
  padding: 10px 5%;
  overflow-y: auto;
  background: #fff;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

div.container .sc.etest .unit {
  margin-top: 10px;
}

div.container .sc.etest .unit .unit_top {
  position: relative;
  padding: 10px 0;
  text-align: left;
}

div.container .sc.etest .unit .unit_top .unit_num {
  position: absolute;
  top: 5px;
  left: 0;
  width: 30px;
  height: 30px;
  padding: 5px 0;
  text-align: center;
  background: #d3d6dc;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
}

div.container .sc.etest .unit .unit_top .question {
  width: 100%;
  padding-left: 40px;
  line-height: 130%;
}

div.container .sc.etest .unit .answer {
  width: 100%;
  padding: 10px 0 20px 40px;
  text-align: left;
  border-bottom: 1px dashed #c0c6ce;
}

div.container .sc.etest .unit .answer label {
  display: inline-block;
  width: 30%;
}

@media screen and (max-device-width: 320px) {
  div.container .sc.etest .unit .answer label {
    width: 45%;
  }
}

div.container .sc.etest .unit .answer label i,
div.container .sc.etest .unit .answer label input {
  display: inline-block;
  vertical-align: middle;
  outline: 0;
  color: #acb3bf;
}

div.container .sc.etest .unit .answer label i {
  font-size: 30px;
  font-size: 1.95rem;
  margin-left: 5px;
}

@media screen and (max-device-width: 320px) {
  div.container .sc.etest .unit .answer label i {
    font-size: 24px;
    font-size: 1.56rem;
  }
}

div.container .sc.etest .unit .answer label.selected {
  padding: 0;
}

div.container .sc.etest .unit .answer label.selected i {
  color: #529cff;
}

div.container .sc.etest .btn_sc {
  margin: 20px 0;
}