@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nanum+Pen+Script:wght@400;500;700&display=swap");
@font-face {
  font-family: "Shiningstar";
  src: url("../../font/Cafe24Shiningstar/Cafe24Shiningstar.ttf") format("truetype");
}
* {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -o-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}

html.noScroll, html.noScroll body {
  overflow: hidden;
}

body {
  position: relative;
  font-size: 16px;
  color: #222;
  font-weight: 400;
  font-family: "Noto Sans KR", sans-serif, "돋움", dotum, "굴림", gulim, Helvetica, arial, helvetica;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, address, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, nav, menu, section, article, aside, main, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
  word-wrap: break-word;
  word-break: break-all;
}

caption, legend {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 0;
  height: 0;
  overflow: hidden;
  line-height: 0;
}

table th {
  vertical-align: middle;
  text-align: inherit;
}

table td {
  vertical-align: middle;
  text-align: inherit;
}

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

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

a:hover, a:visited {
  text-decoration: none;
}

button {
  cursor: pointer;
  border: none;
}

img {
  border: 0 none;
}

form input, form select, form label, form img {
  vertical-align: middle;
}

fieldset {
  border: 0 none;
}

em, address {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Serif KR", sans-serif;
  font-weight: 500;
}

strong {
  font-weight: 500;
}

mark {
  background: none;
}

iframe {
  margin: 0;
  padding: 0;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

.hidden {
  position: absolute;
  left: -10000px;
  top: -10000px;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
  line-height: 0 !important;
}

.fixed {
  position: fixed !important;
}

.block {
  display: block !important;
}

.none {
  display: none !important;
}

.pc {
  display: block;
}

.mo {
  display: none;
}

.overflowH {
  overflow: hidden;
}

.underline {
  text-decoration: underline;
}

.txtL {
  text-align: left;
}

.txtC {
  text-align: center;
}

.txtR {
  text-align: right;
}

.default3 {
  color: #624cbf;
}

.default29 {
  color: #e32929;
}

.select {
  position: relative;
}
.select.on:before {
  border: 1px solid #222;
}
.select.on:after {
  transform: rotate(180deg);
}
.select.on ul {
  display: block;
}
.select + .select {
  margin-top: 10px;
}
.select:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  pointer-events: none;
}
.select:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 17px;
  width: 12px;
  height: 8px;
  background: url(../../images/common/icon_select.png) no-repeat left top;
  background-size: cover;
  transform: translate(0deg);
  transition: transform 0.3s;
}
.select > button {
  padding: 10px 30px 10px 16px;
  width: 100%;
  font-size: 14px;
  color: #707070;
  text-align: left;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background: transparent;
}
.select ul {
  display: none;
  max-height: 240px;
  overflow-y: auto;
  background: #ccffff;
}
.select ul li {
  font-size: 14px;
  background-color: #fff;
}
.select ul li button {
  padding: 10px 30px 10px 16px;
  width: 100%;
  font-size: 14px;
  text-align: left;
  border: none;
  box-sizing: border-box;
  background: transparent;
}
.select ul li button:hover {
  background: #f0f0f0;
}

select {
  padding: 11px 57px 11px 16px; /* width:100%; */
  font-size: 14px;
  color: #707070;
  text-align: left;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  appearance: none;
  background: url(../../images/common/icon_select2.png) top 50% right 14px no-repeat;
}
select::-ms-expand {
  display: none;
}
select::placeholder {
  color: #ccc;
}

input[type=text] {
  padding: 11px 15px;
  font-size: 14px;
  color: #999;
  text-align: left;
  border: solid 1px #e1e1e1;
  box-sizing: border-box;
}
input[type=text]::placeholder {
  font-size: 14px;
  color: #999;
}
input[type=text]:-moz-placeholder {
  font-size: 14px;
  color: #999;
}
input[type=text]:-ms-input-placeholder {
  font-size: 14px;
  color: #999;
}
input[type=text]::-webkit-input-placeholder {
  font-size: 14px;
  color: #999;
}

.input {
  width: 100%;
}
.input.amass:after {
  content: "";
  display: block;
  clear: both;
}
.input.amass > div {
  float: left;
}
.input.amass > div label {
  margin-right: 10px;
  display: inline-block;
}
.input.checkbox {
  width: auto;
}
.input.radio {
  width: auto;
}
.input.mail input[type=text] {
  width: calc(50% - 16px);
}
.input.mail span {
  margin-left: 2px;
  margin-right: 2px;
}
.input input[type=text] {
  width: 100%;
}

.checkbox {
  position: relative;
  display: inline-block;
}
.checkbox label {
  position: relative;
  display: inline-block;
}
.checkbox label input[type=checkbox] {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
.checkbox label input[type=checkbox]:checked + span:before {
  background: #222;
}
.checkbox label input[type=checkbox]:checked + span:after {
  display: block;
}
.checkbox label input[type=checkbox] + span {
  display: inline-block;
  padding: 1px 0 0 30px;
  min-height: 20px;
}
.checkbox label input[type=checkbox] + span:after, .checkbox label input[type=checkbox] + span:before {
  content: "";
  position: absolute;
}
.checkbox label input[type=checkbox] + span:before {
  top: 4px;
  left: 0px;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
}
.checkbox label input[type=checkbox] + span:after {
  display: none;
  top: 9px;
  left: 5px;
  width: 11px;
  height: 6px;
  box-sizing: border-box;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
}

.radio {
  position: relative;
  display: inline-block;
}
.radio label {
  position: relative;
  display: inline-block;
}
.radio label input[type=radio] {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
.radio label input[type=radio]:checked + span:after {
  display: block;
}
.radio label input[type=radio] + span {
  display: inline-block;
  padding: 1px 0 0 30px;
  min-height: 20px;
}
.radio label input[type=radio] + span:after, .radio label input[type=radio] + span:before {
  content: "";
  position: absolute;
}
.radio label input[type=radio] + span:before {
  top: 4px;
  left: 0px;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #d4d4d4;
  border-radius: 50%;
  box-sizing: border-box;
}
.radio label input[type=radio] + span:after {
  display: none;
  top: 8px;
  left: 4px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-radius: 50%;
  background: #222;
}

.file {
  position: relative;
  display: inline-block;
}
.file label {
  cursor: pointer;
}
.file input[type=file] {
  position: absolute;
  left: -9999px;
  overflow: hidden;
}
.file p {
  display: inline-block;
}

textarea {
  font-family: "Noto Sans KR", sans-serif;
}

@media (max-width: 1024px) {
  .pc {
    display: none !important;
  }
  .mo {
    display: block !important;
  }
}
.blind {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.inner {
  position: relative;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
}

.btnWrap {
  margin-top: 80px;
  text-align: center;
}

.btnType1 {
  padding: 14px 78px;
  font-size: 24px;
  font-weight: 500;
  color: #624cbf;
  line-height: 1.17;
  display: inline-block;
  border-radius: 44px;
  border: solid 2px #624cbf;
  box-sizing: border-box;
  background: #fff;
}

.btnType2 {
  padding: 14px 29px;
  font-family: "Noto Serif KR", sans-serif;
  color: #624cbf;
  line-height: 1.17;
  display: inline-block;
  border-radius: 24px;
  border: solid 1px #624cbf;
  box-sizing: border-box;
  background: #fff;
}

.btnType3 {
  padding: 12px 0;
  width: 280px;
  font-size: 18px;
  color: #624cbf;
  display: inline-block;
  border-radius: 26px;
  border: solid 1px #624cbf;
  box-sizing: border-box;
  background: #fff;
  font-weight: 600;
}
.btnType3 + .btnType3 {
  margin-left: 30px;
}
.btnType3.on {
  color: #fff;
  background: #624cbf;
}
.btnType3.l10 {
  margin-left: 10px !important;
}

.btnType4 {
  padding: 10px 26px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 14px;
  color: #222;
  display: inline-block;
  border-radius: 24px;
  border: solid 1px #222;
  box-sizing: border-box;
  background: #fff;
}

.btnType5 {
  padding: 13px 66px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  box-sizing: border-box;
  background: #624cbf;
}

.btnType6 {
  padding: 19px 26px;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #cfcfcf;
}

.btnType7 {
  padding: 13px 26px 12px;
  font-size: 18px;
  color: #fff;
  display: inline-block;
  box-sizing: border-box;
  border: 0;
  background: #a497da;
}

.btnType8 {
  padding: 10px 34px;
  font-size: 14px;
  display: inline-block;
  box-sizing: border-box;
  border: 0;
  background: #e5e5e5;
}

.paging {
  position: relative;
  margin-top: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.paging a {
  margin: 0 13px;
  padding: 2px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  color: #666;
}
.paging a:first-child {
  margin-left: 0;
}
.paging a.on {
  font-weight: 500;
  text-decoration: underline;
}
.paging a.btnPrev {
  width: 51px;
  height: 50px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../../images/common/btn_paging_next.png) no-repeat center;
  background-size: cover;
  transform: rotate(90deg);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.paging a.btnNext {
  width: 51px;
  height: 50px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../../images/common/btn_paging_next.png) no-repeat center;
  background-size: cover;
}

.iconDown {
  padding-left: 32px;
  min-height: 24px;
  display: inline-block;
  background: url(../../images/openedu/icon/icon_down.png) no-repeat left center;
  background-size: 24px 24px;
}

.iconEdu {
  padding-left: 32px;
  min-height: 24px;
  display: inline-block;
  background: url(../../images/openedu/icon/icon_edu.png) no-repeat left center;
  background-size: 24px 24px;
}

.iconDown2 {
  padding-right: 22px;
  min-height: 14px;
  display: inline-block;
  background: url(../../images/openedu/icon/icon_down2.png) no-repeat right center;
  background-size: 14px 14px;
}

#header {
  position: fixed;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 129px;
  overflow: hidden;
  background: #fff;
  transition: height 0.25s;
  transition-timing-function: ease;
}
#header.hover {
  height: 490px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}
#header.no-gnb {
  height: 48px;
}
#header.no-gnb + #container {
  margin-top: 48px;
}
#header:after {
  content: "";
  position: absolute;
  top: 128px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background: #e1e1e1;
}
#header .headerBanner {
  position: relative;
  z-index: 2;
  background: #624cbf;
}
#header .headerBanner ul li a {
  padding: 14px 0 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  color: #fff;
  letter-spacing: -0.52px;
}
#header .headerBanner ul li a strong {
  position: relative;
  padding-right: 25px;
  display: inline-block;
}
#header .headerBanner ul li a strong:after {
  content: "";
  position: absolute;
  top: 4px;
  right: 12px;
  bottom: 3px;
  width: 1px;
  background: #fff;
}
#header > .inner {
  position: relative;
  z-index: 2;
  text-align: center;
}
#header > .inner:after {
  content: "";
  clear: both;
  display: block;
}
#header > .inner .gnbTop .logo {
  position: relative;
  float: left;
  margin-top: 27px;
  margin-bottom: 27px;
  width: 123px;
  height: 26px;
  box-sizing: border-box;
}
#header > .inner .gnbTop .logo a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-indent: -9999px;
  display: block;
  background: url(../../images/common/icon_logo.png) no-repeat left top;
  background-size: cover;
}
#header > .inner .gnbTop .btnGnbClose {
  position: absolute;
  top: 0;
  right: 21px;
  z-index: 1;
  padding: 3px 0;
  width: 24px;
  height: 22px;
  box-sizing: border-box;
  background: #fff;
  display: none;
}
#header > .inner .gnbTop .btnGnbClose span {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-indent: -9999px;
  display: block;
  border-bottom: 2px solid #222;
}
#header > .inner .gnbTop .btnGnbClose span:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #222;
}
#header > .inner .gnbTop .btnGnbClose span:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #222;
}
#header > .inner .gnb {
  padding-top: 27px;
  display: inline-block;
}
#header > .inner .gnb > ul {
  display: flex;
  justify-content: space-between;
}
#header > .inner .gnb > ul > li {
  position: relative;
  text-align: center;
}
#header > .inner .gnb > ul > li.m2 {
  margin-left: 44px;
}
#header > .inner .gnb > ul > li.m3 {
  margin-left: 60px;
}
#header > .inner .gnb > ul > li.m4 {
  margin-left: 60px;
}
#header > .inner .gnb > ul > li.m5 {
  margin-left: 60px;
  padding-right: 10px;
}
#header > .inner .gnb > ul > li.hover > a {
  position: relative;
}
#header > .inner .gnb > ul > li.hover > a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 53px;
  width: 100%;
  height: 1px;
  background: #222;
}
#header > .inner .gnb > ul > li.focus > a {
  position: relative;
}
#header > .inner .gnb > ul > li.focus > a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 53px;
  width: 100%;
  height: 1px;
  background: #222;
}
#header > .inner .gnb > ul > li.focus .depth2Wrap > li > a.focus {
  font-weight: 500;
}
#header > .inner .gnb > ul > li.focus .depth2Wrap > li > a.focus:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #222;
}
#header > .inner .gnb > ul > li.focus .depth2Wrap > li .depth3 li a.focus {
  color: #222;
  font-weight: 500;
}
#header > .inner .gnb > ul > li.focus .depth2Wrap > li .depth3 li a.focus:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #222;
}
#header > .inner .gnb > ul > li > a {
  font-weight: 500;
}
#header > .inner .gnb > ul > li .depth2Wrap {
  margin-top: 48px;
}
#header > .inner .gnb > ul > li .depth2Wrap > li {
  position: relative;
  text-align: center;
}
#header > .inner .gnb > ul > li .depth2Wrap > li > a {
  position: relative;
  font-size: 14px;
  line-height: 2.57;
}
#header > .inner .gnb > ul > li .depth2Wrap > li > a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #222;
}
#header > .inner .gnb > ul > li .depth2Wrap > li > a.focus:after, #header > .inner .gnb > ul > li .depth2Wrap > li > a:hover:after {
  animation-name: borderMove;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}
#header > .inner .gnb > ul > li .depth2Wrap > li > a.hover + .depth3 {
  display: block;
}
@keyframes borderMove {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
#header > .inner .gnb > ul > li .depth2Wrap > li .depth3 {
  display: none;
  position: absolute;
  top: 0;
  left: 110%;
  z-index: 5;
  padding: 5px;
  border: 1px solid #d1d1d1;
  background: #fff;
}
#header > .inner .gnb > ul > li .depth2Wrap > li .depth3 li a {
  position: relative;
  padding: 5px 10px;
  font-size: 13px;
  color: #666;
  display: block;
  white-space: nowrap;
}
#header > .inner .gnb > ul > li .depth2Wrap > li .depth3 li a:hover {
  color: #222;
  background: #cfcfcf;
}
#header > .inner .gnb > ul > li .depth2Wrap > li .depth3 li .new {
  display: inline-block;
}
#header > .inner .gnb > ul > li .depth2Wrap > li .depth3 li .new::after {
  content: "N";
  display: inline-block;
  padding: 0;
  background-color: #ff7200;
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  padding: 4px 5px 4px 4px;
}
#header > .inner .btn-studio {
  display: block;
  position: absolute;
  top: 22px;
  right: 0;
  font-size: 12px;
  width: 114px;
  height: 36px;
  line-height: 33px;
  text-align: center;
  border: 2px solid #624CBF;
  font-weight: bold;
  color: #624CBF;
  border-radius: 30px;
}

#container {
  position: relative;
  z-index: 1;
  margin-top: 129px;
}
#container .subBanner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  z-index: -1;
  height: 300px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
}
#container .subBanner + .inner .section:first-child {
  margin-top: 80px;
}
#container .subBanner + .inner .section.notiDetail {
  padding-top: 0;
}
#container .subBanner .inner {
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-flow: column;
}
#container .subBanner .inner .parentPage {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  display: none;
}
#container .subBanner .inner .pageName {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 50px;
  font-weight: 500;
  color: #fff;
}
#container .subBanner .inner .pageNameKorean {
  margin-top: 4px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
}
#container .section {
  margin-top: 110px;
}
#container .section.request {
  text-align: center;
}
#container .section.request .requestSubTit {
  font-size: 24px;
}
#container .section.request .requestSubTit.notoSans {
  font-family: "Noto Sans KR", sans-serif;
  line-height: 1.9;
}
#container .section.request .requestSubTit.notoSans p {
  font-size: 18px;
}
#container .section.request .requestSubTit.notoSans p + p {
  font-size: 18px;
  display: flex;
  justify-content: center;
}
#container .section.request .requestSubTit.notoSans p + p span + span {
  position: relative;
  padding-left: 21px;
}
#container .section.request .requestSubTit.notoSans p + p span + span:after {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 7px;
  left: 10px;
  width: 1px;
  background: #999;
}
#container .section.request .requestSubTit + h3 {
  margin-top: 10px;
}
#container .section.request h3 {
  font-size: 36px;
}
#container .section.request .btnType1 {
  margin-top: 52px;
}
#container .section.request.line2 {
  border-top: 1px solid #000;
  padding-top: 110px;
}
#container .section[class*=type] {
  position: relative;
}
#container .section[class*=type].flexWrap {
  flex-wrap: wrap;
}
#container .section[class*=type].flexWrap .faqList {
  width: 100%;
}
#container .section[class*=type].flexWrap .btnWrap {
  width: 100%;
}
#container .section[class*=type] .leftTit {
  position: relative;
}
#container .section[class*=type] .leftTit h3 {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.28;
}
#container .section[class*=type] .leftTit .smallText {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.92;
}
#container .section[class*=type] .rightCon {
  position: relative;
  margin-left: 60px;
  width: calc(100% - 380px);
  overflow: hidden;
}
#container .section[class*=type] .rightCon .txtR {
  padding-top: 17px;
  text-align: right;
}
#container .section[class*=type] .rightCon .rightSubTit {
  line-height: 1.75;
}
#container .section[class*=type] [data-swiper=comentswiper2] {
  margin: 40px 0 0;
  overflow: visible;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide {
  opacity: 0.4;
  transition: opacity 0.3s;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto 100%;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide.swiper-slide-active, #container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide, #container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
  opacity: 1;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide:nth-child(4n) a .directorName:after {
  background-image: url(../../images/online/icon/icon_chat1.png);
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide:nth-child(4n-3) a .directorName:after {
  background-image: url(../../images/online/icon/icon_chat2.png);
  transform: rotate(90deg);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide:nth-child(4n-2) a .directorName:after {
  background-image: url(../../images/online/icon/icon_chat3.png);
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide:nth-child(4n-1) a .directorName:after {
  background-image: url(../../images/online/icon/icon_chat6.png);
  transform: rotate(90deg);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a {
  position: relative;
  display: block;
  box-sizing: content-box;
  border: 1px solid #e1e1e1;
  background-color: #fff;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a:after {
  content: "";
  position: absolute;
  left: -1px;
  bottom: -18px;
  width: 18px;
  height: 18px;
  background: url(../../images/online/icon/icon_tooltip_bottom.png) no-repeat center;
  background-size: cover;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorComent {
  font-size: 22px;
  font-weight: 500;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorComent .thum {
  padding-bottom: 17.866%;
  width: 240px;
  display: inline-block;
  background-size: 100% auto;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorItem {
  margin-top: 30px;
  color: #666;
  line-height: 1.75;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorName {
  position: absolute;
  bottom: 50px;
  padding-left: 88px;
  height: 80px;
  font-weight: 500;
  color: #666;
  display: flex;
  justify-content: center;
  align-items: left;
  flex-flow: column;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorName:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorName .starWrap {
  margin-top: 4px;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorName .starWrap:after {
  content: "";
  display: block;
  clear: both;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorName .starWrap .star {
  float: left;
  margin-left: 6px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../../images/openedu/icon/icon_star.png) no-repeat center;
  background-size: cover;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorName .starWrap .star:first-child {
  margin-left: 0;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-button-prev {
  left: -54px;
  width: 24px;
  font-size: 0;
  text-indent: -9999px;
  background-image: url(../../images/common/btn_swiper_prev.png);
  background-size: cover;
}
#container .section[class*=type] [data-swiper=comentswiper2] .swiper-button-next {
  left: auto;
  right: -54px;
  width: 24px;
  font-size: 0;
  text-indent: -9999px;
  background-image: url(../../images/common/btn_swiper_next.png);
  background-size: cover;
}
#container .section[class*=type] [data-swiper=list2] {
  margin: 60px 0 0;
  overflow: visible;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide {
  width: calc(50% - 20px) !important;
  text-align: center;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide:after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: -13%;
  margin-top: -13px;
  width: 26px;
  height: 26px;
  border-right: 5px solid #624cbf;
  border-bottom: 5px solid #624cbf;
  transform: rotate(-45deg);
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide:first-child:after {
  display: none;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item1 .projectExTit {
  color: #624cbf;
  border: solid 1px #624cbf;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item1 .projectExSubTit:after {
  width: 338px;
  background-image: url(../../images/customized/img/img_workshop2_1.png);
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item2 .projectExTit {
  color: #fff;
  background: #a497da;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item2 .projectExSubTit:after {
  width: 482px;
  background-image: url(../../images/customized/img/img_workshop2_2.png);
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item3 .projectExTit {
  color: #fff;
  background: #624cbf;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExTit {
  margin: 0 2px;
  padding: 12px 0;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 400;
  border-radius: 26px;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSubTit {
  position: relative;
  padding-top: 357px;
  font-size: 22px;
  font-weight: 600;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSubTit:after {
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  height: 247px;
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  transform: translate(-50%, 0);
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExCon {
  margin-top: 30px;
  line-height: 1.56;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExCon span {
  color: #666;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExCon span.small {
  font-size: 12px;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSolution {
  margin-top: 60px;
  text-align: left;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSolution .box {
  padding: 40px 30px;
  border-radius: 30px;
  background: #f5f5f5;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSolution .box + .box {
  margin-top: 30px;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSolution .box.box1 .boxTit:after {
  background-image: url(../../images/customized/icon/icon_competency1.png);
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSolution .box.box2 .boxTit:after {
  background-image: url(../../images/customized/icon/icon_competency2.png);
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSolution .box .boxTit {
  position: relative;
  padding-top: 62px;
  font-size: 22px;
  font-weight: 600;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSolution .box .boxTit:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSolution .box .boxCon {
  margin-top: 20px;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSolution .box .boxCon li {
  position: relative;
  padding-left: 23px;
  font-size: 18px;
  line-height: 1.78;
}
#container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSolution .box .boxCon li:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 4px;
  height: 4px;
  background: #222;
}
#container .section[class*=type] [data-swiper=list2] .swiper-button-prev {
  top: -101px;
  left: auto;
  right: 46px;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  overflow: hidden;
  border-right: 1px solid #0d0d0d;
  border-bottom: 1px solid #0d0d0d;
  transform: rotate(135deg);
}
#container .section[class*=type] [data-swiper=list2] .swiper-button-next {
  top: -101px;
  left: auto;
  right: 10px;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  overflow: hidden;
  border-right: 1px solid #0d0d0d;
  border-bottom: 1px solid #0d0d0d;
  transform: rotate(-45deg);
}
#container .section[class*=type] [data-swiper=list3] {
  margin: 131px 0 0;
  overflow: visible;
  max-width: 1160px;
}
#container .section[class*=type] [data-swiper=list3] .swiper-wrapper .swiper-slide {
  width: 250px !important;
  text-align: center; /* margin-right: 67px; */
}
#container .section[class*=type] [data-swiper=list3] .swiper-wrapper .swiper-slide:after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: -13%;
  margin-top: -13px;
  width: 26px;
  height: 26px;
  border-right: 5px solid #624cbf;
  border-bottom: 5px solid #624cbf;
  transform: rotate(-45deg);
}
#container .section[class*=type] [data-swiper=list3] .swiper-wrapper .swiper-slide:first-child:after {
  display: none;
}
#container .section[class*=type] [data-swiper=list3] .swiper-wrapper .swiper-slide .projectExCon {
  margin-top: 0 !important;
}
#container .section[class*=type] [data-swiper=list3] .swiper-wrapper .swiper-slide .projectExCon img {
  display: block;
  width: 250px;
  height: 250px;
  border-radius: 250px;
}
#container .section[class*=type] [data-swiper=list3] .swiper-wrapper .swiper-slide .projectExCon .personName {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
  margin-top: 30px;
}
#container .section[class*=type] [data-swiper=list3] .swiper-wrapper .swiper-slide .projectExCon .personName span {
  margin-top: 5px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #666;
  display: block;
}
#container .section[class*=type] [data-swiper=list3] .swiper-wrapper .swiper-slide .projectExCon .info {
  font-size: 14px;
  margin-top: 24px;
  color: #222;
  line-height: 24px;
  letter-spacing: -0.1em;
}
#container .section[class*=type] [data-swiper=list3] .swiper-button-prev {
  top: -65px;
  left: auto;
  right: 46px;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  overflow: hidden;
  border-right: 1px solid #0d0d0d;
  border-bottom: 1px solid #0d0d0d;
  transform: rotate(135deg);
}
#container .section[class*=type] [data-swiper=list3] .swiper-button-next {
  top: -65px;
  left: auto;
  right: 10px;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  overflow: hidden;
  border-right: 1px solid #0d0d0d;
  border-bottom: 1px solid #0d0d0d;
  transform: rotate(-45deg);
}
#container .section[class*=type] [data-swiper=list3] .swiper-pagination {
  bottom: 0;
}
#container .section[class*=type] [data-swiper=list3] .swiper-pagination .swiper-pagination-bullet {
  margin: 0 10px;
  width: 12px;
  height: 12px;
  border: 1px solid #d1d1d1;
  background: #fff;
  opacity: 1;
}
#container .section[class*=type] [data-swiper=list3] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #624cbf;
  background: #624cbf;
}
#container .section.type1 {
  display: flex;
  justify-content: left;
}
#container .section.type1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 380px;
  width: calc(100% - 380px);
  height: 1px;
  background: #e1e1e1;
}
#container .section.type1 .leftTit {
  position: relative;
  padding-top: 50px;
  width: 320px;
}
#container .section.type1 .leftTit:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 320px;
  height: 1px;
  background: #222;
}
#container .section.type1 .leftTit h3 {
  letter-spacing: -0.5px;
}
#container .section.type1 .rightCon {
  padding-top: 50px;
  width: calc(100% - 380px);
  overflow: hidden;
}
#container .section.type1 .rightCon [data-swiper=leftcontrol] {
  overflow: visible;
}
#container .section.type1 .rightCon [data-swiper=leftcontrol] .swiper-wrapper .swiper-slide {
  width: 75%;
}
#container .section.type1 .rightCon [data-swiper=leftcontrol] .swiper-wrapper .swiper-slide .swiperImg {
  padding: 13px 16px 12px 15px;
  border: 1px solid #e1e1e1;
}
#container .section.type1 .rightCon [data-swiper=leftcontrol] .swiper-wrapper .swiper-slide .swiperImg .thum {
  padding-bottom: 68.841%;
}
#container .section.type1 .rightCon [data-swiper=leftcontrol] .swiper-wrapper .swiper-slide .swiperCon {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
}
#container .section.type1 .rightCon [data-swiper=leftcontrol] .swiper-wrapper .swiper-slide .swiperCon .num {
  margin-right: 12px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 1.6;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #624cbf;
}
#container .section.type1 .rightCon .iconList {
  margin-top: 73px;
  width: calc(100% - 83px);
}
#container .section.type1 .rightCon .iconList ul:after {
  content: "";
  clear: both;
  display: block;
}
#container .section.type1 .rightCon .iconList ul li {
  position: relative;
  float: left;
  width: 33.333%;
}
#container .section.type1 .rightCon .iconList ul li:first-child div {
  float: left;
}
#container .section.type1 .rightCon .iconList ul li:nth-child(2):before {
  content: "";
  position: absolute;
  top: 75px;
  left: 102%;
  width: 21px;
  height: 21px;
  background: url(../../images/common/icon_plus.png) no-repeat left top;
  background-size: cover;
}
#container .section.type1 .rightCon .iconList ul li:nth-child(2):after {
  content: "";
  position: absolute;
  top: 75px;
  right: 101%;
  width: 21px;
  height: 21px;
  background: url(../../images/common/icon_plus.png) no-repeat left top;
  background-size: cover;
}
#container .section.type1 .rightCon .iconList ul li:last-child div {
  float: right;
}
#container .section.type1 .rightCon .iconList ul li div {
  position: relative;
  margin: 0 auto;
  padding-top: 105px;
  width: 76%;
  line-height: 1.75;
  text-align: center;
}
#container .section.type1 .rightCon .iconList ul li div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 75px;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center;
  transform: translate(-50%, 0);
  background-size: cover;
}
#container .section.type1 .rightCon .iconList ul li div.icon1_1:after {
  background-image: url(../../images/contents/icon/icon_cont1_1.png);
}
#container .section.type1 .rightCon .iconList ul li div.icon1_2:after {
  background-image: url(../../images/contents/icon/icon_cont1_2.png);
}
#container .section.type1 .rightCon .iconList ul li div.icon1_3:after {
  background-image: url(../../images/contents/icon/icon_cont1_3.png);
}
#container .section.type1 .rightCon .iconList ul li div.icon2_1:after {
  background-image: url(../../images/contents/icon/icon_cont2_1.png);
}
#container .section.type1 .rightCon .iconList ul li div.icon2_2:after {
  background-image: url(../../images/contents/icon/icon_cont2_2.png);
}
#container .section.type1 .rightCon .iconList ul li div.icon3_1:after {
  background-image: url(../../images/contents/icon/icon_cont3_1.png);
}
#container .section.type1 .rightCon .iconList ul li div.icon3_2:after {
  background-image: url(../../images/contents/icon/icon_cont3_2.png);
}
#container .section.type1 .rightCon .iconList ul li div.icon4_1:after {
  background-image: url(../../images/contents/icon/icon_cont4_1.png);
}
#container .section.type1 .rightCon .iconList ul li div.icon4_2:after {
  background-image: url(../../images/contents/icon/icon_cont4_2.png);
}
#container .section.type1 .rightCon .iconList ul li div.icon4_3:after {
  background-image: url(../../images/contents/icon/icon_cont4_3.png);
}
#container .section.type1 .rightCon .iconList ul li div.icon5_1:after {
  background-image: url(../../images/contents/icon/icon_cont5_1.png);
}
#container .section.type1 .rightCon .iconList ul li div.icon5_2:after {
  background-image: url(../../images/contents/icon/icon_cont5_2.png);
}
#container .section.type1 .rightCon .iconList ul li div .small {
  font-size: 12px;
}
#container .section.type1 .rightCon .logoList1 {
  margin-top: 73px;
  width: 100%;
}
#container .section.type1 .rightCon .logoList1 ul:after {
  content: "";
  clear: both;
  display: block;
}
#container .section.type1 .rightCon .logoList1 ul li {
  position: relative;
  float: left;
  width: 25%;
  height: 70px;
  font-size: 0;
  text-indent: -9999px;
}
#container .section.type1 .rightCon .logoList1 ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 142px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
#container .section.type1 .rightCon .logoList1 ul li:nth-child(4n-1):after {
  left: 58%;
  transform: translate(-50%, 0);
}
#container .section.type1 .rightCon .logoList1 ul li:nth-child(4n-2):after {
  left: 50%;
  transform: translate(-50%, 0);
}
#container .section.type1 .rightCon .logoList1 ul li:nth-child(4n):after {
  left: auto;
  right: 0;
}
#container .section.type1 .rightCon .logoList1 ul li + li + li + li + li {
  margin-top: 40px;
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_1:after {
  background-image: url(../../images/contents/img/img_logo1_1.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_2:after {
  background-image: url(../../images/contents/img/img_logo1_2.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_3:after {
  background-image: url(../../images/contents/img/img_logo1_3.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_4:after {
  background-image: url(../../images/contents/img/img_logo1_4.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_5:after {
  background-image: url(../../images/contents/img/img_logo1_5.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_6:after {
  background-image: url(../../images/contents/img/img_logo1_6.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_7:after {
  background-image: url(../../images/contents/img/img_logo1_7.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_8:after {
  background-image: url(../../images/contents/img/img_logo1_8.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_9:after {
  background-image: url(../../images/contents/img/img_logo1_9.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_10:after {
  background-image: url(../../images/contents/img/img_logo1_10.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_11:after {
  background-image: url(../../images/contents/img/img_logo1_11.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_12:after {
  background-image: url(../../images/contents/img/img_logo1_12.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_13:after {
  background-image: url(../../images/contents/img/img_logo1_13.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_14:after {
  background-image: url(../../images/contents/img/img_logo1_14.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo1_15:after {
  background-image: url(../../images/contents/img/img_logo1_15.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_1:after {
  background-image: url(../../images/contents/img/img_logo2_1.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_2:after {
  background-image: url(../../images/contents/img/img_logo2_2.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_3:after {
  background-image: url(../../images/contents/img/img_logo2_3.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_4:after {
  background-image: url(../../images/contents/img/img_logo2_4.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_5:after {
  background-image: url(../../images/contents/img/img_logo2_5.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_6:after {
  background-image: url(../../images/contents/img/img_logo2_6.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_7:after {
  background-image: url(../../images/contents/img/img_logo2_7.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_8:after {
  background-image: url(../../images/contents/img/img_logo2_8.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_9:after {
  background-image: url(../../images/contents/img/img_logo2_9.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_10:after {
  background-image: url(../../images/contents/img/img_logo2_10.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_11:after {
  background-image: url(../../images/contents/img/img_logo2_11.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_12:after {
  background-image: url(../../images/contents/img/img_logo2_12.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_13:after {
  background-image: url(../../images/contents/img/img_logo2_13.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_14:after {
  background-image: url(../../images/contents/img/img_logo2_14.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo2_15:after {
  background-image: url(../../images/contents/img/img_logo2_15.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo3_1:after {
  background-image: url(../../images/contents/img/img_logo3_1.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo3_2:after {
  background-image: url(../../images/contents/img/img_logo3_2.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo3_4:after {
  background-image: url(../../images/contents/img/img_logo3_4.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo3_5:after {
  background-image: url(../../images/contents/img/img_logo3_5.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo3_6:after {
  background-image: url(../../images/contents/img/img_logo3_6.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo3_8:after {
  background-image: url(../../images/contents/img/img_logo3_8.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo3_9:after {
  background-image: url(../../images/contents/img/img_logo3_9.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo3_10:after {
  background-image: url(../../images/contents/img/img_logo3_10.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo3_12:after {
  background-image: url(../../images/contents/img/img_logo3_12.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo3_13:after {
  background-image: url(../../images/contents/img/img_logo3_13.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo3_14:after {
  background-image: url(../../images/contents/img/img_logo3_14.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo3_15:after {
  background-image: url(../../images/contents/img/img_logo3_15.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo4_4:after {
  background-image: url(../../images/contents/img/img_logo4_4.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo4_7:after {
  background-image: url(../../images/contents/img/img_logo4_7.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo4_9:after {
  background-image: url(../../images/contents/img/img_logo4_9.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo4_13:after {
  background-image: url(../../images/contents/img/img_logo4_13.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo4_15:after {
  background-image: url(../../images/contents/img/img_logo4_15.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo5_2:after {
  background-image: url(../../images/contents/img/img_logo5_2.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo5_3:after {
  background-image: url(../../images/contents/img/img_logo5_3.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo5_5:after {
  background-image: url(../../images/contents/img/img_logo5_5.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo5_6:after {
  background-image: url(../../images/contents/img/img_logo5_6.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo5_8:after {
  background-image: url(../../images/contents/img/img_logo5_8.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo5_9:after {
  background-image: url(../../images/contents/img/img_logo5_9.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo5_12:after {
  background-image: url(../../images/contents/img/img_logo5_12.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo5_13:after {
  background-image: url(../../images/contents/img/img_logo5_13.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo5_14:after {
  background-image: url(../../images/contents/img/img_logo5_14.png);
}
#container .section.type1 .rightCon .logoList1 ul li.logo5_15:after {
  background-image: url(../../images/contents/img/img_logo5_15.png);
}
#container .section.type1 .type1Con {
  margin-top: 60px;
  width: 100%;
}
#container .section.type1 .type1Con .leftType .textWrap {
  float: left;
  padding-left: 80px;
}
#container .section.type1 .type1Con .leftType .textWrap .textSubTit:after {
  width: 220px;
  background-image: url(../../images/online/bg/bg_highlighter1.png);
}
#container .section.type1 .type1Con .leftType .photoWrap {
  float: left;
}
#container .section.type1 .type1Con .rightType + .leftType .textWrap .textSubTit:after {
  width: 230px;
  background-image: url(../../images/online/bg/bg_highlighter3.png);
}
#container .section.type1 .type1Con .rightType .textWrap {
  float: left;
}
#container .section.type1 .type1Con .rightType .textWrap .textSubTit:after {
  width: 262px;
  background-image: url(../../images/online/bg/bg_highlighter2.png);
}
#container .section.type1 .type1Con .rightType .photoWrap {
  float: right;
}
#container .section.type1 .type1Con > div:after {
  content: "";
  clear: both;
  display: block;
}
#container .section.type1 .type1Con > div + div {
  margin-top: 60px;
}
#container .section.type1 .type1Con > div .textWrap {
  width: 50%;
  box-sizing: border-box;
}
#container .section.type1 .type1Con > div .textWrap .textSubTit {
  position: relative;
  margin-top: 14.4%;
  font-size: 20px;
  font-family: "Noto Serif KR", sans-serif;
  font-weight: 500;
  color: #624cbf;
}
#container .section.type1 .type1Con > div .textWrap .textSubTit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 16px;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
}
#container .section.type1 .type1Con > div .textWrap .textMainTit {
  margin-top: 25px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 32px;
  font-weight: 600;
  box-sizing: border-box;
}
#container .section.type1 .type1Con > div .textWrap .textSummary {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.56;
}
#container .section.type1 .type1Con > div .textWrap .textHash {
  margin-top: 15px;
  display: flex;
  justify-content: flex-start;
}
#container .section.type1 .type1Con > div .textWrap .textHash span {
  margin-left: 10px;
  font-size: 14px;
  color: #646464;
  text-decoration: underline;
  display: block;
}
#container .section.type1 .type1Con > div .textWrap .textHash span:first-child {
  margin-left: 0;
}
#container .section.type1 .type1Con > div .photoWrap {
  width: 50%;
}
#container .section.type1 .type1Con > div .photoWrap .swiper-container .swiper-wrapper .swiper-slide a .thum {
  padding-bottom: 60%;
}
#container .section.type1 .type1Con > div .photoWrap .swiper-container .swiperPage {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 1;
  padding: 5px 7px 5px 6px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.5);
}
#container .section.type1 .type1Con > div .photoWrap .swiper-container .swiperPage .nowPage {
  padding-right: 5px;
  display: inline-block;
}
#container .section.type1 .type1Con > div .photoWrap .swiper-container .swiperPage .totalPage {
  padding-left: 5px;
  display: inline-block;
}
#container .section.type1 .type1Con > div .photoWrap .swiper-button-prev {
  left: -19px;
  margin-top: -19px;
  width: 38px;
  height: 38px;
  font-size: 0;
  text-indent: -9999px;
  background-image: url(../../images/online/btn/btn_online_prev.png);
  background-size: cover;
}
#container .section.type1 .type1Con > div .photoWrap .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
#container .section.type1 .type1Con > div .photoWrap .swiper-button-next {
  right: -19px;
  margin-top: -19px;
  width: 38px;
  height: 38px;
  font-size: 0;
  text-indent: -9999px;
  background-image: url(../../images/online/btn/btn_online_next.png);
  background-size: cover;
}
#container .section.type1 .type1Con > div .photoWrap .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
#container .section.type1.flexWrap .listSummary {
  width: 100%;
  flex: auto;
}
#container .section.type2.grayBg {
  overflow: hidden;
}
#container .section.type2.skyBg {
  overflow: hidden;
}
#container .section.type2 .leftTit {
  padding-bottom: 20px;
}
#container .section.type2 .leftTit:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 320px;
  height: 1px;
  background: #222;
}
#container .section.type2 .leftTit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 380px;
  width: calc(100% - 380px);
  height: 1px;
  background: #e1e1e1;
}
#container .section.type2 .leftTit h3 {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.28;
  letter-spacing: -0.25px;
}
#container .section.type2 .swiper-container[data-swiper=comentswiper] {
  margin: 40px 15px 0;
  padding: 0 20px;
  overflow: visible;
}
#container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide {
  opacity: 0.4;
  transition: opacity 0.3s;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto 100%;
}
#container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide:nth-child(4n-3) {
  background-image: url(../../images/contents/bg/bg_cont1.png);
}
#container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide:nth-child(4n-2) {
  background-image: url(../../images/contents/bg/bg_cont2.png);
}
#container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide:nth-child(4n-1) {
  background-image: url(../../images/contents/bg/bg_cont3.png);
}
#container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide:nth-child(4n) {
  background-image: url(../../images/contents/bg/bg_cont4.png);
}
#container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide.swiper-slide-active, #container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide, #container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide, #container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
  opacity: 1;
}
#container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide a {
  position: relative;
  padding: 30px 30px 75px 30px;
  height: 290px;
  display: block;
  box-sizing: border-box;
}
#container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide a .StudentComent {
  width: 100%;
  height: 100%;
  line-height: 1.63;
  overflow: hidden;
  box-sizing: border-box;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
#container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide a .StudentItem {
  position: absolute;
  left: 30px;
  bottom: 52px;
  font-size: 14px;
  color: #666;
}
#container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide a .StudentName {
  position: absolute;
  left: 30px;
  bottom: 30px;
  font-size: 14px;
  font-weight: 500;
}
#container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-button-prev {
  left: -54px;
  width: 24px;
  font-size: 0;
  text-indent: -9999px;
  background-image: url(../../images/common/btn_swiper_prev.png);
  background-size: cover;
}
#container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-button-next {
  left: auto;
  right: -54px;
  width: 24px;
  font-size: 0;
  text-indent: -9999px;
  background-image: url(../../images/common/btn_swiper_next.png);
  background-size: cover;
}
#container .section.type2 .swiper-container.listType1 {
  margin-top: 60px;
}
#container .section.type2 .swiper-container.listType1 .swiper-wrapper {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
#container .section.type2 .swiper-container.listType1 .swiper-wrapper .swiper-slide {
  margin-top: 48px;
  margin-left: 30px;
  width: calc(33.333% - 20px);
}
#container .section.type2 .swiper-container.listType1 .swiper-wrapper .swiper-slide:nth-child(1), #container .section.type2 .swiper-container.listType1 .swiper-wrapper .swiper-slide:nth-child(2), #container .section.type2 .swiper-container.listType1 .swiper-wrapper .swiper-slide:nth-child(3) {
  margin-top: 0;
}
#container .section.type2 .swiper-container.listType1 .swiper-wrapper .swiper-slide:nth-child(3n+1) {
  margin-left: 0;
}
#container .section.type2 .swiper-container.listType1 .swiper-wrapper .swiper-slide a {
  display: block;
}
#container .section.type2 .swiper-container.listType1 .swiper-wrapper .swiper-slide a:hover .learningPoint {
  text-decoration: underline;
}
#container .section.type2 .swiper-container.listType1 .swiper-wrapper .swiper-slide a .thum {
  padding-bottom: 100%;
}
#container .section.type2 .swiper-container.listType1 .swiper-wrapper .swiper-slide a .learningPoint {
  margin-top: 20px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.33;
}
#container .section.type3 {
  display: flex;
  justify-content: left;
}
#container .section.type3.grayBg {
  overflow: hidden;
}
#container .section.type3.skyBg {
  overflow: hidden;
}
#container .section.type3 .leftTit {
  position: relative;
  width: 320px;
}
#container .section.type3 .faqList {
  margin-top: 50px;
}
#container .section.centerText {
  text-align: center;
}
#container .section.centerText h3 {
  font-size: 34px;
  font-weight: 400;
}
#container .section.centerText h3.shiningstar {
  font-family: "Shiningstar", sans-serif;
  font-size: 36px;
  color: #999;
}
#container .section.centerText h3.shiningstar + .subH3 {
  margin-top: 12px;
}
#container .section.centerText h3.shiningstar + .name {
  margin-top: 12px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 18px;
}
#container .section.centerText h3.shiningstar + .name + .subH3 {
  margin-top: 22px;
}
#container .section.centerText .centerSubText {
  margin-top: 40px;
  font-size: 18px;
  line-height: 1.56;
  color: #666;
}
#container .section.notiDetail {
  margin-top: 0;
  padding-top: 80px;
}
#container .section.notiDetail + .section, #container .section.notiDetail + .section + .section {
  margin-top: 60px;
}
#container .section.notiDetail + .section.board-foter, #container .section.notiDetail + .section + .section.board-foter {
  margin-top: -1px;
}
#container .section.notiDetail .notiNews {
  font-weight: 500;
  color: #624cbf;
  text-align: center;
}
#container .section.notiDetail .notiTit {
  margin-top: 20px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}
#container .section.notiDetail .notilogo {
  width: 135px;
  margin: 0 auto;
  text-align: center;
}
#container .section.notiDetail .notilogo img {
  width: 100%;
  vertical-align: top;
  font-size: 0;
}
#container .section.notiDetail .notiInfo {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#container .section.notiDetail .notiInfo span {
  position: relative;
  font-size: 14px;
  color: #666;
  display: block;
}
#container .section.notiDetail .notiInfo span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -5px;
  height: 12px;
  background: #666;
}
#container .section.notiDetail .notiInfo span + span {
  padding-left: 21px;
}
#container .section.notiDetail .notiInfo span + span:after {
  width: 1px;
}
#container .section .scoreSummary {
  margin-top: 60px;
  display: flex;
  justify-content: center;
  flex: 1;
}
#container .section .scoreSummary dl {
  position: relative;
  width: 25%;
  text-align: center;
}
#container .section .scoreSummary dl:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  background: #f0f0f0;
}
#container .section .scoreSummary dl:first-child:after {
  display: none;
}
#container .section .scoreSummary dl dt {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 18px;
}
#container .section .scoreSummary dl dd {
  margin-top: 13px;
}
#container .section .scoreSummary dl dd strong {
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 52px;
  color: #624cbf;
  display: inline-block;
}
#container .section .scoreSummary dl dd strong.iconPlus:before {
  bottom: 16px;
}
#container .section .scoreSummary dl dd strong.iconPlus:after {
  bottom: 25px;
}
#container .section .scoreSummary dl dd .infinite {
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 60px;
  color: #624cbf;
  display: inline-block;
  line-height: 1;
  font-weight: bold;
}
#container .section .scoreSummary dl dd span {
  font-size: 24px;
  display: inline-block;
}
#container .section .scoreSummary dl dd .iconPlus {
  position: relative;
  padding-right: 26px;
}
#container .section .scoreSummary dl dd .iconPlus:before {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 6px;
  width: 2px;
  height: 18px;
  background: #222;
}
#container .section .scoreSummary dl dd .iconPlus:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 15px;
  width: 18px;
  height: 2px;
  background: #222;
}
#container .section .listSummary {
  margin-top: 60px;
  display: flex;
  justify-content: center;
  flex: 1;
}
#container .section .listSummary dl {
  position: relative;
  width: 25%;
  text-align: center;
}
#container .section .listSummary dl:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -60px;
  width: 1px;
  height: 120px;
  background: #f0f0f0;
}
#container .section .listSummary dl:first-child:after {
  display: none;
}
#container .section .listSummary dl dt {
  position: relative;
  padding-top: 92px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 500;
}
#container .section .listSummary dl dt:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -42px;
  width: 84px;
  height: 84px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#container .section .listSummary dl dt.listItem1:after {
  background-image: url(../../images/online/icon/icon_listSummary1.png);
}
#container .section .listSummary dl dt.listItem2:after {
  background-image: url(../../images/online/icon/icon_listSummary2.png);
}
#container .section .listSummary dl dt.listItem3:after {
  background-image: url(../../images/online/icon/icon_listSummary3.png);
}
#container .section .listSummary dl dt.listItem4:after {
  background-image: url(../../images/online/icon/icon_listSummary4.png);
}
#container .section .listSummary dl dd {
  margin-top: 24px;
  font-size: 18px;
  line-height: 1.78;
}
#container .section .listSummary dl dd span {
  font-size: 18px;
  display: inline-block;
}
#container .section .subListType1 {
  margin-top: 70px;
}
#container .section .subListType1 ul {
  display: flex;
  justify-content: space-around;
}
#container .section .subListType1 ul li {
  position: relative;
  margin-left: 30px;
  width: calc(33.33% - 30px);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-flow: column;
}
#container .section .subListType1 ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
}
#container .section .subListType1 ul li .thum {
  padding-bottom: 54%;
  width: 100%;
  background-size: cover;
}
#container .section .subListType1 ul li p {
  padding: 8.42% 30px 40px;
  width: 100%;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7;
  text-align: center;
  letter-spacing: -0.8px;
  box-sizing: border-box;
}
#container .section .lineTypeWrap {
  margin-top: 60px;
}
#container .section .lineTypeWrap:after {
  content: "";
  display: block;
  clear: both;
}
#container .section .lineTypeWrap .lineType {
  float: left;
}
#container .section .lineTypeWrap .lineType .typeTit {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 28px;
  font-weight: 600;
}
#container .section .lineTypeWrap .lineType .typeCon {
  margin-top: 20px;
  padding-top: 30px;
  font-size: 18px;
  line-height: 1.67;
  border-top: 2px solid #222;
}
#container .section .standardVideoSummary {
  margin-top: 50px;
  width: 100%;
  text-align: center;
  border-top: 2px solid #e1e1e1;
  clear: both;
}
#container .section .standardVideoSummary .summaryTit {
  margin-top: 40px;
  font-size: 24px;
  font-weight: 500;
}
#container .section .standardVideoSummary .summaryCon {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.67;
}
#container .section .standardVideoSummary .btnWrap {
  margin-top: 40px;
}
#container .section .standardVideoSummary .btnWrap .btnType3 {
  width: 180px;
}
#container .section .faqList {
  border-top: 1px solid #666;
}
#container .section .faqList + .btnWrap {
  margin-top: 50px;
}
#container .section .faqList > ul > li.iconQ.on > a:after {
  transform: rotate(-45deg);
}
#container .section .faqList > ul > li.iconQ > a {
  position: relative;
  padding: 20px 75px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.61;
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid #e1e1e1;
}
#container .section .faqList > ul > li.iconQ > a:before {
  content: "";
  position: absolute;
  top: 22px;
  left: 15px;
  width: 26px;
  height: 26px;
  background: url(../../images/online/icon/icon_q.png) no-repeat left top;
  background-size: cover;
}
#container .section .faqList > ul > li.iconQ > a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
  width: 15px;
  height: 15px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  transform: rotate(135deg);
  transition: transform 0.3s;
}
#container .section .faqList > ul > li.iconA {
  display: none;
  position: relative;
  padding: 30px 30px 30px 75px;
  font-size: 18px;
  color: #666;
  line-height: 1.61;
  box-sizing: border-box;
  border-bottom: 1px solid #e1e1e1;
  background: #f9f9f9;
}
#container .section .faqList > ul > li.iconA .dotList {
  margin-top: 14px;
}
#container .section .faqList .iconNumber li {
  position: relative;
  padding-left: 26px;
  margin-top: 14px;
}
#container .section .faqList .iconNumber li::before {
  position: absolute;
  left: 0;
}
#container .section .faqList .iconNumber li + li {
  margin-top: 4px;
}
#container .section .faqList .iconNumber .num1::before {
  content: "1)";
}
#container .section .faqList .iconNumber .num1.type1::before {
  color: #6539EF;
}
#container .section .faqList .iconNumber .num2::before {
  content: "2)";
}
#container .section .faqList .iconNumber .num2.type1::before {
  color: #6539EF;
}
#container .section .faqList .iconNumber .num3::before {
  content: "3)";
}
#container .section .faqList .iconNumber .num3.type1::before {
  color: #6539EF;
}
#container .section .faqList .iconNumber .num4::before {
  content: "4)";
}
#container .section .faqList .iconNumber .num4.type1::before {
  color: #6539EF;
}
#container .section .circleList ul:after {
  content: "";
  display: block;
  clear: both;
}
#container .section .circleList ul li {
  position: relative;
  float: left;
  text-align: center;
}
#container .section .circleList ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  transform: translate(-50%, 0);
  pointer-events: none;
}
#container .section .circleList ul li .personName {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
}
#container .section .circleList ul li .personName span {
  margin-top: 5px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  display: block;
}
#container .section .circleList ul li .btnWrap {
  margin-top: 30px;
}
#container .section .notiTop {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#container .section .notiTop .txtL {
  font-size: 18px;
}
#container .section .notiTop .searchWrap {
  position: relative;
}
#container .section .notiTop .searchWrap input[type=text] {
  padding-right: 50px;
  width: 380px;
}
#container .section .notiTop .searchWrap .btnSearch {
  position: absolute;
  top: 7px;
  right: 15px;
  width: 26px;
  height: 26px;
  border: 0;
  background: url(../../images/common/icon_search.png) no-repeat center;
  background-size: cover;
}
#container .section .notiTop .searchWrap .btnSearch span {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}
#container .section .notiList {
  margin-top: 20px;
  width: 100%;
  border-top: 1px solid #666;
}
#container .section .notiList ul li {
  position: relative;
}
#container .section .notiList ul li a {
  padding: 46px 80px 45px 153px;
  display: block;
  border-bottom: 1px solid #e1e1e1;
  box-sizing: border-box;
}
#container .section .notiList ul li a:hover {
  border-color: #624cbf;
}
#container .section .notiList ul li a:hover:after {
  background-image: url(../../images/common/btn_more_hover.png);
}
#container .section .notiList ul li a:hover .date strong, #container .section .notiList ul li a:hover .date span {
  color: #624cbf;
}
#container .section .notiList ul li a:after {
  content: "";
  position: absolute;
  top: 36px;
  right: 36px;
  width: 40px;
  height: 40px;
  background: url(../../images/common/btn_more.png) no-repeat left top;
  background-size: cover;
}
#container .section .notiList ul li a .date {
  position: absolute;
  top: 30px;
  left: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
#container .section .notiList ul li a .date strong {
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 40px;
  font-weight: 500;
  color: #ddd;
}
#container .section .notiList ul li a .date span {
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  color: #ddd;
}
#container .section .notiList ul li a > p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
}
#container .section .notiCon {
  padding-top: 40px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #666;
  padding-bottom: 120px;
}
#container .section .notiCon .boardView {
  max-width: 690px;
  margin: 0 auto;
}
#container .section .notiCon + .btnWrap {
  margin-top: 40px;
}
#container .section .notiCon img {
  margin: 0 auto;
  width: 100%;
  max-width: 690px;
  display: block;
}
#container .section .notiCon .notiText {
  margin-top: 60px;
  font-size: 14px;
  line-height: 1.78;
}
#container .section .pagingTbl {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
#container .section .pagingTbl + .btnWrap {
  margin-top: 40px;
}
#container .section .pagingTbl ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#container .section .pagingTbl ul li:first-child {
  border-bottom: 1px solid #e1e1e1;
}
#container .section .pagingTbl ul li p {
  position: relative;
  padding: 23px 42px 23px 20px;
  width: 105px;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  box-sizing: border-box;
}
#container .section .pagingTbl ul li p.next:after {
  transform: rotate(180deg);
}
#container .section .pagingTbl ul li p:after {
  content: "";
  position: absolute;
  top: 25px;
  right: 0;
  width: 16px;
  height: 16px;
  background: url(../../images/common/icon_arrow_down.png) no-repeat center;
  background-size: cover;
}
#container .section .pagingTbl ul li a {
  padding: 23px 23px 23px 58px;
  width: calc(100% - 105px);
  font-size: 14px;
  color: #666;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#container .section .tblType1 {
  border-top: 2px solid #222;
  /*start 2023-08-16 수정*/
  /*end 2023-08-16 수정*/
}
#container .section .tblType1.overflow {
  overflow-x: auto;
}
#container .section .tblType1.noBord table thead th {
  border-left: 0;
}
#container .section .tblType1.noBord table tbody th, #container .section .tblType1.noBord table tbody td {
  border-left: 0;
}
#container .section .tblType1.taxWrap table tbody tr:last-child th, #container .section .tblType1.taxWrap table tbody tr:last-child td {
  padding-bottom: 20px;
}
#container .section .tblType1.taxWrap table tbody th, #container .section .tblType1.taxWrap table tbody td {
  padding: 20px 0 0;
}
#container .section .tblType1 table {
  width: 100%;
}
#container .section .tblType1 table thead tr th {
  padding: 22px 20px 21px;
  font-weight: 600;
  text-align: center;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #ccc;
  background: #f5f6fa;
}
#container .section .tblType1 table thead tr th:first-child {
  border-left: 0;
}
#container .section .tblType1 table thead tr th:last-child {
  border-right: 0;
}
#container .section .tblType1 table tbody tr th {
  padding: 21px 20px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #ccc;
  background: #f5f6fa;
}
#container .section .tblType1 table tbody tr th:first-child {
  border-left: 0;
}
#container .section .tblType1 table tbody tr td {
  padding: 21px 20px;
  text-align: left;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #ccc;
}
#container .section .tblType1 table tbody tr td:first-child {
  border-left: 0;
}
#container .section .tblType1 table tbody tr td.sum {
  padding: 12px 16px;
  background: #f8f8f8;
}
#container .section .tblType1 table tbody tr td.center {
  text-align: center;
}
#container .section .tblType1 table tbody tr td.vtop {
  vertical-align: top;
}
#container .section .tblType1 table tbody tr td strong {
  font-weight: 600;
}
#container .section .tblType1 table tbody tr td .select:before {
  height: calc(100% + 2px);
  border-bottom: 0;
}
#container .section .tblType1 table tbody tr td .select ul {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 1;
  width: 100%;
}
#container .section .tblType1 table tbody tr td .select ul:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid #222;
  border-top: 0;
  pointer-events: none;
}
#container .section .tblType1 table tbody tr td .dotList li {
  font-size: 15px;
  letter-spacing: -0.05em;
}
#container .section .etcList {
  margin-top: 20px;
}
#container .section .etcList ul li {
  padding-left: 15px;
  color: #999;
  line-height: 2;
  text-indent: -15px;
}
#container .section .scheduleList ul li {
  color: #666;
  line-height: 1.75;
}
#container .section .scheduleList ul li del {
  color: #999;
}
#container .section .scheduleList ul li del .uniNum {
  color: #999;
}
#container .section .scheduleList ul li .end {
  margin-top: 6px;
  margin-left: 6px;
  padding: 0 4px 1px;
  font-size: 10px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  background: #666;
}
#container .section .scheduleList ul li .uniNum {
  color: #624cbf;
}
#container .section .customizeList:after {
  content: "";
  display: block;
  clear: both;
}
#container .section .customizeList.center {
  display: flex;
  justify-content: center;
}
#container .section .customizeList [class*=item] {
  position: relative;
  float: left;
  margin-left: 3%;
  width: 31.33%;
  text-align: center;
}
#container .section .customizeList [class*=item]:first-child {
  margin-left: 0;
}
#container .section .customizeList [class*=item] .pointName {
  position: relative;
  padding-bottom: 106.5%;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 18px;
  color: #624cbf;
}
#container .section .customizeList [class*=item] .pointName:after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 90.12%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  transform: translate(-50%, 0);
}
#container .section .customizeList [class*=item] .customizeEdu {
  font-size: 18px;
}
#container .section .customizeList [class*=item] .customizeEduName {
  margin-top: 15px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-weight: 500;
}
#container .section .customizeList [class*=item] .customizeEduCon {
  margin-top: 20px;
  font-size: 16px;
  color: #666;
  line-height: 1.56;
}
#container .section .customizeList [class*=item] .customizeEduCon .small {
  font-size: 12px;
}
#container .grayBg {
  padding: 60px 0;
  width: 100%;
  background: #f5f5f5;
}
#container .skyBg {
  padding: 60px 0;
  width: 100%;
  background: #f6f8f9;
}
#container .subH3 {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.4;
}
#container .subH3 + .subH3 {
  margin-top: 10px;
}
#container .thum {
  padding-bottom: 150%;
  height: 0;
  display: block;
  background: no-repeat;
  background-position: center;
  background-size: cover;
}
#container .tabBtn {
  position: relative;
}
#container .tabBtn.fixed {
  top: 129px;
  left: 0;
  z-index: 2;
  width: 100%;
  background: #fff;
}
#container .tabBtn.fixed:before {
  display: block;
}
#container .tabBtn.fixed .box {
  margin: 0 auto;
  max-width: 1160px;
}
#container .tabBtn:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 66px;
  display: none;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
#container .tabBtn:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #999;
}
#container .tabBtn.len2 a {
  width: 50%;
}
#container .tabBtn.len3 a {
  width: 33.333%;
}
#container .tabBtn.len4 a {
  width: 25%;
}
#container .tabBtn.len5 a {
  width: 20%;
}
#container .tabBtn.len6 a {
  width: 16.6666%;
}
#container .tabBtn .box {
  display: flex;
  justify-content: left;
  align-items: center;
}
#container .tabBtn .box a {
  position: relative;
  padding: 20px 0;
  font-size: 18px;
  color: #666;
  text-align: center;
  display: block;
  white-space: nowrap;
}
#container .tabBtn .box a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
#container .tabBtn .box a.on {
  font-weight: 600;
  color: #624cbf;
}
#container .tabBtn .box a.on:after {
  height: 2px;
  background: #624cbf;
}
#container .tabBtn .box a.link span {
  position: relative;
  padding-right: 26px;
  display: inline-block;
}
#container .tabBtn .box a.link span:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  background: url(../../images/common/icon_window.png) no-repeat center;
  background-size: cover;
}
#container .tabCon {
  display: none;
}
#container .tabCon#tab1 {
  display: block;
}
#container .topBtn {
  position: fixed;
  bottom: 40px;
  left: 50%;
  z-index: 2;
  margin-left: 678px;
  width: 62px;
  height: 62px;
  text-align: center;
  display: none;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 2px 6px 0 rgba(102, 102, 102, 0.15);
  background: #fff;
}
#container .topBtn:after {
  content: "";
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -7px;
  width: 14px;
  height: 8px;
  background: url(../../images/common/icon_toparrow.png) no-repeat left top;
  background-size: cover;
}
#container .topBtn span {
  padding-top: 30px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: block;
}
#container .swiperControl {
  position: absolute;
  top: 255px;
  left: 0;
}
#container .swiperControl .swiper-button-prev {
  left: 0;
  width: 24px;
  font-size: 0;
  text-indent: -9999px;
  background-image: url(../../images/common/btn_swiper_prev.png);
  background-size: cover;
}
#container .swiperControl .swiper-button-next {
  left: 70px;
  right: auto;
  width: 24px;
  font-size: 0;
  text-indent: -9999px;
  background-image: url(../../images/common/btn_swiper_next.png);
  background-size: cover;
}
#container .photoWrap {
  position: relative;
}
#container .photoWrap .open-popup {
  position: relative;
  display: block;
}
#container .photoWrap .open-popup:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../images/online/icon/icon_play.png) no-repeat center;
  background-size: 60px 60px;
}
#container .photoWrap .open-popup img {
  width: 100%;
  display: block;
}
#container .dotList li {
  position: relative;
  margin-top: 4px;
  padding-left: 12px;
  font-size: 18px;
  line-height: 1.78;
}
#container .dotList li:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #666;
}
#container .dotList li:first-child {
  margin-top: 0;
}
#container .dotList2 li {
  position: relative;
  margin-top: 4px;
  padding-left: 15px;
  font-size: 18px;
  line-height: 1.78;
}
#container .dotList2 li:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #222;
}
#container .dotList2 li:first-child {
  margin-top: 0;
}

#footer {
  margin-top: 90px;
  padding-bottom: 60px;
  border-top: 1px solid #e1e1e1;
}
#footer .inner .footerTop {
  padding-top: 49px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer .inner .footerTop h1 {
  width: 132px;
  height: 28px;
  font-size: 0;
  text-indent: -9999px;
  background: url(../../images/common/footer_logo.png) no-repeat left top;
  background-size: cover;
}
#footer .inner .footerTop h1 a {
  display: block;
  width: 100%;
  height: 100%;
}
#footer .inner .footerTop .footSns ul:after {
  content: "";
  display: block;
  clear: both;
}
#footer .inner .footerTop .footSns ul li {
  float: left;
  margin-left: 10px;
}
#footer .inner .footerTop .footSns ul li:first-child {
  margin-left: 0;
}
#footer .inner .footerTop .footSns ul li a {
  position: relative;
  width: 30px;
  height: 30px;
  font-size: 0;
  text-indent: -9999px;
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
}
#footer .inner .footerTop .footSns ul li a.footBlog {
  background-image: url(../../images/common/footer_blog.png);
}
#footer .inner .footerTop .footSns ul li a.footFacebook {
  background-image: url(../../images/common/footer_facebook.png);
}
#footer .inner .footerTop .footSns ul li a.footInstar {
  background-image: url(../../images/common/footer_insta.png);
}
#footer .inner .footerTop .footSns ul li a.footYoutube {
  background-image: url(../../images/common/footer_youtube.png);
}
#footer .inner .footerNav {
  margin-top: 44px;
}
#footer .inner .footerNav a {
  font-size: 14px;
  font-weight: 500;
  color: #292929;
  display: inline-block;
}
#footer .inner .footerNav a + a {
  margin-left: 18px;
}
#footer .inner .footerAddress {
  margin-top: 20px;
  font-size: 13px;
  font-weight: 300;
  color: #292929;
  display: flex;
  justify-content: left;
}
#footer .inner .footerAddress span {
  position: relative;
  padding-right: 8px;
}
#footer .inner .footerAddress span + span {
  padding-left: 9px;
}
#footer .inner .footerAddress span + span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  width: 1px;
  height: 12px;
  background: #ddd;
}
#footer .inner .footerCopy {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 300;
  color: #292929;
}

.dimmed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 11;
}

.layer-popup {
  display: none;
  z-index: 11;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  min-width: 300px;
}
.layer-popup[id*=person] .popup-wrap {
  padding: 0 50px 50px;
  width: 830px;
  max-height: 90%;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  background: #fff;
}
.layer-popup[id*=person] .popup-wrap .close {
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../../images/common/btn_close.png) no-repeat center;
  background-size: cover;
}
.layer-popup[id*=person] .popup-wrap .personInfo {
  position: relative;
  padding-top: 420px;
  width: 350px;
  text-align: center;
}
.layer-popup[id*=person] .popup-wrap .personInfo:after {
  content: "";
  position: absolute;
  top: 50px;
  left: 50%;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  transform: translate(-50%, 0);
  pointer-events: none;
}
.layer-popup[id*=person] .popup-wrap .personInfo .personName {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #212121;
}
.layer-popup[id*=person] .popup-wrap .personInfo .personName span {
  margin-top: 5px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  display: block;
}
.layer-popup[id*=person] .popup-wrap .personInfo .btnWrap {
  margin-top: 40px;
}
.layer-popup[id*=person] .popup-wrap .personHistory {
  margin-top: 80px;
  margin-left: 50px;
  width: 330px;
}
.layer-popup[id*=person] .popup-wrap .personHistory dl dt {
  font-size: 18px;
  font-weight: 500;
}
.layer-popup[id*=person] .popup-wrap .personHistory dl dd {
  margin-top: 10px;
  color: #666;
  line-height: 1.75;
  letter-spacing: -0.45px;
}
.layer-popup[id*=person] .popup-wrap .personHistory dl dd + dt {
  margin-top: 30px;
}
.layer-popup#person1 .popup-wrap .personInfo:after {
  background-image: url(../../images/company/img/img_person1.png);
}
.layer-popup#person2 .popup-wrap .personInfo:after {
  background-image: url(../../images/company/img/img_person2.png);
}
.layer-popup#person3 .popup-wrap .personInfo:after {
  background-image: url(../../images/company/img/img_person3.png);
}
.layer-popup#person4 .popup-wrap .personInfo:after {
  background-image: url(../../images/company/img/img_person4.png);
}
.layer-popup#person5 .popup-wrap .personInfo:after {
  background-image: url(../../images/company/img/img_person5.png);
}
.layer-popup#person6 .popup-wrap .personInfo:after {
  background-image: url(../../images/company/img/img_person6.png);
}
.layer-popup#person7 .popup-wrap .personInfo:after {
  background-image: url(../../images/company/img/img_person7.png);
}
.layer-popup#person8 .popup-wrap .personInfo:after {
  background-image: url(../../images/company/img/img_person8.png);
}
.layer-popup#person9 .popup-wrap .personInfo:after {
  background-image: url(../../images/company/img/img_person9.png);
}
.layer-popup#person10 .popup-wrap .personInfo:after {
  background-image: url(../../images/company/img/img_person10.png);
}
.layer-popup[id*=addGroup] .popup-wrap {
  padding: 50px;
  width: 580px;
  max-height: 90%;
  overflow-y: auto;
  box-sizing: border-box;
  background: #fff;
}
.layer-popup[id*=addGroup] .popup-wrap .close {
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  background-image: url(../../images/common/btn_close@2x.png);
  background-size: 20px;
}
.layer-popup[id*=addGroup] .popup-wrap h2 {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.layer-popup[id*=addGroup] .popup-wrap > p {
  margin-top: 20px;
}
.layer-popup[id*=addGroup] .popup-wrap .tblType1 {
  margin-top: 10px;
}
.layer-popup[id*=addGroup] .popup-wrap .tblType1 table tbody th {
  padding: 12px 10px 11px;
  width: 147px;
}
.layer-popup[id*=addGroup] .popup-wrap .tblType1 table tbody th .redDot {
  position: relative;
  padding-left: 6px;
}
.layer-popup[id*=addGroup] .popup-wrap .tblType1 table tbody th .redDot:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #e32929;
}
.layer-popup[id*=addGroup] .popup-wrap .tblType1 table tbody td {
  padding: 12px 10px 11px;
}
.layer-popup[id*=addGroup] .popup-wrap .tblType1 table tbody td .btnType7 {
  padding: 10px 18px 10px;
  font-size: 14px;
}
.layer-popup[id*=addGroup] .popup-wrap .btnWrap {
  margin-top: 60px;
}
.layer-popup.small .popup-wrap {
  width: 100%;
  max-width: 300px;
}
.layer-popup .pop-header .pop-close,
.layer-popup .pop-header .modal_close_btn {
  position: absolute;
  right: 24px;
  top: 20px;
  display: block;
  width: 24px;
  height: 24px;
  background: url(../../images/common/btn_close_01.png) 0 0 no-repeat;
  background-size: 24px;
}
.layer-popup .popup-wrap {
  position: fixed;
  z-index: 12;
  width: 640px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.layer-popup .popup-wrap .pop-header {
  background: #553385;
  padding: 0 20px;
  height: 60px;
  line-height: 60px;
  color: #fff;
}
.layer-popup .popup-wrap .pop-content {
  width: 100%;
  background-color: #fff;
  padding: 24px 20px;
  box-sizing: border-box;
}
.layer-popup .popup-wrap .message-wrap {
  display: flex;
  align-items: center;
  height: 100%;
  text-align: center;
  justify-content: center;
  position: static;
  transform: translate(0, 0);
}
.layer-popup .popup-wrap .button-area.large {
  margin-top: 40px;
  text-align: center;
}
.layer-popup .popup-wrap .video-cont {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.layer-popup .popup-wrap .video-cont iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.layer-popup .popup-wrap .tblType1 {
  border-top: 2px solid #222;
}
.layer-popup .popup-wrap .tblType1 table {
  width: 100%;
}
.layer-popup .popup-wrap .tblType1 table thead tr th {
  padding: 22px 20px 21px;
  font-weight: 600;
  text-align: center;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #ccc;
  background: #f5f6fa;
}
.layer-popup .popup-wrap .tblType1 table tbody tr th {
  padding: 21px 20px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #ccc;
  background: #f5f6fa;
}
.layer-popup .popup-wrap .tblType1 table tbody tr td {
  padding: 21px 20px;
  text-align: left;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #ccc;
}
.layer-popup .popup-wrap .tblType1 table tbody tr td strong {
  font-weight: 600;
}
.layer-popup .close {
  display: block;
  width: 34px;
  height: 34px;
  text-indent: -9999px;
  overflow: hidden;
  background: url() 0 0 no-repeat;
  background-size: 34px;
  position: absolute;
  right: -40px;
  top: -40px;
}

#video01 .player {
  display: none;
}
#video01 .player:first-child {
  display: block;
}

#video02 .player {
  display: block;
}
#video02 .player:first-child {
  display: none;
}
#video02 .player:last-child {
  display: none;
}

#video03 .player {
  display: none;
}
#video03 .player:last-child {
  display: block;
}

@media (max-width: 1024px) {
  .btnWrap {
    margin-top: 40px;
  }
  .btnType1 {
    padding: 7px 43px 6px;
    font-size: 18px;
    line-height: 1.56;
  }
  .btnType3 + .btnType3 {
    margin-top: 20px;
    margin-left: 0;
  }
  .btnType7 + .btnType3 {
    margin-top: 20px;
    margin-left: 0;
  }
  .btnType8 {
    padding: 6px 12px;
    font-size: 14px;
  }
  .paging {
    margin-top: 45px;
  }
  .paging a.btnPrev {
    position: absolute;
    top: -15px;
    left: 0;
    margin: 0;
  }
  .paging a.btnNext {
    position: absolute;
    top: -15px;
    right: 0;
    margin: 0;
  }
  #header {
    transition: unset;
  }
  #header:after {
    z-index: 2;
    top: auto;
    bottom: 0;
  }
  #header.no-gnb:after {
    display: none;
  }
  #header.moClick {
    height: auto !important;
    /* .headerBanner{position:fixed; width:100%;} */
  }
  #header.moClick:after {
    height: 100%;
    z-index: 1;
    background: #fff;
  }
  #header.moClick > .inner {
    overflow-y: auto;
  }
  #header.moClick > .inner .gnbTop .btnGnbClose {
    top: 29px;
  }
  #header.moClick > .inner .gnbTop .btnGnbClose span {
    border: 0;
  }
  #header.moClick > .inner .gnbTop .btnGnbClose span:before {
    transform: translate(0, 4px) rotate(45deg);
  }
  #header.moClick > .inner .gnbTop .btnGnbClose span:after {
    transform: translate(0, -2px) rotate(-45deg);
  }
  #header.moClick > .inner .gnb {
    opacity: 1;
  }
  #header .headerBanner ul li a {
    padding: 0;
    height: 46px;
    font-size: 12px;
    letter-spacing: -0.48px;
  }
  #header .headerBanner ul li a strong {
    display: none;
  }
  #header > .inner .gnbTop {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;
    padding-left: 20px;
    background: #fff;
  }
  #header > .inner .gnbTop .logo {
    float: none;
  }
  #header > .inner .gnbTop .logo a {
    background-image: url(../../images/common/icon_logo@2x.png);
  }
  #header > .inner .gnbTop .btnGnbClose {
    top: 25px;
    height: 24px;
    display: block;
  }
  #header > .inner .gnbTop .btnGnbClose span:before, #header > .inner .gnbTop .btnGnbClose span:after {
    transform: rotate(0);
    transition: transform 0.3s;
  }
  #header > .inner .gnb {
    margin-left: 0px;
    padding-top: 80px;
    display: block;
    opacity: 0;
    transition: opacity 0.6s;
  }
  #header > .inner .gnb > ul {
    display: block;
    justify-content: unset;
  }
  #header > .inner .gnb > ul > li {
    text-align: left;
  }
  #header > .inner .gnb > ul > li.m2 {
    margin-left: 0;
  }
  #header > .inner .gnb > ul > li.m3 {
    margin-left: 0;
  }
  #header > .inner .gnb > ul > li.m4 {
    margin-left: 0;
  }
  #header > .inner .gnb > ul > li.m5 {
    margin-left: 0;
    padding-right: 0;
  }
  #header > .inner .gnb > ul > li.focus > a {
    font-weight: 500;
    /* &:before{opacity:0; transform:rotate(90deg);} */
  }
  #header > .inner .gnb > ul > li.focus > a:after {
    top: 50%;
    left: auto;
    right: 5px;
    margin-top: -4px;
    width: 16px;
    background: #000;
  }
  #header > .inner .gnb > ul > li.focus .depth2Wrap {
    display: block;
  }
  #header > .inner .gnb > ul > li.focus .depth2Wrap li .depth3 li a.focus {
    color: #222;
    font-weight: 500;
  }
  #header > .inner .gnb > ul > li.focus .depth2Wrap li .depth3 li a.focus:before {
    background: #222;
  }
  #header > .inner .gnb > ul > li.focus .depth2Wrap li .depth3 li a.focus:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    height: 1px;
    background: #222;
  }
  #header > .inner .gnb > ul > li > a {
    position: relative;
    padding: 24px 41px 25px 0px;
    font-size: 18px;
    font-weight: 400;
    display: block;
    box-sizing: border-box;
  }
  #header > .inner .gnb > ul > li > a:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -11px;
    width: 1px;
    height: 16px;
    background: #000;
    transform: 0;
    opacity: 1;
    transition: transform 0.3s, opacity 0.5s;
  }
  #header > .inner .gnb > ul > li > a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -4px;
    width: 16px;
    height: 1px;
    background: #000;
  }
  #header > .inner .gnb > ul > li > a.on:before {
    opacity: 0;
    transform: rotate(90deg);
  }
  #header > .inner .gnb > ul > li .depth2Wrap {
    margin-top: 0;
    margin-left: 20px;
    display: none;
  }
  #header > .inner .gnb > ul > li .depth2Wrap li {
    text-align: left;
  }
  #header > .inner .gnb > ul > li .depth2Wrap li a {
    font-size: 18px;
    line-height: 2.22;
  }
  #header > .inner .gnb > ul > li .depth2Wrap li a.hasDepth3 span {
    position: relative;
  }
  #header > .inner .gnb > ul > li .depth2Wrap li a.hasDepth3 span:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -19px;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    background: #000;
    transform: 0;
    opacity: 1;
    transition: transform 0.3s, opacity 0.5s;
  }
  #header > .inner .gnb > ul > li .depth2Wrap li a.hasDepth3 span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    margin-top: -1px;
    width: 13px;
    height: 1px;
    background: #000;
  }
  #header > .inner .gnb > ul > li .depth2Wrap li a.on span:before {
    opacity: 0;
    transform: rotate(90deg);
  }
  #header > .inner .gnb > ul > li .depth2Wrap li a.on:before {
    opacity: 0;
    transform: rotate(90deg);
  }
  #header > .inner .gnb > ul > li .depth2Wrap li .depth3 {
    position: relative;
    top: auto;
    left: auto;
    padding: 5px 0;
    border: 0;
  }
  #header > .inner .gnb > ul > li .depth2Wrap li .depth3 li a {
    margin-left: 15px;
    padding: 0;
    font-size: 14px;
    display: inline-block;
  }
  #header > .inner .gnb > ul > li .depth2Wrap li .depth3 li a:before {
    content: "";
    position: absolute;
    top: 15px;
    left: -9px;
    width: 3px;
    height: 2px;
    background: #666;
  }
  #header > .inner .gnb > ul > li .depth2Wrap li .depth3 li a:hover {
    background: transparent;
  }
  #header > .inner .btn-studio {
    position: relative;
    width: auto;
    border: 0 none;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    color: #222222;
  }
  #container {
    margin-top: 129px;
  }
  #container .subBanner {
    position: relative;
  }
  #container .subBanner:after {
    left: 20px;
    right: 20px;
    background-size: cover;
  }
  #container .subBanner + .inner .section {
    margin-top: 70px;
  }
  #container .subBanner + .inner .section:first-child {
    margin-top: 70px;
  }
  #container .subBanner .inner {
    padding-left: 50px;
  }
  #container .subBanner .inner .parentPage {
    display: none;
  }
  #container .subBanner .inner .pageName {
    font-size: 35px;
    line-height: 1.33;
  }
  #container .subBanner .inner .pageNameKorean {
    display: block;
  }
  #container .section + .inner .section {
    margin-top: 80px;
  }
  #container .section + .section {
    margin-top: 80px;
  }
  #container .section.request h3 {
    font-size: 22px;
  }
  #container .section.request .btnType1 {
    margin-top: 25px;
  }
  #container .section[class*=type] .leftTit {
    position: relative;
  }
  #container .section[class*=type] .leftTit h3 {
    font-size: 30px;
    line-height: 1.31;
    letter-spacing: 0;
  }
  #container .section[class*=type] .leftTit .smallText {
    font-size: 20px;
    line-height: 1.5;
  }
  #container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide:nth-child(4n) a .directorName:after {
    background-image: url(../../images/online/icon/icon_chat1@2x.png);
  }
  #container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide:nth-child(4n-3) a .directorName:after {
    background-image: url(../../images/online/icon/icon_chat2@2x.png);
  }
  #container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide:nth-child(4n-2) a .directorName:after {
    background-image: url(../../images/online/icon/icon_chat3@2x.png);
  }
  #container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide:nth-child(4n-1) a .directorName:after {
    background-image: url(../../images/online/icon/icon_chat6@2x.png);
  }
  #container .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a:after {
    background-image: url(../../images/online/icon/icon_tooltip_bottom@2x.png);
  }
  #container .section[class*=type] [data-swiper=list2] {
    margin: 40px 0;
    padding-bottom: 46px;
  }
  #container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide {
    width: 100% !important;
  }
  #container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide:after {
    display: none;
  }
  #container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item1 .projectExSubTit:after {
    width: 100%;
    background-image: url(../../images/customized/img/img_workshop2_1@2x.png);
  }
  #container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item2 .projectExSubTit {
    padding-top: 80%;
  }
  #container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item2 .projectExSubTit:after {
    width: 100%;
    background-image: url(../../images/customized/img/img_workshop2_2@2x.png);
  }
  #container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSubTit {
    padding-top: 100%;
  }
  #container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSubTit:after {
    height: 85%;
  }
  #container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSolution .box.box1 .boxTit:after {
    background-image: url(../../images/customized/icon/icon_competency1@2x.png);
  }
  #container .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExSolution .box.box2 .boxTit:after {
    background-image: url(../../images/customized/icon/icon_competency2@2x.png);
  }
  #container .section[class*=type] [data-swiper=list2] .swiper-button-prev {
    display: none;
  }
  #container .section[class*=type] [data-swiper=list2] .swiper-button-next {
    display: none;
  }
  #container .section[class*=type] [data-swiper=list2] .swiper-pagination {
    bottom: 0;
  }
  #container .section[class*=type] [data-swiper=list2] .swiper-pagination .swiper-pagination-bullet {
    margin: 0 10px;
    width: 12px;
    height: 12px;
    border: 1px solid #d1d1d1;
    background: #fff;
    opacity: 1;
  }
  #container .section[class*=type] [data-swiper=list2] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #624cbf;
    background: #624cbf;
  }
  #container .section.type1 {
    display: block;
  }
  #container .section.type1:after {
    display: none;
  }
  #container .section.type1 .leftTit {
    padding-top: 0;
    padding-bottom: 20px;
    width: 100%;
  }
  #container .section.type1 .leftTit:after {
    top: auto;
    bottom: 0;
    width: 100%;
  }
  #container .section.type1 .rightCon {
    margin-left: 0;
    padding-top: 40px;
    width: 100%;
  }
  #container .section.type1 .rightCon .rightSubTit {
    font-size: 15px;
    line-height: 1.8;
  }
  #container .section.type1 .rightCon .iconList {
    margin-top: 40px;
    width: 100%;
    box-sizing: border-box;
  }
  #container .section.type1 .rightCon .iconList ul li {
    float: none;
    padding-top: 70px;
    width: 100%;
  }
  #container .section.type1 .rightCon .iconList ul li:first-child {
    padding-top: 0;
  }
  #container .section.type1 .rightCon .iconList ul li:first-child div {
    float: none;
  }
  #container .section.type1 .rightCon .iconList ul li:nth-child(2):before {
    top: 15%;
    left: 50%;
    background-image: url(../../images/common/icon_plus@2x.png);
    transform: translate(-50%, 0);
  }
  #container .section.type1 .rightCon .iconList ul li:nth-child(2):after {
    top: auto;
    bottom: -24%;
    right: 50%;
    background-image: url(../../images/common/icon_plus@2x.png);
    transform: translate(50%, 0);
  }
  #container .section.type1 .rightCon .iconList ul li:last-child div {
    float: none;
  }
  #container .section.type1 .rightCon .iconList ul li div {
    padding-top: 90px;
    box-sizing: border-box;
  }
  #container .section.type1 .rightCon .iconList ul li div.icon1_1:after {
    background-image: url(../../images/contents/icon/icon_cont1_1@2x.png);
  }
  #container .section.type1 .rightCon .iconList ul li div.icon1_2:after {
    background-image: url(../../images/contents/icon/icon_cont1_2@2x.png);
  }
  #container .section.type1 .rightCon .iconList ul li div.icon1_3:after {
    background-image: url(../../images/contents/icon/icon_cont1_3@2x.png);
  }
  #container .section.type1 .rightCon .iconList ul li div.icon2_1:after {
    background-image: url(../../images/contents/icon/icon_cont2_1@2x.png);
  }
  #container .section.type1 .rightCon .iconList ul li div.icon2_2:after {
    background-image: url(../../images/contents/icon/icon_cont2_2@2x.png);
  }
  #container .section.type1 .rightCon .iconList ul li div.icon3_1:after {
    background-image: url(../../images/contents/icon/icon_cont3_1@2x.png);
  }
  #container .section.type1 .rightCon .iconList ul li div.icon3_2:after {
    background-image: url(../../images/contents/icon/icon_cont3_2@2x.png);
  }
  #container .section.type1 .rightCon .iconList ul li div.icon4_1:after {
    background-image: url(../../images/contents/icon/icon_cont4_1@2x.png);
  }
  #container .section.type1 .rightCon .iconList ul li div.icon4_2:after {
    background-image: url(../../images/contents/icon/icon_cont4_2@2x.png);
  }
  #container .section.type1 .rightCon .iconList ul li div.icon4_3:after {
    background-image: url(../../images/contents/icon/icon_cont4_3@2x.png);
  }
  #container .section.type1 .rightCon .iconList ul li div.icon5_1:after {
    background-image: url(../../images/contents/icon/icon_cont5_1@2x.png);
  }
  #container .section.type1 .rightCon .iconList ul li div.icon5_2:after {
    background-image: url(../../images/contents/icon/icon_cont5_2@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 {
    margin-top: 40px;
  }
  #container .section.type1 .rightCon .logoList1 ul li {
    width: 25%;
    height: 7vw;
    font-size: 0;
    text-indent: -9999px;
  }
  #container .section.type1 .rightCon .logoList1 ul li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 17vw;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo1:after {
    background-image: url(../../images/contents/img/img_logo1@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2:after {
    background-image: url(../../images/contents/img/img_logo2@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo3:after {
    background-image: url(../../images/contents/img/img_logo3@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo4:after {
    background-image: url(../../images/contents/img/img_logo4@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo5:after {
    background-image: url(../../images/contents/img/img_logo5@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo6:after {
    background-image: url(../../images/contents/img/img_logo6@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo7:after {
    background-image: url(../../images/contents/img/img_logo7@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo8:after {
    background-image: url(../../images/contents/img/img_logo8@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo9:after {
    background-image: url(../../images/contents/img/img_logo9@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo10:after {
    background-image: url(../../images/contents/img/img_logo10@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo11:after {
    background-image: url(../../images/contents/img/img_logo11@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo12:after {
    background-image: url(../../images/contents/img/img_logo12@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo13:after {
    background-image: url(../../images/contents/img/img_logo13@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo14:after {
    background-image: url(../../images/contents/img/img_logo14@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo15:after {
    background-image: url(../../images/contents/img/img_logo15@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_1:after {
    background-image: url(../../images/contents/img/img_logo2_1@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_2:after {
    background-image: url(../../images/contents/img/img_logo2_2@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_3:after {
    background-image: url(../../images/contents/img/img_logo2_3@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_4:after {
    background-image: url(../../images/contents/img/img_logo2_4@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_5:after {
    background-image: url(../../images/contents/img/img_logo2_5@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_6:after {
    background-image: url(../../images/contents/img/img_logo2_6@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_7:after {
    background-image: url(../../images/contents/img/img_logo2_7@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_8:after {
    background-image: url(../../images/contents/img/img_logo2_8@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_9:after {
    background-image: url(../../images/contents/img/img_logo2_9@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_10:after {
    background-image: url(../../images/contents/img/img_logo2_10@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_11:after {
    background-image: url(../../images/contents/img/img_logo2_11@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_12:after {
    background-image: url(../../images/contents/img/img_logo2_12@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_13:after {
    background-image: url(../../images/contents/img/img_logo2_13@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_14:after {
    background-image: url(../../images/contents/img/img_logo2_14@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo2_15:after {
    background-image: url(../../images/contents/img/img_logo2_15@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo3_1:after {
    background-image: url(../../images/contents/img/img_logo3_1@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo3_2:after {
    background-image: url(../../images/contents/img/img_logo3_2@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo3_4:after {
    background-image: url(../../images/contents/img/img_logo3_4@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo3_5:after {
    background-image: url(../../images/contents/img/img_logo3_5@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo3_6:after {
    background-image: url(../../images/contents/img/img_logo3_6@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo3_8:after {
    background-image: url(../../images/contents/img/img_logo3_8@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo3_9:after {
    background-image: url(../../images/contents/img/img_logo3_9@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo3_10:after {
    background-image: url(../../images/contents/img/img_logo3_10@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo3_12:after {
    background-image: url(../../images/contents/img/img_logo3_12@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo3_13:after {
    background-image: url(../../images/contents/img/img_logo3_13@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo3_14:after {
    background-image: url(../../images/contents/img/img_logo3_14@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo3_15:after {
    background-image: url(../../images/contents/img/img_logo3_15@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo4_4:after {
    background-image: url(../../images/contents/img/img_logo4_4@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo4_7:after {
    background-image: url(../../images/contents/img/img_logo4_7@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo4_9:after {
    background-image: url(../../images/contents/img/img_logo4_9@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo4_13:after {
    background-image: url(../../images/contents/img/img_logo4_13@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo4_15:after {
    background-image: url(../../images/contents/img/img_logo4_15@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo5_2:after {
    background-image: url(../../images/contents/img/img_logo5_2@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo5_3:after {
    background-image: url(../../images/contents/img/img_logo5_3@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo5_5:after {
    background-image: url(../../images/contents/img/img_logo5_5@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo5_6:after {
    background-image: url(../../images/contents/img/img_logo5_6@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo5_8:after {
    background-image: url(../../images/contents/img/img_logo5_8@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo5_9:after {
    background-image: url(../../images/contents/img/img_logo5_9@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo5_12:after {
    background-image: url(../../images/contents/img/img_logo5_12@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo5_13:after {
    background-image: url(../../images/contents/img/img_logo5_13@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo5_14:after {
    background-image: url(../../images/contents/img/img_logo5_14@2x.png);
  }
  #container .section.type1 .rightCon .logoList1 ul li.logo5_15:after {
    background-image: url(../../images/contents/img/img_logo5_15@2x.png);
  }
  #container .section.type1 .type1Con {
    margin-top: 50px;
  }
  #container .section.type1 .type1Con .leftType .textWrap {
    padding-left: 0px;
  }
  #container .section.type1 .type1Con > div {
    display: block;
    justify-content: unset;
    align-items: unset;
    /* & + div{margin-top:60px;} */
  }
  #container .section.type1 .type1Con > div .textWrap {
    width: 100%;
  }
  #container .section.type1 .type1Con > div .textWrap .textSubTit {
    margin-top: 20px;
  }
  #container .section.type1 .type1Con > div .textWrap .textMainTit {
    line-height: 1.31;
  }
  #container .section.type1 .type1Con > div .textWrap .textHash {
    margin-top: 10px;
    flex-wrap: wrap;
  }
  #container .section.type1 .type1Con > div .textWrap .textHash span {
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 6px;
    font-size: 14px;
  }
  #container .section.type1 .type1Con > div .photoWrap {
    width: 100%;
  }
  #container .section.type1 .type1Con > div .photoWrap .swiper-container .swiperPage {
    display: none;
  }
  #container .section.type1 .type1Con > div .photoWrap .swiper-button-prev {
    left: 10px;
    background-image: url(../../images/online/btn/btn_online_prev@2x.png);
  }
  #container .section.type1 .type1Con > div .photoWrap .swiper-button-next {
    right: 10px;
    background-image: url(../../images/online/btn/btn_online_next@2x.png);
  }
  #container .section.type2.grayBg .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  #container .section.type2.grayBg .inner .swiper-container {
    margin-left: 0px;
  }
  #container .section.type2.skyBg .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  #container .section.type2.skyBg .inner .swiper-container {
    margin-left: 0px;
  }
  #container .section.type2 .inner {
    padding-left: 0;
    padding-right: 0;
  }
  #container .section.type2 .leftTit {
    margin-left: 0;
    margin-right: 0;
  }
  #container .section.type2 .leftTit:before {
    width: 100%;
  }
  #container .section.type2 .leftTit:after {
    display: none;
  }
  #container .section.type2 .swiper-container[data-swiper=comentswiper] {
    margin: 40px 0 0;
  }
  #container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide {
    width: 74% !important;
  }
  #container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide:nth-child(4n-3) {
    background-image: url(../../images/contents/bg/bg_cont1@2x.png);
  }
  #container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide:nth-child(4n-2) {
    background-image: url(../../images/contents/bg/bg_cont2@2x.png);
  }
  #container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide:nth-child(4n-1) {
    background-image: url(../../images/contents/bg/bg_cont3@2x.png);
  }
  #container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide:nth-child(4n) {
    background-image: url(../../images/contents/bg/bg_cont4@2x.png);
  }
  #container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide a {
    padding: 30px 53px 141px 30px;
    height: 353px;
  }
  #container .section.type2 .swiper-container.listType1 .swiper-wrapper {
    justify-content: unset;
    flex-wrap: nowrap;
  }
  #container .section.type2 .swiper-container.listType1 .swiper-wrapper .swiper-slide {
    margin-top: 0;
    margin-left: 0;
    width: 85%;
  }
  #container .section.type2 .swiper-container.listType1 .swiper-wrapper .swiper-slide a {
    display: block;
  }
  #container .section.type2 .swiper-container.listType1 .swiper-wrapper .swiper-slide a:hover .learningPoint {
    text-decoration: underline;
  }
  #container .section.type2 .swiper-container.listType1 .swiper-wrapper .swiper-slide a .thum {
    padding-bottom: 100%;
  }
  #container .section.type2 .swiper-container.listType1 .swiper-wrapper .swiper-slide a .learningPoint {
    margin-top: 20px;
    font-family: "Noto Serif KR", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.33;
  }
  #container .section.type3.grayBg .leftTit {
    padding-bottom: 0;
  }
  #container .section.type3.skyBg .leftTit {
    padding-bottom: 0;
  }
  #container .section.type3 .leftTit {
    padding-bottom: 20px;
  }
  #container .section.centerText + .centerText {
    margin-top: 50px;
  }
  #container .section.centerText h3 {
    font-size: 32px;
    line-height: 1.24;
  }
  #container .section.centerText h3.shiningstar {
    font-size: 34px;
  }
  #container .section.centerText h3.shiningstar + .subH3 {
    margin-top: 20px;
    font-size: 28px;
    line-height: 1.36;
  }
  #container .section.centerText h3.shiningstar + .name {
    margin-top: 10px;
  }
  #container .section.centerText .centerSubText {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.8;
  }
  #container .section.notiDetail {
    margin-top: 70px;
  }
  #container .section.notiDetail + .section, #container .section.notiDetail + .section + .section {
    margin-top: 50px;
  }
  #container .section.notiDetail .notiTit {
    font-family: "Noto Serif KR", sans-serif;
    font-size: 26px;
    line-height: 1.23;
  }
  #container .section .scoreSummary {
    margin-top: 40px;
    flex-wrap: wrap;
  }
  #container .section .scoreSummary dl {
    margin-bottom: 40px;
    width: 50%;
  }
  #container .section .scoreSummary dl:after {
    top: auto;
    right: 0;
    bottom: -28px;
    width: auto;
    height: 1px;
  }
  #container .section .scoreSummary dl:first-child:after {
    display: block;
  }
  #container .section .scoreSummary dl + dl + dl {
    margin-bottom: 0;
  }
  #container .section .scoreSummary dl + dl + dl:after {
    display: none;
  }
  #container .section .scoreSummary dl dt {
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #container .section .listSummary {
    margin-top: 40px;
    flex-wrap: wrap;
  }
  #container .section .listSummary dl {
    margin-bottom: 80px;
    width: 50%;
  }
  #container .section .listSummary dl:after {
    top: auto;
    right: 0;
    bottom: -40px;
    margin-top: 0;
    width: auto;
    height: 1px;
  }
  #container .section .listSummary dl:first-child:after {
    display: block;
  }
  #container .section .listSummary dl + dl + dl {
    margin-bottom: 0;
  }
  #container .section .listSummary dl + dl + dl:after {
    display: none;
  }
  #container .section .listSummary dl dt {
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #container .section .listSummary dl dt.listItem1:after {
    background-image: url(../../images/online/icon/icon_listSummary1@2x.png);
  }
  #container .section .listSummary dl dt.listItem2:after {
    background-image: url(../../images/online/icon/icon_listSummary2@2x.png);
  }
  #container .section .listSummary dl dt.listItem3:after {
    background-image: url(../../images/online/icon/icon_listSummary3@2x.png);
  }
  #container .section .listSummary dl dt.listItem4:after {
    background-image: url(../../images/online/icon/icon_listSummary4@2x.png);
  }
  #container .section .listSummary dl dd {
    margin-top: 8px;
    padding: 0 4px;
    font-size: 14px;
    line-height: 1.71;
  }
  #container .section .listSummary dl dd span {
    font-size: 14px;
    line-height: 1.71;
  }
  #container .section .subListType1 {
    margin-top: 50px;
  }
  #container .section .subListType1 ul {
    display: block;
    justify-content: unset;
  }
  #container .section .subListType1 ul li {
    margin-top: 30px;
    margin-left: 0;
    width: 100%;
  }
  #container .section .subListType1 ul li:first-child {
    margin-top: 0;
  }
  #container .section .subListType1 ul li p {
    padding-top: 25px;
  }
  #container .section .lineTypeWrap {
    margin-top: 50px;
    display: block;
  }
  #container .section .lineTypeWrap .lineType {
    margin-top: 40px;
  }
  #container .section .lineTypeWrap .lineType .typeTit {
    font-family: "Noto Serif KR", sans-serif;
    font-size: 28px;
    font-weight: 600;
  }
  #container .section .lineTypeWrap .lineType .typeCon {
    line-height: 1.78;
  }
  #container .section .standardVideoSummary {
    width: 100%;
  }
  #container .section .standardVideoSummary .summaryTit {
    margin-top: 50px;
    font-size: 23px;
  }
  #container .section .faqList + .btnWrap {
    margin-top: 40px;
  }
  #container .section .faqList > ul > li.iconQ > a {
    padding: 20px 40px 20px 57px;
    font-size: 16px;
    line-height: 1.81;
  }
  #container .section .faqList > ul > li.iconQ > a:before {
    background-image: url(../../images/online/icon/icon_q@2x.png);
  }
  #container .section .faqList > ul > li.iconQ > a:after {
    margin-top: -6px;
    width: 12px;
    height: 12px;
  }
  #container .section .faqList > ul > li.iconA {
    padding: 20px 15px;
    font-size: 16px;
    line-height: 1.63;
  }
  #container .section .notiTop {
    display: block;
    justify-content: inherit;
    align-items: inherit;
  }
  #container .section .notiTop .searchWrap {
    margin-top: 20px;
  }
  #container .section .notiTop .searchWrap input[type=text] {
    padding-right: 50px;
    width: 100%;
    max-width: 640px;
  }
  #container .section .notiList ul li {
    position: relative;
  }
  #container .section .notiList ul li a {
    padding: 20px 80px 20px 0;
  }
  #container .section .notiList ul li a:after {
    top: 44px;
    right: 0;
  }
  #container .section .notiList ul li a .date {
    position: relative;
    top: auto;
    left: auto;
    justify-content: flex-start;
    align-items: baseline;
    flex-flow: row;
  }
  #container .section .notiList ul li a .date span {
    margin-left: 5px;
    display: block;
  }
  #container .section .notiList ul li a > p {
    font-size: 18px;
    line-height: 1.78;
  }
  #container .section .notiCon {
    padding-top: 50px;
    border-top: 1px solid #e1e1e1;
  }
  #container .section .notiCon .notiText {
    margin-top: 40px;
    padding: 0 0 50px;
  }
  #container .section .pagingTbl ul li a {
    padding-left: 30px;
  }
  #container .section .customizeList [class*=item] {
    float: none;
    margin-left: 0;
    width: 100%;
  }
  #container .section .customizeList [class*=item] .pointName {
    padding-bottom: 260px;
  }
  #container .section .customizeList [class*=item] .pointName:after {
    width: 220px;
    height: 220px;
  }
  #container .grayBg {
    margin-top: 80px;
    padding: 30px 0 40px;
  }
  #container .skyBg {
    margin-top: 80px;
    padding: 30px 0 40px;
  }
  #container .subH3 {
    font-size: 28px;
    line-height: 1.31;
  }
  #container .tabBtn.nameTag:before {
    width: 745px;
  }
  #container .tabBtn.nameTag:after {
    width: 745px;
  }
  #container .tabBtn.len6 {
    overflow-x: auto;
  }
  #container .tabBtn.len6 .box { /* width:745px; */
    display: flex;
    justify-content: inherit;
    align-items: inherit;
    flex-wrap: nowrap;
  }
  #container .tabBtn.len6 .box a {
    white-space: nowrap;
    display: block; /* float:left; */
    padding: 20px 12px;
    width: auto;
  }
  #container .tabBtn a {
    padding: 20px 0;
    font-size: 16px;
  }
  #container .topBtn {
    bottom: 40px;
    left: auto;
    margin-left: 0;
    right: 20px;
  }
  #container .swiperControl {
    display: none;
  }
  #footer {
    margin-top: 80px;
    padding-bottom: 0;
  }
  #footer .inner {
    padding-bottom: 72px;
  }
  #footer .inner .footerTop {
    padding-top: 38px;
    display: block;
    justify-content: inherit;
    align-items: inherit;
  }
  #footer .inner .footerTop h1 {
    background-image: url(../../images/common/footer_logo@2x.png);
    background-size: 100% auto;
  }
  #footer .inner .footerTop .footSns {
    position: absolute;
    left: 20px;
    bottom: 26px;
  }
  #footer .inner .footerTop .footSns ul li a.footBlog {
    background-image: url(../../images/common/footer_blog@2x.png);
  }
  #footer .inner .footerTop .footSns ul li a.footFacebook {
    background-image: url(../../images/common/footer_facebook@2x.png);
  }
  #footer .inner .footerTop .footSns ul li a.footInstar {
    background-image: url(../../images/common/footer_insta@2x.png);
  }
  #footer .inner .footerTop .footSns ul li a.footYoutube {
    background-image: url(../../images/common/footer_youtube@2x.png);
  }
  #footer .inner .footerNav {
    margin-top: 40px;
  }
  #footer .inner .footerAddress {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column;
  }
  #footer .inner .footerAddress span {
    padding-bottom: 5px;
    padding-right: 0;
  }
  #footer .inner .footerAddress span + span {
    padding-left: 0;
  }
  #footer .inner .footerAddress span + span:before {
    display: none;
  }
  .layer-popup[id*=person] .popup-wrap {
    padding: 0 42px 50px;
    width: calc(100% - 42px);
    max-width: 560px;
    display: block;
  }
  .layer-popup[id*=person] .popup-wrap .personInfo {
    padding-top: 93vw;
    width: 100%;
  }
  .layer-popup[id*=person] .popup-wrap .personInfo:after {
    top: 80px;
  }
  .layer-popup[id*=person] .popup-wrap .personHistory {
    margin-top: 40px;
    margin-left: 0;
    width: 100%;
  }
  .layer-popup[id*=person] .popup-wrap .personHistory dl dd {
    letter-spacing: -0.16px;
  }
  .layer-popup[id*=addGroup] .popup-wrap {
    padding: 60px 20px 30px;
    width: calc(100% - 42px);
  }
  .layer-popup[id*=addGroup] .popup-wrap .tblType1 table tbody th {
    width: 142px;
  }
  .layer-popup[id*=addGroup] .popup-wrap .tblType1 table tbody td {
    padding: 12px 10px 11px;
  }
  .layer-popup[id*=addGroup] .popup-wrap .tblType1 table tbody td .btnType7 {
    padding: 10px 8px 10px;
  }
  .layer-popup .popup-wrap .close {
    background-image: url(../../images/common/btn_close@2x.png);
  }
}
.floating-inquiry {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  left: 50%;
  bottom: 16px;
  z-index: 100;
  width: 1160px;
  height: 76px;
  padding: 0 20px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.15), 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  transform: translate(-50%, 0);
}
.floating-inquiry .tit-inquiry {
  font-size: 16px;
  line-height: 22px;
  flex: 3.6;
  letter-spacing: -0.6px;
}
.floating-inquiry .link-inquiry {
  padding: 0 20px;
  height: 44px;
  border-radius: 8px;
  font-family: "Pretendard";
  font-size: 16px;
  line-height: 44px;
  letter-spacing: -0.2px;
  color: #fff;
  font-weight: 700;
  background-color: #1e1e1e;
  flex: 1;
  text-align: center;
}
.floating-inquiry .link-inquiry:hover {
  text-decoration: none;
  background-color: #131313;
}
@media (max-width: 1280px) {
  .floating-inquiry {
    width: calc(100% - 80px);
  }
}
@media (max-width: 586px) {
  .floating-inquiry {
    height: 86px;
  }
  .floating-inquiry .tit-inquiry {
    flex: none;
    width: 50%;
    font-size: 14px;
  }
  .floating-inquiry .link-inquiry {
    flex: none;
    width: 90px;
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  #container .section[class*=type] [data-swiper=list3] {
    margin-top: 40px;
    overflow: hidden;
  }
  #container .section[class*=type] [data-swiper=list3] .swiper-wrapper {
    padding-bottom: 42px;
  }
  #container .section[class*=type] [data-swiper=list3] .swiper-wrapper .swiper-slide {
    width: 100% !important;
  }
  #container .section[class*=type] [data-swiper=list3] .swiper-wrapper .swiper-slide .projectExCon img {
    width: 160px;
    height: 160px;
    margin: 0 auto;
  }
  #container .section[class*=type] [data-swiper=list3] .swiper-pagination {
    display: block !important;
  }
}
@media (max-width: 540px) {
  #container .section[class*=type] [data-swiper=list3] .swiper-wrapper .swiper-slide {
    width: 100% !important;
  }
}
@media (max-width: 340px) {
  #header.moClick > .inner {
    height: calc(100vh - 63px);
  }
  #container .subBanner .inner {
    padding-left: 30px;
    padding-right: 30px;
  }
  #container .subBanner .inner .pageName {
    font-size: 10vw;
  }
  #container .section.type2 .swiper-container[data-swiper=comentswiper] .swiper-wrapper .swiper-slide a {
    padding: 20px 20px 141px 20px;
    height: auto;
  }
  #container .section .scoreSummary dl {
    width: 100%;
  }
  #container .section .scoreSummary dl:nth-child(3) {
    margin-bottom: 40px;
  }
  #container .section .scoreSummary dl:nth-child(3):after {
    display: block;
  }
  .layer-popup[id*=addGroup] .popup-wrap .tblType1 table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  .layer-popup[id*=addGroup] .popup-wrap .tblType1 table tbody tr th {
    width: 100%;
  }
  .layer-popup[id*=addGroup] .popup-wrap .tblType1 table tbody tr td {
    padding: 12px 10px 11px;
    width: calc(100% - 20px);
    text-align: center;
  }
  .layer-popup[id*=addGroup] .popup-wrap .tblType1 table tbody tr td .btnType7 {
    padding: 10px 8px 10px;
  }
}
.asterisk::after {
  content: "*";
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  margin-top: 2px;
  color: #ff0000;
}

#wrap.main #header {
  height: 128px;
}
#wrap.main #header.hover {
  height: 429px;
}
#wrap.main #header.scroll {
  height: 129px;
}
#wrap.main #header.scroll.hover {
  height: 429px;
}
#wrap.main #container {
  margin-top: 176px;
}
#wrap.main #container .section.mainVisual {
  position: relative;
  margin-top: 48px;
}
#wrap.main #container .section.mainVisual:after {
  content: "";
  display: block;
  clear: both;
}
#wrap.main #container .section.mainVisual .mainVisualTit {
  float: left;
  margin-top: 24px;
  width: 306px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.41;
}
#wrap.main #container .section.mainVisual .swiper-container {
  width: calc(100% - 306px);
}
#wrap.main #container .section.mainVisual .swiper-container .swiper-wrapper .swiper-slide a {
  display: block;
}
#wrap.main #container .section.mainVisual .swiper-container .swiper-wrapper .swiper-slide a:after {
  content: "";
  display: block;
  clear: both;
}
#wrap.main #container .section.mainVisual .swiper-container .swiper-wrapper .swiper-slide a .swiperImg {
  float: left;
  width: 384px;
}
#wrap.main #container .section.mainVisual .swiper-container .swiper-wrapper .swiper-slide a .swiperCon {
  float: left;
  margin-top: 27px;
  width: 405px;
  padding-left: 52px;
}
#wrap.main #container .section.mainVisual .swiper-container .swiper-wrapper .swiper-slide a .swiperCon .learningTit {
  color: #624cbf;
}
#wrap.main #container .section.mainVisual .swiper-container .swiper-wrapper .swiper-slide a .swiperCon .learningPoint {
  margin-top: 30px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 28px;
  line-height: 1.36;
}
#wrap.main #container .section.mainVisual .swiper-container .swiper-wrapper .swiper-slide a .swiperCon .learningSummary {
  margin-top: 30px;
  line-height: 1.75;
  letter-spacing: -0.05em;
}
#wrap.main #container .section.mainVisual .mainControl {
  position: absolute;
  top: 219px;
  left: 0;
}
#wrap.main #container .section.mainVisual .mainControl .swiper-button-prev {
  left: 0;
  width: 24px;
  font-size: 0;
  text-indent: -9999px;
  background-image: url(../../images/common/btn_swiper_prev.png);
  background-size: cover;
}
#wrap.main #container .section.mainVisual .mainControl .swiper-button-next {
  left: 70px;
  right: auto;
  width: 24px;
  font-size: 0;
  text-indent: -9999px;
  background-image: url(../../images/common/btn_swiper_next.png);
  background-size: cover;
}
#wrap.main #container .section[class*=mainList]:after {
  content: "";
  clear: both;
  display: block;
}
#wrap.main #container .section[class*=mainList] .mainListTit {
  float: left;
  width: 300px;
}
#wrap.main #container .section[class*=mainList] .mainListTit .mainListSmall {
  height: 29px;
  font-size: 20px;
  font-family: "Noto Serif KR", sans-serif;
  font-weight: 400;
}
#wrap.main #container .section[class*=mainList] .mainListTit .mainListSmall span {
  position: relative;
  margin-left: 23px;
  width: 80px;
  height: 29px;
  display: inline-block;
  vertical-align: top;
}
#wrap.main #container .section[class*=mainList] .mainListTit .mainListSmall span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #707070;
  background: #fff;
  transform: translate(0, -50%);
}
#wrap.main #container .section[class*=mainList] .mainListTit p {
  margin-top: 12px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.48;
}
#wrap.main #container .section[class*=mainList] .mainListTit .mainListTitMore {
  position: relative;
  margin-top: 61px;
  padding-right: 34px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
}
#wrap.main #container .section[class*=mainList] .mainListTit .mainListTitMore:hover:after {
  animation-name: arrowMove;
  animation-duration: 0.4s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}
#wrap.main #container .section[class*=mainList] .mainListTit .mainListTitMore:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 24px;
  height: 24px;
  background: url(../../images/common/icon_arrow.png) no-repeat left top;
  background-size: cover;
}
@keyframes arrowMove {
  0% {
    right: 0;
  }
  100% {
    right: -10px;
  }
}
#wrap.main #container .section[class*=mainList] .mainNoti {
  float: right;
  width: calc(100% - 378px);
  border-top: 1px solid #999;
}
#wrap.main #container .section[class*=mainList] .mainNoti ul li {
  border-bottom: 1px solid #e1e1e1;
}
#wrap.main #container .section[class*=mainList] .mainNoti ul li a {
  position: relative;
  padding: 24px 96px 24px 24px;
  display: block;
  box-sizing: border-box;
}
#wrap.main #container .section[class*=mainList] .mainNoti ul li a:after {
  content: "";
  position: absolute;
  top: 36px;
  right: 36px;
  width: 40px;
  height: 40px;
  background: url(../../images/common/btn_more.png) no-repeat left top;
  background-size: cover;
}
#wrap.main #container .section[class*=mainList] .mainNoti ul li a:hover .mainNotiTit {
  text-decoration: underline;
}
#wrap.main #container .section[class*=mainList] .mainNoti ul li a .mainNotiTit {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  color: #212121;
  display: inline-block;
}
#wrap.main #container .section[class*=mainList] .mainNoti ul li a .mainNotiSummary {
  margin-top: 12px;
  color: #999;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#wrap.main #container .section[class*=mainList] .swiper-container {
  float: left;
  width: calc(100% - 300px);
}
#wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper {
  display: flex;
  justify-content: flex-start;
}
#wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper .swiper-slide {
  margin-left: 30px;
  width: calc(33.333% - 20px);
  height: auto;
}
#wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper .swiper-slide:first-child {
  margin-left: 0;
}
#wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper .swiper-slide a {
  display: block;
}
#wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper .swiper-slide a:hover .learningPoint:after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #707070;
}
#wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper .swiper-slide a .thum {
  position: relative;
  padding-bottom: 100%;
}
#wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper .swiper-slide a .thum > div {
  position: absolute;
  left: 0;
  bottom: 0;
}
#wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper .swiper-slide a .thum > div:after {
  content: "";
  clear: both;
  display: block;
}
#wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper .swiper-slide a .thum > div span {
  float: left;
  padding: 5px 12px;
  font-size: 14px;
  color: #fff;
  display: block;
}
#wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper .swiper-slide a .thum > div span.pointB {
  background: #212121;
}
#wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper .swiper-slide a .thum > div span.pointO {
  background: #ff7200;
}
#wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper .swiper-slide a .learningTit {
  margin-top: 20px;
  color: #624cbf;
  font-size: 14px;
}
#wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper .swiper-slide a .learningPoint {
  position: relative;
  margin-top: 8px;
  font-family: "Noto Serif KR", sans-serif;
  font-weight: 500;
  font-size: 24px;
  display: inline-block;
}
#wrap.main #container .section.mainPreview {
  display: flex;
  justify-content: flex-start;
}
#wrap.main #container .section.mainPreview > div {
  position: relative;
  padding: 37px 40px 74px;
  width: 50%;
  background: #faf1cd;
  box-sizing: border-box;
}
#wrap.main #container .section.mainPreview > div:after {
  content: "";
  position: absolute;
  top: 78px;
  right: 50px;
  width: 98px;
  height: 95px;
  background: url(../../images/main/icon_columm.png) no-repeat left top;
  background-size: cover;
}
#wrap.main #container .section.mainPreview > div.mainPreview1 {
  background: #624cbf;
}
#wrap.main #container .section.mainPreview > div.mainPreview1:after {
  width: 98px;
  height: 94px;
  background-image: url(../../images/main/icon_contetnts.png);
}
#wrap.main #container .section.mainPreview > div.mainPreview1 a {
  color: #fff;
}
#wrap.main #container .section.mainPreview > div a {
  display: block;
}
#wrap.main #container .section.mainPreview > div a .mainPreviewTit {
  position: relative;
  margin-top: 0;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  display: inline-block;
  letter-spacing: 0.5px;
  text-decoration: underline;
}
#wrap.main #container .section.mainPreview > div a p {
  margin-top: 30px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.55;
}
#wrap.main #container .section.scoreWrap .mainScoreTit {
  text-align: center;
}
#wrap.main #container .section.scoreWrap .mainScoreTit span {
  font-family: "Noto Serif KR", sans-serif;
}
#wrap.main #container .section.scoreWrap .mainScoreTit p {
  margin-top: 20px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 46px;
  font-weight: bold;
}

@media only screen and (max-width: 1400px) {
  #wrap.main #header.moClick {
    height: 100%;
  }
  #wrap.main #container .section.mainVisual .swiper-container .swiper-wrapper .swiper-slide a .swiperImg {
    width: 43%;
  }
  #wrap.main #container .section.mainVisual .swiper-container .swiper-wrapper .swiper-slide a .swiperCon {
    width: calc(57% - 52px);
  }
}
@media (max-width: 1024px) {
  #wrap.main #container .section.mainVisual .mainVisualTit {
    margin-top: 0;
    width: calc(100% - 90px);
    font-size: 24px;
    line-height: 1.5;
  }
  #wrap.main #container .section.mainVisual .swiper-container {
    width: 100%;
  }
  #wrap.main #container .section.mainVisual .swiper-container .swiper-wrapper .swiper-slide a .swiperImg {
    float: none;
    margin-top: 28px;
    width: 100%;
  }
  #wrap.main #container .section.mainVisual .swiper-container .swiper-wrapper .swiper-slide a .swiperCon {
    float: none;
    margin-top: 34px;
    padding-left: 0;
    width: 100%;
  }
  #wrap.main #container .section.mainVisual .swiper-container .swiper-wrapper .swiper-slide a .swiperCon .learningPoint {
    margin-top: 10px;
  }
  #wrap.main #container .section.mainVisual .swiper-container .swiper-wrapper .swiper-slide a .swiperCon .learningSummary {
    margin-top: 20px;
  }
  #wrap.main #container .section.mainVisual .mainControl {
    top: 32px;
    left: auto;
    right: 0;
  }
  #wrap.main #container .section.mainVisual .mainControl .swiper-button-prev {
    left: auto;
    right: 60px;
    background-image: url(../../images/common/btn_swiper_prev@2x.png);
  }
  #wrap.main #container .section.mainVisual .mainControl .swiper-button-next {
    left: auto;
    right: 0;
    background-image: url(../../images/common/btn_swiper_next@2x.png);
  }
  #wrap.main #container .section[class*=mainList].mainList2 .mainListTit .mainListSmall span {
    margin-left: 22px;
  }
  #wrap.main #container .section[class*=mainList].mainList3 .mainListTit .mainListSmall span {
    margin-left: 27px;
  }
  #wrap.main #container .section[class*=mainList] .mainListTit {
    float: none;
    width: 100%;
  }
  #wrap.main #container .section[class*=mainList] .mainListTit .mainListSmall span {
    margin-left: 44px;
  }
  #wrap.main #container .section[class*=mainList] .mainListTit p {
    font-size: 32px;
  }
  #wrap.main #container .section[class*=mainList] .mainListTit .mainListTitMore {
    margin-top: 20px;
  }
  #wrap.main #container .section[class*=mainList] .mainNoti {
    float: none;
    margin-top: 40px;
    width: 100%;
  }
  #wrap.main #container .section[class*=mainList] .mainNoti ul li a {
    padding: 20px 88px 20px 0;
  }
  #wrap.main #container .section[class*=mainList] .mainNoti ul li a:after {
    top: 50%;
    right: 0;
    margin-top: -20px;
    background-image: url(../../images/common/btn_more@2x.png);
  }
  #wrap.main #container .section[class*=mainList] .mainNoti ul li a .mainNotiTit {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    line-height: 1.5;
  }
  #wrap.main #container .section[class*=mainList] .mainNoti ul li a .mainNotiSummary {
    display: none;
  }
  #wrap.main #container .section[class*=mainList] .swiper-container {
    float: none;
    margin-top: 40px;
    margin-left: -20px;
    padding: 0 20px;
    width: calc(100% + 40px);
    box-sizing: border-box;
  }
  #wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper {
    justify-content: unset;
  }
  #wrap.main #container .section[class*=mainList] .swiper-container .swiper-wrapper .swiper-slide {
    margin-left: 0;
    width: calc(100% - 75px);
  }
  #wrap.main #container .section.mainPreview {
    display: block;
    justify-content: unset;
  }
  #wrap.main #container .section.mainPreview > div {
    margin-left: -20px;
    padding: 22px 100px 22px 20px;
    width: calc(100% + 40px);
  }
  #wrap.main #container .section.mainPreview > div:after {
    top: 50%;
    right: 30px;
    width: 50px;
    height: 48px;
    background-image: url(../../images/main/icon_columm@2x.png);
    transform: translate(0, -50%);
  }
  #wrap.main #container .section.mainPreview > div.mainPreview1:after {
    right: 31px;
    width: 50px;
    height: 48px;
    background-image: url(../../images/main/icon_contetnts@2x.png);
  }
  #wrap.main #container .section.mainPreview > div a .mainPreviewTit {
    margin-top: 0;
    font-size: 16px;
    text-decoration: underline;
  }
  #wrap.main #container .section.mainPreview > div a p {
    margin-top: 9px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
  }
  #wrap.main #container .section.scoreWrap .mainScoreTit p {
    margin-top: 10px;
    font-size: 36px;
    line-height: 1.56;
  }
}
#container[data-banner=leadership] .subBanner:after {
  background-image: url(../../images/contents/bg/bg_sub_leadership.png);
}
#container[data-banner=leadership] .subBanner + .inner .section {
  margin-top: 80px;
}
#container[data-banner=groupculture] .subBanner:after {
  background-image: url(../../images/contents/bg/bg_sub_groupCulture.png);
}
#container[data-banner=groupculture] .subBanner + .inner .section {
  margin-top: 80px;
}
#container[data-banner=taskmanger] .subBanner:after {
  background-image: url(../../images/contents/bg/bg_sub_taskManger.png);
}
#container[data-banner=taskmanger] .subBanner + .inner .section {
  margin-top: 80px;
}
#container[data-banner=communication] .subBanner:after {
  background-image: url(../../images/contents/bg/bg_sub_communication.png);
}
#container[data-banner=communication] .subBanner + .inner .section {
  margin-top: 80px;
}
#container[data-banner=workskill] .subBanner:after {
  background-image: url(../../images/contents/bg/bg_sub_workSkill.png);
}
#container[data-banner=workskill] .subBanner + .inner .section {
  margin-top: 80px;
}

@media (max-width: 1024px) {
  #container[data-banner=leadership] .section.type2 .swiper-container {
    margin-left: -20px;
    padding: 0 20px;
    width: 100%;
  }
}
#container[data-banner=openedu] {
  /*[S]2023-05-01*/
  /*[E]2023-05-01*/
}
#container[data-banner=openedu] .subBanner:after {
  background-image: url(../../images/openedu/bg/bg_sub_openEdu.png);
}
#container[data-banner=openedu] .section.type1 + .request {
  padding-top: 110px;
  border-top: 1px solid #222;
}
#container[data-banner=openedu] .section.type1 .rightCon .tblType1 + .rightSubTit {
  margin-top: 20px; /* margin-top:76px;*/
}
#container[data-banner=openedu] .section.type3 {
  margin-top: 110px;
}
#container[data-banner=openedu] .section.type3:after {
  content: "";
  display: block;
  clear: both;
}
#container[data-banner=openedu] .section.type3.skyBg .btnWrap .btnType3 {
  font-weight: 600;
}
#container[data-banner=openedu] .section.type3 .leftTit {
  float: left;
}
#container[data-banner=openedu] .section.type3 .rightCon {
  float: left;
}
#container[data-banner=openedu] .section.type3 .rightCon + .overflow {
  margin-top: 120px;
  clear: both;
}
#container[data-banner=openedu] .section.type3 .rightCon + .overflow .thum {
  padding-bottom: 36.38%;
  background-size: 94% auto;
}
#container[data-banner=openedu] .section.type3 .rightCon + .overflow + .txtC {
  margin-top: 40px;
  padding-right: 37px;
  text-align: right;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap {
  padding-top: 60px;
  clear: both;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.heightType1 .swiper-wrapper .swiper-slide {
  height: 540px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.heightType2 .swiper-wrapper .swiper-slide {
  height: 412px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.heightType3 .swiper-wrapper .swiper-slide {
  height: 246px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail1 .swiper-wrapper .swiper-slide dl dd {
  height: 70px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail3 .swiper-wrapper .swiper-slide {
  width: 390px;
  height: 540px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail4 .swiper-wrapper .swiper-slide {
  height: 412px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail4 .swiper-wrapper .swiper-slide dl dd {
  height: 70px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail6 .swiper-wrapper .swiper-slide {
  height: 220px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail6 .swiper-wrapper .swiper-slide .m50 {
  margin-top: 41px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail7 .swiper-wrapper .swiper-slide {
  width: 280px;
  height: 197px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail8 .swiper-wrapper .swiper-slide {
  width: 340px;
  height: 540px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail8 .swiper-wrapper .swiper-slide dl dd {
  height: 46px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail13 .swiper-wrapper .swiper-slide {
  height: 228px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail13 .swiper-wrapper .swiper-slide dt {
  font-size: 18px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail13 .swiper-wrapper .swiper-slide .enTit {
  font-size: 22px;
  font-family: "Noto Sans KR", sans-serif;
  margin-top: 10px;
  font-weight: 500;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail14 .swiper-wrapper .swiper-slide {
  height: 324px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap + .txtC {
  margin-top: 30px;
  font-size: 14px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap + .txtC + .btnWrap {
  margin-top: 50px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap + .txtC + .btnWrap .btnType7 {
  padding: 12px 32px 13px;
  font-weight: 600;
  border-radius: 24px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap + .txtC + .btnWrap .btnType7 + .btnType3 {
  margin-left: 14px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail15 .swiper-wrapper .swiper-slide {
  width: calc(39% - 19px);
  height: 370px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail15 .swiper-wrapper .swiper-slide dl dd {
  margin-top: 30px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail15 .swiper-wrapper .swiper-slide dl li + li {
  margin-top: 15px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper {
  justify-content: center;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper .swiper-slide {
  position: relative;
  margin-left: 25px;
  width: calc(25% - 19px);
  height: 354px;
  text-align: center;
  border-radius: 30px;
  background: #fff;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper .swiper-slide:first-child {
  margin-left: 0;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper .swiper-slide .curriculumDay {
  padding: 11px 28px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 26px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  border-radius: 0 0 15px 15px;
  box-sizing: border-box;
  background: #9384d3;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper .swiper-slide .curriculumDay + dl {
  margin-top: 20px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper .swiper-slide dl {
  margin-top: 40px;
  padding: 0 10px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper .swiper-slide dl dt {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 22px;
  font-weight: 500;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper .swiper-slide dl dd {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.71;
  color: #999;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper .swiper-slide dl dd + dt {
  margin-top: 35px;
}
#container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper .swiper-slide .curriculumText {
  margin-top: 20px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 22px;
  line-height: 1.45;
}
#container[data-banner=openedu] .section.type3 .swiper-container[data-swiper=comentswiper2] {
  padding-top: 60px;
  clear: both;
}
#container[data-banner=openedu] .section.type3 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a {
  padding: 30px 20px 134px;
  height: 280px;
}
#container[data-banner=openedu] .section.type3 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorItem {
  margin-top: 25px;
}
#container[data-banner=openedu] .section.type3 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorItem .eduSmall {
  font-size: 14px;
}
#container[data-banner=openedu] .section.type3 .progressThumb {
  clear: left;
  padding-top: 60px;
}
#container[data-banner=openedu] .section.type3 .progressThumb img {
  width: 100%;
}
#container[data-banner=openedu] .section.type3 .progressList {
  margin-top: 40px;
}
#container[data-banner=openedu] .section.type3 .progressList li {
  position: relative;
  padding-left: 20px;
}
#container[data-banner=openedu] .section.type3 .progressList li .num {
  position: absolute;
  left: 0;
  top: 0;
}
#container[data-banner=openedu] .section.type2 [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a {
  padding: 30px;
  height: 390px;
  box-sizing: border-box;
  border: 0 none;
  border-radius: 16px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
#container[data-banner=openedu] .section.type2 [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a:after {
  display: none;
}
#container[data-banner=openedu] .section.type2 [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorComent {
  font-size: 20px;
  color: #624CBF;
  padding-top: 40px;
  background: url(../../images/openedu/icon/ico_marks.png) 0 0 no-repeat;
}
#container[data-banner=openedu] .section.type2 [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorcompany {
  margin-top: 30px;
  vertical-align: top;
}
#container[data-banner=openedu] .section.type2 [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .director {
  color: #666666;
  margin-top: 10px;
}
#container[data-banner=openedu] .section.request .btnType3 {
  margin-top: 30px;
  font-size: 24px;
  font-weight: 500;
  border-radius: 44px;
}
#container[data-banner=openedu] .section.request .btnType3 + .requestSubTit {
  margin-top: 20px;
}
#container[data-banner=openedu] .section.ccl-wrap {
  width: 100%;
  height: 770px;
  margin-top: 80px;
  padding: 60px 0;
  color: #fff;
  background: url(../../images/openedu/bg/bg_ccl.png) center 0 no-repeat;
  background-size: cover;
  text-align: center;
  box-sizing: border-box;
}
#container[data-banner=openedu] .section.ccl-wrap .hgroup span {
  display: inline-block;
  vertical-align: middle;
  font-size: 28px;
}
#container[data-banner=openedu] .section.ccl-wrap .hgroup span + span::before {
  content: "";
  display: inline-block;
  height: 28px;
  width: 1px;
  background-color: #fff;
  margin: 4px 20px 0;
}
#container[data-banner=openedu] .section.ccl-wrap h3.title {
  font-size: 28px;
  margin-top: 80px;
}
#container[data-banner=openedu] .section.ccl-wrap .m15 {
  margin-top: 15px;
}
#container[data-banner=openedu] .section.ccl-wrap .text-yellow {
  color: #FFDD00;
}
#container[data-banner=openedu] .section.ccl-wrap .item-list {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
#container[data-banner=openedu] .section.ccl-wrap .item-list li {
  width: 16.6666666667%;
}
#container[data-banner=openedu] .section.ccl-wrap .item-list li .label {
  display: block;
  font-size: 24px;
  font-family: "Roboto";
}
#container[data-banner=openedu] .section.ccl-wrap .item-list li .icon {
  display: block;
  margin: 30px 0;
}
#container[data-banner=openedu] .section.ccl-wrap .item-list li p {
  font-size: 16px;
}
#container[data-banner=openedu] .section.kldp-wrap {
  text-align: center;
}
#container[data-banner=openedu] .section.kldp-wrap h3 {
  font-size: 34px;
  font-weight: 500;
}
#container[data-banner=openedu] .section.kldp-wrap ul {
  display: flex;
  margin-top: 40px;
}
#container[data-banner=openedu] .section.kldp-wrap ul li {
  width: 360px;
  padding: 40px 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 20px;
  margin: 0 7px;
  box-sizing: border-box;
}
#container[data-banner=openedu] .section.kldp-wrap ul li .num {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  margin: 0 auto;
  background-color: #624CBF;
  text-align: center;
  border-radius: 40px;
}
#container[data-banner=openedu] .section.kldp-wrap ul li h4 {
  margin-top: 20px;
  font-size: 18px;
}
#container[data-banner=openedu] .section.kldp-wrap ul li h4 strong {
  display: block;
  margin-top: 10px;
  font-size: 26px;
}
#container[data-banner=openedu] .section.kldp-wrap ul li p {
  margin-top: 20px;
}
#container[data-banner=openedu] .section .openEduTop {
  margin-top: 80px;
  padding-top: 70px;
  display: flex;
  justify-content: space-between;
}
#container[data-banner=openedu] .section .openEduTop .thum {
  width: 50%;
  padding-bottom: 34%;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo {
  width: calc(50% - 50px);
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduKind {
  display: flex;
  justify-content: flex-start;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduKind span {
  padding: 5px 12px;
  font-size: 14px;
  color: #fff;
  box-sizing: border-box;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduKind span.eduOffline {
  background: #05929b;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduKind span.eduOnline {
  background: #5555bf;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduKind span.eduOnline2 {
  background: #d5ba8c;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduName {
  margin-top: 14px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 36px;
  font-weight: 600;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduSellPrice {
  margin-top: 30px;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduSellPrice + .eduSellPrice {
  margin-top: 20px;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduSellPrice strong {
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 32px;
  font-weight: 600;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduSellPrice span {
  margin-left: 5px;
  display: inline-block;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduUnitWrap {
  margin-top: 20px;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduOption .eduUnit {
  flex-wrap: wrap;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduOption .eduUnit .eduSelector {
  margin-top: 30px;
  width: 100%;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal {
  margin-top: 20px;
  padding: 12px 16px;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  background: #f8f8f8;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal.hidden {
  padding: 0 16px;
  height: 0;
  border-bottom: 0;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalTop ul li {
  position: relative;
  display: flex;
  justify-content: flex-start;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalTop ul li span {
  position: relative;
  font-size: 14px;
  color: #666;
  display: block;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalTop ul li span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -5px;
  height: 12px;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalTop ul li span.endSoon {
  margin-left: 10px;
  padding: 1px 8px;
  font-size: 12px;
  color: #fff;
  border-radius: 20px;
  background: #624cbf;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalTop ul li span.endSoon:after {
  display: none;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalTop ul li span + span {
  padding-left: 21px;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalTop ul li span + span:after {
  width: 1px;
  background: #666;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalTop ul li .eduDel {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 14px;
  border: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../../images/openedu/icon/icon_del.png) no-repeat center;
  background-size: cover;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalBottom {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalBottom .totalText {
  font-weight: 500;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalBottom .totalPrice {
  font-size: 0;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalBottom .totalPrice p {
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 28px;
  font-weight: 600;
  display: inline-block;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalBottom .totalPrice span {
  margin-left: 5px;
  display: inline-block;
  font-size: 14px;
  color: #666;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduUnit {
  padding: 12px 0;
  border-top: 1px solid #e1e1e1;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduUnit .eduUnitTit {
  width: 90px;
  font-weight: 500;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .eduUnit .eduUnitCon {
  width: calc(100% - 110px);
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .ectText {
  margin-top: 10px;
  color: #999;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .btnWrap {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .btnWrap .btnType6 {
  padding: 22px 26px;
}
#container[data-banner=openedu] .section .openEduTop .openEduInfo .btnWrap .btnType5 {
  padding: 20px;
  width: calc(100% - 222px);
  font-size: 20px;
  font-weight: bold;
}
#container[data-banner=openedu] .section .openEduSummary {
  margin-top: 80px;
  text-align: center;
  border-top: 1px solid #222;
}
#container[data-banner=openedu] .section .openEduSummary.centerText .thum {
  margin-top: 0;
  padding-bottom: 54%;
  background-size: auto 100%;
}
#container[data-banner=openedu] .section .openEduSummary .openEduTit {
  position: relative;
  margin-top: 80px;
}
#container[data-banner=openedu] .section .openEduSummary .openEduTit.shiningstar {
  font-family: "Shiningstar", sans-serif;
  font-size: 36px;
}
#container[data-banner=openedu] .section .openEduSummary .openEduTit + .openEduSubTit {
  margin-top: 10px;
  line-height: 1.65;
}
#container[data-banner=openedu] .section .openEduSummary .openEduTit + .openEduSubTit.bold {
  font-weight: 600;
}
#container[data-banner=openedu] .section .openEduSummary .openEduTit .notoSans {
  padding: 0 10px;
  font-size: 40px;
  display: block;
}
#container[data-banner=openedu] .section .openEduSummary .openEduTit .notoSans.small {
  padding: 0 10px;
  font-size: 20px;
  font-weight: 100;
  color: #707070;
}
/*2024-09-23*/
#container[data-banner=openedu] .section .openEduSummary .openEduTit .notoSerif {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 40px;
  display: block;
}
#container[data-banner=openedu] .section .openEduSummary .openEduSubTit {
  margin-top: 80px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 34px;
  font-weight: 500;
}
/*2024-09-23*/
#container[data-banner=openedu] .section .openEduSummary .openEduSubTit + .openEduSubTit {
  margin-top: 10px;
}
#container[data-banner=openedu] .section .openEduSummary .openEduSubTit.mt10 {
  margin-top: 10px;
}
#container[data-banner=openedu] .section .openEduSummary .openEduCon {
  margin-top: 40px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 18px;
  line-height: 1.67;
}
#container[data-banner=openedu] .section .openEduSummary .openEduCon + .openEduCon {
  margin-top: 20px;
}
#container[data-banner=openedu] .section .openEduSummary .openEduCon .small {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 12px;
  line-height: 2.86;
}
#container[data-banner=openedu] .section .openEduSummary .openEduCon.type01 {
  margin-top: 30px;
  color: #707070;
}
#container[data-banner=openedu] .section .openEduSummary .openEduCon.type02 {
  font-size: 24px;
}
#container[data-banner=openedu] .section .openEduSummary .openEduCon.type02.m30 {
  margin-top: 30px;
}
#container[data-banner=openedu] .section .openEduSummary .openEduCon.type02.m80 {
  margin-top: 80px;
}
#container[data-banner=openedu] .section .openEduSummary .openEduCon.type02 strong {
  display: block;
  font-size: 34px;
  font-weight: 500;
  margin-top: 10px;
}
#container[data-banner=openedu] .section .openEduSummary .thum {
  margin-top: 80px;
  padding-bottom: 36.208%;
  background-size: auto 100%;
}
#container[data-banner=openedu] .section .openEduSummary .thum.openEdu2 {
  padding-bottom: 39.656%;
}
#container[data-banner=openedu] .section .openEduSummary .thum.openEdu3 {
  padding-bottom: 47%;
}
#container[data-banner=openedu] .section .openEduSummary .thum.openEdu12 {
  padding-bottom: 42.075%;
}
#container[data-banner=openedu] .section .openEduSummary .thum.openEdu13 {
  padding-bottom: 41.38%;
}
/*2024-09-23*/
#container[data-banner=openedu] .section .openEduSummary .thum.openEdu17 {
  padding-bottom: 51.466%;
}
#container[data-banner=openedu] .section .openEduSummary .skillUp {
  margin-top: 80px;
}
#container[data-banner=openedu] .section .openEduSummary .skillUp ul {
  display: flex;
  justify-content: center;
  margin-left: -71px;
}
#container[data-banner=openedu] .section .openEduSummary .skillUp ul li {
  position: relative;
  text-align: center;
  margin-left: 71px;
}
#container[data-banner=openedu] .section .openEduSummary .skillUp ul li img {
  text-align: center;
  margin: 0 auto;
}
#container[data-banner=openedu] .section .openEduSummary .skillUp ul li div {
  font-size: 18px;
  line-height: 1.56;
  margin-top: 20px;
  letter-spacing: -0.02em;
}
#container[data-banner=openedu] .section .openEduSummary .skillUp ul li div span {
  color: #624cbf;
  font-weight: 500;
}
#container[data-banner=openedu] .section .openEduSummary .PerformanceManagement {
  margin: 80px auto 0;
  width: 788px;
}
#container[data-banner=openedu] .section .openEduSummary .PerformanceManagement:after {
  content: "";
  display: block;
  clear: both;
}
#container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div {
  position: relative;
  padding: 32px 73px;
  width: 438px;
  height: 180px;
  box-sizing: border-box;
  border-width: 8px;
  border-style: solid;
  border-radius: 180px;
}
#container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -48px;
  height: 96px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div.step1 {
  margin-left: 104px;
  float: left;
  border-color: #a497da;
}
#container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div.step1:after {
  left: -104px;
  width: 48px;
  background-image: url(../../images/openedu/icon/icon_num1.png);
}
#container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div.step2 {
  margin-right: 120px;
  float: right;
  border-color: #8372cc;
}
#container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div.step2:after {
  right: -120px;
  width: 80px;
  background-image: url(../../images/openedu/icon/icon_num2.png);
}
#container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div.step3 {
  margin-left: 104px;
  float: left;
  border-color: #624cbf;
}
#container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div.step3:after {
  left: -120px;
  width: 80px;
  background-image: url(../../images/openedu/icon/icon_num3.png);
}
#container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div + div {
  margin-top: 40px;
}
#container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div .stepTit {
  font-size: 24px;
  font-weight: 500;
  color: #624cbf;
}
#container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div .stepTit span {
  margin-right: 3px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 28px;
  display: inline-block;
}
#container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div p {
  margin-top: 12px;
  line-height: 1.63;
}
#container[data-banner=openedu] .section .openEduSummary .interviewStep {
  margin: 80px auto 0;
  width: 734px;
}
#container[data-banner=openedu] .section .openEduSummary .interviewStep > div {
  position: relative;
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#container[data-banner=openedu] .section .openEduSummary .interviewStep > div:after {
  content: "";
  position: absolute;
  top: 0;
  width: 358px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#container[data-banner=openedu] .section .openEduSummary .interviewStep > div.step1 {
  margin-top: 0;
  padding-left: 344px;
  height: 256px;
}
#container[data-banner=openedu] .section .openEduSummary .interviewStep > div.step1:after {
  left: 64px;
  width: 230px;
  background-image: url(../../images/openedu/img/img_oepnEdu_detail6_1.png);
}
#container[data-banner=openedu] .section .openEduSummary .interviewStep > div.step2 {
  padding-right: 344px;
  height: 214px;
}
#container[data-banner=openedu] .section .openEduSummary .interviewStep > div.step2:after {
  right: 0;
  background-image: url(../../images/openedu/img/img_oepnEdu_detail6_2.png);
}
#container[data-banner=openedu] .section .openEduSummary .interviewStep > div.step3 {
  padding-left: 424px;
  height: 256px;
}
#container[data-banner=openedu] .section .openEduSummary .interviewStep > div.step3:after {
  left: 16px;
  background-image: url(../../images/openedu/img/img_oepnEdu_detail6_3.png);
}
#container[data-banner=openedu] .section .openEduSummary .interviewStep > div p {
  position: relative;
  padding-left: 52px;
  font-size: 18px;
  line-height: 1.56;
  text-align: left;
}
#container[data-banner=openedu] .section .openEduSummary .interviewStep > div p span {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  background: #624cbf;
}
#container[data-banner=openedu] .section .openEduSummary .valueStep {
  margin: 80px auto 0;
  width: 788px;
}
#container[data-banner=openedu] .section .openEduSummary .valueStep > div {
  position: relative;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#container[data-banner=openedu] .section .openEduSummary .valueStep > div:after {
  content: "";
  position: absolute;
  top: 0;
  width: 320px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#container[data-banner=openedu] .section .openEduSummary .valueStep > div:nth-child(odd) {
  padding-left: 320px;
}
#container[data-banner=openedu] .section .openEduSummary .valueStep > div:nth-child(even) {
  padding-right: 320px;
}
#container[data-banner=openedu] .section .openEduSummary .valueStep > div.step1 {
  margin-top: 0;
  height: 274px;
}
#container[data-banner=openedu] .section .openEduSummary .valueStep > div.step1:after {
  left: 0;
  background-image: url(../../images/openedu/img/img_oepnEdu_detail8_1.png);
}
#container[data-banner=openedu] .section .openEduSummary .valueStep > div.step2 {
  height: 303px;
}
#container[data-banner=openedu] .section .openEduSummary .valueStep > div.step2:after {
  right: 0;
  background-image: url(../../images/openedu/img/img_oepnEdu_detail8_2.png);
}
#container[data-banner=openedu] .section .openEduSummary .valueStep > div.step3 {
  height: 354px;
}
#container[data-banner=openedu] .section .openEduSummary .valueStep > div.step3:after {
  left: 0;
  background-image: url(../../images/openedu/img/img_oepnEdu_detail8_3.png);
}
#container[data-banner=openedu] .section .openEduSummary .valueStep > div div {
  position: relative;
  margin-left: 50px;
  padding-left: 52px;
  text-align: left;
}
#container[data-banner=openedu] .section .openEduSummary .valueStep > div div span {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -6px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  background: #624cbf;
}
#container[data-banner=openedu] .section .openEduSummary .valueStep > div div strong {
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 24px;
}
#container[data-banner=openedu] .section .openEduSummary .valueStep > div div p {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.78;
}
#container[data-banner=openedu] .section .openEduSummary .groupCoaching {
  position: relative;
  padding-top: 37.1%;
  display: flex;
  justify-content: center;
}
#container[data-banner=openedu] .section .openEduSummary .groupCoaching:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 95px;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(../../images/openedu/bg/bg_oepnEdu_detail9.png) no-repeat center bottom;
  background-size: auto 66.3%;
}
#container[data-banner=openedu] .section .openEduSummary .groupCoaching > div {
  position: relative;
  margin-left: 15px;
  padding: 0 30px 0 40px;
  width: 360px;
  height: 140px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  box-sizing: border-box;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background: #fff;
}
#container[data-banner=openedu] .section .openEduSummary .groupCoaching > div:first-child {
  margin-left: 0;
}
#container[data-banner=openedu] .section .openEduSummary .groupCoaching > div p {
  position: relative;
  font-size: 18px;
  line-height: 1.56;
  padding-left: 52px;
  text-align: left;
}
#container[data-banner=openedu] .section .openEduSummary .groupCoaching > div p span {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  background: #624cbf;
}
#container[data-banner=openedu] .section .openEduList {
  padding-top: 50px;
  border-top: 1px solid #e1e1e1;
  text-align: left;
}
#container[data-banner=openedu] .section .openEduList > h3 {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 36px;
  font-weight: 600;
}
#container[data-banner=openedu] .section .openEduList > p {
  margin-top: 10px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 24px;
  font-weight: 600;
}
#container[data-banner=openedu] .section .openEduList .swiper-container {
  margin-top: 50px;
  padding-bottom: 30px;
}
#container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper {
  justify-content: flex-start;
}
#container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper .swiper-slide {
  margin-left: 20px;
  width: calc(33.33% - 20px);
}
#container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper .swiper-slide:first-child {
  margin-left: 0;
}
#container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper .swiper-slide .thum {
  position: relative;
  padding-bottom: 68.425%;
}
#container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper .swiper-slide .thum .eduType {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
#container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper .swiper-slide .thum .eduType span {
  padding: 5px 12px;
  font-size: 14px;
  color: #fff;
  display: block;
  box-sizing: border-box;
}
#container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper .swiper-slide .thum .eduType span.online {
  background: #5555bf;
}
#container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper .swiper-slide .thum .eduType span.offline {
  background: #05929b;
}
#container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper .swiper-slide .thum .eduType span.new {
  background: #ff7200;
  position: absolute;
  right: 0;
}
#container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper .swiper-slide > a {
  display: block;
}
#container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper .swiper-slide > a > p {
  margin-top: 10px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 22px;
  font-weight: 500;
}
#container[data-banner=openedu] .section .tblType1 table tbody tr td .scheduleList {
  margin-top: 20px;
}
#container[data-banner=openedu] .section .tblType1 table tbody tr td .scheduleList + .etcText {
  margin-top: 20px;
  color: #999;
}
#container[data-banner=openedu] .section .openEduDifference {
  padding-top: 60px;
  width: 100%;
  display: flex;
  justify-content: center;
}
#container[data-banner=openedu] .section .openEduDifference [class*=item] {
  position: relative;
  margin-left: 15px;
  padding-top: 184px;
  width: calc(25% - 15px);
  text-align: center;
}
#container[data-banner=openedu] .section .openEduDifference [class*=item]:before {
  content: "";
  position: absolute;
  top: 70px;
  left: -18px;
  width: 20px;
  height: 20px;
  background: url(../../images/openedu/icon/icon_openEdu_arrow.png) no-repeat left top;
  background-size: cover;
}
#container[data-banner=openedu] .section .openEduDifference [class*=item]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -80px;
  width: 160px;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
#container[data-banner=openedu] .section .openEduDifference [class*=item].item1:before {
  display: none;
}
#container[data-banner=openedu] .section .openEduDifference [class*=item].item1:after {
  background-image: url(../../images/openedu/img/img_openEdu_difference1.png);
}
#container[data-banner=openedu] .section .openEduDifference [class*=item].item2:after {
  background-image: url(../../images/openedu/img/img_openEdu_difference2.png);
}
#container[data-banner=openedu] .section .openEduDifference [class*=item].item3:after {
  background-image: url(../../images/openedu/img/img_openEdu_difference3.png);
}
#container[data-banner=openedu] .section .openEduDifference [class*=item].item4:after {
  background-image: url(../../images/openedu/img/img_openEdu_difference4.png);
}
#container[data-banner=openedu] .section .openEduDifference [class*=item] .differenceTit {
  font-size: 22px;
  font-weight: 500;
}
#container[data-banner=openedu] .section .openEduDifference [class*=item] .differenceCon {
  margin-top: 12px;
  font-size: 18px;
  color: #666;
  line-height: 1.56;
}
#container[data-banner=openedu] .section .openEduTotal {
  margin-top: 80px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#container[data-banner=openedu] .section .openEduTotal + .txtR {
  margin-top: 20px;
  font-size: 18px;
}
#container[data-banner=openedu] .section .openEduTotal [class*=item] {
  position: relative;
  padding: 130px 0 40px;
  width: calc(33.333% - 30px);
  text-align: center;
  border-radius: 20px;
  background: #fff;
}
#container[data-banner=openedu] .section .openEduTotal [class*=item]:after {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
#container[data-banner=openedu] .section .openEduTotal [class*=item].item1:after {
  background-image: url(../../images/openedu/img/img_openEdu_total1.png);
}
#container[data-banner=openedu] .section .openEduTotal [class*=item].item2:after {
  background-image: url(../../images/openedu/img/img_openEdu_total2.png);
}
#container[data-banner=openedu] .section .openEduTotal [class*=item].item3:after {
  background-image: url(../../images/openedu/img/img_openEdu_total3.png);
}
#container[data-banner=openedu] .section .openEduTotal [class*=item].item4:after {
  background-image: url(../../images/openedu/img/img_openEdu_total4.png);
}
#container[data-banner=openedu] .section .openEduTotal [class*=item] .openEduTotalTit {
  font-size: 18px;
}
#container[data-banner=openedu] .section .openEduTotal [class*=item] .openEduTotalCon {
  margin-top: 12px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 52px;
  font-weight: 600;
  color: #624cbf;
}
#container[data-banner=openedu] .section .openboxWrap {
  width: 100%;
  margin-top: 60px;
}
#container[data-banner=openedu] .section .openboxWrap .openboxList1 {
  display: flex;
  margin-left: -30px;
}
#container[data-banner=openedu] .section .openboxWrap .openboxList1 li {
  background-color: #AE9BFF;
  border-radius: 20px;
  padding: 40px;
  width: calc(33.3% - 30px);
  margin-left: 30px;
  box-sizing: border-box;
  color: #fff;
  background-position: right 20px top 20px;
  background-repeat: no-repeat;
  background-size: 70px;
}
#container[data-banner=openedu] .section .openboxWrap .openboxList1 li:nth-child(even) {
  border: 1px solid #AE9BFF;
  background-color: #fff;
}
#container[data-banner=openedu] .section .openboxWrap .openboxList1 li:nth-child(even) .title {
  color: #222222;
}
#container[data-banner=openedu] .section .openboxWrap .openboxList1 li:nth-child(even) p {
  color: #222222;
}
#container[data-banner=openedu] .section .openboxWrap .openboxList1 li:nth-child(1) {
  background-image: url(../../images/openedu/img/openboxList_01.png);
}
#container[data-banner=openedu] .section .openboxWrap .openboxList1 li:nth-child(2) {
  background-image: url(../../images/openedu/img/openboxList_02.png);
}
#container[data-banner=openedu] .section .openboxWrap .openboxList1 li:nth-child(3) {
  background-image: url(../../images/openedu/img/openboxList_03.png);
}
#container[data-banner=openedu] .section .openboxWrap .openboxList1 li .num {
  display: block;
  width: 40px;
  line-height: 40px;
  height: 40px;
  text-align: center;
  background-color: #624CBF;
  border-radius: 20px;
  font-weight: 500;
  font-size: 20px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
}
#container[data-banner=openedu] .section .openboxWrap .openboxList1 li .title {
  display: block;
  margin-top: 10px;
  font-size: 24px;
  font-weight: 500;
}
#container[data-banner=openedu] .section .openboxWrap .openboxList1 li p {
  margin-top: 13px;
  font-size: 18px;
  line-height: 28px;
}
#container[data-banner=openedu] .section .openboxWrap .openboxList2 {
  display: flex;
  margin-left: -30px;
  margin-top: 116px;
}
#container[data-banner=openedu] .section .openboxWrap .openboxList2 li {
  position: relative;
  width: calc(33.3% - 30px);
  padding: 90px 30px 30px;
  margin-left: 30px;
  border-radius: 20px;
  text-align: center;
  box-sizing: border-box;
  background-color: #F5F5F5;
  font-size: 18px;
}
#container[data-banner=openedu] .section .openboxWrap .openboxList2 li .thumb {
  position: absolute;
  top: -80px;
  left: 0;
  right: 0;
}
#container[data-banner=openedu] .section .data-list li {
  position: relative;
  font-size: 16px;
  padding-left: 10px;
  color: #666666;
}
#container[data-banner=openedu] .section .data-list li::after {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}
#container[data-banner=openedu] [id*=tab] .openEduList {
  padding-top: 0;
  border-top: 0;
}
#container[data-banner=openedu] [id*=tab] .tblOption {
  margin-top: 60px;
  width: auto;
}
#container[data-banner=openedu] [id*=tab] .tblOption select {
  margin-right: 10px;
  vertical-align: top;
}
#container[data-banner=openedu] [id*=tab] .tblOption .btnType5 {
  padding: 8px 26px;
}
#container[data-banner=openedu] [id*=tab] .tblType1 {
  margin-top: 20px;
}
#container[data-banner=openedu] [id*=tab] .tblType1 table thead tr th {
  padding: 22px 10px 21px;
}
#container[data-banner=openedu] [id*=tab] .tblType1 table tbody tr th {
  padding: 21px 7px;
}
#container[data-banner=openedu] [id*=tab] .tblType1 table tbody tr th.subTh {
  border-left: 1px solid #e5e5e5;
  background: rgba(255, 235, 238, 0.8);
}
#container[data-banner=openedu] [id*=tab] .tblType1 table tbody tr td {
  padding: 21px 3px;
  font-size: 14px;
  text-align: center;
}
#container[data-banner=openedu] .detailTotal {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#container[data-banner=openedu] .detailTotal .item-wrap {
  width: calc(50% - 10px);
  border-radius: 30px;
  background-color: #fff;
  border: 1px solid #E6E6E6;
  padding: 40px;
  box-sizing: border-box;
}
#container[data-banner=openedu] .detailTotal .item-wrap h2 {
  font-size: 32px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #E1E1E1;
}
#container[data-banner=openedu] .detailTotal .item-wrap:nth-child(1) h2 {
  background: url(../../images/contents/img/img_cont_d01.png) right top no-repeat;
}
#container[data-banner=openedu] .detailTotal .item-wrap:nth-child(2) h2 {
  background: url(../../images/contents/img/img_cont_d02.png) right top no-repeat;
}
#container[data-banner=openedu] .detailTotal .item-wrap:nth-child(3) h2 {
  background: url(../../images/contents/img/img_cont_d03.png) right top no-repeat;
}
#container[data-banner=openedu] .detailTotal .item-wrap:nth-child(4) h2 {
  background: url(../../images/contents/img/img_cont_d04.png) right top no-repeat;
}
#container[data-banner=openedu] .detailTotal .item-wrap .item-list {
  display: grid;
  grid-gap: 4px;
  grid-template-columns: repeat(3, minmax(auto, 1fr));
  align-items: center;
  justify-content: space-around;
  margin-top: 25px;
}
#container[data-banner=openedu] .detailTotal .item-wrap .item-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F6FA;
  border-radius: 8px;
  height: 44px;
  text-align: center;
  font-size: 13px;
}
#container[data-banner=openedu-request] .section {
  margin-top: 60px;
}
#container[data-banner=openedu-request] .section.request {
  margin-top: 0;
  padding-top: 70px;
  padding-bottom: 20px;
  text-align: left;
  border-bottom: 1px solid #222;
}
#container[data-banner=openedu-request] .section.request .requestSubTit {
  margin-top: 40px;
}
#container[data-banner=openedu-request] .section.taxWrap > p {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
}
#container[data-banner=openedu-request] .section.taxWrap > p + p {
  margin-top: 10px;
}
#container[data-banner=openedu-request] .section.taxWrap .tblType1 table tbody tr td {
  width: calc(100% - 110px);
}
#container[data-banner=openedu-request] .section.taxWrap .tblType1 table tbody tr td:first-child {
  width: 180px;
}
#container[data-banner=openedu-request] .section .tblOption {
  position: relative;
}
#container[data-banner=openedu-request] .section .tblOption + .tblType1 {
  margin-top: 20px;
}
#container[data-banner=openedu-request] .section .tblOption h4 {
  font-size: 22px;
  display: inline-block;
}
#container[data-banner=openedu-request] .section .tblOption h4 + .input {
  margin-left: 20px;
}
#container[data-banner=openedu-request] .section .tblOption h4 + .input label {
  color: #999;
  display: inline-block;
}
#container[data-banner=openedu-request] .section .tblOption h4 + .input input[type=checkbox] {
  margin-top: 3px;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  vertical-align: top;
}
#container[data-banner=openedu-request] .section .tblOption h4 + .input span {
  display: inline-block;
  cursor: default;
}
#container[data-banner=openedu-request] .section .tblOption .title {
  font-size: 18px;
  font-family: "Noto Serif KR", sans-serif;
}
#container[data-banner=openedu-request] .section .tblOption .addWrap {
  position: relative;
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#container[data-banner=openedu-request] .section .tblOption .addWrap .btnType7 {
  padding: 13px 0 12px;
  width: 150px;
  text-align: center;
}
#container[data-banner=openedu-request] .section .tblOption .addWrap .etcList {
  margin-top: 0;
  margin-left: 20px;
}
#container[data-banner=openedu-request] .section .tblOption .addWrap .etcList li {
  color: #999;
  line-height: 1.75;
}
#container[data-banner=openedu-request] .section .tblOption .btnMore {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background: #624cbf;
}
#container[data-banner=openedu-request] .section .tblOption .btnMore.remove:before {
  display: none;
}
#container[data-banner=openedu-request] .section .tblOption .btnMore:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  bottom: 10px;
  margin-left: -1px;
  width: 2px;
  background: #fff;
}
#container[data-banner=openedu-request] .section .tblOption .btnMore:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  margin-top: -1px;
  height: 2px;
  background: #fff;
}
#container[data-banner=openedu-request] .section .tblType1 + .input {
  margin-top: 20px;
  color: #999;
}
#container[data-banner=openedu-request] .section .tblType1 table {
  table-layout: fixed;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr th {
  width: 180px;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td {
  width: 34%;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal {
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal.hidden {
  padding: 0 16px;
  height: 0;
  border-bottom: 0;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li {
  position: relative;
  display: flex;
  justify-content: flex-start;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span {
  position: relative;
  font-size: 14px;
  color: #666;
  display: block;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -5px;
  height: 12px;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span.endSoon {
  margin-left: 10px;
  padding: 1px 8px;
  font-size: 12px;
  color: #fff;
  border-radius: 20px;
  background: #624cbf;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span.endSoon:after {
  display: none;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span + span {
  padding-left: 21px;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span + span:after {
  width: 1px;
  background: #666;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li .eduDel {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 14px;
  border: 0;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../../images/openedu/icon/icon_del.png) no-repeat center;
  background-size: cover;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalBottom {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalBottom .totalText {
  font-weight: 500;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalBottom .totalPrice p {
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 28px;
  font-weight: 600;
  display: inline-block;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalBottom .totalPrice span {
  margin-left: 5px;
  display: inline-block;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.amass {
  margin-left: -30px;
  width: calc(100% + 30px);
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.amass > div {
  margin-left: 30px;
  width: 228px;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.amass > div.mail {
  width: 421px;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.amass > div input[type=text] {
  width: 170px;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.radio + .radio {
  margin-left: 30%;
}
#container[data-banner=openedu-request] .section .tblType1 table tbody tr td .select ul {
  max-height: inherit;
}
#container[data-banner=openedu-request] .section .btnAgree {
  color: #999;
  text-decoration: underline;
}
#container[data-banner=openedu-request] .btnWrap {
  margin-top: 80px;
}
#container[data-banner=openedu-request] .btnWrap .btnType5 {
  font-size: 18px;
}
#container[data-banner=openedu-complete] .section {
  margin-top: 20px;
}
#container[data-banner=openedu-complete] .section.request {
  margin-top: 0;
  padding-top: 70px;
  text-align: left;
}
#container[data-banner=openedu-complete] .section.request .requestSubTit {
  margin-top: 40px;
}
#container[data-banner=openedu-complete] .section > p {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
}
#container[data-banner=openedu-complete] .section > p + p {
  margin-top: 10px;
}
#container[data-banner=openedu-complete] .section .tblType1 table tbody tr th {
  width: 110px;
}
#container[data-banner=openedu-complete] .section .tblType1 table tbody tr td {
  width: calc(100% - 110px);
}
#container[data-banner=openedu-complete] .section .tblType1 table tbody tr td .btnType5 {
  padding: 10px 18px;
}

@media (max-width: 1208px) {
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.amass > div.mail {
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {
  #container[data-banner=openedu] {
    /*[S]2023-05-01*/
    /*[E]2023-05-01*/
  }
  #container[data-banner=openedu] .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorName {
    padding-right: 30px;
  }
  #container[data-banner=openedu] .section.type1 {
    /* & + .request{padding-top:110px;border-top:1px solid $default1;} */
  }
  #container[data-banner=openedu] .section.type1 .rightCon {
    padding-top: 20px;
  }
  #container[data-banner=openedu] .section.type1 .rightCon .rightSubTit + .tblType1 {
    margin-top: 50px;
    overflow-x: auto;
  }
  #container[data-banner=openedu] .section.type1 .rightCon .rightSubTit + .tblType1 table {
    max-width: 800px;
    min-width: 450px;
  }
  #container[data-banner=openedu] .section.type2 [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide {
    width: calc(100% - 45px) !important;
  }
  #container[data-banner=openedu] .section.type2 [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a {
    height: 445px;
  }
  #container[data-banner=openedu] .section.type3 {
    margin-top: 80px;
  }
  #container[data-banner=openedu] .section.type3.skyBg .inner .swiper-container {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #container[data-banner=openedu] .section.type3 .leftTit {
    float: none;
    width: 100%;
  }
  #container[data-banner=openedu] .section.type3 .rightCon {
    float: none;
    margin-left: 0;
    width: 100%;
  }
  #container[data-banner=openedu] .section.type3 .rightCon + .overflow {
    margin-top: 50px;
    overflow-x: auto;
  }
  #container[data-banner=openedu] .section.type3 .rightCon + .overflow .thum {
    padding-bottom: 399px;
    width: 1090px;
    background-size: 100% auto;
    background-position: left top;
  }
  #container[data-banner=openedu] .section.type3 .rightCon + .overflow + .txtC {
    margin-top: 30px;
    padding-right: 0;
    text-align: center;
  }
  #container[data-banner=openedu] .section.type3 .rightCon .rightSubTit {
    margin-top: 20px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap {
    padding-top: 50px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.solo .swiper-wrapper .swiper-slide {
    margin: 0 auto;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail3 .swiper-wrapper .swiper-slide {
    padding: 0 10px 40px;
    width: calc(100% - 40px);
    height: auto;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail3 .swiper-wrapper .swiper-slide dl dd {
    height: 70px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail6 .swiper-wrapper .swiper-slide {
    padding: 0 10px 40px;
    width: calc(100% - 40px);
    height: auto;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail7 .swiper-wrapper .swiper-slide {
    padding: 0 10px 40px;
    width: calc(100% - 40px);
    height: auto;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail8 .swiper-wrapper .swiper-slide {
    padding: 0 10px 40px;
    width: calc(100% - 40px);
    height: auto;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap.openEduDetail15 .swiper-wrapper .swiper-slide {
    width: calc(100% - 75px) !important;
    height: auto !important;
    padding-bottom: 20px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap + .txtC + .btnWrap {
    margin-top: 40px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap + .txtC + .btnWrap .btnType7 {
    width: calc(100% - 20px);
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap + .txtC + .btnWrap .btnType7 + .btnType3 {
    margin-left: 0;
    width: calc(100% - 20px);
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper {
    justify-content: inherit;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper .swiper-slide {
    margin-left: 0;
    width: calc(100% - 75px);
  }
  #container[data-banner=openedu] .section.type3 .swiper-container[data-swiper=comentswiper2] {
    padding-top: 0px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container[data-swiper=comentswiper2] + .btnWrap {
    margin-top: 68px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a {
    padding: 30px 20px 134px;
    height: 280px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorItem {
    margin-top: 25px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide {
    width: calc(100% - 45px) !important;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a {
    padding: 30px 30px 187px;
    height: 230px;
  }
  #container[data-banner=openedu] .section.type3 .progressThumb {
    max-width: 335px;
    padding-top: 46px;
    margin: 0 auto;
  }
  #container[data-banner=openedu] .section.type3 .progressThumb img {
    width: 100%;
  }
  #container[data-banner=openedu] .section.request h3 {
    font-size: 32px;
  }
  #container[data-banner=openedu] .section.request .requestSubTit {
    font-size: 20px;
    line-height: 1.5;
  }
  #container[data-banner=openedu] .section.request.line2 {
    margin-top: 80px;
    padding-top: 80px;
  }
  #container[data-banner=openedu] .section.ccl-wrap {
    height: 1046px;
  }
  #container[data-banner=openedu] .section.ccl-wrap .hgroup .logo {
    width: 172px;
  }
  #container[data-banner=openedu] .section.ccl-wrap .hgroup .logo img {
    width: 100%;
  }
  #container[data-banner=openedu] .section.ccl-wrap .hgroup span {
    font-size: 22px;
  }
  #container[data-banner=openedu] .section.ccl-wrap .hgroup span + span::before {
    height: 20px;
  }
  #container[data-banner=openedu] .section.ccl-wrap h3.title {
    font-size: 22px;
  }
  #container[data-banner=openedu] .section.ccl-wrap .item-list {
    flex-wrap: wrap;
    margin-top: 10px;
  }
  #container[data-banner=openedu] .section.ccl-wrap .item-list li {
    width: 33.3%;
    margin-top: 50px;
  }
  #container[data-banner=openedu] .section.ccl-wrap .item-list li .label {
    font-size: 20px;
  }
  #container[data-banner=openedu] .section.ccl-wrap .item-list li .icon {
    height: 60px;
    margin: 20px 0;
  }
  #container[data-banner=openedu] .section.ccl-wrap .item-list li .icon img {
    height: 100%;
  }
  #container[data-banner=openedu] .section.ccl-wrap .item-list li p {
    font-size: 14px;
  }
  #container[data-banner=openedu] .section.kldp-wrap h3 {
    font-size: 30px;
  }
  #container[data-banner=openedu] .section .openEduTop {
    padding-top: 50px;
    flex-wrap: wrap;
    flex-flow: column;
  }
  #container[data-banner=openedu] .section .openEduTop .thum {
    width: 100%;
    padding-bottom: 68.06%;
  }
  #container[data-banner=openedu] .section .openEduTop .openEduInfo {
    margin-top: 40px;
    width: 100%;
  }
  #container[data-banner=openedu] .section .openEduTop .openEduInfo .eduName {
    font-size: 32px;
  }
  #container[data-banner=openedu] .section .openEduTop .openEduInfo .eduSellPrice + .eduSellPrice {
    margin-top: 20px;
  }
  #container[data-banner=openedu] .section .openEduTop .openEduInfo .eduSellPrice span {
    font-size: 16px;
  }
  #container[data-banner=openedu] .section .openEduTop .openEduInfo .eduUnitWrap {
    margin-top: 20px;
  }
  #container[data-banner=openedu] .section .openEduTop .openEduInfo .eduOption .eduUnit {
    flex-wrap: wrap;
  }
  #container[data-banner=openedu] .section .openEduTop .openEduInfo .eduOption .eduUnit .eduSelector {
    margin-top: 30px;
    width: 100%;
  }
  #container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalBottom .totalPrice p {
    font-size: 24px;
  }
  #container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalBottom .totalPrice span {
    font-size: 14px;
  }
  #container[data-banner=openedu] .section .openEduTop .openEduInfo .btnWrap {
    flex-flow: column;
  }
  #container[data-banner=openedu] .section .openEduTop .openEduInfo .btnWrap .btnType6 + .btnType5 {
    margin-top: 10px;
    width: 100%;
  }
  #container[data-banner=openedu] .section .openEduSummary {
    margin-top: 50px;
  }
  #container[data-banner=openedu] .section .openEduSummary .openEduTit {
    margin-top: 50px;
    display: block;
    justify-content: inherit;
    /* .small{font-size:20px;}*/
  }
  #container[data-banner=openedu] .section .openEduSummary .openEduTit.shiningstar {
    font-size: 34px;
  }
  #container[data-banner=openedu] .section .openEduSummary .openEduTit .notoSans {
    font-size: 32px;
  }
  #container[data-banner=openedu] .section .openEduSummary .openEduTit .notoSans + .notoSans {
    margin-top: 5px;
  }
  #container[data-banner=openedu] .section .openEduSummary .openEduTit .notoSans.small {
    padding: 0 10px;
    font-size: 16px;
  }
  /*2024-09-23*/
  #container[data-banner=openedu] .section .openEduSummary .openEduTit .notoSerif {
    font-size: 24px;
  }
  #container[data-banner=openedu] .section .openEduSummary .openEduSubTit {
    font-size: 26px;
    letter-spacing: -0.01em;
  }
  #container[data-banner=openedu] .section .openEduSummary .openEduCon {
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.71;
  }
  #container[data-banner=openedu] .section .openEduSummary .openEduCon.type01 {
    font-size: 16px;
  }
  #container[data-banner=openedu] .section .openEduSummary .openEduCon.type02 {
    font-size: 16px;
  }
  #container[data-banner=openedu] .section .openEduSummary .openEduCon.type02.m80 {
    margin-top: 50px;
  }
  #container[data-banner=openedu] .section .openEduSummary .openEduCon.type02 strong {
    font-size: 26px;
    line-height: 1.2;
  }
  #container[data-banner=openedu] .section .openEduSummary .thum {
    margin-top: 50px;
    padding-bottom: 59.105%;
  }
  #container[data-banner=openedu] .section .openEduSummary .skillUp {
    margin-top: 10px;
    padding-bottom: 20px;
  }
  #container[data-banner=openedu] .section .openEduSummary .skillUp ul {
    flex-wrap: wrap;
  }
  #container[data-banner=openedu] .section .openEduSummary .skillUp ul li {
    width: 50%;
    margin-left: 0;
    margin-top: 40px;
  }
  #container[data-banner=openedu] .section .openEduSummary .skillUp ul li img {
    text-align: center;
    margin: 0 auto;
  }
  #container[data-banner=openedu] .section .openEduSummary .skillUp ul li div {
    font-size: 14px;
    line-height: 1.43;
    margin-top: 20px;
    letter-spacing: -0.02em;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail2ThumDetail .thum {
    margin-top: 50px;
    padding-bottom: 78.81%;
    background-size: auto 100%;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail2ThumDetail .imgWrap {
    margin-top: 50px;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail2ThumDetail .imgWrap img {
    width: 100%;
    max-width: 335px;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail2ThumDetail ul {
    margin-top: 30px;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail2ThumDetail ul li {
    position: relative;
    margin-top: 20px;
    padding-left: 14px;
    text-align: left;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail2ThumDetail ul li:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #666;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail2ThumDetail ul li:first-child {
    margin-top: 0;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail2ThumDetail ul li strong {
    font-size: 20px;
    font-weight: 600;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail2ThumDetail ul li p {
    margin-top: 4px;
    line-height: 1.38;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail3ThumDetail .thum {
    margin-top: 50px;
    padding-bottom: 100%;
    background-size: 100% auto;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail3ThumDetail .imgWrap {
    margin-top: 50px;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail3ThumDetail .imgWrap img {
    width: 100%;
    max-width: 335px;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail3ThumDetail ul {
    margin-top: 30px;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail3ThumDetail ul li {
    margin-top: 20px;
    padding-left: 14px;
    text-align: left;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail3ThumDetail ul li:first-child {
    margin-top: 0;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail3ThumDetail ul li:nth-child(4) strong {
    background: #624cbf;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail3ThumDetail ul li strong {
    padding: 8px 11px 7px;
    font-family: "Roboto", "Noto Sans KR", sans-serif;
    color: #fff;
    display: inline-block;
    border-radius: 6px;
    background-color: #ffc000;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail3ThumDetail ul li p {
    position: relative;
    margin-top: 10px;
    padding-left: 10px;
    font-size: 14px;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail3ThumDetail ul li p:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ffc000;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail7ThumDetail .thum {
    margin-top: 50px;
    padding-bottom: 79%;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail7ThumDetail .imgWrap {
    margin-top: 50px;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail7ThumDetail .imgWrap img {
    width: 100%;
    max-width: 335px;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail7ThumDetail > ul {
    margin-top: 40px;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail7ThumDetail > ul > li {
    margin-top: 20px;
    text-align: left;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail7ThumDetail > ul > li:first-child {
    margin-top: 0;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail7ThumDetail > ul > li strong {
    font-size: 20px;
    font-weight: 600;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail7ThumDetail > ul > li ul {
    margin-top: 4px;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail7ThumDetail > ul > li ul li {
    position: relative;
    margin-top: 8px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.43;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail7ThumDetail > ul > li ul li:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #222;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail7ThumDetail > ul > li ul li:first-child {
    margin-top: 0;
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement {
    margin: 50px auto 0;
    width: 335px;
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div {
    padding: 16px 32px;
    width: 280px;
    height: 110px;
    text-align: left;
    border-width: 4px;
    border-radius: 110px;
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -30px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div.step1 {
    margin-left: 55px;
    float: none;
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div.step1:after {
    left: -55px;
    width: 30px;
    background-image: url(../../images/openedu/icon/icon_num1@2x.png);
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div.step2 {
    margin-right: 55px;
    float: none;
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div.step2:after {
    right: -55px;
    width: 50px;
    background-image: url(../../images/openedu/icon/icon_num2@2x.png);
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div.step3 {
    margin-left: 55px;
    float: none;
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div.step3:after {
    left: -55px;
    width: 48px;
    background-image: url(../../images/openedu/icon/icon_num3@2x.png);
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div + div {
    margin-top: 30px;
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div .stepTit {
    font-size: 14px;
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div .stepTit span {
    font-size: 17px;
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div p {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.67;
  }
  #container[data-banner=openedu] .section .openEduSummary .interviewStep {
    margin: 50px auto 0;
    width: 100%;
  }
  #container[data-banner=openedu] .section .openEduSummary .interviewStep > div {
    margin-top: 40px;
    padding-top: 63%;
    flex-wrap: wrap;
    flex-flow: column;
    /* &.step1{margin-top:0;padding-top:97%;padding-left:0;height:auto;
    	&:after{left:auto;width:80%;background-image:url(../../images/openedu/img/img_oepnEdu_detail6_1@2x.png)}
    }
    &.step2{padding-right:0;height:auto;
    	&:after{right:auto;width:100%;background-image:url(../../images/openedu/img/img_oepnEdu_detail6_2@2x.png)}
    }
    &.step3{padding-top:77%;padding-left:0;height:auto;
    	&:after{left:auto;width:100%;background-image:url(../../images/openedu/img/img_oepnEdu_detail6_3@2x.png)}
    } */
  }
  #container[data-banner=openedu] .section .openEduSummary .interviewStep > div .imgWrap + p {
    padding-top: 20px;
  }
  #container[data-banner=openedu] .section .openEduSummary .interviewStep > div .imgWrap img {
    width: 100%;
  }
  #container[data-banner=openedu] .section .openEduSummary .interviewStep > div:after {
    display: none;
  }
  #container[data-banner=openedu] .section .openEduSummary .interviewStep > div.step1 {
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    height: auto;
  }
  #container[data-banner=openedu] .section .openEduSummary .interviewStep > div.step1 .imgWrap img {
    max-width: 230px;
  }
  #container[data-banner=openedu] .section .openEduSummary .interviewStep > div.step2 {
    padding-top: 0;
    padding-right: 0;
    height: auto;
  }
  #container[data-banner=openedu] .section .openEduSummary .interviewStep > div.step2 .imgWrap img {
    max-width: 240px;
  }
  #container[data-banner=openedu] .section .openEduSummary .interviewStep > div.step3 {
    padding-top: 0;
    padding-left: 0;
    height: auto;
  }
  #container[data-banner=openedu] .section .openEduSummary .interviewStep > div.step3 .imgWrap img {
    max-width: 240px;
  }
  #container[data-banner=openedu] .section .openEduSummary .interviewStep > div p {
    margin-left: 0px;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep {
    margin: 50px auto 0;
    width: 100%;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div {
    margin-top: 50px;
    padding-top: 294px;
    flex-wrap: wrap;
    flex-flow: column;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div:after {
    width: 100%;
    height: 66%;
    background-position: center top;
    background-size: auto 100%;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div:nth-child(odd) {
    padding-left: 0;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div:nth-child(even) {
    padding-right: 0;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div.step1 {
    margin-top: 0;
    height: auto;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div.step1:after {
    left: auto;
    height: 274px;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div.step2 {
    padding-top: 340px;
    height: auto;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div.step2:after {
    right: auto;
    height: 303px;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div.step3 {
    padding-top: 374px;
    height: auto;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div.step3:after {
    left: 0;
    height: 354px;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div div {
    margin-left: 0;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div div p {
    line-height: 1.56;
  }
  #container[data-banner=openedu] .section .openEduSummary .groupCoaching {
    margin-top: 50px;
    padding-top: 61%;
    flex-wrap: wrap;
    flex-flow: column;
  }
  #container[data-banner=openedu] .section .openEduSummary .groupCoaching:after {
    top: 0;
    bottom: auto;
    background-image: url(../../images/openedu/bg/bg_oepnEdu_detail9@2x.png);
    background-position: center top;
    background-size: 100% auto;
  }
  #container[data-banner=openedu] .section .openEduSummary .groupCoaching > div {
    margin: 20px auto 0;
    margin-left: 0;
    padding: 33px 32px 32px;
    width: 100%;
    height: auto;
  }
  #container[data-banner=openedu] .section .openEduSummary .groupCoaching > div:first-child {
    margin-top: 0;
    margin-left: auto;
  }
  #container[data-banner=openedu] .section .openEduList > h3 {
    font-size: 32px;
  }
  #container[data-banner=openedu] .section .openEduList > p {
    font-size: 16px;
  }
  #container[data-banner=openedu] .section .openEduList .swiper-container {
    margin-top: 20px;
    padding-bottom: 0;
  }
  #container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper.flexWrap {
    flex-wrap: wrap;
    flex-flow: column;
  }
  #container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper .swiper-slide {
    margin-top: 30px;
    margin-left: 0;
    width: 100%;
  }
  #container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper .swiper-slide:first-child {
    margin-top: 0;
    margin-left: 0;
  }
  #container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper .swiper-slide .thum {
    position: relative;
    padding-bottom: 68.425%;
  }
  #container[data-banner=openedu] .section .openEduList .swiper-container .swiper-wrapper .swiper-slide > p {
    margin-top: 10px;
    font-size: 20px;
  }
  #container[data-banner=openedu] .section .tblType1.overflow table {
    width: 1160px;
  }
  #container[data-banner=openedu] .section .tblType1.overflow table.tableSmall {
    width: 580px;
  }
  #container[data-banner=openedu] .section .openEduDifference {
    padding-top: 50px;
    flex-wrap: wrap;
  }
  #container[data-banner=openedu] .section .openEduDifference [class*=item] {
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    padding-top: 0;
    padding-left: 150px;
    width: 340px;
    height: 130px;
    text-align: left;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: left;
    flex-flow: column;
  }
  #container[data-banner=openedu] .section .openEduDifference [class*=item]:before {
    top: -43px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(90deg);
  }
  #container[data-banner=openedu] .section .openEduDifference [class*=item]:after {
    top: 0;
    left: 0;
    margin-left: 0px;
    width: 130px;
    height: 130px;
    background-position: left center;
  }
  #container[data-banner=openedu] .section .openEduDifference [class*=item].item1 {
    margin-top: 0;
  }
  #container[data-banner=openedu] .section .openEduDifference [class*=item].item1:before {
    display: none;
  }
  #container[data-banner=openedu] .section .openEduDifference [class*=item].item1:after {
    background-image: url(../../images/openedu/img/img_openEdu_difference1@2x.png);
  }
  #container[data-banner=openedu] .section .openEduDifference [class*=item].item2:after {
    background-image: url(../../images/openedu/img/img_openEdu_difference2@2x.png);
  }
  #container[data-banner=openedu] .section .openEduDifference [class*=item].item3:after {
    background-image: url(../../images/openedu/img/img_openEdu_difference3@2x.png);
  }
  #container[data-banner=openedu] .section .openEduDifference [class*=item].item4:after {
    background-image: url(../../images/openedu/img/img_openEdu_difference4@2x.png);
  }
  #container[data-banner=openedu] .section .openEduDifference [class*=item] .differenceTit {
    font-size: 18px;
  }
  #container[data-banner=openedu] .section .openEduDifference [class*=item] .differenceCon {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.71;
  }
  #container[data-banner=openedu] .section .openEduTotal {
    margin-top: 60px;
    flex-flow: column;
  }
  #container[data-banner=openedu] .section .openEduTotal [class*=item] {
    margin-top: 20px;
    padding: 110px 0 20px;
    width: 100%;
  }
  #container[data-banner=openedu] .section .openEduTotal [class*=item]:after {
    top: 20px;
  }
  #container[data-banner=openedu] .section .openEduTotal [class*=item].item1 {
    margin-top: 0;
  }
  #container[data-banner=openedu] .section .openEduTotal [class*=item].item1:after {
    background-image: url(../../images/openedu/img/img_openEdu_total1@2x.png);
  }
  #container[data-banner=openedu] .section .openEduTotal [class*=item].item2:after {
    background-image: url(../../images/openedu/img/img_openEdu_total2@2x.png);
  }
  #container[data-banner=openedu] .section .openEduTotal [class*=item].item3:after {
    background-image: url(../../images/openedu/img/img_openEdu_total3@2x.png);
  }
  #container[data-banner=openedu] .section .openEduTotal [class*=item].item4:after {
    background-image: url(../../images/openedu/img/img_openEdu_total4@2x.png);
  }
  #container[data-banner=openedu] .section .openboxWrap .openboxList1, #container[data-banner=openedu] .section .openboxWrap .openboxList2 {
    display: block;
    margin: 0;
    margin-top: -20px;
  }
  #container[data-banner=openedu] .section .openboxWrap .openboxList1 li, #container[data-banner=openedu] .section .openboxWrap .openboxList2 li {
    width: 100%;
    margin: 0;
    margin-top: 20px;
  }
  #container[data-banner=openedu] .section .openboxWrap .openboxList2 li {
    margin-top: 129px;
  }
  #container[data-banner=openedu] .section .openboxWrap .openboxList2 li + li {
    margin-top: 110px;
  }
  #container[data-banner=openedu] [id*=tab] .tblOption {
    margin-top: 40px;
  }
  #container[data-banner=openedu] .detailTotal .item-wrap .item-list {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
  #container[data-banner=openedu-request] .section {
    margin-top: 40px;
  }
  #container[data-banner=openedu-request] .section.request {
    padding-top: 50px;
  }
  #container[data-banner=openedu-request] .section.request h3 {
    font-size: 32px;
  }
  #container[data-banner=openedu-request] .section.request .requestSubTit {
    margin-top: 30px;
    font-size: 20px;
  }
  #container[data-banner=openedu-request] .section.taxWrap .tblType1 table {
    table-layout: auto;
  }
  #container[data-banner=openedu-request] .section.taxWrap .tblType1 table tbody tr {
    border-left: 0 none;
  }
  #container[data-banner=openedu-request] .section.taxWrap .tblType1 table tbody tr td {
    padding: 21px 0;
  }
  #container[data-banner=openedu-request] .section.taxWrap .tblType1 table tbody tr td:first-child {
    padding: 21px 20px 21px 0;
    width: 90px;
  }
  #container[data-banner=openedu-request] .section .tblOption + .tblType1 {
    margin-top: 20px;
  }
  #container[data-banner=openedu-request] .section .tblOption h4 {
    font-size: 28px;
    display: block;
  }
  #container[data-banner=openedu-request] .section .tblOption h4 + .input {
    margin-top: 20px;
    margin-left: 0;
  }
  #container[data-banner=openedu-request] .section .tblOption .addWrap {
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-flow: column;
  }
  #container[data-banner=openedu-request] .section .tblOption .addWrap .etcList {
    margin-top: 20px;
    margin-left: 0px;
  }
  #container[data-banner=openedu-request] .section .tblOption .addWrap .btnMore {
    top: 6px;
    bottom: auto;
  }
  #container[data-banner=openedu-request] .section .tblType1 + .input {
    margin-top: 20px;
    color: #999;
  }
  #container[data-banner=openedu-request] .section .tblType1.pay table tbody tr td {
    padding: 21px 0;
    width: 100%;
    display: block;
  }
  #container[data-banner=openedu-request] .section .tblType1.pay table tbody tr td:after {
    content: "";
    display: block;
    clear: both;
  }
  #container[data-banner=openedu-request] .section .tblType1.pay table tbody tr td.sum {
    padding: 21px 16px;
    width: calc(100% - 32px);
  }
  #container[data-banner=openedu-request] .section .tblType1 table {
    table-layout: auto;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr th {
    width: 69px;
    border-left: 0;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td {
    position: relative;
    width: calc(100% - 153px);
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal {
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal.hidden {
    padding: 0 16px;
    height: 0;
    border-bottom: 0;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li {
    position: relative;
    display: flex;
    justify-content: flex-start;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span {
    position: relative;
    font-size: 14px;
    color: #666;
    display: block;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -5px;
    height: 12px;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span.endSoon {
    margin-left: 10px;
    padding: 1px 8px;
    font-size: 12px;
    color: #fff;
    border-radius: 20px;
    background: #624cbf;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span.endSoon:after {
    display: none;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span + span {
    padding-left: 21px;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span + span:after {
    width: 1px;
    background: #666;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li .eduDel {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    border: 0;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../images/openedu/icon/icon_del.png) no-repeat center;
    background-size: cover;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalBottom {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalBottom .totalText {
    font-weight: 500;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalBottom .totalPrice p {
    font-family: "Roboto", "Noto Sans KR", sans-serif;
    font-size: 28px;
    font-weight: 600;
    display: inline-block;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalBottom .totalPrice span {
    margin-left: 5px;
    display: inline-block;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.amass {
    margin-left: 0;
    width: 100%;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.amass > div {
    margin-top: 15px;
    margin-left: 0px;
    width: 100%;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.amass > div:first-child {
    margin-top: 0;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.amass > div label {
    width: 45px;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.amass > div.mail {
    width: 100%;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.amass > div.mail input[type=text] {
    width: calc(100% - 83px);
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.amass > div.mail input[type=text].second {
    margin-top: 15px;
    margin-left: 59px;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.amass > div input[type=text] {
    width: calc(100% - 60px);
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.radio {
    float: left;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.radio + .radio {
    float: right;
    margin-left: 0;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .btnDate {
    position: absolute;
    top: 21px;
    right: 0;
  }
  #container[data-banner=openedu-request] .btnWrap {
    margin-top: 50px;
  }
  #container[data-banner=openedu-complete] .section.request {
    padding-top: 50px;
  }
  #container[data-banner=openedu-complete] .section.request h3 {
    font-size: 32px;
  }
  #container[data-banner=openedu-complete] .section.request .requestSubTit {
    margin-top: 30px;
    font-size: 20px;
  }
}
@media (max-width: 720px) {
  #container[data-banner=openedu] .section.kldp-wrap ul {
    display: block;
  }
  #container[data-banner=openedu] .section.kldp-wrap ul li {
    width: 100%;
    margin-top: 20px;
  }
  #container[data-banner=openedu] .detailTotal .item-wrap {
    width: 100%;
    padding: 30px;
  }
  #container[data-banner=openedu] .detailTotal .item-wrap h2 {
    font-size: 24px;
  }
}
@media (max-width: 540px) {
  .skillUp ul {
    margin-left: 0 !important;
  }
  .skillUp ul li img {
    width: 100%;
    max-width: 167px;
    margin: 0 auto;
  }
  #container[data-banner=openedu] .section.ccl-wrap {
    height: 1280px;
  }
  #container[data-banner=openedu] .section.ccl-wrap .item-list li {
    width: 50%;
    margin-top: 50px;
  }
  #container[data-banner=openedu] .section.kldp-wrap {
    width: 100%;
  }
}
@media (max-width: 375px) {
  #container[data-banner=openedu] .section .tblType1.overflow table {
    width: 400px;
  }
  #container[data-banner=openedu] .section .tblType1.overflow.yearEdu table {
    width: 1000px;
  }
}
@media (max-width: 340px) {
  #container[data-banner=openedu] .section[class*=type] [data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorComent .thum {
    width: 170px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper .swiper-slide {
    width: calc(100% - 35px);
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper .swiper-slide .curriculumDay {
    font-size: 22px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper .swiper-slide dl dt {
    font-size: 20px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container.curriculumWrap .swiper-wrapper .swiper-slide dl dd {
    padding: 0 7px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide {
    width: calc(100% - 10px) !important;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a {
    padding: 30px 20px 187px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorName {
    bottom: 0;
    padding-top: 77px;
    padding-left: 0;
    font-size: 12px;
  }
  #container[data-banner=openedu] .section.type3 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a {
    height: 300px;
  }
  #container[data-banner=openedu] .section .openEduDifference [class*=item] {
    margin-top: 30px;
    padding-top: 110px;
    padding-left: 0;
    height: 260px;
    text-align: center;
  }
  #container[data-banner=openedu] .section .openEduDifference [class*=item]:after {
    left: 50%;
    margin-left: -65px;
  }
  #container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalTop ul li {
    padding-top: 22px;
  }
  #container[data-banner=openedu] .section .openEduTop .openEduInfo .eduTotal .eduTotalBottom {
    flex-wrap: wrap;
    flex-flow: column;
    align-items: flex-start;
  }
  #container[data-banner=openedu] .section .openEduTop .openEduInfo .btnWrap .btnType6, #container[data-banner=openedu] .section .openEduTop .openEduInfo .btnWrap .btnType5 {
    padding-left: 0;
    padding-right: 0;
  }
  #container[data-banner=openedu] .section .openEduSummary .detail7ThumDetail .thum {
    padding-bottom: 100%;
    background-size: 100% auto;
  }
  #container[data-banner=openedu] .section .openEduSummary .openEduTit.shiningstar {
    font-size: 34px;
  }
  #container[data-banner=openedu] .section .openEduSummary .openEduSubTit {
    font-size: 28px;
  }
  #container[data-banner=openedu] .section .openEduSummary .openEduCon {
    letter-spacing: -0.7px;
  }
  #container[data-banner=openedu] .section .openEduSummary .thum {
    padding-bottom: 100%;
    background-size: 100% auto;
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement {
    width: 240px;
  }
  #container[data-banner=openedu] .section .openEduSummary .PerformanceManagement > div {
    width: 184px;
    height: 146px;
    border-radius: 146px;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div:after {
    background-size: 100% auto;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div.step2 {
    padding-top: 106%;
  }
  #container[data-banner=openedu] .section .openEduSummary .valueStep > div.step3 {
    padding-top: 120%;
  }
  #container[data-banner=openedu] [id*=tab] .tblOption select {
    width: 100%;
  }
  #container[data-banner=openedu] [id*=tab] .tblOption .btnType5 {
    margin-top: 10px;
    width: 100%;
    text-align: center;
  }
  #container[data-banner=openedu] .btnType3 {
    padding: 12px 20px;
    width: auto;
  }
  #container[data-banner=openedu-request] .section.taxWrap > p {
    font-size: 14px;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr th {
    padding: 21px 10px;
    width: 60px;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td {
    width: calc(100% - 122px);
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li {
    display: block;
    justify-content: inherit;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span {
    display: block;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span.endSoon {
    margin-left: 0;
    display: inline-block;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span + span {
    margin-top: 5px;
    padding-left: 0;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalTop ul li span + span:after {
    display: none;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalBottom {
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-flow: column;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalBottom .totalPrice p {
    font-size: 25px;
    display: inline-block;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td.sum .eduTotal .eduTotalBottom .totalPrice span {
    font-size: 14px;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .btnDate {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 0;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.mail input[type=text] {
    width: 100%;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.radio {
    float: none;
  }
  #container[data-banner=openedu-request] .section .tblType1 table tbody tr td .input.radio + .radio {
    margin-top: 10px;
    float: none;
  }
  #container[data-banner=openedu-request] .btnWrap .btnType5 {
    padding: 13px 62px;
    font-size: 14px;
  }
  #container[data-banner=openedu-complete] .section .tblType1 table tbody tr th {
    padding: 21px 10px;
    width: 80px;
  }
  #container[data-banner=openedu-complete] .section .tblType1 table tbody tr td {
    width: calc(100% - 122px);
  }
  #container[data-banner=openedu-complete] .section .tblType1 table tbody tr td .btnType5 {
    padding: 10px 15px;
  }
}
#container {
  /*start 2023-08-16 수정*/
  /*end 2023-08-16 수정*/
}
#container[data-banner=competency] .subBanner:after {
  background-image: url(../../images/customized/bg/bg_sub_competency.png);
}
#container[data-banner=competency] .section .customizeList .item1 .pointName:after {
  background-image: url(../../images/customized/img/img_competency1.png);
}
#container[data-banner=competency] .section .customizeList .item2:before {
  content: "";
  position: absolute;
  top: 145px;
  left: -8%;
  width: 10px;
  height: 10px;
  display: block;
  border-right: 2px solid #624cbf;
  border-bottom: 2px solid #624cbf;
  border-radius: 2px;
  transform: rotate(-45deg);
}
#container[data-banner=competency] .section .customizeList .item2:after {
  content: "";
  position: absolute;
  top: 145px;
  right: -5%;
  width: 10px;
  height: 10px;
  display: block;
  border-right: 2px solid #624cbf;
  border-bottom: 2px solid #624cbf;
  border-radius: 2px;
  transform: rotate(-45deg);
}
#container[data-banner=competency] .section .customizeList .item2 .pointName:after {
  background-image: url(../../images/customized/img/img_competency2.png);
}
#container[data-banner=competency] .section .customizeList .item3 .pointName:after {
  background-image: url(../../images/customized/img/img_competency3.png);
}
#container[data-banner=competency] .section .boxWrap {
  margin-top: 30px;
  margin-left: -30px;
}
#container[data-banner=competency] .section .boxWrap:after {
  content: "";
  display: block;
  clear: both;
}
#container[data-banner=competency] .section .boxWrap [class*=item] {
  position: relative;
  float: left;
  margin-top: 30px;
  margin-left: 30px;
  padding: 0 40px 116px;
  width: calc(33.333% - 30px);
  height: 473px;
  border-radius: 30px;
  box-sizing: border-box;
  background: #fff;
}
#container[data-banner=competency] .section .boxWrap [class*=item] .boxTit {
  position: relative;
  padding-top: 102px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 28px;
  font-weight: 500;
}
#container[data-banner=competency] .section .boxWrap [class*=item] .boxTit:after {
  content: "";
  position: absolute;
  top: 40px;
  left: 0;
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#container[data-banner=competency] .section .boxWrap [class*=item] .boxCon {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.56;
  letter-spacing: -0.18px;
}
#container[data-banner=competency] .section .boxWrap [class*=item] .boxCon .highlighter {
  background: #ffe7cb;
}
#container[data-banner=competency] .section .boxWrap [class*=item] .btnWrap {
  position: absolute;
  left: 40px;
  bottom: 40px;
  margin-top: 0;
}
#container[data-banner=competency] .section .boxWrap [class*=item] .btnWrap .btnType3 {
  padding: 8px 24px 8px 25px;
  width: auto;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 14px;
}
#container[data-banner=competency] .section .boxWrap .item1 .boxTit:after {
  background-image: url(../../images/customized/icon/icon_competency1.png);
}
#container[data-banner=competency] .section .boxWrap .item2 .boxTit:after {
  background-image: url(../../images/customized/icon/icon_competency2.png);
}
#container[data-banner=competency] .section .boxWrap .item3 .boxTit:after {
  background-image: url(../../images/customized/icon/icon_competency3.png);
}
#container[data-banner=competency] .section .boxWrap .item4 .boxTit:after {
  background-image: url(../../images/customized/icon/icon_competency4.png);
}
#container[data-banner=competency] .section .boxWrap .item5 .boxTit:after {
  background-image: url(../../images/customized/icon/icon_competency5.png);
}
#container[data-banner=workshop] {
  overflow: hidden;
}
#container[data-banner=workshop] .subBanner:after {
  background-image: url(../../images/customized/bg/bg_sub_workshop.png);
}
#container[data-banner=workshop] .section .customizeList .item1 {
  margin-left: 0;
}
#container[data-banner=workshop] .section .customizeList .item1 .pointName:after {
  background-image: url(../../images/customized/img/img_workshop1_1.png);
}
#container[data-banner=workshop] .section .customizeList .item2:before {
  content: "";
  position: absolute;
  top: 145px;
  left: -8%;
  width: 10px;
  height: 10px;
  display: block;
  border-right: 2px solid #624cbf;
  border-bottom: 2px solid #624cbf;
  border-radius: 2px;
  transform: rotate(-45deg);
}
#container[data-banner=workshop] .section .customizeList .item2:after {
  content: "";
  position: absolute;
  top: 145px;
  right: -5%;
  width: 10px;
  height: 10px;
  display: block;
  border-right: 2px solid #624cbf;
  border-bottom: 2px solid #624cbf;
  border-radius: 2px;
  transform: rotate(-45deg);
}
#container[data-banner=workshop] .section .customizeList .item2 .pointName:after {
  background-image: url(../../images/customized/img/img_workshop1_2.png);
}
#container[data-banner=workshop] .section .customizeList .item3 .pointName:after {
  background-image: url(../../images/customized/img/img_workshop1_3.png);
}
#container[data-banner=workshop] .section .boxWrap {
  margin-top: 30px;
  margin-left: -30px;
  text-align: center;
}
#container[data-banner=workshop] .section .boxWrap:after {
  content: "";
  display: block;
  clear: both;
}
#container[data-banner=workshop] .section .boxWrap [class*=item] {
  position: relative;
  float: left;
  margin-top: 30px;
  margin-left: 30px;
  padding: 0 20px;
  width: calc(33.333% - 30px);
  height: 339px;
  border-radius: 30px;
  box-sizing: border-box;
  background: #fff;
}
#container[data-banner=workshop] .section .boxWrap [class*=item] .boxEnglishTit {
  position: relative;
  padding-top: 122px;
  font-size: 18px;
  color: #666;
}
#container[data-banner=workshop] .section .boxWrap [class*=item] .boxEnglishTit:after {
  content: "";
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -21px;
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#container[data-banner=workshop] .section .boxWrap [class*=item] .boxTit {
  margin-top: 8px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -1px;
  display: inline-block;
  background: #ffe7cb;
}
#container[data-banner=workshop] .section .boxWrap [class*=item] .boxCon {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.56;
  letter-spacing: -0.3px;
}
#container[data-banner=workshop] .section .boxWrap [class*=item] .boxCon .highlighter {
  background: #ffe7cb;
}
#container[data-banner=workshop] .section .boxWrap [class*=item] .btnWrap {
  position: absolute;
  left: 40px;
  bottom: 40px;
  margin-top: 0;
}
#container[data-banner=workshop] .section .boxWrap [class*=item] .btnWrap .btnType3 {
  padding: 8px 24px 8px 25px;
  width: auto;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 14px;
}
#container[data-banner=workshop] .section .boxWrap .item1 .boxEnglishTit:after {
  background-image: url(../../images/customized/icon/icon_workshop1.png);
}
#container[data-banner=workshop] .section .boxWrap .item2 .boxEnglishTit:after {
  background-image: url(../../images/customized/icon/icon_workshop2.png);
}
#container[data-banner=workshop] .section .boxWrap .item3 .boxEnglishTit:after {
  background-image: url(../../images/customized/icon/icon_workshop3.png);
}
#container[data-banner=workshop] .section .boxWrap .item4 .boxEnglishTit:after {
  background-image: url(../../images/customized/icon/icon_workshop4.png);
}
#container[data-banner=workshop] .section .boxWrap .item5 .boxEnglishTit:after {
  background-image: url(../../images/customized/icon/icon_workshop5.png);
}
#container[data-banner=workshop] .section .boxWrap .item6 .boxEnglishTit:after {
  background-image: url(../../images/customized/icon/icon_workshop6.png);
}
#container[data-banner=workshop] .section .boxWrap .item7 .boxEnglishTit:after {
  background-image: url(../../images/customized/icon/icon_workshop7.png);
}
#container[data-banner=coaching] .subBanner:after {
  background-image: url(../../images/customized/bg/bg_sub_coaching.png);
}
#container[data-banner=coaching] .section.type2 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a {
  padding: 30px 20px 180px;
  height: 145px;
}
#container[data-banner=coaching] .section .customizeList .pointName {
  font-weight: 500;
}
#container[data-banner=coaching] .section .customizeList .item1 {
  margin-left: 0;
}
#container[data-banner=coaching] .section .customizeList .item1 .pointName:after {
  background-image: url(../../images/customized/img/img_coaching1_1.png);
}
#container[data-banner=coaching] .section .customizeList .item2:before {
  content: "";
  position: absolute;
  top: 145px;
  left: -8%;
  width: 10px;
  height: 10px;
  display: block;
  border-right: 2px solid #624cbf;
  border-bottom: 2px solid #624cbf;
  border-radius: 2px;
  transform: rotate(-45deg);
}
#container[data-banner=coaching] .section .customizeList .item2:after {
  content: "";
  position: absolute;
  top: 145px;
  right: -5%;
  width: 10px;
  height: 10px;
  display: block;
  border-right: 2px solid #624cbf;
  border-bottom: 2px solid #624cbf;
  border-radius: 2px;
  transform: rotate(-45deg);
}
#container[data-banner=coaching] .section .customizeList .item2 .pointName:after {
  background-image: url(../../images/customized/img/img_coaching1_2.png);
}
#container[data-banner=coaching] .section .customizeList .item3 .pointName:after {
  background-image: url(../../images/customized/img/img_coaching1_3.png);
}
#container[data-banner=coaching] .section .solutionCoching {
  display: flex;
  justify-content: space-around;
}
#container[data-banner=coaching] .section .solutionCoching > div {
  position: relative;
}
#container[data-banner=coaching] .section .solutionCoching > div.item1:after {
  background-image: url(../../images/customized/icon/icon_coaching1_1.png);
}
#container[data-banner=coaching] .section .solutionCoching > div.item2:after {
  background-image: url(../../images/customized/icon/icon_coaching1_2.png);
}
#container[data-banner=coaching] .section .solutionCoching > div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
#container[data-banner=coaching] .section .solutionCoching > div .coachingTit {
  padding-top: 112px;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
}
#container[data-banner=coaching] .section .solutionCoching > div .coachingCon {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.56;
  text-align: center;
}
#container[data-banner=coaching] .section .coachingProcess {
  margin-top: 60px;
  width: 100%;
}
#container[data-banner=coaching] .section .coachingProcess .thum {
  padding-bottom: 0;
  height: auto;
}
#container[data-banner=coaching] .section .coachingProcess .thum img {
  width: 100%;
}
#container[data-banner=coaching] .section .coachingProcess .processAfter {
  position: relative;
  padding-top: 102px;
  text-align: center;
}
#container[data-banner=coaching] .section .coachingProcess .processAfter:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -21px;
  width: 42px;
  height: 62px;
  background: url(../../images/customized/icon/icon_coaching_arrow.png) no-repeat center;
  background-size: cover;
}
#container[data-banner=coaching] .section .coachingProcess .processAfter .processAfterTit {
  padding: 12px 132px;
  font-size: 24px;
  font-weight: 500;
  color: #624cbf;
  display: inline-block;
  border-radius: 30px;
  border: 1px solid #624cbf;
  box-sizing: border-box;
}
#container[data-banner=coaching] .section .coachingProcess .processAfter .processAfterData {
  margin-top: 30px;
  font-size: 22px;
  font-weight: 600;
}
#container[data-banner=coaching] .section .coachingProcess .processAfter .processAfterCon {
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.56;
}
#container[data-banner=assessment] .subBanner:after {
  background-image: url(../../images/customized/bg/bg_sub_assessment.png);
}
#container[data-banner=assessment] .section.type1 .rightCon .roundPoint ul li {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#container[data-banner=assessment] .section.type1 .rightCon .roundPoint ul li:first-child {
  margin-top: 0;
}
#container[data-banner=assessment] .section.type1 .rightCon .roundPoint ul li span {
  padding-top: 7px;
  width: 40px;
  height: 40px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  border-radius: 50%;
  background: #624cbf;
}
#container[data-banner=assessment] .section.type1 .rightCon .roundPoint ul li p {
  margin-left: 12px;
  width: calc(100% - 52px);
  font-size: 18px;
  line-height: 1.38;
}
#container[data-banner=assessment] .section.type1 .rightCon .dotListTit {
  font-weight: 600;
}
#container[data-banner=assessment] .section.type1 .rightCon .dotListTit + .dotList {
  margin-top: 12px;
}
#container[data-banner=assessment] .section.type1 .rightCon .dotList li {
  line-height: 1.38;
}
#container[data-banner=assessment] .section.type1 .rightCon .dotList li:before {
  top: 12px;
  width: 4px;
  height: 4px;
  background: #222;
}
#container[data-banner=assessment] .section.type1 .btnWrap {
  margin-top: 0px;
  width: 100%;
}
#container[data-banner=assessment] .section.type1 .btnWrap .btnType3 {
  width: 210px;
  font-size: 14px;
}
#container[data-banner=assessment] .section.type2 .assessmentEx {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}
#container[data-banner=assessment] .section.type2 .assessmentEx .whiteBox {
  position: relative;
  width: 250px;
  text-align: center;
  border-radius: 30px;
  background: #fff;
}
#container[data-banner=assessment] .section.type2 .assessmentEx .whiteBox:after {
  content: "";
  position: absolute;
  top: 115px;
  right: -61px;
  width: 21px;
  height: 21px;
  background: url(../../images/common/icon_plus.png) no-repeat center;
  background-size: cover;
}
#container[data-banner=assessment] .section.type2 .assessmentEx .whiteBox span {
  position: absolute;
  top: 50%;
  left: 50%;
  padding-top: 73px;
  font-size: 18px;
  font-weight: 500;
  display: block;
  transform: translate(-50%, -50%);
}
#container[data-banner=assessment] .section.type2 .assessmentEx .whiteBox span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -27px;
  width: 53px;
  height: 53px;
  background: url(../../images/customized/icon/icon_assessment1.png) no-repeat center;
  background-size: cover;
}
#container[data-banner=assessment] .section.type2 .assessmentEx .whiteBoxs {
  padding: 16px 30px 30px;
  width: calc(100% - 350px);
  text-align: center;
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  background: #fff;
}
#container[data-banner=assessment] .section.type2 .assessmentEx .whiteBoxs .boxsTit {
  width: 100%;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #624cbf;
}
#container[data-banner=assessment] .section.type2 .assessmentEx .whiteBoxs .grayBox {
  margin-top: 13px;
  width: calc(25% - 27px);
  border-radius: 20px;
  background: #f5f6fa;
}
#container[data-banner=assessment] .section.type2 .assessmentEx .whiteBoxs .grayBox span {
  position: relative;
  padding: 100px 15px 30px;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  display: block;
  box-sizing: border-box;
}
#container[data-banner=assessment] .section.type2 .assessmentEx .whiteBoxs .grayBox span:after {
  content: "";
  position: absolute;
  top: 32px;
  left: 50%;
  margin-left: -33px;
  width: 66px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#container[data-banner=assessment] .section.type2 .assessmentEx .whiteBoxs .grayBox span.item1:after {
  background-image: url(../../images/customized/icon/icon_assessment2.png);
}
#container[data-banner=assessment] .section.type2 .assessmentEx .whiteBoxs .grayBox span.item2:after {
  background-image: url(../../images/customized/icon/icon_assessment3.png);
}
#container[data-banner=assessment] .section.type2 .assessmentEx .whiteBoxs .grayBox span.item3:after {
  background-image: url(../../images/customized/icon/icon_assessment4.png);
}
#container[data-banner=assessment] .section.type2 .assessmentEx .whiteBoxs .grayBox span.item4:after {
  background-image: url(../../images/customized/icon/icon_assessment5.png);
}
#container[data-banner=consulting] {
  overflow-x: hidden;
}
#container[data-banner=consulting] .subBanner:after {
  background-image: url(../../images/customized/bg/bg_sub_consulting.png);
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide {
  width: calc(50% - 130px) !important;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExCon .boxCon {
  margin-top: 15px;
  text-align: left;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExCon .boxCon > li {
  position: relative;
  padding-left: 12px;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExCon .boxCon > li + li {
  margin-top: 15px;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExCon .boxCon > li:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 11px;
  width: 4px;
  height: 4px;
  background: #222;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExCon .dash-list li {
  position: relative;
  padding-left: 12px;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExCon .dash-list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 11px;
  width: 5px;
  height: 1px;
  border-radius: 0;
  background: #222;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExCon .dash-list li + li {
  margin-top: 0;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExCon .processAfter {
  position: relative;
  padding-top: 102px;
  text-align: center;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExCon .processAfter:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -21px;
  width: 42px;
  height: 62px;
  background: url(../../images/customized/icon/icon_coaching_arrow.png) no-repeat center;
  background-size: cover;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide .projectExCon .processAfter .processAfterTit {
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  font-weight: 500;
  color: #624cbf;
  display: inline-block;
  border-radius: 30px;
  border: 1px solid #624cbf;
  box-sizing: border-box;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item1 .projectExCon {
  padding-top: 348px;
  margin-top: 0;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item1 .projectExCon::after {
  content: "";
  position: absolute;
  top: 112px;
  left: 50%;
  width: 450px;
  height: 247px;
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  transform: translate(-50%, 0);
  background-image: url(../../images/customized/img/img_consulting2_1.png);
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item2 .projectExCon {
  padding-top: 348px;
  margin-top: 0;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item2 .projectExCon::after {
  content: "";
  position: absolute;
  top: 112px;
  left: 50%;
  width: 450px;
  height: 247px;
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  transform: translate(-50%, 0);
  background-image: url(../../images/customized/img/img_consulting2_2.png);
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item2 .projectExCon p {
  text-align: left;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item3 .projectExCon {
  padding-top: 348px;
  margin-top: 0;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item3 .projectExCon::after {
  content: "";
  position: absolute;
  top: 112px;
  left: 50%;
  width: 450px;
  height: 247px;
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  transform: translate(-50%, 0);
  background-image: url(../../images/customized/img/img_consulting2_3.png);
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item3 .projectExCon .box {
  padding: 30px;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item3 .projectExCon .box .boxTit {
  padding-top: 0;
  font-size: 18px;
  margin-bottom: 9px;
}
#container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item3 .projectExCon .box .boxTit::after {
  display: none;
}
#container[data-banner=consulting] .section .tblType1 tbody tr th {
  width: 99px;
  text-align: center;
}
#container[data-banner=consulting] .section .tblType1 tbody tr td {
  text-align: center;
}
#container[data-banner=consulting] .section .tblType1 tbody tr .topList {
  vertical-align: top;
}
#container[data-banner=consulting] .section .tblType1 tbody tr .dotList {
  color: #624CBF;
  text-align: left;
}
#container[data-banner=consulting] .section .tblType1 tbody tr .dotList li {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.9px;
}
#container[data-banner=consulting] .section .tblType1 tbody tr .dotList li:before {
  top: 10px;
  width: 4px;
  height: 4px;
  background: #624CBF;
}
#container[data-banner=consulting] .section .customizeList [class*=item] .pointName {
  margin: 0 auto;
  font-weight: 500;
  width: 202px;
  height: 50px;
  line-height: 52px;
  font-size: 18px;
  border-radius: 30px;
  padding-bottom: 0;
  color: #fff;
  background-color: #624CBF;
}
#container[data-banner=consulting] .section .customizeList [class*=item] .customizeEduName {
  display: block;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin: 20px 0;
  letter-spacing: -0.05em;
}
#container[data-banner=consulting] .section .customizeList [class*=item] .customizeEduCon {
  font-size: 16px;
}
#container[data-banner=consulting] .section .customizeList [class*=item] .tagWrap {
  margin-top: 20px;
  margin-left: -3px;
}
#container[data-banner=consulting] .section .customizeList [class*=item] .tagWrap .tag {
  display: inline-block;
  padding: 8px 16px;
  background-color: #998DD7;
  border-radius: 24px;
  font-size: 14px;
  color: #fff;
  margin: 0 3px 6px;
}
#container[data-banner=consulting] .section .customizeList .item1 .tagWrap {
  max-width: 160px;
  margin: 20px auto 0;
  text-align: left;
}
#container[data-banner=consulting] .section .customizeList .item2 .tagWrap {
  max-width: 150px;
  margin: 20px auto 0;
  text-align: left;
}
#container[data-banner=consulting] .section .customizeList .item3 .tagWrap {
  max-width: 217px;
  margin: 20px auto 0;
  text-align: left;
}
#container[data-banner=consulting] .section .boxWrap {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  margin-left: -27px;
  text-align: center;
  /* 	[class*=item]{position:relative; float:left; margin-top:30px; margin-left:40px; padding:40px; width:470px; height:285px; border-radius:30px; box-sizing:border-box; background:$cfff;
  		height: 700px;
  		.boxTit{position:relative; margin-top: 20px; font-family:$notoSerif; font-size:26px; font-weight:500; letter-spacing:-1px; display:inline-block;}
  		.boxConbox{
  			background-color: #DDD5FF; margin-top: 60px; padding: 2px 0;
  			&:after{content:''; position:absolute; top:40px; left:50%; margin-left:-21px; width:42px; height:42px; background-repeat:no-repeat; background-position:center; background-size:cover;}
  		}
  		.boxCon{
  			margin-top:20px; font-size:16px; line-height: 1.56; letter-spacing:-0.3px; text-align: left;
  		}
  		.btnWrap{position:absolute; left:40px; bottom:40px; margin-top:0;
  			.btnType3{padding:8px 24px 8px 25px; width:auto; font-family:$notoSerif; font-size:14px;}
  		}
  		.boxConList{text-align: left; margin-top: 20px;
  			.boxConTit{color: #624CBF; margin-bottom: 10px; font-weight: bold;
  				span{
  					font-weight: normal;
  				}
  			}
  			ul{
  				li{position: relative; padding-left: 12px;
  					&::before{content: ""; position: absolute; border-radius: 50%; left: 0; top: 11px; width: 4px; height: 4px; background: #222222;}
  					+li{
  						margin-top: 6px;
  					}
  					strong{
  						font-weight: bold;
  					}
  				}
  			}
  		}

  	} 
  	.item1{
  		.boxConbox{
  			&:after{background-image:url(../../images/customized/icon/icon_consulting1_1.png);}
  		}
  		.boxConList{
  			+.boxConList{
  				margin-top: 56px;
  				+.boxConList{
  					margin-top: 50px;
  				}
  			}
  		}
  	}
  	.item2{
  		.boxConbox{
  			&:after{background-image:url(../../images/customized/icon/icon_consulting1_2.png);}
  		}
  	}

  	.item3{
  		.boxTit{
  			&:after{background-image:url(../../images/customized/icon/icon_consulting1_3.png);}
  		}
  	}
  	.item4{
  		.boxTit{
  			&:after{background-image:url(../../images/customized/icon/icon_consulting1_4.png);}
  		}
  	} */
}
#container[data-banner=consulting] .section .boxWrap:after {
  content: "";
  display: block;
  clear: both;
}
#container[data-banner=consulting] .section .boxWrap [class*=item] {
  position: relative;
  margin-top: 30px;
  padding: 124px 40px 40px;
  border-radius: 30px;
  width: 100%;
  margin-left: 27px;
  box-sizing: border-box;
  background: #fff;
  background-size: 74px;
  background-position: top 35px center;
  background-repeat: no-repeat;
}
#container[data-banner=consulting] .section .boxWrap [class*=item] .boxEnglishTit {
  position: relative;
  font-size: 22px;
  color: #624CBF;
  font-family: "Noto Serif KR", sans-serif;
  margin-top: 26px;
}
#container[data-banner=consulting] .section .boxWrap [class*=item] .boxTit {
  margin-top: 3px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -1px;
  display: inline-block;
  background: #ffe7cb;
}
#container[data-banner=consulting] .section .boxWrap [class*=item] .boxCon {
  font-size: 18px;
  line-height: 1.56;
  letter-spacing: -0.3px;
}
#container[data-banner=consulting] .section .boxWrap [class*=item] .boxCon .highlighter {
  background: #ffe7cb;
}
#container[data-banner=consulting] .section .boxWrap .item1 {
  background-image: url(../../images/customized/icon/icon_consulting1_1_new.png);
}
#container[data-banner=consulting] .section .boxWrap .item2 {
  background-image: url(../../images/customized/icon/icon_consulting1_2_new.png);
}
#container[data-banner=consulting] .section .boxWrap .item3 {
  background-image: url(../../images/customized/icon/icon_consulting1_3_new.png);
}
#container[data-banner=consulting] .section .boxWrap .item4 {
  background-image: url(../../images/customized/icon/icon_consulting1_4_new.png);
}
#container[data-banner=consulting] .section .aside-right {
  text-align: right;
  margin-top: 30px;
}
#container[data-banner=simulation] .subBanner:after {
  background-image: url(../../images/customized/bg/bg_sub_simulation.png);
}
#container[data-banner=simulation] .section.centerText .subH3 .small {
  font-size: 20px;
}
#container[data-banner=simulation] .section.type1 .rightCon .thum {
  padding-bottom: 59%;
  background-size: auto 100%;
}
#container[data-banner=simulation] .section.type2 .titStyle1 {
  margin: 50px auto;
  padding: 12px 0;
  width: calc(100% - 380px);
  font-size: 18px;
  color: #624cbf;
  text-align: center;
  display: block;
  border-radius: 26px;
  border: solid 1px #624cbf;
  box-sizing: border-box;
  background: #fff;
}
#container[data-banner=simulation] .section .customizeList [class*=item] .pointName {
  font-weight: 500;
}
#container[data-banner=simulation] .section .customizeList [class*=item] .customizeEduName {
  font-family: "Noto Sans KR", sans-serif;
}
#container[data-banner=simulation] .section .customizeList .item1 .pointName:after {
  background-image: url(../../images/customized/img/img_simulation1_1.png);
}
#container[data-banner=simulation] .section .customizeList .item2:before {
  content: "";
  position: absolute;
  top: 145px;
  left: -8%;
  width: 10px;
  height: 10px;
  display: block;
  border-right: 2px solid #624cbf;
  border-bottom: 2px solid #624cbf;
  border-radius: 2px;
  transform: rotate(-45deg);
}
#container[data-banner=simulation] .section .customizeList .item2:after {
  content: "";
  position: absolute;
  top: 145px;
  right: -5%;
  width: 10px;
  height: 10px;
  display: block;
  border-right: 2px solid #624cbf;
  border-bottom: 2px solid #624cbf;
  border-radius: 2px;
  transform: rotate(-45deg);
}
#container[data-banner=simulation] .section .customizeList .item2 .pointName:after {
  background-image: url(../../images/customized/img/img_simulation1_2.png);
}
#container[data-banner=simulation] .section .customizeList .item3 .pointName:after {
  background-image: url(../../images/customized/img/img_simulation1_3.png);
}
#container[data-banner=simulation] .section .progress {
  margin-top: 60px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#container[data-banner=simulation] .section .progress .thum {
  padding-bottom: 19%;
  width: 50%;
  background-position: left center;
  background-size: auto 100%;
}
#container[data-banner=simulation] .section .progress .progressStep {
  position: relative;
  width: 50%;
}
#container[data-banner=simulation] .section .progress .progressStep:before {
  content: "";
  position: absolute;
  bottom: 21px;
  left: 0;
  width: 8px;
  height: 8px;
  border-left: 2px solid #cec3ff;
  border-bottom: 2px solid #cec3ff;
  transform: rotate(-45deg);
}
#container[data-banner=simulation] .section .progress .progressStep:after {
  content: "";
  position: absolute;
  top: 21px;
  left: 4px;
  bottom: 21px;
  z-index: 0;
  width: 2px;
  background: #cec3ff;
}
#container[data-banner=simulation] .section .progress .progressStep ul li {
  position: relative;
  margin-top: 30px;
  padding: 12px 0 12px 64px;
}
#container[data-banner=simulation] .section .progress .progressStep ul li:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 2px solid #9581e8;
  background: #fff;
}
#container[data-banner=simulation] .section .progress .progressStep ul li:first-child {
  margin-top: 0;
}
#container[data-banner=simulation] .section .progress .progressStep ul li > span {
  margin-right: 4px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 19px;
  font-weight: 600;
  color: #624cbf;
  display: inline-block;
}
#container[data-banner=simulation] .section .progress .progressStep ul li strong {
  font-size: 17px;
  font-weight: 600;
}
#container[data-banner=simulation] .section .progress .progressStep ul li p {
  margin-top: 10px;
  margin-left: 24px;
  font-size: 15px;
}
#container[data-banner=simulation] .section .progress .progressStep ul li p span {
  margin-top: 4px;
  font-size: 14px;
  color: #999;
  display: block;
}
#container[data-banner=onborading] .subBanner:after {
  background-image: url(../../images/customized/bg/bg_sub_onborading.png);
}
#container[data-banner=onborading] .section.type1.flexWrap .thum {
  margin-top: 50px;
  padding-bottom: 38%;
  width: 100%;
  background-size: 100% auto;
}
#container[data-banner=onborading] .section .customizeList [class*=item] .pointName {
  font-weight: 500;
}
#container[data-banner=onborading] .section .customizeList [class*=item] .customizeEduName {
  font-family: "Noto Sans KR", sans-serif;
}
#container[data-banner=onborading] .section .customizeList .item1 .pointName:after {
  background-image: url(../../images/customized/img/img_onborading1_1.png);
}
#container[data-banner=onborading] .section .customizeList .item2:before {
  content: "";
  position: absolute;
  top: 145px;
  left: -8%;
  width: 10px;
  height: 10px;
  display: block;
  border-right: 2px solid #624cbf;
  border-bottom: 2px solid #624cbf;
  border-radius: 2px;
  transform: rotate(-45deg);
}
#container[data-banner=onborading] .section .customizeList .item2:after {
  content: "";
  position: absolute;
  top: 145px;
  right: -5%;
  width: 10px;
  height: 10px;
  display: block;
  border-right: 2px solid #624cbf;
  border-bottom: 2px solid #624cbf;
  border-radius: 2px;
  transform: rotate(-45deg);
}
#container[data-banner=onborading] .section .customizeList .item2 .pointName:after {
  background-image: url(../../images/customized/img/img_onborading1_2.png);
}
#container[data-banner=onborading] .section .customizeList .item3 .pointName:after {
  background-image: url(../../images/customized/img/img_onborading1_3.png);
}
#container[data-banner=onborading] .section .useEx dl {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
#container[data-banner=onborading] .section .useEx dl:first-child {
  margin-top: 50px;
}
#container[data-banner=onborading] .section .useEx dl.item1 dt {
  background: #a497da;
}
#container[data-banner=onborading] .section .useEx dl.item2 dt {
  background: #624cbf;
}
#container[data-banner=onborading] .section .useEx dl dt {
  width: 260px;
  border-radius: 30px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.64;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  box-sizing: border-box;
}
#container[data-banner=onborading] .section .useEx dl dt .small {
  font-size: 24px;
  line-height: 1.33;
}
#container[data-banner=onborading] .section .useEx dl dd {
  padding: 36px 30px;
  width: calc(100% - 290px);
  border-radius: 30px;
  box-sizing: border-box;
  background: #fff;
}
#container[data-banner=onborading] .section .useEx dl dd .useExTit {
  font-size: 24px;
}
#container[data-banner=onborading] .section .useEx dl dd > span {
  margin-top: 24px;
  padding: 8px 17px;
  width: 60px;
  height: 36px;
  display: block;
  border-radius: 6px;
  font-size: 14px;
  color: #fff;
  box-sizing: border-box;
  background: #624cbf;
}
#container[data-banner=onborading] .section .useEx dl dd .dotList {
  margin-top: 12px;
}
#container[data-banner=onborading] .section .useEx dl dd .dotList li:before {
  width: 5px;
  height: 5px;
  background: #222;
}
#container[data-banner=streaming] .section .notiCon {
  padding: 45px 0;
  border-bottom: 0 none;
}
#container[data-banner=streaming] .section .notiCon .boardView {
  max-width: 100%;
  text-align: center;
  font-size: 16px;
}
#container[data-banner=streaming] .section .notiCon .notiText {
  margin-top: 0;
  font-size: 16px;
}
#container[data-banner=streaming] .streaming-list {
  border-top: 1px solid #666;
}
#container[data-banner=streaming] .streaming-list ul li {
  border-bottom: 1px solid #E1E1E1;
}
#container[data-banner=streaming] .streaming-list ul li.iconQ {
  height: 120px;
  display: flex;
  align-items: center;
  font-size: 20px;
  background: url(../../images/customized/icon/ico_streaming.png) right 30px center no-repeat;
}
#container[data-banner=streaming] .streaming-list ul li.iconQ:hover, #container[data-banner=streaming] .streaming-list ul li.iconQ.on {
  border-bottom: 1px solid #624CBF;
  background-image: url(../../images/customized/icon/ico_streaming_on.png);
}
#container[data-banner=streaming] .streaming-list ul li.iconQ a {
  display: block;
  width: 100%;
  padding: 0 120px 0 30px;
  box-sizing: border-box;
}
#container[data-banner=streaming] .streaming-list ul li.iconQ span {
  margin-right: 10px;
}
#container[data-banner=streaming] .streaming-list ul li.iconA {
  display: none;
  padding: 40px 30px;
  font-size: 18px;
}
#container[data-banner=streaming] .streaming-list ul li.iconA .video-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 50px;
}
#container[data-banner=streaming] .streaming-list ul li.iconA .video-wrap .video-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#container[data-banner=oneonone] .subBanner:after {
  background-image: url(../../images/customized/bg/bg_sub_oneononeco.png);
}
#container[data-banner=oneonone] .centerText h3 {
  font-weight: 500;
}
#container[data-banner=oneonone] .centerText .centerSubText + .centerSubText {
  margin-top: 20px;
}
#container[data-banner=oneonone] .oneWrap .thum {
  margin: 0 auto;
  width: 100%;
  height: auto;
  overflow-x: auto;
  padding: 0;
}
#container[data-banner=oneonone] .oneWrap .thum img {
  width: 780px;
  margin-bottom: 40px;
}
#container[data-banner=oneonone] .oneWrap .boxCon li {
  position: relative;
  padding-left: 8px;
  font-size: 18px;
  line-height: 1.65;
}
#container[data-banner=oneonone] .oneWrap .boxCon li:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 11px;
  width: 4px;
  height: 4px;
  background: #222;
}
#container[data-banner=oneonone] .oneWrap .boxCon li .default3 {
  font-weight: bold;
}
#container[data-banner=oneonone] .oneWrap .boxCon li + li {
  margin-top: 20px;
}
#container[data-banner=oneonone] .progressStep .preCoaching .title {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
}
#container[data-banner=oneonone] .progressStep .preCoaching .title img {
  width: 28px;
  margin-right: 8px;
}
#container[data-banner=oneonone] .progressStep .preCoaching + .preCoaching {
  margin-top: 40px;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap {
  position: relative;
  margin-top: 20px;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap.type1:before {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 8px;
  height: 8px;
  border-left: 2px solid #cec3ff;
  border-bottom: 2px solid #cec3ff;
  transform: rotate(-45deg);
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap.type1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  bottom: 2px;
  z-index: 0;
  width: 2px;
  background: #cec3ff;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap.type2:before {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 8px;
  height: 8px;
  border-left: 2px solid #cec3ff;
  border-bottom: 2px solid #cec3ff;
  transform: rotate(-45deg);
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap.type2:after {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  bottom: 2px;
  z-index: 0;
  width: 2px;
  background: #cec3ff;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap.type2 + .type2 .step2 {
  align-items: flex-start;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step1 {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.7;
  font-weight: normal;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step1 .info {
  display: inline-block;
  background-color: #565656;
  padding: 25px;
  border-radius: 12px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  margin-left: 27px;
  margin-right: 20px;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step1 + .step1 {
  margin-top: 10px;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step2 {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.7;
  font-weight: normal;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step2:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 1;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 2px solid #9581e8;
  background: #fff;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step2 .info {
  display: inline-block;
  background-color: #624CBF;
  width: 110px;
  text-align: center;
  padding: 47px 0;
  border-radius: 12px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  margin-left: 27px;
  margin-right: 20px;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step2 .structured {
  display: block;
  width: 514px;
  margin-top: 50px;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step2 .structured img {
  width: 100%;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step2 .structured .boxCon {
  margin-top: 50px;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step2 .structured .boxCon li {
  position: relative;
  padding-left: 12px;
  font-size: 14px;
  line-height: 1.65;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step2 .structured .boxCon li:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 11px;
  width: 4px;
  height: 4px;
  background: #222;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step2 .structured .boxCon li + li {
  margin-top: 8px;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step2 .structured .boxCon .purple {
  font-weight: bold;
}
#container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step2 .structured .boxCon .purple:before {
  background: #624CBF;
}
#container[data-banner=oneonone] .faqList .iconQ {
  display: block !important;
}
#container[data-banner=oneonone] .faqList .default3 {
  color: #6539EF;
}
#container[data-banner=oneonone] .faqList .default3.type1 {
  font-weight: bold;
}
#container[data-banner=oneonone] .faqList .default3.type2 {
  font-weight: bold;
  color: #666;
}
#container[data-banner=oneonone] .request {
  margin: 0 auto;
}
#container[data-banner=oneonone] .request .btnType1 {
  margin-top: 80px;
  color: #fff;
  background: #624CBF;
  border: 0 none;
  padding: 12px 78px;
  line-height: 1.5;
}
#container[data-banner=culturescan] .subBanner:after {
  background-image: url(../../images/customized/bg/bg_sub_culturescan.jpg);
}
#container[data-banner=culturescan] .section .cultureList .itemInfoWrap .tag {
  display: inline-block;
  color: #fff;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 14px;
  padding: 8px 12px;
  background: #624CBF;
  border-radius: 6px;
}
#container[data-banner=culturescan] .section .cultureList .itemInfoWrap .infoWrap .infoTit {
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 6px;
}
#container[data-banner=culturescan] .section .cultureList .itemInfoWrap .infoWrap .infoSub {
  font-size: 16px;
  line-height: 28px;
}
#container[data-banner=culturescan] .section .cultureList .itemInfoWrap .infoWrap .infoSub .default4 {
  color: #999;
}
#container[data-banner=culturescan] .section .cultureList .itemInfoWrap + .itemInfoWrap {
  margin-top: 40px;
}
#container[data-banner=culturescan] .section .diagnosisProcess {
  padding-top: 60px;
  clear: both;
  margin: 0 auto;
}
#container[data-banner=culturescan] .section .diagnosisProcess .thum {
  padding-bottom: 0;
  height: auto;
}
#container[data-banner=culturescan] .section .diagnosisProcess .thum img {
  width: 100%;
}
#container[data-banner=culturescan] .section .swiper-container {
  margin-top: 40px;
}
#container[data-banner=culturescan] .section .swiperCon .num {
  font-family: "Roboto", "Noto Sans KR", sans-serif;
}
#container[data-banner=culturescan] .section .swiperCon .sub {
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin-left: 57px;
  font-weight: normal;
}
#container[data-banner=culturescan] .section.type3 .default3 {
  color: #6539EF;
  font-weight: bold;
}
#container[data-banner=culturescan] .section.type3 .request {
  margin: 0 auto;
}
#container[data-banner=culturescan] .section.type3 .request .btnType1 {
  margin-top: 80px;
  color: #fff;
  background: #624CBF;
  border: 0 none;
  padding: 12px 78px;
  line-height: 1.5;
}

@media (max-width: 1024px) {
  #container[data-banner=competency] .subBanner:after {
    background-image: url(../../images/customized/bg/bg_sub_competency@2x.png);
  }
  #container[data-banner=competency] .section .customizeList .item1 {
    padding-top: 0;
  }
  #container[data-banner=competency] .section .customizeList .item1 .pointName:after {
    background-image: url(../../images/customized/img/img_competency1@2x.png);
  }
  #container[data-banner=competency] .section .customizeList .item2 {
    padding: 68px 0;
  }
  #container[data-banner=competency] .section .customizeList .item2:before {
    top: 25px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=competency] .section .customizeList .item2:after {
    top: auto;
    bottom: 32px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=competency] .section .customizeList .item2 .pointName:after {
    background-image: url(../../images/customized/img/img_competency2@2x.png);
  }
  #container[data-banner=competency] .section .customizeList .item3 .pointName:after {
    background-image: url(../../images/customized/img/img_competency3@2x.png);
  }
  #container[data-banner=competency] .section .boxWrap {
    margin-top: 10px;
    margin-left: 0;
  }
  #container[data-banner=competency] .section .boxWrap [class*=item] {
    float: none;
    margin-top: 20px;
    margin-left: 0;
    padding: 0 30px 116px 20px;
    width: 100%;
    height: auto;
  }
  #container[data-banner=competency] .section .boxWrap [class*=item] .btnWrap {
    left: 20px;
  }
  #container[data-banner=competency] .section .boxWrap .item1 .boxTit:after {
    background-image: url(../../images/customized/icon/icon_competency1@2x.png);
  }
  #container[data-banner=competency] .section .boxWrap .item2 .boxTit:after {
    background-image: url(../../images/customized/icon/icon_competency2@2x.png);
  }
  #container[data-banner=competency] .section .boxWrap .item3 .boxTit:after {
    background-image: url(../../images/customized/icon/icon_competency3@2x.png);
  }
  #container[data-banner=competency] .section .boxWrap .item4 .boxTit:after {
    background-image: url(../../images/customized/icon/icon_competency4@2x.png);
  }
  #container[data-banner=competency] .section .boxWrap .item5 .boxTit:after {
    background-image: url(../../images/customized/icon/icon_competency5@2x.png);
  }
  #container[data-banner=workshop] .subBanner:after {
    background-image: url(../../images/customized/bg/bg_sub_workshop@2x.png);
  }
  #container[data-banner=workshop] .section .customizeList .item1 {
    padding-top: 0;
  }
  #container[data-banner=workshop] .section .customizeList .item1 .pointName:after {
    background-image: url(../../images/customized/img/img_workshop1_1@2x.png);
  }
  #container[data-banner=workshop] .section .customizeList .item2 {
    padding: 68px 0;
  }
  #container[data-banner=workshop] .section .customizeList .item2:before {
    top: 25px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=workshop] .section .customizeList .item2:after {
    top: auto;
    bottom: 32px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=workshop] .section .customizeList .item2 .pointName:after {
    background-image: url(../../images/customized/img/img_workshop1_2@2x.png);
  }
  #container[data-banner=workshop] .section .customizeList .item3 .pointName:after {
    background-image: url(../../images/customized/img/img_workshop1_3@2x.png);
  }
  #container[data-banner=workshop] .section .boxWrap {
    margin-top: 20px;
    margin-left: 0px;
  }
  #container[data-banner=workshop] .section .boxWrap [class*=item] {
    float: none;
    margin-top: 20px;
    margin-left: 0;
    padding-bottom: 40px;
    width: 100%;
    height: auto;
  }
  #container[data-banner=workshop] .section .boxWrap [class*=item] .boxTit {
    font-size: 28px;
  }
  #container[data-banner=workshop] .section .boxWrap [class*=item] .boxCon {
    font-size: 18px;
  }
  #container[data-banner=workshop] .section .boxWrap .item1 .boxEnglishTit:after {
    background-image: url(../../images/customized/icon/icon_workshop1@2x.png);
  }
  #container[data-banner=workshop] .section .boxWrap .item2 .boxEnglishTit:after {
    background-image: url(../../images/customized/icon/icon_workshop2@2x.png);
  }
  #container[data-banner=workshop] .section .boxWrap .item3 .boxEnglishTit:after {
    background-image: url(../../images/customized/icon/icon_workshop3@2x.png);
  }
  #container[data-banner=workshop] .section .boxWrap .item4 .boxEnglishTit:after {
    background-image: url(../../images/customized/icon/icon_workshop4@2x.png);
  }
  #container[data-banner=workshop] .section .boxWrap .item5 .boxEnglishTit:after {
    background-image: url(../../images/customized/icon/icon_workshop5@2x.png);
  }
  #container[data-banner=workshop] .section .boxWrap .item6 .boxEnglishTit:after {
    background-image: url(../../images/customized/icon/icon_workshop6@2x.png);
  }
  #container[data-banner=workshop] .section .boxWrap .item7 .boxEnglishTit:after {
    background-image: url(../../images/customized/icon/icon_workshop7@2x.png);
  }
  #container[data-banner=coaching] .subBanner:after {
    background-image: url(../../images/customized/bg/bg_sub_coaching@2x.png);
  }
  #container[data-banner=coaching] .section .solutionCoching > div {
    padding: 0 15px;
  }
  #container[data-banner=coaching] .section .customizeList .item1 {
    padding-top: 0;
  }
  #container[data-banner=coaching] .section .customizeList .item1 .customizeEdu:after {
    background-image: url(../../images/customized/img/img_coaching1@2x.png);
  }
  #container[data-banner=coaching] .section .customizeList .item2 {
    padding: 68px 0;
  }
  #container[data-banner=coaching] .section .customizeList .item2:before {
    top: 25px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=coaching] .section .customizeList .item2:after {
    top: auto;
    bottom: 32px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=coaching] .section .customizeList .item2 .customizeEdu:after {
    background-image: url(../../images/customized/img/img_coaching2@2x.png);
  }
  #container[data-banner=coaching] .section .customizeList .item3 .customizeEdu:after {
    background-image: url(../../images/customized/img/img_coaching3@2x.png);
  }
  #container[data-banner=coaching] .section .coachingProcess {
    margin-top: 40px;
  }
  #container[data-banner=coaching] .section .coachingProcess .thum {
    margin: 0 auto; /*  padding-bottom:310%; max-width:600px; */
    width: 100%;
    height: auto;
    overflow-x: auto;
    padding: 0;
  }
  #container[data-banner=coaching] .section .coachingProcess .thum img {
    width: 900px;
    height: auto;
  }
  #container[data-banner=coaching] .section .coachingProcess .processAfter .processAfterTit {
    padding: 12px;
    width: 100%;
  }
  #container[data-banner=assessment] .subBanner:after {
    background-image: url(../../images/customized/bg/bg_sub_assessment@2x.png);
  }
  #container[data-banner=assessment] .section.type1 .rightCon .btnWrap {
    margin-top: 40px;
  }
  #container[data-banner=assessment] .section.type1 .rightCon .tblType1 {
    overflow-x: auto;
  }
  #container[data-banner=assessment] .section.type1 .rightCon .tblType1 table {
    width: 800px;
  }
  #container[data-banner=assessment] .section.type2 .assessmentEx {
    margin-top: 40px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: left;
    flex-flow: column;
  }
  #container[data-banner=assessment] .section.type2 .assessmentEx .whiteBox {
    margin-bottom: 80px;
    width: 100%;
    height: 180px;
  }
  #container[data-banner=assessment] .section.type2 .assessmentEx .whiteBox:after {
    top: auto;
    right: auto;
    bottom: -51px;
  }
  #container[data-banner=assessment] .section.type2 .assessmentEx .whiteBoxs {
    padding: 40px 10px;
    width: 100%;
  }
  #container[data-banner=assessment] .section.type2 .assessmentEx .whiteBoxs .boxsTit {
    margin-bottom: 25px;
  }
  #container[data-banner=assessment] .section.type2 .assessmentEx .whiteBoxs .grayBox {
    margin-top: 15px;
    width: calc(50% - 8px);
  }
  #container[data-banner=assessment] .section.type2 .assessmentEx .whiteBoxs .grayBox span {
    padding: 100px 10px 30px;
  }
  #container[data-banner=consulting] .subBanner:after {
    background-image: url(../../images/customized/bg/bg_sub_consulting@2x.png);
  }
  #container[data-banner=consulting] .section .tblType1 {
    overflow-x: auto;
  }
  #container[data-banner=consulting] .section .tblType1 table {
    width: 800px;
  }
  #container[data-banner=consulting] .section .customizeList .item1 {
    padding-top: 0;
    /* 	.pointName{
    		&:after{background-image:url(../../images/customized/img/img_consulting1_1@2x.png);}
    	} */
  }
  #container[data-banner=consulting] .section .customizeList .item1 .tagWrap {
    max-width: none;
    text-align: center;
  }
  #container[data-banner=consulting] .section .customizeList .item2 {
    padding: 68px 0;
    /* &:before{top:25px; left:50%; margin-left:-5px; transform:rotate(45deg);}
    &:after{top:auto; bottom:32px; left:50%; margin-left:-5px; transform:rotate(45deg);}
    .pointName{
    	&:after{background-image:url(../../images/customized/img/img_consulting1_2@2x.png);}
    } */
  }
  #container[data-banner=consulting] .section .customizeList .item2 .tagWrap {
    max-width: none;
    text-align: center;
  }
  #container[data-banner=consulting] .section .customizeList .item3 {
    /* .pointName{
    	&:after{background-image:url(../../images/customized/img/img_consulting1_3@2x.png);}
    } */
  }
  #container[data-banner=consulting] .section .customizeList .item3 .tagWrap {
    max-width: none;
    text-align: center;
  }
  #container[data-banner=consulting] .section .boxWrap {
    margin-top: 10px;
    margin-left: 0;
    flex-wrap: wrap;
    width: 100%;
  }
  #container[data-banner=consulting] .section .boxWrap [class*=item] {
    float: none;
    margin: 20px 0 0;
    padding: 124px 30px 30px;
    width: 100%;
    height: auto;
    font-size: 14px;
  }
  #container[data-banner=consulting] .section .boxWrap [class*=item] .btnWrap {
    left: 20px;
  }
  #container[data-banner=consulting] .section .boxWrap [class*=item] .boxConbox {
    margin-top: 90px;
  }
  #container[data-banner=consulting] .section .boxWrap [class*=item] .boxConbox:after {
    top: 30px;
    width: 38px;
    height: 38px;
  }
  #container[data-banner=consulting] .section .boxWrap [class*=item] .boxCon {
    font-size: 14px;
  }
  #container[data-banner=consulting] .section .boxWrap .item1 .boxTit:after {
    background-image: url(../../images/customized/icon/icon_consulting1_1@2x.png);
  }
  #container[data-banner=consulting] .section .boxWrap .item1 .boxConList + .boxConList {
    margin-top: 20px;
  }
  #container[data-banner=consulting] .section .boxWrap .item1 .boxConList + .boxConList + .boxConList {
    margin-top: 20px;
  }
  #container[data-banner=consulting] .section .boxWrap .item2:before {
    top: 25px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=consulting] .section .boxWrap .item2:after {
    top: auto;
    bottom: 32px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=consulting] .section .boxWrap .item2 .boxTit:after {
    background-image: url(../../images/customized/icon/icon_consulting1_2@2x.png);
  }
  #container[data-banner=consulting] .section .boxWrap .item3 .boxTit:after {
    background-image: url(../../images/customized/icon/icon_consulting1_3@2x.png);
  }
  #container[data-banner=consulting] .section .boxWrap .item4 .boxTit:after {
    background-image: url(../../images/customized/icon/icon_consulting1_4@2x.png);
  }
  #container[data-banner=consulting] .section[class*=type] [data-swiper=list2] {
    overflow-x: hidden;
  }
  #container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide {
    width: 100% !important;
  }
  #container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item1 .projectExCon {
    padding-top: 76.53vw;
  }
  #container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item1 .projectExCon::after {
    width: 100%;
    height: calc(76.53vw - 112px);
  }
  #container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item2 .projectExCon {
    padding-top: 76.53vw;
  }
  #container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item2 .projectExCon::after {
    width: 100%;
    height: calc(76.53vw - 112px);
  }
  #container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item3 .projectExSolution {
    padding-top: 76.53vw;
  }
  #container[data-banner=consulting] .section[class*=type] [data-swiper=list2] .swiper-wrapper .swiper-slide.item3 .projectExSolution::after {
    width: 100%;
    height: calc(76.53vw - 112px);
  }
  #container[data-banner=simulation] .subBanner:after {
    background-image: url(../../images/customized/bg/bg_sub_simulation@2x.png);
  }
  #container[data-banner=simulation] .section.centerText h3.shiningstar + .subH3 {
    letter-spacing: -0.4px;
  }
  #container[data-banner=simulation] .section.centerText .subH3 .small {
    font-size: 14px;
    letter-spacing: -0.14px;
  }
  #container[data-banner=simulation] .section.type1 .rightCon {
    overflow-x: auto;
  }
  #container[data-banner=simulation] .section.type1 .rightCon .thum {
    width: 820px;
    padding-bottom: 487px;
    background-position: left top;
  }
  #container[data-banner=simulation] .section.type2 .titStyle1 {
    margin: 40px 0 0;
    padding: 12px 0;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    border-radius: 30px;
  }
  #container[data-banner=simulation] .section .customizeList .item1 {
    padding-top: 0;
  }
  #container[data-banner=simulation] .section .customizeList .item1 .pointName:after {
    background-image: url(../../images/customized/img/img_simulation1_1@2x.png);
  }
  #container[data-banner=simulation] .section .customizeList .item2 {
    padding: 68px 0;
  }
  #container[data-banner=simulation] .section .customizeList .item2:before {
    top: 25px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=simulation] .section .customizeList .item2:after {
    top: auto;
    bottom: 32px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=simulation] .section .customizeList .item2 .pointName:after {
    background-image: url(../../images/customized/img/img_simulation1_2@2x.png);
  }
  #container[data-banner=simulation] .section .customizeList .item3 .pointName:after {
    background-image: url(../../images/customized/img/img_simulation1_3@2x.png);
  }
  #container[data-banner=simulation] .section .progress {
    margin-top: 40px;
    display: block;
    justify-content: inherit;
    align-items: inherit;
  }
  #container[data-banner=simulation] .section .progress .thum {
    padding-bottom: 48.36%;
    width: 100%;
    background-position: center;
    background-size: auto 100%;
  }
  #container[data-banner=simulation] .section .progress .progressStep {
    margin-top: 50px;
    width: 100%;
  }
  #container[data-banner=simulation] .section .progress .progressStep:before {
    bottom: 6px;
  }
  #container[data-banner=simulation] .section .progress .progressStep:after {
    top: 17px;
    bottom: 4px;
  }
  #container[data-banner=simulation] .section .progress .progressStep ul li {
    position: relative;
    margin-top: 50px;
    padding: 4px 0 4px 26px;
  }
  #container[data-banner=simulation] .section .progress .progressStep ul li:before {
    left: 30px;
  }
  #container[data-banner=simulation] .section .progress .progressStep ul li:after {
    top: 13px;
  }
  #container[data-banner=simulation] .section .progress .progressStep ul li:first-child {
    margin-top: 0;
  }
  #container[data-banner=simulation] .section .progress .progressStep ul li.step1:before {
    background-image: url(../../images/online/icon/icon_makeVideoStep1@2x.png);
  }
  #container[data-banner=simulation] .section .progress .progressStep ul li.step2:before {
    background-image: url(../../images/online/icon/icon_makeVideoStep2@2x.png);
  }
  #container[data-banner=simulation] .section .progress .progressStep ul li.step3:before {
    background-image: url(../../images/online/icon/icon_makeVideoStep3@2x.png);
  }
  #container[data-banner=simulation] .section .progress .progressStep ul li.step4:before {
    background-image: url(../../images/online/icon/icon_makeVideoStep4@2x.png);
  }
  #container[data-banner=simulation] .section .progress .progressStep ul li.step5:before {
    background-image: url(../../images/online/icon/icon_makeVideoStep5@2x.png);
  }
  #container[data-banner=simulation] .section .progress .progressStep ul li.step6:before {
    background-image: url(../../images/online/icon/icon_makeVideoStep6@2x.png);
  }
  #container[data-banner=onborading] .subBanner:after {
    background-image: url(../../images/customized/bg/bg_sub_onborading@2x.png);
  }
  #container[data-banner=onborading] .section.type1.flexWrap {
    overflow-x: auto;
  }
  #container[data-banner=onborading] .section.type1.flexWrap .thum {
    width: 1201px;
    padding-bottom: 452px;
    background-position: left top;
  }
  #container[data-banner=onborading] .section .customizeList .item1 {
    padding-top: 0;
  }
  #container[data-banner=onborading] .section .customizeList .item1 .customizeEdu:after {
    background-image: url(../../images/customized/img/img_onborading1_1@2x.png);
  }
  #container[data-banner=onborading] .section .customizeList .item2 {
    padding: 68px 0;
  }
  #container[data-banner=onborading] .section .customizeList .item2:before {
    top: 25px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=onborading] .section .customizeList .item2:after {
    top: auto;
    bottom: 32px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=onborading] .section .customizeList .item2 .customizeEdu:after {
    background-image: url(../../images/customized/img/img_onborading1_2@2x.png);
  }
  #container[data-banner=onborading] .section .customizeList .item3 .customizeEdu:after {
    background-image: url(../../images/customized/img/img_onborading1_3@2x.png);
  }
  #container[data-banner=onborading] .section .useEx dl {
    margin-top: 40px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-flow: column;
  }
  #container[data-banner=onborading] .section .useEx dl.item1 dt {
    background: #a497da;
  }
  #container[data-banner=onborading] .section .useEx dl.item2 dt {
    background: #624cbf;
  }
  #container[data-banner=onborading] .section .useEx dl dt {
    padding: 23px 0;
    width: 100%;
    font-size: 24px;
    line-height: 1.92;
    flex-wrap: wrap;
  }
  #container[data-banner=onborading] .section .useEx dl dt .small {
    font-size: 24px;
    line-height: 1.33;
  }
  #container[data-banner=onborading] .section .useEx dl dd {
    margin-top: 20px;
    padding: 30px 20px;
    width: 100%;
  }
  #container[data-banner=onborading] .section .useEx dl dd .useExTit {
    font-size: 22px;
    line-height: 1.45;
  }
  #container[data-banner=streaming] .section .notiCon .boardView {
    text-align: left;
  }
  #container[data-banner=streaming] .section .notiCon .boardView .notiText {
    padding-bottom: 0;
    font-size: 15px;
  }
  #container[data-banner=streaming] .streaming-list ul li.iconQ {
    min-height: 95px;
    font-size: 18px;
    background-size: 38px auto;
    background-position: right center;
  }
  #container[data-banner=streaming] .streaming-list ul li.iconQ a {
    padding-left: 0;
    padding-right: 50px;
  }
  #container[data-banner=streaming] .streaming-list ul li.iconQ span {
    display: block;
  }
  #container[data-banner=streaming] .streaming-list ul li.iconA {
    padding: 20px 0 30px;
    font-size: 15px;
  }
  #container[data-banner=streaming] .streaming-list ul li.iconA .video-wrap {
    margin-bottom: 30px;
  }
  #container[data-banner=oneonone] .subBanner:after {
    background-image: url(../../images/customized/bg/bg_sub_oneononeco@2x.png);
  }
  #container[data-banner=oneonone] .oneWrap .thum {
    margin: 0 auto;
    width: 100%;
    height: auto;
    overflow-x: auto;
    padding: 0;
  }
  #container[data-banner=oneonone] .oneWrap .thum img {
    width: 669px;
    margin-bottom: 40px;
  }
  #container[data-banner=oneonone] .oneWrap .boxCon li {
    font-size: 16px;
    line-height: 1.5;
  }
  #container[data-banner=oneonone] .progressStep .preCoaching .stepWrap.type2 + .type2 .step2 {
    display: block;
  }
  #container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step2 .structured {
    width: 308px;
    margin: 30px auto;
    margin-bottom: 0;
    padding-left: 27px;
  }
  #container[data-banner=oneonone] .progressStep .preCoaching .stepWrap .step2 .structured .boxCon {
    margin-top: 30px;
  }
  #container[data-banner=oneonone] .faqList {
    margin-top: 0 !important;
  }
  #container[data-banner=oneonone] .request {
    margin: 0 auto;
    margin-top: 40px !important;
  }
  #container[data-banner=oneonone] .request .btnType1 {
    margin-top: 0;
    font-size: 16px;
    padding: 12px 42px;
  }
  #container[data-banner=culturescan] .subBanner:after {
    background-image: url(../../images/customized/bg/bg_sub_culturescan@2x.jpg);
  }
  #container[data-banner=culturescan] .section .cultureList .itemInfoWrap .infoWrap .infoSub {
    font-size: 14px;
    line-height: 22px;
  }
  #container[data-banner=culturescan] .section .cultureList .itemInfoWrap + .itemInfoWrap {
    margin-top: 30px;
  }
  #container[data-banner=culturescan] .section .diagnosisProcess {
    padding-top: 40px;
  }
  #container[data-banner=culturescan] .section .diagnosisProcess .thum {
    margin: 0 auto;
    width: 100%;
    height: auto;
    overflow-x: auto;
    padding: 0;
  }
  #container[data-banner=culturescan] .section .diagnosisProcess .thum img {
    width: 1074px;
  }
  #container[data-banner=culturescan] .section.type3 .request .btnType1 {
    margin-top: 40px;
  }
}
@media (max-width: 340px) {
  #container[data-banner=coaching] .section.type2 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a {
    height: 212px;
  }
  #container[data-banner=coaching] .section.type2 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a .directorName {
    padding-right: 10px;
  }
  #container[data-banner=coaching] .section .solutionCoching > div {
    padding: 0 5px;
  }
  #container[data-banner=consulting] .section.centerText h3.shiningstar + .subH3 {
    font-size: 26px;
  }
  #container[data-banner=consulting] .section .boxWrap [class*=item] .boxCon {
    font-size: 13px;
  }
  #container[data-banner=simulation] .section.centerText h3.shiningstar + .subH3 {
    font-size: 20px;
  }
  #container[data-banner=simulation] .section.type2 .titStyle1 {
    font-size: 18px;
  }
  #container[data-banner=onborading] .section.centerText .subH3 {
    font-size: 23px;
  }
  #container[data-banner=onborading] .section[class*=type] .leftTit h3 {
    font-size: 25px;
  }
  #container[data-banner=onborading] .section .useEx dl dd .useExTit {
    font-size: 17px;
  }
  #container[data-banner=onborading] .section .useEx dl dd .dotList li {
    font-size: 13px;
  }
  #container[data-banner=onborading] .section .useEx dl dd .dotList li .default3 {
    display: block;
  }
}
#container[data-banner=realive] .subBanner:after {
  background-image: url(../../images/online/bg/bg_sub_realive.png);
}
#container[data-banner=realive] .section.type1 > .inner {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
#container[data-banner=realive] .section.scoreWrap {
  margin-top: 0;
  padding-bottom: 60px;
  border-bottom: 1px solid #e1e1e1;
}
#container[data-banner=realive] .section.scoreWrap .scoreSummary dl {
  width: 23%;
}
#container[data-banner=realive] .section.scoreWrap .txtC {
  margin-top: 40px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 18px;
}
#container[data-banner=realive] .grayBg {
  margin-top: 70px;
}
#container[data-banner=realive] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper {
  margin-top: -20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#container[data-banner=realive] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper .swiper-slide {
  margin-top: 20px;
  padding: 30px 12px 40px;
  width: calc(25% - 20px);
  text-align: center;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  background: #fff;
}
#container[data-banner=realive] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper .swiper-slide .thum {
  padding-bottom: 27.56%;
  font-size: 0;
  text-indent: -9999px;
  background-size: auto 100%;
}
#container[data-banner=realive] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper .swiper-slide .StudentGroup {
  margin-top: 33px;
  font-size: 20px;
  font-weight: 500;
}
#container[data-banner=realive] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper .swiper-slide .StudentItem {
  margin-top: 15px;
  font-size: 14px;
  color: #646464;
  line-height: 1.63;
}
#container[data-banner=realive] .comentChat {
  margin: 80px 180px 0;
}
#container[data-banner=realive] .comentChat ul:after {
  content: "";
  clear: both;
  display: block;
}
#container[data-banner=realive] .comentChat ul li {
  position: relative;
  margin-bottom: 10px;
  padding: 0 134px;
  min-height: 104px;
  display: flex;
  align-items: center;
}
#container[data-banner=realive] .comentChat ul li:last-child {
  margin-bottom: 0;
}
#container[data-banner=realive] .comentChat ul li.comentLeft {
  float: left;
}
#container[data-banner=realive] .comentChat ul li.comentLeft .comentWrite {
  left: 0;
}
#container[data-banner=realive] .comentChat ul li.comentLeft .comentCon:after {
  left: -14px;
  background-image: url(../../images/online/icon/icon_tooltip_left.png);
}
#container[data-banner=realive] .comentChat ul li.comentRight {
  float: right;
}
#container[data-banner=realive] .comentChat ul li.comentRight .comentWrite {
  left: auto;
  right: 0;
}
#container[data-banner=realive] .comentChat ul li.comentRight .comentCon:after {
  left: auto;
  right: -14px;
  background-image: url(../../images/online/icon/icon_tooltip_right.png);
}
#container[data-banner=realive] .comentChat ul li.coment1 .comentWrite:after {
  background-image: url(../../images/online/icon/icon_chat1.png);
}
#container[data-banner=realive] .comentChat ul li.coment2 .comentWrite:after {
  background-image: url(../../images/online/icon/icon_chat2.png);
}
#container[data-banner=realive] .comentChat ul li.coment3 .comentWrite:after {
  background-image: url(../../images/online/icon/icon_chat3.png);
}
#container[data-banner=realive] .comentChat ul li.coment4 .comentWrite:after {
  background-image: url(../../images/online/icon/icon_chat4.png);
}
#container[data-banner=realive] .comentChat ul li.coment5 .comentWrite:after {
  background-image: url(../../images/online/icon/icon_chat5.png);
}
#container[data-banner=realive] .comentChat ul li.coment6 .comentWrite:after {
  background-image: url(../../images/online/icon/icon_chat6.png);
}
#container[data-banner=realive] .comentChat ul li .comentWrite {
  position: absolute;
  top: 0;
  padding-top: 84px;
  width: 92px;
  font-size: 14px;
  color: #666;
  text-align: center;
}
#container[data-banner=realive] .comentChat ul li .comentWrite:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: translate(-50%, 0);
}
#container[data-banner=realive] .comentChat ul li .comentCon {
  position: relative;
  padding: 10px 22px 11px 18px;
  width: 100%;
  border-radius: 22px;
  letter-spacing: -0.04em;
  box-sizing: border-box;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
  background: #fff;
}
#container[data-banner=realive] .comentChat ul li .comentCon:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  width: 15px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: left top;
}
#container[data-banner=liveStudio] .subBanner:after {
  background-image: url(../../images/online/bg/bg_sub_realive.png);
}
#container[data-banner=liveStudio] .comentChat {
  margin: 80px 180px 0;
}
#container[data-banner=liveStudio] .comentChat ul:after {
  content: "";
  clear: both;
  display: block;
}
#container[data-banner=liveStudio] .comentChat ul li {
  position: relative;
  padding: 0 134px;
  min-height: 104px;
  display: flex;
  align-items: center;
}
#container[data-banner=liveStudio] .comentChat ul li:last-child {
  margin-bottom: 0;
}
#container[data-banner=liveStudio] .comentChat ul li.comentLeft {
  float: left;
}
#container[data-banner=liveStudio] .comentChat ul li.comentLeft .comentWrite {
  left: 0;
}
#container[data-banner=liveStudio] .comentChat ul li.comentLeft .comentCon:after {
  left: -14px;
  background-image: url(../../images/online/icon/icon_tooltip_left_g.png);
  background-size: 19px auto;
}
#container[data-banner=liveStudio] .comentChat ul li.comentRight {
  float: right;
}
#container[data-banner=liveStudio] .comentChat ul li.comentRight .comentWrite {
  left: auto;
  right: 0;
}
#container[data-banner=liveStudio] .comentChat ul li.comentRight .comentCon:after {
  left: auto;
  right: -14px;
  background-image: url(../../images/online/icon/icon_tooltip_right_g.png);
  background-size: 19px auto;
}
#container[data-banner=liveStudio] .comentChat ul li.coment1 .comentWrite:after {
  background-image: url(../../images/online/icon/icon_chat1.png);
}
#container[data-banner=liveStudio] .comentChat ul li.coment2 .comentWrite:after {
  background-image: url(../../images/online/icon/icon_chat2.png);
}
#container[data-banner=liveStudio] .comentChat ul li.coment3 .comentWrite:after {
  background-image: url(../../images/online/icon/icon_chat3.png);
}
#container[data-banner=liveStudio] .comentChat ul li.coment4 .comentWrite:after {
  background-image: url(../../images/online/icon/icon_chat4.png);
}
#container[data-banner=liveStudio] .comentChat ul li.coment5 .comentWrite:after {
  background-image: url(../../images/online/icon/icon_chat5.png);
}
#container[data-banner=liveStudio] .comentChat ul li.coment6 .comentWrite:after {
  background-image: url(../../images/online/icon/icon_chat6.png);
}
#container[data-banner=liveStudio] .comentChat ul li .comentWrite {
  position: absolute;
  top: 0;
  padding-top: 84px;
  width: 92px;
  font-size: 14px;
  color: #666;
  text-align: center;
}
#container[data-banner=liveStudio] .comentChat ul li .comentWrite:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: translate(-50%, 0);
}
#container[data-banner=liveStudio] .comentChat ul li .comentCon {
  position: relative;
  padding: 10px 22px 11px 18px;
  width: 100%;
  border-radius: 22px;
  letter-spacing: -0.04em;
  box-sizing: border-box;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
  background: #F6F8F9;
}
#container[data-banner=liveStudio] .comentChat ul li .comentCon:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  width: 15px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: left top;
}
#container[data-banner=liveStudio] .customizeList [class*=item] {
  width: auto;
  margin-left: 68px;
}
#container[data-banner=liveStudio] .customizeList [class*=item] .pointName {
  padding-bottom: 255px;
}
#container[data-banner=liveStudio] .customizeList .item1 .pointName:after {
  width: 220px;
  background-image: url(../../images/online/img/img_studio1_1.png);
}
#container[data-banner=liveStudio] .customizeList .item2:before {
  content: "";
  position: absolute;
  top: 145px;
  left: -8%;
  width: 14px;
  height: 14px;
  display: block;
  background: url(../../images/online/icon/ico_plus.png) 0 0 no-repeat;
  background-size: 100% auto;
}
#container[data-banner=liveStudio] .customizeList .item2 .pointName:after {
  width: 220px;
  background-image: url(../../images/online/img/img_studio1_2.png);
}
#container[data-banner=liveStudio] .section.type1 .rightCon {
  overflow: visible;
}
#container[data-banner=liveStudio] .studioCon + .studioCon {
  margin-top: 80px;
}
#container[data-banner=liveStudio] .studioCon .textWrap .textMainTit {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 28px;
}
#container[data-banner=liveStudio] .studioCon .textWrap .textSummary {
  margin-top: 8px;
  font-size: 16px;
}
#container[data-banner=liveStudio] .studioCon .photoWrap {
  margin-top: 50px;
}
#container[data-banner=liveStudio] .studioCon .photoWrap .swiper-slide {
  width: 50%;
  margin-right: -8px;
}
#container[data-banner=liveStudio] .studioCon .photoWrap .swiper-slide + .swiper-slide {
  margin-right: 8px;
}
#container[data-banner=liveStudio] .studioCon .photoWrap .swiper-slide .thum {
  padding-bottom: 60%;
}
#container[data-banner=liveStudio] .studioCon .photoWrap .swiper-button-prev {
  left: -19px;
  margin-top: -19px;
  width: 38px;
  height: 38px;
  font-size: 0;
  text-indent: -9999px;
  background-image: url(../../images/online/btn/btn_online_prev.png);
  background-size: cover;
}
#container[data-banner=liveStudio] .studioCon .photoWrap .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
#container[data-banner=liveStudio] .studioCon .photoWrap .swiper-button-next {
  right: -19px;
  margin-top: -19px;
  width: 38px;
  height: 38px;
  font-size: 0;
  text-indent: -9999px;
  background-image: url(../../images/online/btn/btn_online_next.png);
  background-size: cover;
}
#container[data-banner=liveStudio] .studioCon .photoWrap .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
#container[data-banner=liveStudio] .section.type3 .inner::after {
  content: "";
  display: block;
  clear: both;
}
#container[data-banner=liveStudio] .section.type3 .leftTit {
  float: left;
}
#container[data-banner=liveStudio] .section.type3 .rightCon {
  float: left;
}
#container[data-banner=liveStudio] .section.type3 .openEduDifference {
  padding-top: 60px;
  width: 100%;
  display: flex;
  justify-content: center;
}
#container[data-banner=liveStudio] .section.type3 .openEduDifference [class*=item] {
  position: relative;
  margin-left: 15px;
  padding-top: 184px;
  width: calc(33.3% - 15px);
  text-align: center;
}
#container[data-banner=liveStudio] .section.type3 .openEduDifference [class*=item]:before {
  content: "";
  position: absolute;
  top: 70px;
  left: -18px;
  width: 20px;
  height: 20px;
  background: url(../../images/openedu/icon/icon_openEdu_arrow.png) no-repeat left top;
  background-size: cover;
}
#container[data-banner=liveStudio] .section.type3 .openEduDifference [class*=item]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -80px;
  width: 160px;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
#container[data-banner=liveStudio] .section.type3 .openEduDifference [class*=item].item1:before {
  display: none;
}
#container[data-banner=liveStudio] .section.type3 .openEduDifference [class*=item].item1:after {
  background-image: url(../../images/openedu/img/img_openEdu_difference1.png);
}
#container[data-banner=liveStudio] .section.type3 .openEduDifference [class*=item].item3:after {
  background-image: url(../../images/openedu/img/img_openEdu_difference3.png);
}
#container[data-banner=liveStudio] .section.type3 .openEduDifference [class*=item].item2:after {
  background-image: url(../../images/openedu/img/img_openEdu_difference4.png);
}
#container[data-banner=liveStudio] .section.type3 .openEduDifference [class*=item] .differenceTit {
  font-size: 22px;
  font-weight: 500;
}
#container[data-banner=liveStudio] .section.type3 .openEduDifference [class*=item] .differenceCon {
  margin-top: 12px;
  font-size: 18px;
  color: #666;
  line-height: 1.56;
}
#container[data-banner=liveStudio] .section.type3 .scoreSummary {
  margin-top: 60px;
}
#container[data-banner=liveStudio] .section.type3 .scoreSummary dl:after {
  background-color: #C2C2C2;
}
#container[data-banner=onetoone] .subBanner:after {
  background-image: url(../../images/online/bg/bg_sub_onetoone.png);
}
#container[data-banner=onetoone] .section.scoreWrap .scoreSummary dl dt {
  padding-top: 92px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-weight: 500;
}
#container[data-banner=onetoone] .section.scoreWrap .scoreSummary dl dd {
  margin-top: 24px;
  font-size: 18px;
  line-height: 1.78;
}
#container[data-banner=onetoone] .section.scoreWrap .scoreSummary dl dd span {
  font-size: 18px;
}
#container[data-banner=onetoone] .section.type2 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a {
  padding: 50px 20px 118px;
  height: 250px;
}
#container[data-banner=onetoone] .section .personalInfo {
  margin-top: 40px;
}
#container[data-banner=onetoone] .section .personalInfo > P {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 24px;
  line-height: 1.67;
}
#container[data-banner=onetoone] .section .personalInfo .personalIcon {
  margin-top: 80px;
  display: flex;
  justify-content: center;
}
#container[data-banner=onetoone] .section .personalInfo .personalIcon div {
  position: relative;
  padding-top: 120px;
  text-align: center;
}
#container[data-banner=onetoone] .section .personalInfo .personalIcon div + div {
  margin-left: 100px;
}
#container[data-banner=onetoone] .section .personalInfo .personalIcon div + div:before {
  content: "";
  position: absolute;
  top: 39px;
  left: -42%;
  width: 21px;
  height: 21px;
  background: url(../../images/common/icon_plus.png) no-repeat center;
  background-size: cover;
}
#container[data-banner=onetoone] .section .personalInfo .personalIcon div.item1:after {
  background-image: url(../../images/online/icon/icon_personal.png);
}
#container[data-banner=onetoone] .section .personalInfo .personalIcon div.item2:after {
  background-image: url(../../images/online/icon/icon_ml.png);
}
#container[data-banner=onetoone] .section .personalInfo .personalIcon div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#container[data-banner=onetoone] .section .personalInfo .personalIcon div p {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.33;
}
#container[data-banner=onetoone] .section .personalInfo .personalIcon div span {
  margin-top: 10px;
  font-size: 18px;
  color: #666;
  line-height: 1.78;
  display: block;
}
#container[data-banner=onetoone] .section .pmlDifference {
  margin-top: 66px;
}
#container[data-banner=onetoone] .section .pmlDifference ul li {
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
}
#container[data-banner=onetoone] .section .pmlDifference ul li:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(50% - 61px);
  height: 1px;
  background: #e1e1e1;
}
#container[data-banner=onetoone] .section .pmlDifference ul li:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(50% - 61px);
  height: 1px;
  background: #e1e1e1;
}
#container[data-banner=onetoone] .section .pmlDifference ul li:first-child:before {
  height: 2px;
  background: #222;
}
#container[data-banner=onetoone] .section .pmlDifference ul li:first-child:after {
  height: 2px;
  background: #624cbf;
}
#container[data-banner=onetoone] .section .pmlDifference ul li:last-child:before {
  background: #222;
}
#container[data-banner=onetoone] .section .pmlDifference ul li:last-child:after {
  background: #624cbf;
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div {
  position: relative;
  width: calc(50% - 61px);
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.leftText {
  text-align: left;
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.leftText p {
  color: #666;
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.leftText p.pmlDifferenceTit {
  color: #222;
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.leftText .pmlLeft1:after {
  background-image: url(../../images/online/icon/icon_pmlLeft1.png);
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.leftText .pmlLeft2:after {
  background-image: url(../../images/online/icon/icon_pmlLeft2.png);
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.leftText .pmlLeft3:after {
  background-image: url(../../images/online/icon/icon_pmlLeft3.png);
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.leftText .pmlLeft4:after {
  background-image: url(../../images/online/icon/icon_pmlLeft4.png);
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.leftText .pmlLeft5:after {
  background-image: url(../../images/online/icon/icon_pmlLeft5.png);
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.rightText {
  text-align: left;
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.rightText .pmlDifferenceTit {
  color: #624cbf;
  font-weight: 600;
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.rightText .pmlRight1:after {
  background-image: url(../../images/online/icon/icon_pmlRight1.png);
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.rightText .pmlRight2:after {
  background-image: url(../../images/online/icon/icon_pmlRight2.png);
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.rightText .pmlRight3:after {
  background-image: url(../../images/online/icon/icon_pmlRight3.png);
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.rightText .pmlRight4:after {
  background-image: url(../../images/online/icon/icon_pmlRight4.png);
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.rightText .pmlRight5:after {
  background-image: url(../../images/online/icon/icon_pmlRight5.png);
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.comparison {
  width: 122px;
  text-align: center;
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.comparison .pmlDifferenceTit {
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 44px;
  font-weight: 300;
  color: #666;
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div.comparison span {
  padding: 8px 19px;
  color: #fff;
  display: inline-block;
  border-radius: 19px;
  background: #565656;
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div .pmlDifferenceTit {
  padding-left: 0;
  padding-bottom: 30px;
  height: auto;
  display: block;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 28px;
  text-align: center;
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div p {
  position: relative;
  padding-left: 123px;
  height: 80px;
  display: flex;
  justify-content: left;
  align-items: center;
  box-sizing: border-box; /* border-bottom:1px solid $default2; */
}
#container[data-banner=onetoone] .section .pmlDifference ul li > div p:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 36px;
  margin-top: -24px;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
}
#container[data-banner=videolearning] .subBanner:after {
  background-image: url(../../images/online/bg/bg_sub_videoLearning.png);
}
#container[data-banner=videolearning] .section.centerText h3 {
  font-weight: 600;
}
#container[data-banner=videolearning] .section.type1 .rightCon .videoLearnKind {
  margin-top: 130px;
}
#container[data-banner=videolearning] .section.type1 .rightCon .videoLearnKind + .videoLearnKind {
  margin-top: 80px;
}
#container[data-banner=videolearning] .section.type1 .rightCon .videoLearnKind dl {
  margin-top: 40px;
  display: flex;
  justify-content: left;
}
#container[data-banner=videolearning] .section.type1 .rightCon .videoLearnKind dl dt {
  font-family: "Noto Serif KR", sans-serif;
}
#container[data-banner=videolearning] .section.type1 .rightCon .videoLearnKind dl dt p {
  font-size: 28px;
  font-weight: 600;
}
#container[data-banner=videolearning] .section.type1 .rightCon .videoLearnKind dl dt span {
  margin-top: 8px;
  font-size: 18px;
  display: block;
}
#container[data-banner=videolearning] .section.type1 .rightCon .videoLearnKind dl dd {
  margin-left: 135px;
}
#container[data-banner=videolearning] .section.type1 .rightCon .lineTypeWrap {
  margin-left: -40px;
  width: calc(100% - 60px);
}
#container[data-banner=videolearning] .section.type1 .rightCon .lineTypeWrap .lineType {
  margin-left: 40px;
  width: calc(50% - 40px);
}
#container[data-banner=videolearning] .section.type2 .swiper-container.videoLogoList .swiper-wrapper {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#container[data-banner=videolearning] .section.type2 .swiper-container.videoLogoList .swiper-wrapper .swiper-slide {
  margin-top: 30px;
  padding: 30px 12px 64px;
  width: calc(33.333% - 32px);
  text-align: center;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  background: #fff;
}
#container[data-banner=videolearning] .section.type2 .swiper-container.videoLogoList .swiper-wrapper .swiper-slide:last-child {
  margin-right: 34.6%;
}
#container[data-banner=videolearning] .section.type2 .swiper-container.videoLogoList .swiper-wrapper .swiper-slide .thum {
  padding-bottom: 27.56%;
  font-size: 0;
  text-indent: -9999px;
  background-size: auto 100%;
}
#container[data-banner=videolearning] .section.type2 .swiper-container.videoLogoList .swiper-wrapper .swiper-slide .videoType {
  margin-top: 23px;
  font-size: 22px;
  font-weight: 500;
}
#container[data-banner=videolearning] .section .videoLearn {
  display: flex;
  justify-content: space-around;
}
#container[data-banner=videolearning] .section .videoLearn > div {
  width: 50%;
  text-align: center;
}
#container[data-banner=videolearning] .section .videoLearn > div.item1 .videoLearnTit:after {
  background-image: url(../../images/online/icon/icon_vl_edu1.png);
}
#container[data-banner=videolearning] .section .videoLearn > div.item2 .videoLearnTit:after {
  background-image: url(../../images/online/icon/icon_vl_edu2.png);
}
#container[data-banner=videolearning] .section .videoLearn > div .videoLearnTit {
  position: relative;
  margin: 0 auto;
  padding: 20px 0 145px;
  width: 290px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background: #f5f5f5;
}
#container[data-banner=videolearning] .section .videoLearn > div .videoLearnTit:after {
  content: "";
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#container[data-banner=videolearning] .section .videoLearn > div .videoLearnTit span {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 24px;
  font-weight: 500;
  display: inline-block;
}
#container[data-banner=videolearning] .section .videoLearn > div .videoLearnTit span.default3 {
  margin: 6px 10px 0;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 20px;
}
#container[data-banner=videolearning] .section .videoLearn > div .videoLearnSummary {
  margin-top: 30px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 28px;
  font-weight: 500;
}
#container[data-banner=videolearning] .section .videoLearn > div .videoLearnCon {
  margin-top: 20px;
  font-size: 18px;
  color: #666;
  line-height: 1.56;
}
#container[data-banner=videolearning] .section .makeVideo {
  margin-top: 60px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#container[data-banner=videolearning] .section .makeVideo .thum {
  padding-bottom: 19%;
  width: 50%;
  background-position: left center;
  background-size: auto 100%;
}
#container[data-banner=videolearning] .section .makeVideo .makeVideoStep {
  position: relative;
  width: 50%;
}
#container[data-banner=videolearning] .section .makeVideo .makeVideoStep:after {
  content: "";
  position: absolute;
  top: 21px;
  left: 4px;
  bottom: 21px;
  z-index: 0;
  width: 1px;
  background: rgba(98, 76, 191, 0.6);
}
#container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li {
  position: relative;
  margin-top: 30px;
  padding: 12px 0 12px 182px;
}
#container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 94px;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 1;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 2px solid #9581e8;
  background: #fff;
}
#container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li:first-child {
  margin-top: 0;
}
#container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li.step1:before {
  background-image: url(../../images/online/icon/icon_makeVideoStep1.png);
}
#container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li.step2:before {
  background-image: url(../../images/online/icon/icon_makeVideoStep2.png);
}
#container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li.step3:before {
  background-image: url(../../images/online/icon/icon_makeVideoStep3.png);
}
#container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li.step4:before {
  background-image: url(../../images/online/icon/icon_makeVideoStep4.png);
}
#container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li.step5:before {
  background-image: url(../../images/online/icon/icon_makeVideoStep5.png);
}
#container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li.step6:before {
  background-image: url(../../images/online/icon/icon_makeVideoStep6.png);
}
#container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li span {
  margin-right: 4px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #624cbf;
  display: inline-block;
}
#container[data-banner=guidebook] .subBanner:after {
  background-image: url(../../images/online/bg/bg_sub_guidebook.png);
}
#container[data-banner=guidebook] .section.centerText h3 {
  font-weight: 600;
}
#container[data-banner=guidebook] .section.type1 .rightCon .customizeList [class*=item] .pointName {
  font-weight: 500;
}
#container[data-banner=guidebook] .section.type1 .rightCon .customizeList [class*=item] .customizeEduName {
  font-family: "Noto Sans KR", sans-serif;
}
#container[data-banner=guidebook] .section.type1 .rightCon .customizeList .item1 .pointName:after {
  background-image: url(../../images/online/img/img_guidebook_1.png);
}
#container[data-banner=guidebook] .section.type1 .rightCon .customizeList .item2:before {
  content: "";
  position: absolute;
  top: 145px;
  left: -8%;
  width: 10px;
  height: 10px;
  display: block;
  border-right: 2px solid #624cbf;
  border-bottom: 2px solid #624cbf;
  border-radius: 2px;
  transform: rotate(-45deg);
}
#container[data-banner=guidebook] .section.type1 .rightCon .customizeList .item2:after {
  content: "";
  position: absolute;
  top: 145px;
  right: -5%;
  width: 10px;
  height: 10px;
  display: block;
  border-right: 2px solid #624cbf;
  border-bottom: 2px solid #624cbf;
  border-radius: 2px;
  transform: rotate(-45deg);
}
#container[data-banner=guidebook] .section.type1 .rightCon .customizeList .item2 .pointName:after {
  background-image: url(../../images/online/img/img_guidebook_2.png);
}
#container[data-banner=guidebook] .section.type1 .rightCon .customizeList .item3 .pointName:after {
  background-image: url(../../images/online/img/img_guidebook_3.png);
}
#container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 40px;
  margin-top: 60px;
}
#container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap li {
  position: relative;
  text-align: center;
}
#container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap li::before {
  content: "";
  display: block;
  width: 233px;
  height: 300px;
  background: url(../../images/online/img/img_guidebook_4.png);
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.12);
  background-size: 100%;
}
#container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap li .bookTit {
  position: absolute;
  top: 90px;
  width: 211px;
  padding-left: 22px;
}
#container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap li .bookTit span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
}
#container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap li .bookTit span + span {
  font-family: "Noto Sans KR", sans-serif;
  margin-top: 8px;
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
}
#container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap li .bookSub {
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
}
#container[data-banner=guidebook] .section.type2 .produceEx {
  padding-top: 50px;
  width: calc(100% - 340px);
  overflow: hidden;
  margin: 0 auto;
}
#container[data-banner=guidebook] .section.type2 .produceEx .item1 {
  display: block;
}
#container[data-banner=guidebook] .section.type2 .produceEx .item2 {
  display: block;
  margin-top: 40px;
}
#container[data-banner=guidebook] .section.type2 .produceEx .titleWrap {
  margin-bottom: 20px;
}
#container[data-banner=guidebook] .section.type2 .produceEx .titleWrap span {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 7px;
}
#container[data-banner=guidebook] .section.type2 .produceEx .titleWrap p {
  font-size: 18px;
  line-height: 32px;
}
#container[data-banner=guidebook] .section.type2 .produceEx .itemInfoWrap {
  display: flex;
  max-width: 820px;
  gap: 10px;
}
#container[data-banner=guidebook] .section.type2 .produceEx .infoWrap {
  order: 1;
  width: 50%;
  position: relative;
  margin-top: 60px;
  flex: 1;
  padding: 30px;
  border-radius: 12px;
  background-color: #fff;
}
#container[data-banner=guidebook] .section.type2 .produceEx .infoWrap + .infoWrap {
  order: 2;
}
#container[data-banner=guidebook] .section.type2 .produceEx .infoWrap .title {
  position: absolute;
  left: 0;
  top: -60px;
  width: 100%;
  height: 50px;
  background-color: #624CBF;
  text-align: center;
  border-radius: 12px;
  line-height: 50px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 10px;
}
#container[data-banner=guidebook] .section.type2 .produceEx .infoWrap .dotList {
  height: 100%;
  /* border-radius: 12px;
  background-color: #fff; */
}
#container[data-banner=guidebook] .section.type2 .produceEx .infoWrap .dotList li {
  font-size: 16px;
  line-height: 22px;
}
#container[data-banner=guidebook] .section.type2 .produceEx .infoWrap .dotList li::before {
  width: 4px;
  height: 4px;
  top: 12px;
  background: #222;
}
#container[data-banner=guidebook] .section.type2 .produceEx .infoWrap .dotList li .default4 {
  display: inline-block;
  color: #999999;
}
#container[data-banner=guidebook] .section.type2 .produceEx .infoWrap .dotList li span {
  display: block;
  line-height: 22px;
}
#container[data-banner=guidebook] .section.type2 .produceEx .infoWrap .dotList li + li {
  margin-top: 10px;
}
#container[data-banner=guidebook] .request {
  margin-top: 80px;
}
#container[data-banner=guidebook] .request .btnType1 {
  margin-top: 0;
  color: #fff;
  background: #624CBF;
  border: 0 none;
  padding: 12px 78px;
  line-height: 1.5;
}

@media (max-width: 1200px) {
  #container[data-banner=realive] .subBanner:after, #container[data-banner=liveStudio] .subBanner:after {
    background-image: url(../../images/online/bg/bg_sub_realive.png);
  }
  #container[data-banner=realive] .grayBg, #container[data-banner=liveStudio] .grayBg {
    margin-top: 70px;
  }
  #container[data-banner=realive] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper .swiper-slide, #container[data-banner=liveStudio] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper .swiper-slide {
    padding: 30px 12px 40px;
    width: calc(33.33% - 20px);
  }
  #container[data-banner=onetoone] .subBanner:after {
    background-image: url(../../images/online/bg/bg_sub_onetoone@2x.png);
  }
}
@media (max-width: 1024px) {
  #container[data-banner=realive] .subBanner:after, #container[data-banner=liveStudio] .subBanner:after {
    background-image: url(../../images/online/bg/bg_sub_realive@2x.png);
  }
  #container[data-banner=realive] .section.scoreWrap, #container[data-banner=liveStudio] .section.scoreWrap {
    margin-top: 40px;
  }
  #container[data-banner=realive] .section.scoreWrap .scoreSummary, #container[data-banner=liveStudio] .section.scoreWrap .scoreSummary {
    margin-top: 0;
    justify-content: center;
  }
  #container[data-banner=realive] .section.scoreWrap .scoreSummary dl, #container[data-banner=liveStudio] .section.scoreWrap .scoreSummary dl {
    margin-top: 30px;
    margin-bottom: 31px;
    width: 100%;
  }
  #container[data-banner=realive] .section.scoreWrap .scoreSummary dl:first-child, #container[data-banner=liveStudio] .section.scoreWrap .scoreSummary dl:first-child {
    margin-top: 0;
  }
  #container[data-banner=realive] .section.scoreWrap .scoreSummary dl:after, #container[data-banner=liveStudio] .section.scoreWrap .scoreSummary dl:after {
    left: 50%;
    right: auto;
    bottom: -30px;
    margin-left: -70px;
    width: 140px;
  }
  #container[data-banner=realive] .section.scoreWrap .scoreSummary dl dd, #container[data-banner=liveStudio] .section.scoreWrap .scoreSummary dl dd {
    margin-top: 20px;
  }
  #container[data-banner=realive] .section.scoreWrap .txtC, #container[data-banner=liveStudio] .section.scoreWrap .txtC {
    margin-top: 0;
  }
  #container[data-banner=realive] .grayBg .inner .swiper-container, #container[data-banner=liveStudio] .grayBg .inner .swiper-container {
    margin: 0 -20px;
    padding: 0 20px;
  }
  #container[data-banner=realive] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper, #container[data-banner=liveStudio] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper {
    margin-top: 0px;
    display: flex;
    justify-content: unset;
    flex-wrap: unset;
  }
  #container[data-banner=realive] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper .swiper-slide, #container[data-banner=liveStudio] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper .swiper-slide {
    margin-top: 0px;
    padding: 30px 12px 40px;
    width: calc(100% - 60px);
  }
  #container[data-banner=realive] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper .swiper-slide .thum, #container[data-banner=liveStudio] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper .swiper-slide .thum {
    padding-bottom: 20.47%;
  }
  #container[data-banner=realive] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper .swiper-slide .StudentGroup, #container[data-banner=liveStudio] .grayBg .inner .swiper-container.realiveLogoList .swiper-wrapper .swiper-slide .StudentGroup {
    margin-top: 42px;
  }
  #container[data-banner=realive] .comentChat, #container[data-banner=liveStudio] .comentChat {
    margin: 60px 0 0;
  }
  #container[data-banner=realive] .comentChat ul li, #container[data-banner=liveStudio] .comentChat ul li {
    margin-bottom: 30px;
    padding: 0 120px;
    min-height: 104px;
    display: flex;
    align-items: center;
  }
  #container[data-banner=realive] .comentChat ul li.comentLeft, #container[data-banner=liveStudio] .comentChat ul li.comentLeft {
    padding-right: 0;
  }
  #container[data-banner=realive] .comentChat ul li.comentRight, #container[data-banner=liveStudio] .comentChat ul li.comentRight {
    padding-left: 0;
  }
  #container[data-banner=realive] .comentChat ul li.coment1 .comentWrite:after, #container[data-banner=liveStudio] .comentChat ul li.coment1 .comentWrite:after {
    background-image: url(../../images/online/icon/icon_chat1@2x.png);
  }
  #container[data-banner=realive] .comentChat ul li.coment2 .comentWrite:after, #container[data-banner=liveStudio] .comentChat ul li.coment2 .comentWrite:after {
    background-image: url(../../images/online/icon/icon_chat2@2x.png);
  }
  #container[data-banner=realive] .comentChat ul li.coment3 .comentWrite:after, #container[data-banner=liveStudio] .comentChat ul li.coment3 .comentWrite:after {
    background-image: url(../../images/online/icon/icon_chat3@2x.png);
  }
  #container[data-banner=realive] .comentChat ul li.coment4 .comentWrite:after, #container[data-banner=liveStudio] .comentChat ul li.coment4 .comentWrite:after {
    background-image: url(../../images/online/icon/icon_chat4@2x.png);
  }
  #container[data-banner=realive] .comentChat ul li.coment5 .comentWrite:after, #container[data-banner=liveStudio] .comentChat ul li.coment5 .comentWrite:after {
    background-image: url(../../images/online/icon/icon_chat5@2x.png);
  }
  #container[data-banner=realive] .comentChat ul li.coment6 .comentWrite:after, #container[data-banner=liveStudio] .comentChat ul li.coment6 .comentWrite:after {
    background-image: url(../../images/online/icon/icon_chat6@2x.png);
  }
  #container[data-banner=realive] .comentChat ul li .comentCon, #container[data-banner=liveStudio] .comentChat ul li .comentCon {
    margin-top: 20px;
    padding: 10px;
    line-height: 1.63;
  }
  #container[data-banner=liveStudio] .customizeList.center {
    display: block;
  }
  #container[data-banner=liveStudio] .customizeList.center [class*=item] {
    margin-left: 0;
  }
  #container[data-banner=liveStudio] .customizeList.center .item2 {
    padding-top: 68px;
  }
  #container[data-banner=liveStudio] .customizeList.center .item2:before {
    top: 25px;
    left: 50%;
    margin-left: -5px;
  }
  #container[data-banner=liveStudio] .studioCon + .studioCon {
    margin-top: 50px;
  }
  #container[data-banner=liveStudio] .studioCon .textWrap .textMainTit {
    font-size: 22px;
  }
  #container[data-banner=liveStudio] .studioCon .textWrap .textSummary {
    letter-spacing: -0.02em;
  }
  #container[data-banner=liveStudio] .studioCon .photoWrap {
    margin-top: 30px;
  }
  #container[data-banner=liveStudio] .studioCon .photoWrap .swiper-slide {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  #container[data-banner=liveStudio] .studioCon .photoWrap .swiper-slide + .swiper-slide {
    margin: 0;
  }
  #container[data-banner=liveStudio] .section.type3 .leftTit {
    float: none;
  }
  #container[data-banner=liveStudio] .section.type3 .rightCon {
    float: none;
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }
  #container[data-banner=liveStudio] .section.type3 .rightCon .rightSubTit {
    font-size: 15px;
  }
  #container[data-banner=liveStudio] .section.type3 .openEduDifference {
    display: block;
    margin-top: -60px;
  }
  #container[data-banner=liveStudio] .section.type3 .openEduDifference [class*=item] {
    width: 100%;
    margin-top: 60px;
    margin-left: 0;
  }
  #container[data-banner=liveStudio] .section.type3 .openEduDifference [class*=item]:before {
    top: -43px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(90deg);
  }
  #container[data-banner=liveStudio] .section.type3 .openEduDifference [class*=item] .differenceTit {
    font-size: 18px;
  }
  #container[data-banner=liveStudio] .section.type3 .openEduDifference [class*=item] .differenceCon {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.71;
  }
  #container[data-banner=liveStudio] .section.type3 .scoreWrap .scoreSummary dl {
    margin-top: 30px;
    margin-bottom: 31px;
    width: 100%;
  }
  #container[data-banner=liveStudio] .section.type3 .scoreWrap .scoreSummary dl:first-child {
    margin-top: 0;
  }
  #container[data-banner=liveStudio] .section.type3 .scoreWrap .scoreSummary dl::after {
    left: 50%;
    right: auto;
    bottom: -30px;
    margin-left: -70px;
    width: 140px;
  }
  #container[data-banner=onetoone] .subBanner .inner .pageName {
    font-size: 36px;
    line-height: 1.28;
  }
  #container[data-banner=onetoone] .subBanner:after {
    background-image: url(../../images/online/bg/bg_sub_onetoone@2x.png);
  }
  #container[data-banner=onetoone] .section.type2 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide {
    width: calc(100% - 45px) !important;
  }
  #container[data-banner=onetoone] .section.type2 .swiper-container[data-swiper=comentswiper2] .swiper-wrapper .swiper-slide a {
    padding: 30px 30px 187px;
    height: 230px;
  }
  #container[data-banner=onetoone] .section .personalInfo {
    margin-top: 30px;
  }
  #container[data-banner=onetoone] .section .personalInfo > p {
    font-size: 15px;
    line-height: 1.8;
  }
  #container[data-banner=onetoone] .section .personalInfo .personalIcon {
    margin-top: 50px;
  }
  #container[data-banner=onetoone] .section .personalInfo .personalIcon div + div:before {
    left: -50%;
    background-image: url(../../images/common/icon_plus@2x.png);
  }
  #container[data-banner=onetoone] .section .personalInfo .personalIcon div.item1:after {
    background-image: url(../../images/online/icon/icon_personal@2x.png);
  }
  #container[data-banner=onetoone] .section .personalInfo .personalIcon div.item2:after {
    background-image: url(../../images/online/icon/icon_ml@2x.png);
  }
  #container[data-banner=onetoone] .section .personalInfo .personalIcon div p {
    font-size: 18px;
  }
  #container[data-banner=onetoone] .section .personalInfo .personalIcon div span {
    font-size: 16px;
  }
  #container[data-banner=onetoone] .section .pmlDifference {
    margin-top: 56px;
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li:before {
    width: calc(50% - 34px);
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li:after {
    width: calc(50% - 34px);
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div {
    width: calc(50% - 34px);
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div.leftText .pmlLeft1:after {
    background-image: url(../../images/online/icon/icon_pmlLeft1@2x.png);
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div.leftText .pmlLeft2:after {
    background-image: url(../../images/online/icon/icon_pmlLeft2@2x.png);
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div.leftText .pmlLeft3:after {
    background-image: url(../../images/online/icon/icon_pmlLeft3@2x.png);
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div.leftText .pmlLeft4:after {
    background-image: url(../../images/online/icon/icon_pmlLeft4@2x.png);
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div.leftText .pmlLeft5:after {
    background-image: url(../../images/online/icon/icon_pmlLeft5@2x.png);
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div.rightText .pmlRight1:after {
    background-image: url(../../images/online/icon/icon_pmlRight1@2x.png);
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div.rightText .pmlRight2:after {
    background-image: url(../../images/online/icon/icon_pmlRight2@2x.png);
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div.rightText .pmlRight3:after {
    background-image: url(../../images/online/icon/icon_pmlRight3@2x.png);
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div.rightText .pmlRight4:after {
    background-image: url(../../images/online/icon/icon_pmlRight4@2x.png);
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div.rightText .pmlRight5:after {
    background-image: url(../../images/online/icon/icon_pmlRight5@2x.png);
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div.comparison {
    margin: 0 4px;
    width: 60px;
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div.comparison .pmlDifferenceTit {
    font-size: 30px;
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div.comparison span {
    padding: 8px 15px;
    border-radius: 16px;
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div .pmlDifferenceTit {
    padding-top: 0;
    padding-bottom: 20px;
    font-size: 20px;
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div p {
    padding: 68px 10px 16px;
    height: auto;
    justify-content: center;
    text-align: center;
  }
  #container[data-banner=onetoone] .section .pmlDifference ul li > div p:after {
    top: 16px;
    left: 50%;
    margin-top: 0;
    margin-left: -24px;
  }
  #container[data-banner=videolearning] .subBanner:after {
    background-image: url(../../images/online/bg/bg_sub_videoLearning@2x.png);
  }
  #container[data-banner=videolearning] .section.centerText h3 {
    font-weight: 400;
    line-height: 1.35;
  }
  #container[data-banner=videolearning] .section.type1 .rightCon .videoLearnKind {
    margin-top: 50px;
  }
  #container[data-banner=videolearning] .section.type1 .rightCon .videoLearnKind + .videoLearnKind {
    margin-top: 50px;
  }
  #container[data-banner=videolearning] .section.type1 .rightCon .videoLearnKind dl {
    margin-top: 30px;
    display: block;
  }
  #container[data-banner=videolearning] .section.type1 .rightCon .videoLearnKind dl dd {
    margin-top: 30px;
    margin-left: 0;
  }
  #container[data-banner=videolearning] .section.type1 .rightCon .lineTypeWrap {
    margin-top: 0;
    width: 100%;
  }
  #container[data-banner=videolearning] .section.type1 .rightCon .lineTypeWrap .lineType {
    width: 100%;
  }
  #container[data-banner=videolearning] .section.type2 .swiper-container.videoLogoList {
    margin: 0 -20px;
    padding: 0 20px;
  }
  #container[data-banner=videolearning] .section.type2 .swiper-container.videoLogoList .swiper-wrapper {
    margin-top: 40px;
    justify-content: inherit;
    flex-wrap: inherit;
  }
  #container[data-banner=videolearning] .section.type2 .swiper-container.videoLogoList .swiper-wrapper .swiper-slide {
    margin-top: 0px;
    padding: 30px 12px 64px;
    width: calc(100% - 40px);
  }
  #container[data-banner=videolearning] .section.type2 .swiper-container.videoLogoList .swiper-wrapper .swiper-slide:last-child {
    margin-right: 0;
  }
  #container[data-banner=videolearning] .section.type2 .swiper-container.videoLogoList .swiper-wrapper .swiper-slide .videoType {
    height: 58px;
  }
  #container[data-banner=videolearning] .section .videoLearn > div {
    width: 100%;
  }
  #container[data-banner=videolearning] .section .videoLearn > div + div {
    margin-top: 50px;
  }
  #container[data-banner=videolearning] .section .videoLearn > div.item1 .videoLearnTit:after {
    background-image: url(../../images/online/icon/icon_vl_edu1@2x.png);
  }
  #container[data-banner=videolearning] .section .videoLearn > div.item2 .videoLearnTit:after {
    background-image: url(../../images/online/icon/icon_vl_edu2@2x.png);
  }
  #container[data-banner=videolearning] .section .makeVideo {
    margin-top: 50px;
    display: block;
  }
  #container[data-banner=videolearning] .section .makeVideo .thum {
    padding-bottom: 48.36%;
    width: 100%;
    background-position: center;
    background-size: auto 100%;
  }
  #container[data-banner=videolearning] .section .makeVideo .makeVideoStep {
    margin-top: 50px;
    width: 100%;
  }
  #container[data-banner=videolearning] .section .makeVideo .makeVideoStep:after {
    bottom: 4px;
  }
  #container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li {
    position: relative;
    margin-top: 30px;
    padding: 4px 0 4px 94px;
  }
  #container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li:before {
    left: 30px;
  }
  #container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li:first-child {
    margin-top: 0;
  }
  #container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li.step1:before {
    background-image: url(../../images/online/icon/icon_makeVideoStep1@2x.png);
  }
  #container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li.step2:before {
    background-image: url(../../images/online/icon/icon_makeVideoStep2@2x.png);
  }
  #container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li.step3:before {
    background-image: url(../../images/online/icon/icon_makeVideoStep3@2x.png);
  }
  #container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li.step4:before {
    background-image: url(../../images/online/icon/icon_makeVideoStep4@2x.png);
  }
  #container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li.step5:before {
    background-image: url(../../images/online/icon/icon_makeVideoStep5@2x.png);
  }
  #container[data-banner=videolearning] .section .makeVideo .makeVideoStep ul li.step6:before {
    background-image: url(../../images/online/icon/icon_makeVideoStep6@2x.png);
  }
  #container[data-banner=guidebook] .subBanner:after {
    background-image: url(../../images/online/bg/bg_sub_guidebook@2x.png);
  }
  #container[data-banner=guidebook] .section.type1.flexWrap {
    overflow-x: auto;
  }
  #container[data-banner=guidebook] .section.type1.flexWrap .thum {
    width: 1201px;
    padding-bottom: 452px;
    background-position: left top;
  }
  #container[data-banner=guidebook] .section.type1 .rightCon .customizeList .item2 {
    padding: 68px 0;
  }
  #container[data-banner=guidebook] .section.type1 .rightCon .customizeList .item2:before {
    top: 25px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=guidebook] .section.type1 .rightCon .customizeList .item2:after {
    top: auto;
    bottom: 32px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap {
    margin-top: 40px;
    gap: 40px 30px;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  #container[data-banner=guidebook] .subBanner:after {
    background-image: url(../../images/online/bg/bg_sub_guidebook@2x.png);
  }
  #container[data-banner=guidebook] .section.type1.flexWrap {
    overflow-x: auto;
  }
  #container[data-banner=guidebook] .section.type1.flexWrap .thum {
    width: 1201px;
    padding-bottom: 452px;
    background-position: left top;
  }
  #container[data-banner=guidebook] .section.type1 .rightCon .customizeList .item2 {
    padding: 68px 0;
  }
  #container[data-banner=guidebook] .section.type1 .rightCon .customizeList .item2:before {
    top: 25px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=guidebook] .section.type1 .rightCon .customizeList .item2:after {
    top: auto;
    bottom: 32px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
  }
  #container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap {
    margin-top: 40px;
    gap: 40px 30px;
    justify-content: center;
  }
  #container[data-banner=guidebook] .section.type2 .produceEx {
    padding-top: 40px;
    width: calc(100% - 0px);
  }
  #container[data-banner=guidebook] .section.type2 .produceEx .titleWrap {
    display: inline-block;
    margin-bottom: 10px;
  }
  #container[data-banner=guidebook] .section.type2 .produceEx .itemInfoWrap {
    display: block;
  }
  #container[data-banner=guidebook] .section.type2 .produceEx .itemInfoWrap .infoWrap {
    width: calc(100% - 40px);
    padding: 20px;
    margin-top: 70px;
  }
  #container[data-banner=guidebook] .section.type2 .produceEx .itemInfoWrap .infoWrap .title {
    width: 100%;
  }
  #container[data-banner=guidebook] .section + .inner .section {
    margin-top: 50px;
  }
}
@media (max-width: 720px) {
  #container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap {
    gap: 30px 19px;
  }
  #container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap li::before {
    width: 158px;
    height: 203px;
  }
  #container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap li .bookTit {
    top: 56px;
    width: 128px;
  }
  #container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap li .bookTit span {
    font-size: 10px;
  }
  #container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap li .bookTit span + span {
    font-size: 20px;
    line-height: 28px;
  }
  #container[data-banner=guidebook] .section.type1 .rightCon .guideBookWrap li .bookSub {
    line-height: 22px;
  }
}
@media (max-width: 320px) {
  #container[data-banner=liveStudio] .section.type3 .rightCon .rightSubTit br {
    display: none;
  }
  #container[data-banner=liveStudio] .section.type3 .rightCon .rightSubTit .mo {
    display: none !important;
  }
  #container[data-banner=liveStudio] .btnWrap .btnType3 {
    width: 100%;
  }
}
#container[data-banner=company] .subBanner:after {
  background-image: url(../../images/company/bg/bg_sub_company.png);
}
#container[data-banner=company] .section.companyVision > div {
  position: relative;
}
#container[data-banner=company] .section.companyVision > div:after {
  content: "";
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
#container[data-banner=company] .section.companyVision > div.leftType1 {
  padding-top: 120px;
  padding-bottom: 70px;
}
#container[data-banner=company] .section.companyVision > div.leftType1:after {
  right: 0;
  width: 58.334%;
  height: 100%;
  background-image: url(../../images/company/img/img_company1.png);
}
#container[data-banner=company] .section.companyVision > div.leftType2 {
  margin-top: -47px;
  padding-top: 168px;
  padding-bottom: 73px;
}
#container[data-banner=company] .section.companyVision > div.leftType2:after {
  right: 0;
  width: 44.167%;
  height: 100%;
  background-image: url(../../images/company/img/img_company3.png);
}
#container[data-banner=company] .section.companyVision > div.rightType1 {
  margin-top: 80px;
  padding-top: 40px;
  padding-bottom: 150px;
  padding-left: 55.8%;
}
#container[data-banner=company] .section.companyVision > div.rightType1:after {
  left: 0;
  width: 48.167%;
  height: 100%;
  background-image: url(../../images/company/img/img_company2.png);
}
#container[data-banner=company] .section.companyVision > div .visionTit {
  font-size: 32px;
  font-weight: 500;
  color: #212121;
}
#container[data-banner=company] .section.companyVision > div .visitonCon {
  margin-top: 22px;
  font-size: 18px;
  line-height: 1.78;
  color: #212121;
}
#container[data-banner=company] .section.location .locationInfo {
  margin-top: 60px;
}
#container[data-banner=company] .section.location .locationInfo ul li {
  margin-top: 25px;
  display: flex;
  justify-content: left;
}
#container[data-banner=company] .section.location .locationInfo ul li:first-child {
  margin-top: 0;
}
#container[data-banner=company] .section.location .locationInfo ul li strong {
  width: 146px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 18px;
  font-weight: 600;
  display: block;
}
#container[data-banner=company] .section.location .locationInfo ul li span {
  font-size: 18px;
}
#container[data-banner=company] .section .mapWrap .thum {
  padding-bottom: 50%;
}
#container[data-banner=people] .subBanner:after {
  background-image: url(../../images/company/bg/bg_sub_people.png);
}
#container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper {
  margin-top: -60px;
  margin-left: -30px;
  flex-wrap: wrap;
}
#container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper .swiper-slide {
  margin-top: 60px;
  margin-left: 30px;
  padding-top: 200px;
  width: calc(33.333% - 30px);
}
#container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper .swiper-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
#container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper .swiper-slide.recruit1:after {
  background-image: url(../../images/company/img/img_recruit1.png);
}
#container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper .swiper-slide.recruit2:after {
  background-image: url(../../images/company/img/img_recruit2.png);
}
#container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper .swiper-slide.recruit3:after {
  background-image: url(../../images/company/img/img_recruit3.png);
}
#container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper .swiper-slide.recruit4:after {
  background-image: url(../../images/company/img/img_recruit4.png);
}
#container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper .swiper-slide.recruit5:after {
  background-image: url(../../images/company/img/img_recruit5.png);
}
#container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper .swiper-slide.recruit6:after {
  background-image: url(../../images/company/img/img_recruit6.png);
}
#container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper .swiper-slide .placeName {
  font-size: 24px;
  font-weight: 500;
}
#container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper .swiper-slide .dotList li strong {
  margin-top: 30px;
  font-size: 18px;
  color: #624cbf;
  display: block;
}
#container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper .swiper-slide .dotList li p {
  font-size: 16px;
  line-height: 1.78;
}
#container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper .swiper-slide .dotList li p span {
  color: #666;
  font-size: 12px;
}
#container[data-banner=people] .section.type1 .lineTypeWrap {
  margin-top: 10px;
  margin-left: -6.666%;
  width: 100%;
}
#container[data-banner=people] .section.type1 .lineTypeWrap .lineType {
  margin-top: 50px;
  margin-left: 6.666%;
  width: 26.667%;
}
#container[data-banner=people] .section.type1 .lineTypeWrap .lineType .typeTit {
  font-size: 24px;
}
#container[data-banner=people] .section.type1 .lineTypeWrap .lineType .typeCon ul li {
  margin-top: 20px;
}
#container[data-banner=people] .section.type1 .lineTypeWrap .lineType .typeCon ul li:first-child {
  margin-top: 0;
}
#container[data-banner=people] .section.type1 .lineTypeWrap .lineType .typeCon ul li .personName {
  font-size: 18px;
  font-weight: 500;
}
#container[data-banner=people] .section.type1 .lineTypeWrap .lineType .typeCon ul li .personName span {
  font-size: 14px;
  color: #666;
}
#container[data-banner=people] .section.type1 .lineTypeWrap .lineType .typeCon ul li .personHistory {
  color: #666;
  font-size: 14px;
}
#container[data-banner=people] .section.type3 .rightCon .rightSubTit {
  color: #666;
}
#container[data-banner=people] .section.type3 .rightCon .rightSubTit + .thum {
  margin-top: 60px;
  padding-bottom: 82.123%;
  background-position: left top;
  background-size: auto 100%;
}
#container[data-banner=people] .section .circleList {
  width: 100%;
  overflow: hidden;
}
#container[data-banner=people] .section .circleList.circlePerson ul {
  margin-top: -20px;
  margin-left: -40px;
}
#container[data-banner=people] .section .circleList.circlePerson ul li {
  margin-top: 70px;
  margin-left: 40px;
  padding-top: 23%;
  width: calc(25% - 40px);
}
#container[data-banner=people] .section .circleList.circlePerson ul li:after {
  width: 96.159%;
}
#container[data-banner=people] .section .circleList.circlePerson ul li.person1:after {
  background-image: url(../../images/company/img/img_person1.png);
}
#container[data-banner=people] .section .circleList.circlePerson ul li.person2:after {
  background-image: url(../../images/company/img/img_person2.png);
}
#container[data-banner=people] .section .circleList.circlePerson ul li.person3:after {
  background-image: url(../../images/company/img/img_person3.png);
}
#container[data-banner=people] .section .circleList.circlePerson ul li.person4:after {
  background-image: url(../../images/company/img/img_person4.png);
}
#container[data-banner=people] .section .circleList.circlePerson ul li.person5:after {
  background-image: url(../../images/company/img/img_person5.png);
}
#container[data-banner=people] .section .circleList.circlePerson ul li.person6:after {
  background-image: url(../../images/company/img/img_person6.png);
}
#container[data-banner=people] .section .circleList.circlePerson ul li.person7:after {
  background-image: url(../../images/company/img/img_person7.png);
}
#container[data-banner=people] .section .circleList.circlePerson ul li.person8:after {
  background-image: url(../../images/company/img/img_person8.png);
}
#container[data-banner=people] .section .circleList.circlePerson ul li.person9:after {
  background-image: url(../../images/company/img/img_person9.png);
}
#container[data-banner=people] .section .circleList.circlePerson ul li.person10:after {
  background-image: url(../../images/company/img/img_person10.png);
}
#container[data-banner=people] .section .circleList.circlePerson ul li.person11:after {
  background-image: url(../../images/company/img/img_person11.png);
}
#container[data-banner=people] .section .circleList.circlePerson ul li.person12:after {
  background-image: url(../../images/company/img/img_person12.png);
}
#container[data-banner=people] .section .circleList.circleIcon ul {
  margin-top: -40px;
}
#container[data-banner=people] .section .circleList.circleIcon ul li {
  margin-top: 40px;
  width: 25%;
  padding-top: 120px;
}
#container[data-banner=people] .section .circleList.circleIcon ul li:after {
  width: 100px;
}
#container[data-banner=people] .section .circleList.circleIcon ul li.recruit1:after {
  background-image: url(../../images/company/icon/icon_recruit1.png);
}
#container[data-banner=people] .section .circleList.circleIcon ul li.recruit2:after {
  background-image: url(../../images/company/icon/icon_recruit2.png);
}
#container[data-banner=people] .section .circleList.circleIcon ul li.recruit3:after {
  background-image: url(../../images/company/icon/icon_recruit3.png);
}
#container[data-banner=people] .section .circleList.circleIcon ul li.recruit4:after {
  background-image: url(../../images/company/icon/icon_recruit4.png);
}
#container[data-banner=people] .section .circleList.circleIcon ul li.recruit5:after {
  background-image: url(../../images/company/icon/icon_recruit5.png);
}
#container[data-banner=people] .section .circleList.circleIcon ul li.recruit6:after {
  background-image: url(../../images/company/icon/icon_recruit6.png);
}
#container[data-banner=people] .section .circleList.circleIcon ul li.recruit7:after {
  background-image: url(../../images/company/icon/icon_recruit7.png);
}
#container[data-banner=people] .section .circleList.circleIcon ul li.recruit8:after {
  background-image: url(../../images/company/icon/icon_recruit8.png);
}
#container[data-banner=people] .section .circleList.circleIcon ul li p {
  height: 68px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.33;
}
#container[data-banner=news] .subBanner:after {
  background-image: url(../../images/company/bg/bg_sub_news.png);
}
#container[data-banner=news] .section.notiWrap {
  margin-top: 100px;
}
#container[data-banner=news] .section .swiper-container.newsList .swiper-wrapper {
  justify-content: space-between;
}
#container[data-banner=news] .section .swiper-container.newsList .swiper-wrapper .swiper-slide {
  width: calc(25% - 13px);
}
#container[data-banner=news] .section .swiper-container.newsList .swiper-wrapper .swiper-slide a {
  display: block;
}
#container[data-banner=news] .section .swiper-container.newsList .swiper-wrapper .swiper-slide a .thum {
  padding-bottom: 90.253%;
}
#container[data-banner=news] .section .swiper-container.newsList .swiper-wrapper .swiper-slide a .newsTit {
  margin-top: 20px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 22px;
  font-weight: 500;
  color: #212121;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#container[data-banner=news] .section .swiper-container.newsList .swiper-wrapper .swiper-slide a .newsDate {
  margin-top: 14px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  color: #646464;
}
#container[data-banner=content] .subBanner:after {
  background-image: url(../../images/company/bg/bg_sub_content.png);
}
#container[data-banner=content] .section {
  margin-top: 0px;
}
#container[data-banner=content] .section.contentList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#container[data-banner=content] .section.contentList > div {
  position: relative;
  margin-top: 80px;
  width: calc(25% - 24px);
}
#container[data-banner=content] .section.contentList > div.content1 .contentImg {
  background-image: url(../../images/thumb/thumb_content1.png);
}
#container[data-banner=content] .section.contentList > div.content2 .contentImg {
  background-image: url(../../images/thumb/thumb_content2.png);
}
#container[data-banner=content] .section.contentList > div.content3 .contentImg {
  background-image: url(../../images/thumb/thumb_content3.png);
}
#container[data-banner=content] .section.contentList > div.content4 .contentImg {
  background-image: url(../../images/thumb/thumb_content4.png);
}
#container[data-banner=content] .section.contentList > div.content5 .contentImg {
  background-image: url(../../images/thumb/thumb_content5.png);
}
#container[data-banner=content] .section.contentList > div.content6 .contentImg {
  background-image: url(../../images/thumb/thumb_content6.png);
}
#container[data-banner=content] .section.contentList > div.content7 .contentImg {
  background-image: url(../../images/thumb/thumb_content7.png);
}
#container[data-banner=content] .section.contentList > div.content8 .contentImg {
  background-image: url(../../images/thumb/thumb_content8.png);
}
#container[data-banner=content] .section.contentList > div .contentImg {
  position: relative;
  z-index: 2;
  padding-bottom: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
#container[data-banner=content] .section.contentList > div .contentImg div {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -28px;
  width: 100%;
}
#container[data-banner=content] .section.contentList > div .contentImg div .ellipsis {
  height: 56px;
  font-size: 20px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#container[data-banner=content] .section.contentList > div .contentImg div .dash {
  margin: 20px auto 0;
  width: 20px;
  height: 5px;
  display: block;
  background: #fff;
}
#container[data-banner=content] .section.contentList > div .contentCon .learningTit {
  margin-top: 20px;
  color: #624cbf;
  font-size: 14px;
  font-weight: 500;
}
#container[data-banner=content] .section.contentList > div .contentCon .learningPoint {
  position: relative;
  margin-top: 8px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
}
#container[data-banner=content] .section.bookList {
  margin-top: -80px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#container[data-banner=content] .section.bookList .bookBox {
  margin-top: 80px;
  width: 50%;
}
#container[data-banner=content] .section.bookList .bookBox:after {
  content: "";
  display: block;
  clear: both;
}
#container[data-banner=content] .section.bookList .bookBox .thum {
  float: left;
  width: 220px;
  padding-bottom: 53.795%;
  border: 1px solid #e1e1e1;
  background-size: 100% auto;
}
#container[data-banner=content] .section.bookList .bookBox .bookRight {
  float: left;
  padding: 0 20px;
  width: calc(100% - 222px);
  box-sizing: border-box;
}
#container[data-banner=content] .section.bookList .bookBox .bookRight .bookTit {
  margin-top: 33px;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 25px;
  font-weight: 600;
}
#container[data-banner=content] .section.bookList .bookBox .bookRight .bookSubTit {
  margin-top: 10px;
  font-weight: 500;
  color: #624cbf;
}
#container[data-banner=content] .section.bookList .bookBox .bookRight .bookSummary {
  margin-top: 30px;
  height: 72px;
  color: #999;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#container[data-banner=content] .section.bookList .bookBox .bookRight .writer {
  margin-top: 20px;
  color: #666;
}
#container[data-banner=content] .section.bookList .bookBox .bookRight .writeDate {
  margin-top: 10px;
  font-family: "Roboto", "Noto Sans KR", sans-serif;
  color: #666;
}

@media (max-width: 1024px) {
  #container[data-banner=company] .subBanner:after {
    background-image: url(../../images/company/bg/bg_sub_company@2x.png);
  }
  #container[data-banner=company] .section.companyVision > div:after {
    background-position: center top;
  }
  #container[data-banner=company] .section.companyVision > div.leftType1 {
    padding-top: calc(59% + 30px);
    padding-bottom: 0;
  }
  #container[data-banner=company] .section.companyVision > div.leftType1:after {
    left: 0;
    right: auto;
    width: 100%;
    background-image: url(../../images/company/img/img_company1@2x.png);
  }
  #container[data-banner=company] .section.companyVision > div.leftType2 {
    margin-top: 50px;
    padding-top: calc(88% + 30px);
    padding-bottom: 0;
  }
  #container[data-banner=company] .section.companyVision > div.leftType2:after {
    left: 0;
    right: auto;
    width: 100%;
    background-image: url(../../images/company/img/img_company3@2x.png);
  }
  #container[data-banner=company] .section.companyVision > div.rightType1 {
    margin-top: 50px;
    padding-top: calc(72% + 30px);
    padding-bottom: 0;
    padding-left: 0;
  }
  #container[data-banner=company] .section.companyVision > div.rightType1:after {
    width: 100%;
    background-image: url(../../images/company/img/img_company2@2x.png);
  }
  #container[data-banner=company] .section.companyVision > div .visionTit {
    font-size: 24px;
  }
  #container[data-banner=company] .section.companyVision > div .visitonCon {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.8;
  }
  #container[data-banner=company] .section.location .locationInfo {
    margin-top: 40px;
  }
  #container[data-banner=company] .section.location .locationInfo ul li {
    margin-top: 20px;
  }
  #container[data-banner=company] .section.location .locationInfo ul li strong {
    width: 86px;
    font-size: 16px;
  }
  #container[data-banner=company] .section.location .locationInfo ul li span {
    width: calc(100% - 86px);
    font-size: 16px;
  }
  #container[data-banner=people] .subBanner:after {
    background-image: url(../../images/company/bg/bg_sub_people@2x.png);
  }
  #container[data-banner=people] .section.type1 .rightCon {
    overflow: visible;
  }
  #container[data-banner=people] .section.type1 .rightCon .rightSubTit {
    font-weight: 600;
  }
  #container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList {
    margin: 0 -20px;
  }
  #container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper {
    margin-top: 0;
    margin-left: 0;
    padding: 0 0 0 20px;
    flex-wrap: nowrap;
  }
  #container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper .swiper-slide {
    margin-top: 0;
    margin-left: 0;
    padding-top: 52%;
    width: 67.3%;
  }
  #container[data-banner=people] .section.type1 .rightCon .swiper-container.placeList .swiper-wrapper .swiper-slide:after {
    height: 0;
    padding-bottom: 71.33%;
  }
  #container[data-banner=people] .section.type1 .lineTypeWrap {
    margin-left: -11px;
  }
  #container[data-banner=people] .section.type1 .lineTypeWrap .lineType {
    margin-left: 11px;
    width: calc(50% - 11px);
  }
  #container[data-banner=people] .section.type1 .lineTypeWrap .lineType .typeTit {
    font-size: 20px;
  }
  #container[data-banner=people] .section.type1 .lineTypeWrap .lineType .typeCon {
    margin-top: 10px;
    padding-top: 15px;
  }
  #container[data-banner=people] .section.type1 .lineTypeWrap .lineType .typeCon ul li .personName {
    font-size: 16px;
  }
  #container[data-banner=people] .section.type1 .lineTypeWrap .lineType .typeCon ul li .personName .personJob {
    font-size: 12px;
    display: block;
  }
  #container[data-banner=people] .section.type1 .lineTypeWrap .lineType .typeCon ul li .personHistory {
    font-size: 14px;
    line-height: 2;
  }
  #container[data-banner=people] .section.type3 {
    display: block;
  }
  #container[data-banner=people] .section.type3.flexWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #container[data-banner=people] .section.type3.flexWrap .leftTit {
    padding-bottom: 0;
    width: auto;
  }
  #container[data-banner=people] .section.type3.flexWrap .rightCon {
    width: auto;
  }
  #container[data-banner=people] .section.type3.flexWrap .rightCon .txtR {
    padding-top: 0;
  }
  #container[data-banner=people] .section.type3 .rightCon {
    margin-left: 0;
    width: 100%;
  }
  #container[data-banner=people] .section.type3 .rightCon .rightSubTit + .thum {
    margin-top: 50px;
    padding-bottom: 131.21%;
  }
  #container[data-banner=people] .section .circleList.circlePerson ul {
    margin-top: 20px;
    margin-left: -15px;
  }
  #container[data-banner=people] .section .circleList.circlePerson ul li {
    margin-top: 40px;
    margin-left: 15px;
    padding-top: 51%;
    width: calc(50% - 15px);
  }
  #container[data-banner=people] .section .circleList.circlePerson ul li:after {
    width: 100%;
  }
  #container[data-banner=people] .section .circleList.circlePerson ul li .personName {
    font-size: 20px;
  }
  #container[data-banner=people] .section .circleList.circlePerson ul li .personName span {
    font-size: 14px;
  }
  #container[data-banner=people] .section .circleList.circleIcon ul li {
    width: 50%;
  }
  #container[data-banner=news] .subBanner:after {
    background-image: url(../../images/company/bg/bg_sub_news@2x.png);
  }
  #container[data-banner=news] .section.notiWrap {
    margin-top: 108px;
  }
  #container[data-banner=news] .section .swiper-container.newsList .swiper-wrapper {
    justify-content: inherit;
  }
  #container[data-banner=news] .section .swiper-container.newsList .swiper-wrapper .swiper-slide {
    width: calc(100% - 45px);
  }
  #container[data-banner=news] .section .swiper-container.newsList .swiper-wrapper .swiper-slide a .thum {
    padding-bottom: 100%;
  }
  #container[data-banner=content] .section.contentList {
    margin-top: 10px;
  }
  #container[data-banner=content] .section.contentList > div {
    margin-top: 40px;
    width: calc(50% - 7px);
  }
  #container[data-banner=content] .section.contentList > div a .contentImg div {
    margin-top: -25px;
  }
  #container[data-banner=content] .section.contentList > div a .contentImg div .ellipsis {
    height: 50px;
    font-size: 16px;
    line-height: 1.63;
  }
  #container[data-banner=content] .section.contentList > div a .contentCon .learningTit {
    margin-top: 15px;
  }
  #container[data-banner=content] .section.contentList > div a .contentCon .learningPoint {
    font-size: 18px;
    line-height: 1.44;
  }
  #container[data-banner=content] .section.bookList {
    margin-top: 0px;
    display: block;
    justify-content: inherit;
    flex-wrap: inherit;
  }
  #container[data-banner=content] .section.bookList .bookBox {
    margin-top: 50px;
    width: 100%;
  }
  #container[data-banner=content] .section.bookList .bookBox .thum {
    float: none;
    margin: 0 auto;
  }
  #container[data-banner=content] .section.bookList .bookBox .bookRight {
    float: none;
    width: 100%;
  }
  #container[data-banner=content] .section.bookList .bookBox .bookRight .bookTit {
    margin-top: 20px;
    font-size: 26px;
  }
}
#container[data-banner=request] {
  margin-top: 199px;
}
#container[data-banner=request] .section .rightCon {
  overflow: initial;
}
#container[data-banner=request] .section .requestWrap {
  margin-top: 87px;
}
#container[data-banner=request] .section .requestWrap .requestTit {
  position: relative;
  font-family: "Noto Serif KR", sans-serif;
  font-size: 24px;
}
#container[data-banner=request] .section .requestWrap .requestTit .btnType7 {
  margin-left: 15px;
  margin-top: 5px;
  padding: 5px 8px;
  font-size: 14px;
  vertical-align: top;
}
#container[data-banner=request] .section .requestWrap .addMember {
  position: relative;
  margin-top: 87px;
  font-size: 18px;
}
#container[data-banner=request] .section .requestWrap .addMember .btnType7 {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 27px;
  padding: 0;
  background: #624cbf;
}
#container[data-banner=request] .section .requestWrap .addMember .btnType7::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  margin-top: -1px;
  height: 2px;
  background: #fff;
}
#container[data-banner=request] .section .requestWrap .flexWrap {
  margin-top: 10px;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}
#container[data-banner=request] .section .requestWrap .flexWrap + .requestTit {
  margin-top: 80px;
}
#container[data-banner=request] .section .requestWrap .flexWrap.ml_ {
  margin-left: -32px;
  max-width: 650px;
}
#container[data-banner=request] .section .requestWrap .flexWrap .input.box {
  margin-top: 20px;
}
#container[data-banner=request] .section .requestWrap .flexWrap .input.box.len2 {
  width: calc(50% - 10px);
}
#container[data-banner=request] .section .requestWrap .flexWrap .input.box.len2 .select {
  width: 100%;
  margin-top: 10px;
}
#container[data-banner=request] .section .requestWrap .flexWrap .input.box.len2 .select > button {
  border: 0 none;
  padding: 10px 30px 25px 0;
  border-bottom: 2px solid #d4d4d4;
  font-size: 16px;
}
#container[data-banner=request] .section .requestWrap .flexWrap .input.box.len2 .select.on > button {
  padding: 10px 30px 25px 16px;
  border: 1px solid #ccc;
  font-size: 14px;
}
#container[data-banner=request] .section .requestWrap .flexWrap .input.box.len3 {
  width: calc(33.333% - 13px);
}
#container[data-banner=request] .section .requestWrap .flexWrap .input.box label {
  position: relative;
  display: block;
}
#container[data-banner=request] .section .requestWrap .flexWrap .input.box input[type=text] {
  padding: 20px 15px 20px 0;
  font-size: 16px;
  line-height: 1.75;
  color: #222;
  border: 0;
  border-bottom: 2px solid #d4d4d4;
}
#container[data-banner=request] .section .requestWrap .flexWrap .input.box input[type=text].on, #container[data-banner=request] .section .requestWrap .flexWrap .input.box input[type=text]:focus {
  border-color: #222;
}
#container[data-banner=request] .section .requestWrap .flexWrap .input.box input[type=text].on + span, #container[data-banner=request] .section .requestWrap .flexWrap .input.box input[type=text]:focus + span {
  top: 0;
  font-size: 14px;
}
#container[data-banner=request] .section .requestWrap .flexWrap .input.box span {
  position: absolute;
  top: 20px;
  left: 0;
  color: #999;
  transition: all 0.3s;
}
#container[data-banner=request] .section .requestWrap .flexWrap .input.box .etc {
  margin-top: 5px;
  padding-left: 12px;
  font-size: 12px;
  line-height: 1.83;
  color: #999;
  text-indent: -12px;
}
#container[data-banner=request] .section .requestWrap .flexWrap .input.checkbox {
  margin-top: 20px;
  margin-left: 32px;
}
#container[data-banner=request] .section .requestWrap .flexWrap .input.checkbox label input[type=checkbox] + span {
  font-size: 16px;
  font-weight: 400;
}
#container[data-banner=request] .section .requestWrap .flexWrap .select {
  margin-top: 30px;
  width: 405px;
}
#container[data-banner=request] .section .requestWrap .flexWrap .select:before {
  height: calc(100% + 2px);
  border-bottom: 0;
}
#container[data-banner=request] .section .requestWrap .flexWrap .select ul {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 1;
  width: 100%;
}
#container[data-banner=request] .section .requestWrap .flexWrap .select ul:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid #222;
  border-top: 0;
  pointer-events: none;
}
#container[data-banner=request] .section .requestWrap .input.checkbox {
  margin-top: 60px;
}
#container[data-banner=request] .section .requestWrap .input.checkbox + .requestTit {
  margin-top: 80px;
}
#container[data-banner=request] .section .requestWrap .textAreaWrap {
  margin-top: 30px;
}
#container[data-banner=request] .section .requestWrap .textAreaWrap + .requestTit {
  margin-top: 80px;
}
#container[data-banner=request] .section .requestWrap .textAreaWrap textarea {
  padding: 20px;
  width: 100%;
  height: 310px;
  color: #999;
  line-height: 1.75;
  resize: none;
  border: solid 1px #d4d4d4;
  box-sizing: border-box;
}
#container[data-banner=request] .section .requestWrap .textAreaWrap .exText {
  margin-top: 20px;
  color: #999;
  line-height: 1.75;
}
#container[data-banner=request] .section .requestWrap .agreeInfo {
  margin-top: 20px;
}
#container[data-banner=request] .section .requestWrap .agreeInfo + .requestTit {
  margin-top: 80px;
}
#container[data-banner=request] .section .requestWrap .agreeInfo + .input.checkbox {
  margin-top: 40px;
}
#container[data-banner=request] .section .requestWrap .agreeInfo p {
  line-height: 1.75;
}
#container[data-banner=request] .section .requestWrap .agreeInfo ul li {
  line-height: 1.75;
}
#container[data-banner=request] .section .requestWrap .btnAgree {
  margin-left: 20px;
  color: #999;
  text-decoration: underline;
}
#container[data-banner=request] .section .btnWrap .btnType5 {
  width: 322px;
  height: 64px;
  font-size: 18px;
  font-weight: 500;
}
#container[data-banner=request-complete] {
  margin-top: 129px;
}
#container[data-banner=request-complete] .section {
  padding-top: 172px;
  text-align: center;
}
#container[data-banner=request-complete] .section:after {
  content: "";
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: -26px;
  width: 52px;
  height: 52px;
  background: url(../../images/etc/icon/icon_complete.png) no-repeat center;
  background-size: cover;
}
#container[data-banner=request-complete] .section .completeTit {
  font-family: "Noto Serif KR", sans-serif;
  font-size: 36px;
  font-weight: 600;
}
#container[data-banner=request-complete] .section .completeSubTit {
  margin-top: 20px;
}
#container[data-banner=request-complete] .section .requestTeam {
  margin-top: 60px;
  font-size: 18px;
  font-weight: 500;
}
#container[data-banner=request-complete] .section .requestAddress {
  margin-top: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#container[data-banner=request-complete] .section .requestAddress p {
  font-size: 14px;
}
#container[data-banner=request-complete] .section .requestAddress p + p {
  position: relative;
  padding-left: 21px;
}
#container[data-banner=request-complete] .section .requestAddress p + p:after {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 3px;
  left: 10px;
  width: 1px;
  background: #999;
}
#container[data-banner=request-complete] .section .btnWrap .btnType5 {
  width: 322px;
  height: 64px;
  font-size: 18px;
}
#container.policy .content-title {
  margin: 0 auto;
  padding: 70px 0 30px;
  font-size: 28px;
  text-align: center;
}
#container.policy .cont {
  margin-bottom: 30px;
  color: #666666;
  font-size: 14px;
  line-height: 1.6;
}
#container.policy .cont h3 {
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 16px;
  color: #292929;
}
#container.policy .cont h4 {
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: 6px;
  font-weight: 600;
  color: #292929;
}
#container.policy .cont p + ul {
  margin-top: 10px;
}
#container.policy .cont li + li {
  margin-top: 5px;
}
#container.policy .cont .data-list li {
  color: #666666;
}

@media (max-width: 1024px) {
  #container[data-banner=request] {
    margin-top: 172px;
  }
  #container[data-banner=request] .section + .section {
    margin-top: 50px;
  }
  #container[data-banner=request] .section .rightCon {
    padding-top: 20px;
  }
  #container[data-banner=request] .section .requestWrap {
    margin-top: 50px;
  }
  #container[data-banner=request] .section .requestWrap .requestTit {
    font-size: 20px;
    font-weight: 400;
  }
  #container[data-banner=request] .section .requestWrap .requestTit .btnType7 {
    position: absolute;
    top: 0;
    right: 0;
  }
  #container[data-banner=request] .section .requestWrap .flexWrap {
    margin-top: 0;
  }
  #container[data-banner=request] .section .requestWrap .flexWrap + .requestTit {
    margin-top: 50px;
  }
  #container[data-banner=request] .section .requestWrap .flexWrap.ml_ {
    margin-left: 0;
  }
  #container[data-banner=request] .section .requestWrap .flexWrap .input.box.len2, #container[data-banner=request] .section .requestWrap .flexWrap .input.box.len3 {
    width: 100%;
  }
  #container[data-banner=request] .section .requestWrap .flexWrap .input.checkbox {
    margin-left: 0px;
    width: calc(50% - 25px);
  }
  #container[data-banner=request] .section .requestWrap .flexWrap .select {
    width: 100%;
  }
  #container[data-banner=request] .section .requestWrap .input.checkbox {
    margin-top: 50px;
  }
  #container[data-banner=request] .section .requestWrap .textAreaWrap {
    margin-top: 20px;
  }
  #container[data-banner=request] .section .requestWrap .textAreaWrap + .requestTit {
    margin-top: 50px;
  }
  #container[data-banner=request] .section .requestWrap .textAreaWrap textarea {
    height: 400px;
    font-size: 15px;
    line-height: 1.67;
  }
  #container[data-banner=request] .section .requestWrap .textAreaWrap .exText {
    font-size: 15px;
  }
  #container[data-banner=request] .section .btnWrap .btnType5 {
    width: 100%;
  }
  #container[data-banner=request-complete] .section {
    padding-top: 132px;
  }
  #container[data-banner=request-complete] .section:after {
    top: 50px;
  }
  #container[data-banner=request-complete] .section .completeSubTit {
    margin-top: 20px;
    font-size: 15px;
  }
  #container[data-banner=request-complete] .section .requestTeam {
    margin-top: 40px;
  }
  #container[data-banner=request-complete] .section .btnWrap {
    margin-top: 50px;
  }
  #container[data-banner=request-complete] .section .btnWrap .btnType5 {
    width: 100%;
  }
}/*# sourceMappingURL=common.min.css.map */