@charset "UTF-8";
.fullservice .sector-report .section-pie-chart .tab_average, .fullservice .sector-report .section-possible, .fullservice .sector-view .action-box, .popup .input-box dl:after, .promotion .wrap,
.promotion .wrap-full,
.product-eco .wrap,
.product-eco .wrap-full,
.fullservice .wrap,
.fullservice .wrap-full, .grid {
  *zoom: 1;
}
.fullservice .sector-report .section-pie-chart .tab_average::before, .fullservice .sector-report .section-possible::before, .fullservice .sector-view .action-box::before, .promotion .wrap::before,
.promotion .wrap-full::before,
.product-eco .wrap::before,
.product-eco .wrap-full::before,
.fullservice .wrap::before,
.fullservice .wrap-full::before, .grid::before, .fullservice .sector-report .section-pie-chart .tab_average::after, .fullservice .sector-report .section-possible::after, .fullservice .sector-view .action-box::after, .popup .input-box dl::after, .promotion .wrap::after,
.promotion .wrap-full::after,
.product-eco .wrap::after,
.product-eco .wrap-full::after,
.fullservice .wrap::after,
.fullservice .wrap-full::after, .grid::after {
  content: "";
  display: table;
}
.fullservice .sector-report .section-pie-chart .tab_average::after, .fullservice .sector-report .section-possible::after, .fullservice .sector-view .action-box::after, .popup .input-box dl::after, .promotion .wrap::after,
.promotion .wrap-full::after,
.product-eco .wrap::after,
.product-eco .wrap-full::after,
.fullservice .wrap::after,
.fullservice .wrap-full::after, .grid::after {
  clear: both;
}

.hidden,
.sr_only,
.sr-only {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 0px;
  height: 0px;
  margin: -1px;
  padding: 0;
  word-break: keep-all;
  white-space: nowrap;
  color: transparent;
  border: 0;
  text-indent: -9999px;
}

.grid {
  position: relative;
  box-sizing: border-box;
}
.grid .col {
  position: relative;
  float: left;
  box-sizing: border-box;
}

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

.fullservice .slick-dots {
  font-size: 0;
}
.fullservice .slick-dots li {
  display: inline-block;
}
.fullservice .slick-dots button {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  color: transparent;
  text-indent: -9999px;
  border: 0;
  background: none;
}

.promotion .wide,
.product-eco .wide,
.fullservice .wide {
  position: relative;
  left: 50%;
  display: block;
  transform: translateX(-50%);
}

.fullservice .sector-notice .notice-list li .dash-list li {
  position: relative;
  padding-left: 1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .fullservice .sector-notice .notice-list li .dash-list li {
    padding-left: 10px;
  }
}
.fullservice .sector-notice .notice-list li .dash-list li {
  text-align: left;
}
.fullservice .sector-notice .notice-list li .dash-list li::before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  line-height: inherit;
}

.fullservice .sector-notice .notice-list li .asterisk-list li {
  position: relative;
  padding-left: 1.9444444444vw;
}
@media screen and (min-width: 720px) {
  .fullservice .sector-notice .notice-list li .asterisk-list li {
    padding-left: 14px;
  }
}
.fullservice .sector-notice .notice-list li .asterisk-list li {
  text-align: left;
}
.fullservice .sector-notice .notice-list li .asterisk-list li::before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  line-height: inherit;
}
@keyframes effectBounceDiagonal {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-10px, -10px);
  }
}
.effect-bounce-diagonal {
  animation-name: effectBounceDiagonal;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  animation-direction: normal;
}
@keyframes effectBounceUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.effect-bounce-updown {
  animation-name: effectBounceUpDown;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  animation-direction: normal;
}
@keyframes effectExtend {
  0%, 100% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
}
.effect-extend, .fullservice .sector-title .flag {
  animation-name: effectExtend;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  animation-direction: normal;
}
@keyframes effectBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.effect-blink {
  animation-name: effectBlink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: step-end;
  animation-direction: normal;
}

.promotion,
.product-eco,
.fullservice {
  position: relative;
  text-align: center;
  overflow: hidden;
  color: #212121;
}
.promotion *,
.product-eco *,
.fullservice * {
  font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "Dotum", "돋움", "Gulim", "굴림", "굴림체", Sans-Serif;
  letter-spacing: -0.0694444444vw;
}
@media screen and (min-width: 720px) {
  .promotion *,
  .product-eco *,
  .fullservice * {
    letter-spacing: -0.5px;
  }
}
.promotion [class^=sector-],
.product-eco [class^=sector-],
.fullservice [class^=sector-] {
  position: relative;
}
.promotion .wrap,
.promotion .wrap-full,
.product-eco .wrap,
.product-eco .wrap-full,
.fullservice .wrap,
.fullservice .wrap-full {
  position: relative;
  margin: 0 auto;
}
.promotion .wrap-full,
.product-eco .wrap-full,
.fullservice .wrap-full {
  width: 100%;
}
.promotion .icon-pointer,
.product-eco .icon-pointer,
.fullservice .icon-pointer {
  position: relative;
  display: inline-block;
}
.promotion .icon-pointer::after,
.product-eco .icon-pointer::after,
.fullservice .icon-pointer::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 3%;
  z-index: 1;
  display: block;
  width: 12.5vw;
}
@media screen and (min-width: 720px) {
  .promotion .icon-pointer::after,
  .product-eco .icon-pointer::after,
  .fullservice .icon-pointer::after {
    width: 90px;
  }
}
.promotion .icon-pointer::after,
.product-eco .icon-pointer::after,
.fullservice .icon-pointer::after {
  height: 12.5vw;
}
@media screen and (min-width: 720px) {
  .promotion .icon-pointer::after,
  .product-eco .icon-pointer::after,
  .fullservice .icon-pointer::after {
    height: 90px;
  }
}
.promotion .icon-pointer::after,
.product-eco .icon-pointer::after,
.fullservice .icon-pointer::after {
  background: url("//img.eduwill.net/Img2/Common/icon/pointer/icon_pointer_20.png") no-repeat 0 0;
  background-size: 100% auto;
}
@keyframes pointerBounceDiagonal {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-10px, -10px);
  }
}
.promotion .icon-pointer::after,
.product-eco .icon-pointer::after,
.fullservice .icon-pointer::after {
  animation-name: pointerBounceDiagonal;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  animation-direction: normal;
}
.promotion .slick-list *,
.product-eco .slick-list *,
.fullservice .slick-list * {
  line-height: 1;
}
.promotion button,
.product-eco button,
.fullservice button {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-family: inherit;
  text-decoration: none;
  border: none;
  background: transparent;
  outline: 0;
  cursor: pointer;
}

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear {
  display: none;
}

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

/* Select box 스타일 초기화 */
select {
  border-radius: 0; /* 아이폰 사파리 보더 없애기 */
  -webkit-appearance: none; /* 화살표 없애기 for chrome*/
  -moz-appearance: none; /* 화살표 없애기 for firefox*/
  appearance: none; /* 화살표 없애기 공통*/
}

/* IE 에서 Select box 화살표 제거 */
select::-ms-expand {
  display: none;
}

.popup-dim {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.7);
}

.popup {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 999;
  display: none;
  width: 100%;
  max-width: 720px;
  letter-spacing: -1px;
  transform: translateX(-50%);
  box-sizing: border-box;
}
@media screen and (min-width: 1100px) {
  .popup {
    max-width: 720px;
  }
}
.popup * {
  font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "Dotum", "돋움", "Gulim", "굴림", "굴림체", Sans-Serif;
}
.popup .popup-close {
  position: absolute;
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 8.3333333333vw;
}
@media screen and (min-width: 720px) {
  .popup .popup-close {
    width: 60px;
  }
}
.popup .popup-close {
  height: 8.3333333333vw;
}
@media screen and (min-width: 720px) {
  .popup .popup-close {
    height: 60px;
  }
}
.popup .popup-close::before, .popup .popup-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 30px;
  height: 1px;
  margin-left: -15px;
  background-color: #333;
}
.popup .popup-close::before {
  transform: rotate(45deg);
}
.popup .popup-close::after {
  transform: rotate(315deg);
}
.popup .popup-close span {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 0px;
  height: 0px;
  margin: -1px;
  padding: 0;
  word-break: keep-all;
  white-space: nowrap;
  color: transparent;
  border: 0;
  text-indent: -9999px;
}
.popup .popup-close {
  top: 1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .popup .popup-close {
    top: 10px;
  }
}
.popup .popup-close {
  right: 1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .popup .popup-close {
    right: 10px;
  }
}
.popup .popup-close {
  cursor: pointer;
}
.popup .popup-title {
  padding: 6.9444444444vw 6.9444444444vw 5.5555555556vw 6.9444444444vw;
}
@media screen and (min-width: 720px) {
  .popup .popup-title {
    padding: 50px 50px 40px 50px;
  }
}
@media screen and (min-width: 720px) {
  .popup .popup-title {
    padding: 3.4722222222vw 3.4722222222vw 2.7777777778vw 3.4722222222vw;
  }
}
@media screen and (min-width: 720px) and (min-width: 720px) {
  .popup .popup-title {
    padding: 25px 25px 20px 25px;
  }
}
.popup .popup-title {
  background-color: #fff;
  text-align: left;
  box-sizing: border-box;
  position: relative;
}
.popup .popup-title:after {
  position: absolute;
  bottom: 0;
  left: 6.9444444444vw;
}
@media screen and (min-width: 720px) {
  .popup .popup-title:after {
    left: 50px;
  }
}
.popup .popup-title:after {
  right: 6.9444444444vw;
}
@media screen and (min-width: 720px) {
  .popup .popup-title:after {
    right: 50px;
  }
}
@media screen and (min-width: 720px) {
  .popup .popup-title:after {
    left: 3.4722222222vw;
    right: 3.4722222222vw;
  }
}
@media screen and (min-width: 720px) and (min-width: 720px) {
  .popup .popup-title:after {
    left: 25px;
  }
}
@media screen and (min-width: 720px) and (min-width: 720px) {
  .popup .popup-title:after {
    right: 25px;
  }
}
.popup .popup-title:after {
  content: "";
  border-bottom: 1px solid #000;
}
.popup .popup-title span {
  font-size: 4.7222222222vw;
}
@media screen and (min-width: 720px) {
  .popup .popup-title span {
    font-size: 34px;
  }
}
.popup .popup-title span {
  font-weight: 900;
  color: #000;
}
@media screen and (min-width: 720px) {
  .popup .popup-title span {
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 720px) and (min-width: 720px) {
  .popup .popup-title span {
    font-size: 24px;
  }
}
.popup .popup-body {
  text-align: left;
  line-height: 1.4;
  font-weight: 600;
  color: #000;
  background-color: #fff;
  font-size: 3.6111111111vw;
}
@media screen and (min-width: 720px) {
  .popup .popup-body {
    font-size: 26px;
  }
}
.popup .input-box {
  padding: 8.3333333333vw 6.9444444444vw 5.5555555556vw;
}
@media screen and (min-width: 720px) {
  .popup .input-box {
    padding: 60px 50px 40px;
  }
}
.popup .input-box {
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  text-align: left;
}
.popup .input-box dl {
  padding-bottom: 2.7777777778vw;
}
@media screen and (min-width: 720px) {
  .popup .input-box dl {
    padding-bottom: 20px;
  }
}
.popup .input-box dl {
  font-size: 3.6111111111vw;
}
@media screen and (min-width: 720px) {
  .popup .input-box dl {
    font-size: 26px;
  }
}
.popup .input-box dl dt {
  float: left;
  width: 23%;
  height: 11.1111111111vw;
}
@media screen and (min-width: 720px) {
  .popup .input-box dl dt {
    height: 80px;
  }
}
.popup .input-box dl dt {
  line-height: 11.1111111111vw;
}
@media screen and (min-width: 720px) {
  .popup .input-box dl dt {
    line-height: 80px;
  }
}
.popup .input-box dl dd {
  float: left;
  width: 77%;
}
.popup .input-box dl dd input[type=text],
.popup .input-box dl dd input[type=number] {
  width: 100%;
  height: 11.1111111111vw;
}
@media screen and (min-width: 720px) {
  .popup .input-box dl dd input[type=text],
  .popup .input-box dl dd input[type=number] {
    height: 80px;
  }
}
.popup .input-box dl dd input[type=text],
.popup .input-box dl dd input[type=number] {
  line-height: 11.1111111111vw;
}
@media screen and (min-width: 720px) {
  .popup .input-box dl dd input[type=text],
  .popup .input-box dl dd input[type=number] {
    line-height: 80px;
  }
}
.popup .input-box dl dd input[type=text],
.popup .input-box dl dd input[type=number] {
  padding: 0 0 0 1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .popup .input-box dl dd input[type=text],
  .popup .input-box dl dd input[type=number] {
    padding: 0 0 0 10px;
  }
}
.popup .input-box dl dd input[type=text],
.popup .input-box dl dd input[type=number] {
  border: 1px solid #ccc;
  background: #fff;
  color: #222;
  font-size: 3.6111111111vw;
}
@media screen and (min-width: 720px) {
  .popup .input-box dl dd input[type=text],
  .popup .input-box dl dd input[type=number] {
    font-size: 26px;
  }
}
.popup .survey-box {
  background-color: #f7f7f7;
  padding: 5.5555555556vw;
}
@media screen and (min-width: 720px) {
  .popup .survey-box {
    padding: 40px;
  }
}
.popup .survey-box .agree-box {
  position: relative;
}
.popup .survey-box .agree-box:first-child {
  margin-bottom: 4.1666666667vw;
}
@media screen and (min-width: 720px) {
  .popup .survey-box .agree-box:first-child {
    margin-bottom: 30px;
  }
}
.popup .survey-box input[type=checkbox] + label {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}
.popup .survey-box input[type=checkbox] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.popup .survey-box input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  padding-left: 6.9444444444vw;
}
@media screen and (min-width: 720px) {
  .popup .survey-box input[type=checkbox] + label {
    padding-left: 50px;
  }
}
.popup .survey-box input[type=checkbox] + label {
  line-height: 4.7222222222vw;
}
@media screen and (min-width: 720px) {
  .popup .survey-box input[type=checkbox] + label {
    line-height: 34px;
  }
}
.popup .survey-box input[type=checkbox] + label {
  min-height: 4.7222222222vw;
}
@media screen and (min-width: 720px) {
  .popup .survey-box input[type=checkbox] + label {
    min-height: 34px;
  }
}
.popup .survey-box input[type=checkbox] + label {
  cursor: pointer;
  color: #333;
  font-weight: 700;
  font-size: 3.3333333333vw;
}
@media screen and (min-width: 720px) {
  .popup .survey-box input[type=checkbox] + label {
    font-size: 24px;
  }
}
.popup .survey-box input[type=checkbox] + label {
  font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "Dotum", "돋움", "Gulim", "굴림", "굴림체", Sans-Serif;
  background: url("//img.eduwill.net/eduwill/img/2022/J/fullservice/220709/pc/ico_check_off.png") no-repeat;
  background-size: 4.7222222222vw 4.7222222222vw;
}
@media screen and (min-width: 720px) {
  .popup .survey-box input[type=checkbox] + label {
    background-size: 34px 34px;
  }
}
.popup .survey-box input[type=checkbox] + label.on {
  background: url("//img.eduwill.net/eduwill/img/2022/J/fullservice/220709/pc/ico_check_on.png") no-repeat;
  background-size: 4.7222222222vw 4.7222222222vw;
}
@media screen and (min-width: 720px) {
  .popup .survey-box input[type=checkbox] + label.on {
    background-size: 34px 34px;
  }
}
.popup .survey-box input[type=checkbox]:checked + label {
  background: url("//img.eduwill.net/eduwill/img/2022/J/fullservice/220709/pc/ico_check_on.png") no-repeat;
  background-size: 4.7222222222vw 4.7222222222vw;
}
@media screen and (min-width: 720px) {
  .popup .survey-box input[type=checkbox]:checked + label {
    background-size: 34px 34px;
  }
}
.popup .survey-box input::-moz-placeholder {
  color: #bababa;
  font-size: 3.3333333333vw;
}
.popup .survey-box input::placeholder {
  color: #bababa;
  font-size: 3.3333333333vw;
}
@media screen and (min-width: 720px) {
  .popup .survey-box input::-moz-placeholder {
    font-size: 24px;
  }
  .popup .survey-box input::placeholder {
    font-size: 24px;
  }
}
.popup .survey-box .privacy-layer {
  position: absolute;
  top: 0;
  right: 0;
}
.popup .survey-box .privacy-layer span {
  color: #aaa;
  font-weight: 500;
  font-size: 3.3333333333vw;
}
@media screen and (min-width: 720px) {
  .popup .survey-box .privacy-layer span {
    font-size: 24px;
  }
}
.popup .survey-box .privacy-layer span {
  border-bottom: 1px solid #aaa;
}
.popup .action-box .btn-request {
  display: block;
  background-color: #ffe000;
  text-align: center;
  width: 100%;
  height: 15.2777777778vw;
}
@media screen and (min-width: 720px) {
  .popup .action-box .btn-request {
    height: 110px;
  }
}
.popup .action-box .btn-request {
  line-height: 15.2777777778vw;
}
@media screen and (min-width: 720px) {
  .popup .action-box .btn-request {
    line-height: 110px;
  }
}
.popup .action-box .btn-request {
  position: relative;
  display: inline-block;
}
.popup .action-box .btn-request::before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 2.7777777778vw;
}
@media screen and (min-width: 720px) {
  .popup .action-box .btn-request::before {
    width: 20px;
  }
}
.popup .action-box .btn-request::before {
  height: 2.7777777778vw;
}
@media screen and (min-width: 720px) {
  .popup .action-box .btn-request::before {
    height: 20px;
  }
}
.popup .action-box .btn-request::before {
  margin-top: -1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .popup .action-box .btn-request::before {
    margin-top: -10px;
  }
}
.popup .action-box .btn-request::before {
  border-width: 0;
  border-style: solid;
  border-color: #222;
  transform: rotate(45deg);
  right: 5.5555555556vw;
}
@media screen and (min-width: 720px) {
  .popup .action-box .btn-request::before {
    right: 40px;
  }
}
.popup .action-box .btn-request::before {
  border-top-width: 1px;
  border-right-width: 1px;
}
.popup .action-box .btn-request span {
  color: #222;
  font-weight: 600;
  font-size: 4.7222222222vw;
}
@media screen and (min-width: 720px) {
  .popup .action-box .btn-request span {
    font-size: 34px;
  }
}
.popup .text-box {
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  text-align: left;
  color: #222;
  font-weight: normal;
  font-size: 3.3333333333vw;
}
@media screen and (min-width: 720px) {
  .popup .text-box {
    font-size: 24px;
  }
}
@media screen and (min-width: 720px) {
  .popup .text-box {
    font-size: 2.2222222222vw;
  }
}
@media screen and (min-width: 720px) and (min-width: 720px) {
  .popup .text-box {
    font-size: 16px;
  }
}
.popup .text-box strong {
  font-weight: bold;
}
.popup .table-box {
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  text-align: left;
  color: #222;
  margin: 4.1666666667vw 0;
}
@media screen and (min-width: 720px) {
  .popup .table-box {
    margin: 30px 0;
  }
}
.popup .table-box th {
  border: 1px solid #ccc;
  border-bottom: none;
  text-align: center;
  font-weight: bold;
  padding: 1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .popup .table-box th {
    padding: 10px;
  }
}
.popup .table-box th {
  font-size: 3.3333333333vw;
}
@media screen and (min-width: 720px) {
  .popup .table-box th {
    font-size: 24px;
  }
}
@media screen and (min-width: 720px) {
  .popup .table-box th {
    font-size: 2.2222222222vw;
  }
}
@media screen and (min-width: 720px) and (min-width: 720px) {
  .popup .table-box th {
    font-size: 16px;
  }
}
.popup .table-box td {
  border: 1px solid #ccc;
  text-align: center;
  font-weight: normal;
  padding: 1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .popup .table-box td {
    padding: 10px;
  }
}
.popup .table-box td {
  font-size: 3.0555555556vw;
}
@media screen and (min-width: 720px) {
  .popup .table-box td {
    font-size: 22px;
  }
}
@media screen and (min-width: 720px) {
  .popup .table-box td {
    font-size: 1.9444444444vw;
  }
}
@media screen and (min-width: 720px) and (min-width: 720px) {
  .popup .table-box td {
    font-size: 14px;
  }
}
.popup .table-box td strong {
  font-size: 3.8888888889vw;
}
@media screen and (min-width: 720px) {
  .popup .table-box td strong {
    font-size: 28px;
  }
}
@media screen and (min-width: 720px) {
  .popup .table-box td strong {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 720px) and (min-width: 720px) {
  .popup .table-box td strong {
    font-size: 18px;
  }
}

#popupPrivacy1,
#popupPrivacy2 {
  border: 1px solid #ccc;
}
#popupPrivacy1 .popup-body,
#popupPrivacy2 .popup-body {
  padding: 6.9444444444vw;
}
@media screen and (min-width: 720px) {
  #popupPrivacy1 .popup-body,
  #popupPrivacy2 .popup-body {
    padding: 50px;
  }
}
@media screen and (min-width: 720px) {
  #popupPrivacy1 .popup-body,
  #popupPrivacy2 .popup-body {
    padding: 3.4722222222vw;
  }
}
@media screen and (min-width: 720px) and (min-width: 720px) {
  #popupPrivacy1 .popup-body,
  #popupPrivacy2 .popup-body {
    padding: 25px;
  }
}

.fullservice .only-pc {
  display: block;
}
.fullservice .only-mobile {
  display: none;
}
.fullservice .wrap {
  width: 1200px;
}
.fullservice .fix-left {
  position: fixed;
  bottom: 120px;
  left: 10px;
  z-index: 99;
  display: flex;
  flex-direction: column;
}
.fullservice .fix-right {
  position: fixed;
  bottom: 120px;
  right: 10px;
  z-index: 99;
}
.fullservice .fix-right > div {
  margin-top: 7px;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.25);
}
.fullservice .fix-right > div:first-child {
  margin-top: 0;
}
.fullservice .fix-right .review-banner .holder {
  width: 220px;
  padding: 20px 30px;
  border: 1px solid #B9B9B9;
  background: #FFF;
  box-sizing: border-box;
}
.fullservice .fix-right .review-banner .holder .slide-box {
  margin-bottom: 10px;
  background: transparent;
}
.fullservice .fix-right .review-banner .holder .slide-box li {
  line-height: 1.5;
  text-align: left;
  color: #15120f;
  font-size: 16px;
}
.fullservice .fix-right .review-banner .holder .slide-box li strong {
  display: block;
  font-weight: bold;
}
.fullservice .fix-right .review-banner .holder .service-usage .col {
  width: 100%;
  text-align: left;
  font-size: 16px;
  line-height: 35px;
}
.fullservice .fix-right .review-banner .holder .service-usage li {
  padding: 6px 0;
  text-align: right;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  letter-spacing: -1px;
}
.fullservice .fix-right .review-banner .holder .service-usage .count {
  font-size: 20px;
  color: #000;
  display: inline-block;
  min-width: 160px;
  background: #f5f5f5;
  padding: 5px;
  font-weight: 700;
  text-align: right;
  box-sizing: border-box;
}
.fullservice .fix-right .review-banner .holder .action {
  margin-top: 10px;
  width: 160px;
}
.fullservice .fix-right .review-banner .holder .action a {
  display: block;
  width: 100%;
  padding: 13px 0;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background-color: #000;
}
.fullservice .slick-dots li {
  width: 18px;
  height: 18px;
  margin: 0 3px;
  border-radius: 20px;
  background-color: #bbbbbb;
}
.fullservice .slick-dots li button {
  border-radius: 20px;
}
.fullservice .slick-dots li.slick-active {
  width: 52px;
  background-color: #ffbe00;
}
.fullservice .red {
  color: #FF0000 !important;
}
.fullservice .violet {
  color: #000 !important;
}
.fullservice .bold {
  font-weight: 900;
}
.fullservice .title-box {
  margin: 60px 0 40px;
}
.fullservice .title-box p {
  line-height: 1.3;
  font-weight: 700;
  color: #212121;
}
.fullservice .title-box p.title-1 {
  font-size: 38px;
  letter-spacing: -1.14px;
}
.fullservice .title-box p.title-2 {
  font-size: 55px;
  font-weight: 900;
  letter-spacing: -1.65px;
}
.fullservice .title-box p.title-3 {
  text-align: left;
  font-size: 54px;
  letter-spacing: -2px;
}
.fullservice .title-box .offer {
  display: inline-block;
  font-size: 22px;
  font-weight: 350;
  color: #999;
  letter-spacing: -1px;
}
.fullservice .btn-box {
  font-size: 0;
}
.fullservice .btn-box a {
  position: relative;
  display: inline-block;
}
.fullservice .btn-box a::before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .fullservice .btn-box a::before {
    width: 10px;
  }
}
.fullservice .btn-box a::before {
  height: 1.3888888889vw;
}
@media screen and (min-width: 720px) {
  .fullservice .btn-box a::before {
    height: 10px;
  }
}
.fullservice .btn-box a::before {
  margin-top: -0.6944444444vw;
}
@media screen and (min-width: 720px) {
  .fullservice .btn-box a::before {
    margin-top: -5px;
  }
}
.fullservice .btn-box a::before {
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
  transform: rotate(45deg);
  right: 2.7777777778vw;
}
@media screen and (min-width: 720px) {
  .fullservice .btn-box a::before {
    right: 20px;
  }
}
.fullservice .btn-box a::before {
  border-top-width: 2px;
  border-right-width: 2px;
}
.fullservice .btn-box a {
  width: 465px;
  margin: 0 10px;
  padding: 17px 0;
  color: #fff;
  font-size: 42px;
  font-weight: 500;
  background-color: #000;
}
.fullservice .btn-box a.gray {
  background-color: #707070;
}
.fullservice .btn-box a.black {
  background-color: #131313;
}
.fullservice .btn-box a.btn-w {
  width: 100%;
}
.fullservice .btn-box a.btn-s {
  width: 338px;
  font-size: 24px;
}
.fullservice .btn-box a .flag {
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  display: inline-block;
  width: 148px;
  margin: 0 auto;
}
.fullservice .table-box {
  margin-top: 50px;
}
.fullservice .table-box .tit {
  text-align: left;
  font-size: 25px;
  font-weight: 700;
  color: #222;
}
.fullservice .table-box .tit .offer {
  padding-left: 20px;
  font-size: 16px;
  color: #666;
}
.fullservice .table-box table {
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #cecece;
}
.fullservice .table-box table + .base {
  margin-top: 10px;
}
.fullservice .table-box table th,
.fullservice .table-box table td {
  color: #333;
  font-size: 16px;
  border-bottom: 1px solid #cecece;
  padding: 12px;
}
.fullservice .table-box table th {
  background-color: #f5f5f5;
  font-weight: 700;
  border-left: 1px solid #c2c2c2;
}
.fullservice .table-box table th:first-child {
  border-left: 0;
}
.fullservice .table-box table td {
  border-left: 1px solid #c2c2c2;
  color: #333;
  text-align: left;
}
.fullservice .table-box table td:first-child {
  border-left: 0;
}
.fullservice .table-box.exam td {
  font-size: 20px;
  text-align: left;
  height: 52px;
  font-weight: 400;
  vertical-align: middle;
}
.fullservice .table-box.exam td .ipt {
  background-color: #f8f8f8;
  border: 1px solid #c2c2c2;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  width: 100%;
}
.fullservice .table-box.exam td label {
  position: relative;
  padding-left: 5px;
  vertical-align: middle;
}
.fullservice .table-box.answer th,
.fullservice .table-box.answer td {
  padding: 0;
  font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "Dotum", "돋움", "Gulim", "굴림", "굴림체", Sans-Serif;
}
.fullservice .table-box.answer th {
  border-right: 0;
}
.fullservice .table-box.answer td {
  text-align: left;
  border-left: 0;
}
.fullservice .table-box.answer .choice {
  display: inline-block;
  width: 12.5%;
  text-align: center;
  border-left: 1px solid #ddd;
  background: #f5f5f5;
  box-sizing: border-box;
}
.fullservice .table-box.answer .choice .nunber {
  padding: 5px 0;
  font-weight: 700;
}
.fullservice .table-box.answer .choice .input {
  padding: 5px 0;
  background: #fff;
}
.fullservice .table-box.answer input {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #c2c2c2;
  background-color: #f8f8f8;
  text-align: center;
}
.fullservice .table-box.answer .name {
  box-sizing: border-box;
  padding: 14px 0;
}
.fullservice .table-box.answer .name span {
  font-size: 16px;
  width: 200px;
  text-align: center;
  display: inline-block;
}
.fullservice .table-box.answer .subjective + .subjective .answer {
  border-top: 1px dashed #c2c2c2;
}
.fullservice .table-box.answer .subjective {
  display: table;
  width: 100%;
}
.fullservice .table-box.answer .subjective .answer,
.fullservice .table-box.answer .subjective .select {
  display: table-cell;
  padding: 8px 20px;
}
.fullservice .table-box.answer .subjective .answer {
  width: 70%;
}
.fullservice .table-box.answer .subjective .select {
  width: 30%;
  text-align: center;
}
.fullservice .table-box.answer .subjective .select select {
  width: 100%;
  border: none;
  border: 1px solid #c2c2c2;
  background: url("//img.eduwill.net/Img2/house/promotion/fullservice/200907/pc/down.png") no-repeat 90% 15px;
  -webkit-appearance: none;
  padding: 8px 14px;
}
.fullservice .table-box.jeomsu th,
.fullservice .table-box.jeomsu td {
  font-size: 20px;
}
.fullservice .table-box.jeomsu td {
  text-align: center;
}
.fullservice .table-box.jeomsu td.label_subject {
  font-weight: bold;
}
.fullservice .table-box.jeomsu tbody th,
.fullservice .table-box.jeomsu tbody td {
  font-weight: normal;
}
.fullservice .table-box.jeomsu tfoot th,
.fullservice .table-box.jeomsu tfoot td {
  font-weight: 700;
}
.fullservice .table-box.jeomsu tfoot td {
  background-color: #f4f4ff;
}
.fullservice .table-box.jeomsu tfoot td strong.pass {
  color: #000;
}
.fullservice .table-box.jeomsu tfoot td strong.fail {
  color: #e10000;
}
.fullservice .table-box.average td {
  text-align: center;
}
.fullservice .table-box.average td.subject {
  color: #666;
}
.fullservice .table-box.average td.best-score {
  color: #e10000;
  font-weight: 700;
}
.fullservice .type-box {
  text-align: left;
}
.fullservice .type-box input {
  font-weight: 400;
  font-size: 18px;
  vertical-align: middle;
  margin: 0;
}
.fullservice .type-box label {
  color: #222;
  font-size: 18px;
  margin-right: 30px;
  font-weight: 400;
  vertical-align: middle;
}
.fullservice .base {
  font-size: 15px;
  text-align: left;
  line-height: 1.4;
  color: #aaa;
}
.fullservice .base strong {
  font-weight: 700;
}
.fullservice .sector-title {
  background-color: #FFF372;
  background-image: url("//img.eduwill.net/eduwill/img/2025/J/fullservice/250628/pc/title_bg.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.fullservice .sector-title .flag {
  position: absolute;
  top: 220px;
  right: -6%;
}
.fullservice .sector-title .action {
  position: absolute;
  left: 0;
  bottom: -44px;
  right: 0;
  z-index: 1;
}
.fullservice .sector-tab .tab-title {
  position: relative;
  padding-top: 100px;
}
.fullservice .sector-tab .tab-title p {
  line-height: 1.4;
  letter-spacing: -0.9px;
}
.fullservice .sector-tab .tab-title p.title-1 {
  font-size: 30px;
}
.fullservice .sector-tab .tab-title p.title-2 {
  margin-top: 10px;
  font-family: "EduwillPassBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "Dotum", "돋움", "Gulim", "굴림", "굴림체", Sans-Serif;
  font-size: 45px;
  font-weight: 700;
}
.fullservice .sector-tab .tab-title p.title-3 {
  font-family: "EduwillPassBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "Dotum", "돋움", "Gulim", "굴림", "굴림체", Sans-Serif;
  font-size: 45px;
  font-weight: 700;
  color: #FD9800;
}
.fullservice .sector-tab .tab-title p.base {
  margin-top: 8px;
  text-align: center;
  font-size: 18px;
  line-height: 1.4;
  color: rgba(33, 33, 33, 0.6);
  letter-spacing: -0.54px;
}
.fullservice .sector-tab .tab-menu {
  margin-top: 60px;
}
.fullservice .sector-tab .tab-list {
  position: relative;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
}
.fullservice .sector-tab .tab-list::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f7f9fa;
}
.fullservice .sector-tab .tab-list li {
  position: relative;
  width: 300px;
  border-right: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  background-color: #f7f9fa;
  box-sizing: border-box;
}
.fullservice .sector-tab .tab-list li a {
  display: block;
  padding: 26px 0 16px;
  line-height: 1.4;
  font-size: 24px;
  font-weight: 700;
  color: #bcbcbc;
  letter-spacing: -0.96px;
  box-sizing: border-box;
}
.fullservice .sector-tab .tab-list li em {
  color: currentColor;
}
.fullservice .sector-tab .tab-list li:first-child {
  border-left-width: 2px;
}
.fullservice .sector-tab .tab-list li:last-child {
  border-right-width: 2px;
}
.fullservice .sector-tab .tab-list li.active {
  background-color: #FFC900;
}
.fullservice .sector-tab .tab-list li.active a {
  color: #000;
}
.fullservice .sector-tab .tab-list .flag-open {
  position: absolute;
  top: -15px;
  left: 50%;
  width: 192px;
  margin-left: -86px;
  padding: 6px 0;
  line-height: 1;
  font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "Dotum", "돋움", "Gulim", "굴림", "굴림체", Sans-Serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.72px;
  border-radius: 30px;
}
@keyframes flagChange2 {
  0% {
    color: #fff;
    background-color: #dde1e5;
  }
  50% {
    color: #fff;
    background-color: #000000;
  }
}
.fullservice .sector-tab .tab-list .flag-open {
  animation-name: flagChange2;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: step-end;
  animation-direction: normal;
}
.fullservice .sector-gift {
  background-color: #FEF2A6;
  background-image: url("//img.eduwill.net/eduwill/img/2025/J/fullservice/250628/pc/gift_bg.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.fullservice .sector-gift .action {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100px;
}
.fullservice .sector-notice {
  background-color: #FAFAFA;
  padding: 60px 0 80px;
}
.fullservice .sector-notice .wrap {
  width: 1100px;
}
.fullservice .sector-notice .notice-title {
  text-align: left;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: -0.54px;
}
.fullservice .sector-notice .notice-list {
  text-align: left;
}
.fullservice .sector-notice .notice-list li {
  margin-top: 20px;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: -0.54px;
  word-break: keep-all;
}
.fullservice .sector-notice .notice-list li strong {
  font-weight: 700;
}
.fullservice .sector-notice .notice-list li .dash-list li {
  margin-top: 0;
}
.fullservice .sector-notice .notice-list li .asterisk-list {
  margin-top: 20px;
}
.fullservice .sector-notice .notice-list li .asterisk-list li {
  margin-top: 0;
}
.fullservice .sector-view {
  padding-bottom: 100px;
}
.fullservice .sector-view .wrap {
  width: 1100px;
}
.fullservice .sector-view .title-box:first-child {
  margin-top: 80px;
}
.fullservice .sector-view .elec-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 1100px;
  min-height: 236px;
  margin: 0 auto;
  padding: 20px;
  background-image: url("//img.eduwill.net/eduwill/img/2021/J/fullservice/210710/pc/bg_elec.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  box-sizing: border-box;
}
.fullservice .sector-view .elec-box p {
  line-height: 1.5;
  font-size: 24px;
  color: #fff;
  word-break: break-all;
}
.fullservice .sector-view .elec-box p em {
  display: inline-block;
  font-weight: 700;
  color: #ffd800;
}
.fullservice .sector-view .mynumber-box {
  padding: 57px 160px;
  margin: 0 auto;
  text-align: center;
  background: #f5f5f5;
  letter-spacing: -1px;
}
.fullservice .sector-view .mynumber-box .btn-box {
  margin-bottom: 0;
  margin-top: 40px;
}
.fullservice .sector-view .mynumber-box .text {
  display: inline-block;
  margin-top: 12px;
  line-height: 1.3;
  text-align: left;
  font-size: 14px;
  font-weight: 350;
  color: #999;
  letter-spacing: -1px;
}
.fullservice .sector-view .mynumber-box .agree-box {
  width: 350px;
  margin: 30px auto 0;
  text-align: left;
}
.fullservice .sector-view .mynumber-box .agree-box input {
  width: 20px;
  height: 20px;
}
.fullservice .sector-view .mynumber-box .agree-box input,
.fullservice .sector-view .mynumber-box .agree-box label {
  font-size: 18px;
  color: #333;
  vertical-align: middle;
}
.fullservice .sector-view .mynumber-box .agree-box a {
  font-size: 16px;
  color: #333;
  vertical-align: middle;
  border-bottom: 1px solid #333;
  margin-left: 10px;
}
.fullservice .sector-view .number-box label {
  padding-right: 25px;
  vertical-align: middle;
  font-size: 24px;
  color: #222;
}
.fullservice .sector-view .number-box input {
  width: 410px;
  height: 55px;
  margin-right: 10px;
  padding-left: 10px;
  line-height: 55px;
  vertical-align: middle;
  font-size: 25px;
  color: #222;
  border: 1px solid #000;
  border-radius: 0;
  background: #fff;
  box-sizing: border-box;
}
.fullservice .sector-view .number-box input::-moz-placeholder {
  color: #bababa;
}
.fullservice .sector-view .number-box input::placeholder {
  color: #bababa;
}
.fullservice .sector-view .number-box .btn-save {
  display: inline-block;
  width: 114px;
  height: 55px;
  vertical-align: middle;
  line-height: 55px;
  font-size: 24px;
  color: #fff;
  background: #222;
}
.fullservice .sector-view .number-box .btn-box {
  margin-bottom: 0;
}
.fullservice .sector-view .number-box .btn-box a {
  width: 663px;
}
.fullservice .sector-view .action-box {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fullservice .sector-view .action-box .down-box {
  border-radius: 12px;
  border: 1px solid #DEDEDE;
  width: 530px;
  box-sizing: border-box;
  padding: 33px 71px;
}
.fullservice .sector-view .action-box .down-box .subject {
  color: #222;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -1px;
}
.fullservice .sector-view .action-box .down-box .btn-box {
  margin-top: 28px;
}
.fullservice .sector-view .table-box.type table td {
  padding: 8px 0 8px 20px;
}
.fullservice .sector-view .btn-action {
  margin-top: 40px;
}
.fullservice .sector-view .btn-action a.btn-s {
  width: 640px;
}
.fullservice .sector-report .wrap {
  width: 1100px;
}
.fullservice .sector-report .score-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
}
.fullservice .sector-report .score-cover p {
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 48px;
  line-height: 1.3;
  min-width: 800px;
  font-weight: bold;
}
.fullservice .sector-report .score-cover p img {
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 3%;
}
.fullservice .sector-report .review-comment {
  margin-top: 20px;
}
.fullservice .sector-report .review-comment ul {
  padding: 20px 30px 30px;
  text-align: left;
  background-color: #f5f5f5;
}
.fullservice .sector-report .review-comment ul li {
  position: relative;
  line-height: 1.8;
  padding-left: 10px;
  font-size: 16px;
  color: #202020;
  margin-top: 12px;
}
.fullservice .sector-report .review-comment ul li:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #999;
}
.fullservice .sector-report .section-possible {
  width: 100%;
}
.fullservice .sector-report .section-possible .grid {
  margin-top: 50px;
}
.fullservice .sector-report .section-possible .grid .col1 {
  width: 40%;
  float: left;
}
.fullservice .sector-report .section-possible .grid .col2 {
  width: 60%;
  float: right;
}
.fullservice .sector-report .section-possible .graph-box {
  position: relative;
  height: 250px;
}
.fullservice .sector-report .section-possible .graph-box .point {
  position: absolute;
  left: 191px;
  width: 98px;
  height: 39px;
  background: url("//img.eduwill.net/Img2/house/promotion/fullservice/200919/pc/point.png") no-repeat;
}
.fullservice .sector-report .section-possible .table-box {
  margin-top: 0;
}
.fullservice .sector-report .section-possible .table-box th,
.fullservice .sector-report .section-possible .table-box td {
  padding: 13px 5px;
}
.fullservice .sector-report .section-possible .data-psb {
  text-align: left;
  margin-top: 24px;
}
.fullservice .sector-report .section-possible .data-psb > div {
  float: left;
  vertical-align: middle;
  border: 2px solid #333;
  height: 71px;
  box-sizing: border-box;
  background: #fff;
  font-size: 20px;
  text-align: center;
}
.fullservice .sector-report .section-possible .data-psb > div span {
  display: inline-block;
  vertical-align: middle;
}
.fullservice .sector-report .section-possible .data-psb > div.avg {
  width: 40%;
  margin-right: 5%;
}
.fullservice .sector-report .section-possible .data-psb > div.pass {
  width: 55%;
  background: #ffe3e5;
}
.fullservice .sector-report .section-possible .data-psb em {
  color: #f51617;
  font-weight: bold;
  font-size: 45px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
}
.fullservice .sector-report .section-possible .comment {
  font-size: 16px;
  color: #a2a2a2;
  line-height: 1.4;
  display: block;
  text-align: left;
  padding-top: 8px;
}
.fullservice .sector-report .section-chart {
  margin-top: 50px;
  position: relative;
}
.fullservice .sector-report .section-chart #placeholder {
  width: 1100px !important;
  margin: 0 auto;
}
.fullservice .sector-report .section-chart canvas .flot-base {
  right: 0;
  left: 0;
  margin: 0 auto;
}
.fullservice .sector-report .section-chart .wrap {
  border: none;
}
.fullservice .sector-report .section-chart .flot-x-axis .tickLabel {
  font-size: 17px;
  font-weight: bold;
  font-weight: 400;
  margin-top: 10px;
}
.fullservice .sector-report .section-chart .flot-y-axis .tickLabel {
  font-size: 16px;
  font-weight: 300;
  color: #666;
  text-align: right;
  min-width: 60px;
}
.fullservice .sector-report .section-chart #legend {
  position: absolute;
  top: -55px;
  right: 100px;
  width: 100px;
}
.fullservice .sector-report .section-chart #legend table tr td {
  font-size: 16px;
  color: #666;
  padding: 0 5px;
  text-align: right;
}
.fullservice .sector-report .section-chart #legend table tr td.legendColorBox {
  width: 20px;
}
.fullservice .sector-report .section-chart #legend table tr td.legendColorBox > div {
  border: none !important;
  padding: 0 !important;
  margin-right: 2px;
}
.fullservice .sector-report .section-chart #legend table tr td.legendLabel {
  width: 80px;
}
.fullservice .sector-report .section-pie-chart {
  padding-bottom: 120px;
}
.fullservice .sector-report .section-pie-chart .tab_average {
  box-sizing: border-box;
  width: 100%;
  margin: 50px 0;
}
.fullservice .sector-report .section-pie-chart .tab_average li {
  box-sizing: border-box;
  float: left;
  width: 50%;
  text-align: center;
}
.fullservice .sector-report .section-pie-chart .tab_average li:first-child {
  border-left: 0;
}
.fullservice .sector-report .section-pie-chart .tab_average li a {
  display: block;
  padding: 20px;
  line-height: 1;
  font-size: 20px;
  color: #7e7e7e;
  background: #f5f5f5;
}
.fullservice .sector-report .section-pie-chart .tab_average li.in a, .fullservice .sector-report .section-pie-chart .tab_average li:hover a {
  font-weight: 500;
  color: #fff;
  border-color: #2e3035;
  background-color: #2e3035;
}
.fullservice .sector-report .section-pie-chart .data_average .item {
  display: none;
}
.fullservice .sector-report .section-pie-chart .data_average .item.in {
  display: block;
}
.fullservice .sector-report .section-pie-chart .data_average .item .col {
  width: 50%;
  position: relative;
}
.fullservice .sector-report .section-pie-chart .data_average .data_graph {
  padding-top: 40px;
}
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_11,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_12,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_13,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_14,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_15 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
}
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_11 table tr td,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_12 table tr td,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_13 table tr td,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_14 table tr td,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_15 table tr td {
  font-size: 16px;
  padding: 1px 0;
  color: #333;
}
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_11 table tr td.legendColorBox,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_12 table tr td.legendColorBox,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_13 table tr td.legendColorBox,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_14 table tr td.legendColorBox,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_15 table tr td.legendColorBox {
  width: 20px;
}
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_11 table tr td.legendColorBox > div,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_12 table tr td.legendColorBox > div,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_13 table tr td.legendColorBox > div,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_14 table tr td.legendColorBox > div,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_15 table tr td.legendColorBox > div {
  border: none !important;
  padding: 0 !important;
  margin: 0 auto;
}
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_11 table tr td.legendLabel,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_12 table tr td.legendLabel,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_13 table tr td.legendLabel,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_14 table tr td.legendLabel,
.fullservice .sector-report .section-pie-chart .data_average .data_graph #legend_pie_15 table tr td.legendLabel {
  width: 80px;
  text-align: left;
}
.fullservice .sector-report .section-pie-chart .data_average .table_wrap table {
  width: 90%;
  margin-left: 10%;
  border-top: 1px solid #afafaf;
  table-layout: fixed;
}
.fullservice .sector-report .section-pie-chart .data_average .table_wrap th,
.fullservice .sector-report .section-pie-chart .data_average .table_wrap td {
  padding: 15px 10px;
  text-align: center;
  font-size: 20px;
  color: #383838;
  border-left: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
}
.fullservice .sector-report .section-pie-chart .data_average .table_wrap th.my_score,
.fullservice .sector-report .section-pie-chart .data_average .table_wrap td.my_score {
  font-weight: bold;
  color: #f61616;
}
.fullservice .sector-report .section-pie-chart .data_average .table_wrap th {
  background-color: #f5f5f5;
}
.fullservice .sector-report .section-pie-chart .data_average .table_wrap th:first-child,
.fullservice .sector-report .section-pie-chart .data_average .table_wrap td:first-child {
  border-left-width: 0;
}
.fullservice .sector-lecture {
  padding-bottom: 120px;
}
.fullservice .sector-lecture .wrap {
  width: 1100px;
}
.fullservice .sector-lecture .general-review {
  position: relative;
}
.fullservice .sector-lecture .review-comment {
  margin-top: 20px;
}
.fullservice .sector-lecture .review-comment ul {
  padding: 20px 30px 30px;
  text-align: left;
  background-color: #f5f5f5;
}
.fullservice .sector-lecture .review-comment ul li {
  position: relative;
  line-height: 1.8;
  padding-left: 10px;
  font-size: 16px;
  color: #202020;
  margin-top: 12px;
}
.fullservice .sector-lecture .review-comment ul li:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #999;
}
.fullservice .sector-lecture .score-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 77;
  background: rgba(0, 0, 0, 0.5);
}
.fullservice .sector-lecture .score-cover p {
  position: absolute;
  left: 50%;
  top: 38%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 48px;
  line-height: 1.3;
  min-width: 800px;
  font-weight: bold;
}
.fullservice .sector-lecture .score-cover p img {
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 3%;
}
.fullservice .sector-lecture .lecture-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 36px;
}
.fullservice .sector-lecture .lecture-list a {
  width: 342px;
}
.fullservice .sector-lecture .lecture-list a img {
  width: 100%;
}
.fullservice .sector-event {
  padding-bottom: 150px;
}
.fullservice .sector-event .wrap {
  width: 1100px;
}
.fullservice .sector-event .table-box {
  margin-bottom: 40px;
}
.fullservice .sector-event .table-box table td {
  padding: 8px 0 8px 36px;
}
.fullservice .sector-event .table-box .toggle-box {
  text-align: left;
}
.fullservice .sector-event .table-box .toggle-box a.typec {
  width: 110px;
  height: 39px;
  line-height: 39px;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  letter-spacing: -1px;
  background: #fff;
  color: #999;
  border: 1px solid #999;
  box-sizing: border-box;
  cursor: pointer;
}
.fullservice .sector-event .table-box .toggle-box a.typec.on, .fullservice .sector-event .table-box .toggle-box a.typec:hover {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}
.fullservice .sector-event .form-box {
  position: relative;
}
.fullservice .sector-event .form-box .guide {
  text-align: left;
  line-height: 1.5;
}
.fullservice .sector-event .comment-box {
  position: relative;
  margin: 0 auto 10px;
  text-align: center;
}
.fullservice .sector-event .comment-box input {
  float: left;
  width: 890px;
  height: 60px;
  padding: 20px;
  margin-bottom: 8px;
  line-height: 1;
  font-size: 18px;
  font-weight: 400;
  color: #222;
  border: 1px solid #222;
  box-sizing: border-box;
  outline: 0;
}
.fullservice .sector-event .comment-box input::-moz-placeholder {
  color: #aaa;
}
.fullservice .sector-event .comment-box input::placeholder {
  color: #aaa;
}
.fullservice .sector-event .comment-box .text {
  float: left;
  width: 890px;
  height: 120px;
  padding: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #222;
  border: 1px solid #222;
  box-sizing: border-box;
  resize: none;
  outline: 0;
}
.fullservice .sector-event .comment-box .text::-moz-placeholder {
  color: #aaa;
}
.fullservice .sector-event .comment-box .text::placeholder {
  color: #aaa;
}
.fullservice .sector-event .comment-box .button {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 190px;
  line-height: 190px;
  background-color: #222;
  text-decoration: none;
}
.fullservice .sector-event .comment-box .button span {
  font-size: 26px;
  font-weight: 500;
  color: #fff;
}
.fullservice .sector-event .byte-box {
  position: absolute;
  bottom: -30px;
  right: 0;
  padding-right: 5px;
}
.fullservice .sector-event .byte-box span {
  font-size: 16px;
  padding: 0 2px;
  vertical-align: middle;
}
.fullservice .sector-event .byte-box #inReviewCommentLen {
  text-align: right;
}
.fullservice .sector-event .byte-box .ipt_byte {
  border: 0;
  width: 35px;
}
.fullservice .sector-event .list-wrap {
  margin: 40px auto 0;
}
.fullservice .sector-event .list-wrap .list {
  border-top: 1px solid #eaeaea;
}
.fullservice .sector-event .list-wrap .list:first-child {
  border-top-width: 1px;
  border-top-color: #777;
}
.fullservice .sector-event .list-wrap .list:last-child {
  border-bottom: 1px solid #777;
}
.fullservice .sector-event .list-wrap .col {
  box-sizing: border-box;
  padding: 25px 20px;
  text-align: left;
  font-size: 16px;
  font-family: "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "Dotum", "돋움", "Gulim", "굴림", "굴림체", Sans-Serif;
  letter-spacing: 0;
}
.fullservice .sector-event .list-wrap .col.number {
  width: 65px;
  text-align: center;
  color: #555;
}
.fullservice .sector-event .list-wrap .col.user {
  width: 120px;
  text-align: center;
}
.fullservice .sector-event .list-wrap .col.user .tag {
  font-size: 14px;
  min-width: 70px;
  display: inline-block;
  background: #000;
  color: #fff;
  letter-spacing: -1px;
}
.fullservice .sector-event .list-wrap .col.desc {
  width: 790px;
  line-height: 1.5;
  color: #555;
  letter-spacing: -1.5px;
}
.fullservice .sector-event .list-wrap .col.desc strong {
  display: inline-block;
  line-height: 1;
  margin-bottom: 5px;
}
.fullservice .sector-event .list-wrap .col.desc span.new {
  display: inline-block;
  width: 11px;
  height: 11px;
  padding-left: 5px;
}
.fullservice .sector-event .list-wrap .col.desc a.delete {
  margin-top: 5px;
  display: block;
}
.fullservice .sector-event .list-wrap .col.info .date {
  color: #999;
  font-size: 16px;
}
.fullservice .sector-event .list-wrap .col span {
  display: block;
  color: #000;
}
.fullservice .sector-event .list-wrap .col span.date {
  color: #888;
}
.fullservice .sector-event .paging {
  text-align: center;
  margin-top: 40px;
}
.fullservice .sector-event .paging a {
  display: inline-block;
  height: 21px;
  line-height: 21px;
  padding: 0 2px;
  margin: 0 10px;
  text-decoration: none;
  font-size: 16px;
  color: #666;
  letter-spacing: 0;
}
.fullservice .sector-event .paging a.on {
  text-decoration: none;
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid #000;
}
.fullservice .sector-event .paging a.prev, .fullservice .sector-event .paging a.next {
  padding: 0;
  background: none;
}
.fullservice .sector-event .paging a.prev, .fullservice .sector-event .paging a.next {
  top: 0;
}
.fullservice .sector-teacher {
  padding-bottom: 80px;
}
.fullservice .sector-teacher .slide-group .slick-slide {
  padding: 20px 0 30px 10px;
  margin: 0 10px;
}
.fullservice .sector-teacher .slide-group .slick-slide img {
  box-shadow: 6px 6px 16px 0px rgba(0, 0, 0, 0.18);
  border-radius: 20px;
}
.fullservice .sector-bestseller {
  background-color: #f5f5f5;
  padding-bottom: 120px;
}
.fullservice .sector-bestseller .btn-text {
  position: absolute;
  top: 250px;
  right: 180px;
  left: auto;
  z-index: 1;
}
.fullservice .sector-bestseller .notice {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  text-align: center;
  font-size: 12px;
  color: #000;
  opacity: 0.4;
}
.fullservice .sector-bestseller .slide-group .slick-slide {
  padding: 20px 0 30px 10px;
  margin: 0 10px;
}
.fullservice .sector-bestseller .slide-group .slick-slide .slide-list img {
  box-shadow: 6px 6px 16px 0px rgba(0, 0, 0, 0.18);
  border-radius: 50px;
}
.fullservice .sector-interviewee {
  position: relative;
  background-color: #fff;
}
.fullservice .sector-interviewee .tab-list {
  margin-bottom: 38px;
}
.fullservice .sector-interviewee .tab-list .slick-list,
.fullservice .sector-interviewee .tab-list .slick-track {
  left: 0 !important;
  transform: translate3d(0, 0, 0) !important;
}
.fullservice .sector-interviewee .tab-list .slick-track {
  width: 1070px !important;
}
.fullservice .sector-interviewee .tab-list .slick-slide {
  width: 330px !important;
  margin: 0 12px;
}
.fullservice .sector-interviewee .tab-list a {
  display: block;
  margin-bottom: 10px;
}
.fullservice .sector-interviewee .tab-list a img {
  width: 100%;
}
.fullservice .sector-interviewee .tab-contents .slick-slide {
  margin: 0 10px;
}
.fullservice .sector-interviewee .tab-contents .slick-slide img {
  width: 100%;
}
.fullservice .sector-graph-review {
  padding-bottom: 100px;
  background-color: #6d0094;
}
.fullservice .sector-graph-review::after {
  content: "";
  position: absolute;
  top: -55px;
  left: 50%;
  z-index: 1;
  display: block;
  width: 132px;
  height: 132px;
  border-radius: 50%;
  background-color: #6d0094;
  background-image: url("//img.eduwill.net/eduwill/img/2022/G/common/bg/bg_plus.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  transform: translateX(-50%);
}
.fullservice .sector-graph-review .slide-group .slick-slide {
  padding: 20px 0 30px 10px;
  margin: 0 10px;
}
.fullservice .sector-graph-review .slide-group .slick-slide .slide-list img {
  box-shadow: 6px 6px 16px 0px rgba(0, 0, 0, 0.18);
  border-radius: 50px;
}
.fullservice .sector-graph-step {
  background-image: url("https://img.eduwill.net/eduwill/img/2021/J/product/211007/pc/bg_differ2.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding-bottom: 100px;
}
.fullservice .sector-graph-step .img-group {
  position: relative;
}
.fullservice .sector-graph-step .img-group .step {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.fullservice .sector-graph-step .img-group .step-1 {
  left: 63px;
  top: 302px;
}
.fullservice .sector-graph-step .img-group .step-2 {
  left: 375px;
  top: 90px;
}
.fullservice .sector-graph-step .img-group .step-3 {
  left: 700px;
  top: 13px;
}
.fullservice .sector-graph-step .img-group .step-4 {
  left: 992px;
  top: -82px;
}
.fullservice .sector-graph-step .slide-group {
  width: 100%;
}
.fullservice .sector-graph-step .slide-group .slick-slide {
  margin-right: 20px;
  width: 360px;
  padding: 30px 0;
  box-sizing: border-box;
}
.fullservice .sector-graph-step .slide-group .slick-slide .slide-list {
  border-radius: 50px;
  box-shadow: 7px 7px 27px 0px rgba(0, 0, 0, 0.23);
}
.fullservice .sector-graph-step .slide-group .slick-slide .slide-list img {
  display: inline-block !important;
}
.fullservice .sector-graph-step .slide-group .slick-dots {
  width: 100%;
  text-align: center;
  margin-top: 2px;
}
.fullservice .sector-graph-step .slide-group .slick-dots li {
  margin: 0 4px;
}
.fullservice .sector-graph-step .slide-group .slick-dots li button {
  background: #bbb;
}
.fullservice .sector-graph-step .slide-group .slick-dots li.slick-active button {
  width: 48px;
  background: #ffbe00;
}
.fullservice .eco-3042 .house-review .count {
  line-height: 1;
}
.fullservice .sector-eco-banner .title-box p {
  font-family: "EduwillPassBold", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "Dotum", "돋움", "Gulim", "굴림", "굴림체", Sans-Serif;
}
.fullservice .sector-strategy {
  padding-bottom: 120px;
}
.fullservice .sector-strategy .title-bg {
  margin: 0 50px;
  background-color: #000;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 25px 0;
}
.fullservice .sector-strategy .title-bg p {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -1.2px;
}
.fullservice .sector-strategy .title-bg p strong {
  color: #FFF500;
}
.fullservice .sector-strategy .title-bg::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
  border-top: 10px solid #000;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.fullservice .sector-strategy .strategy-list {
  margin: 30px 50px 0;
  display: flex;
  gap: 40px;
}
.fullservice .sector-strategy .strategy-list .item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  border: 2px solid #000;
  border-radius: 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.fullservice .sector-strategy .strategy-list .item:only-child {
  min-height: 294px;
}
.fullservice .sector-strategy .strategy-list .item:only-child .card-body {
  text-align: left;
}
.fullservice .sector-strategy .strategy-list .item:only-child .card-body .desc {
  font-weight: 500;
}
.fullservice .sector-strategy .strategy-list .item:only-child .card-body .tit {
  margin-top: 10px;
  font-size: 24px;
}
.fullservice .sector-strategy .strategy-list .item:only-child .card-body .tit span {
  display: inline-block;
  margin-top: 10px;
  color: #FD9800;
}
.fullservice .sector-strategy .strategy-list .item:only-child .card-body .prof {
  position: absolute;
  top: 28px;
  right: 50px;
  display: flex;
  flex-direction: column;
  margin-top: 0;
}
.fullservice .sector-strategy .strategy-list .item:only-child .card-body .prof img {
  width: unset;
}
.fullservice .sector-strategy .strategy-list .item:only-child .card-body .prof .badge-date {
  top: -18px;
  right: -33px;
  left: unset;
}
.fullservice .sector-strategy .strategy-list .item:only-child .card-body .btn.type-2 {
  display: inline-block;
  padding: 21px 50px;
  background: #FD9800;
}
.fullservice .sector-strategy .strategy-list .item:only-child .card-body .btn.type-2:after {
  right: -30px;
}
.fullservice .sector-strategy .strategy-list .item.type-1 {
  background-color: #ffbe00;
}
.fullservice .sector-strategy .strategy-list .item.type-2 {
  background-color: #000;
}
.fullservice .sector-strategy .strategy-list .item.type-2 .card-body .badge-date {
  left: 31px;
}
.fullservice .sector-strategy .strategy-list .item .card-head {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  padding: 20px 50px;
  line-height: 1.2;
  letter-spacing: -1.2px;
  border-radius: 18px 18px 0 0;
  color: #fff;
  text-align: left;
}
.fullservice .sector-strategy .strategy-list .item .card-body {
  height: 100%;
  padding: 31px 39px 39px;
  text-align: center;
  background-color: #fff;
  border-radius: 20px 20px 0 0;
}
.fullservice .sector-strategy .strategy-list .item .card-body .desc {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -1px;
  color: #000;
}
.fullservice .sector-strategy .strategy-list .item .card-body .tit {
  font-size: 32px;
  font-weight: 900;
  color: #000;
  line-height: 1.4;
  letter-spacing: -1.6px;
}
.fullservice .sector-strategy .strategy-list .item .card-body .tit .highlight {
  color: #FD9800;
  font-weight: inherit;
}
.fullservice .sector-strategy .strategy-list .item .card-body .prof {
  position: relative;
  margin-top: 30px;
  display: inline-block;
}
.fullservice .sector-strategy .strategy-list .item .card-body .prof img {
  vertical-align: top;
  width: 100%;
}
.fullservice .sector-strategy .strategy-list .item .card-body .badge-date {
  position: absolute;
  top: 33px;
  left: 58px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: linear-gradient(180deg, #FFDF81 0%, #FFBF00 100%);
  border: 2px solid #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  filter: drop-shadow(0 0 6.25px rgba(0, 0, 0, 0.25));
  will-change: filter;
}
.fullservice .sector-strategy .strategy-list .item .card-body .badge-date strong {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
}
.fullservice .sector-strategy .strategy-list .item .card-body .badge-date span {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
.fullservice .sector-strategy .strategy-list .item .card-body .btn {
  position: relative;
  display: block;
  padding: 20px 0;
  border-radius: 50px;
  font-size: 24px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 3.667px 3.667px 0 rgba(255, 255, 255, 0.25) inset, 0 -4.583px 12.833px 0 rgba(0, 0, 0, 0.2) inset;
}
.fullservice .sector-strategy .strategy-list .item .card-body .btn.type-1 {
  background-color: #ffbe00;
  color: #000;
}
.fullservice .sector-strategy .strategy-list .item .card-body .btn.type-2 {
  background-color: #000;
  color: #fff;
}
.fullservice .house-interview-title {
  background: #000;
}/*# sourceMappingURL=web.css.map */