/* line 13, ../sass/_reset.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 21, ../sass/_reset.scss */
html {
  font-family: sans-serif;
}

/* line 26, ../sass/_reset.scss */
body {
  margin: 0;
}

/* line 29, ../sass/_reset.scss */
article {
  display: block;
}

/* line 32, ../sass/_reset.scss */
aside {
  display: block;
}

/* line 35, ../sass/_reset.scss */
details {
  display: block;
}

/* line 38, ../sass/_reset.scss */
figcaption {
  display: block;
}

/* line 41, ../sass/_reset.scss */
figure {
  display: block;
  margin: 1em 40px;
}

/* line 45, ../sass/_reset.scss */
footer {
  display: block;
}

/* line 48, ../sass/_reset.scss */
header {
  display: block;
}

/* line 51, ../sass/_reset.scss */
main {
  display: block;
}

/* line 54, ../sass/_reset.scss */
menu {
  display: block;
}

/* line 57, ../sass/_reset.scss */
nav {
  display: block;
}

/* line 60, ../sass/_reset.scss */
section {
  display: block;
}

/* line 63, ../sass/_reset.scss */
summary {
  display: block;
}

/* line 66, ../sass/_reset.scss */
audio {
  display: inline-block;
}
/* line 68, ../sass/_reset.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 73, ../sass/_reset.scss */
canvas {
  display: inline-block;
}

/* line 76, ../sass/_reset.scss */
progress {
  display: inline-block;
  vertical-align: baseline;
}

/* line 80, ../sass/_reset.scss */
video {
  display: inline-block;
}

/* line 83, ../sass/_reset.scss */
template {
  display: none;
}

/* line 86, ../sass/_reset.scss */
[hidden] {
  display: none;
}

/* line 89, ../sass/_reset.scss */
a {
  background-color: transparent;
}
/* line 91, ../sass/_reset.scss */
a:active {
  outline-width: 0;
}
/* line 94, ../sass/_reset.scss */
a:hover {
  outline-width: 0;
}

/* line 98, ../sass/_reset.scss */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/* line 103, ../sass/_reset.scss */
b {
  font-weight: inherit;
  font-weight: bolder;
}

/* line 107, ../sass/_reset.scss */
strong {
  font-weight: inherit;
  font-weight: bolder;
}

/* line 111, ../sass/_reset.scss */
dfn {
  font-style: italic;
}

/* line 114, ../sass/_reset.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 118, ../sass/_reset.scss */
mark {
  background-color: #ff0;
  color: #000;
}

/* line 122, ../sass/_reset.scss */
small {
  font-size: 80%;
}

/* line 125, ../sass/_reset.scss */
sub {
  bottom: -0.25em;
}

/* line 129, ../sass/_reset.scss */
sup {
  top: -0.5em;
}

/* line 133, ../sass/_reset.scss */
img {
  border-style: none;
}

/* line 136, ../sass/_reset.scss */
code {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 140, ../sass/_reset.scss */
kbd {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 144, ../sass/_reset.scss */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 148, ../sass/_reset.scss */
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 152, ../sass/_reset.scss */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/* line 158, ../sass/_reset.scss */
button {
  font: inherit;
  margin: 0;
  overflow: visible;
  text-transform: none;
}
/* line 163, ../sass/_reset.scss */
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 167, ../sass/_reset.scss */
input {
  font: inherit;
  margin: 0;
  overflow: visible;
}

/* line 172, ../sass/_reset.scss */
select {
  font: inherit;
  margin: 0;
  text-transform: none;
}

/* line 177, ../sass/_reset.scss */
textarea {
  font: inherit;
  margin: 0;
  overflow: auto;
}

/* line 182, ../sass/_reset.scss */
optgroup {
  font-weight: bold;
}

/* line 185, ../sass/_reset.scss */
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 189, ../sass/_reset.scss */
[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 193, ../sass/_reset.scss */
[type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 197, ../sass/_reset.scss */
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 201, ../sass/_reset.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/* line 206, ../sass/_reset.scss */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/* line 215, ../sass/_reset.scss */
[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 220, ../sass/_reset.scss */
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 225, ../sass/_reset.scss */
[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

/* line 228, ../sass/_reset.scss */
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 231, ../sass/_reset.scss */
[type="search"] {
  outline-offset: -2px;
}

/* line 238, ../sass/_reset.scss */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/* line 242, ../sass/_reset.scss */
::-webkit-file-upload-button {
  font: inherit;
}

/* line 245, ../sass/_reset.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 248, ../sass/_reset.scss */
[type="reset"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 251, ../sass/_reset.scss */
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 254, ../sass/_reset.scss */
[type="button"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

@font-face {
  font-family: 'BpmfGenSenRounded-R';
  src: url(./font/BpmfGenSenRounded-R.ttf) format("truetype");
}
@font-face {
  font-family: 'BpmfGenSenRounded-B';
  src: url(./font/BpmfGenSenRounded-B.ttf) format("truetype");
}
/* line 6, ../sass/default.scss */
body {
  font-family: "BpmfGenSenRounded-R", Arial;
}

/* line 11, ../sass/default.scss */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1440px) {
  /* line 18, ../sass/default.scss */
  .container {
    max-width: 1400px;
  }
}
/* line 23, ../sass/default.scss */
.customer-container {
  width: 1100px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/*pages*/
/* line 1, ../sass/_header.scss */
header {
  min-width: 1240px;
}
/* line 4, ../sass/_header.scss */
header .header-b {
  display: flex;
  align-items: center;
  padding: 25px 0;
}
/* line 8, ../sass/_header.scss */
header .header-b .logo {
  width: 45%;
}
/* line 11, ../sass/_header.scss */
header .header-b .nav-b {
  width: 55%;
}
/* line 13, ../sass/_header.scss */
header .header-b .nav-b .nav {
  justify-content: flex-end;
}
/* line 15, ../sass/_header.scss */
header .header-b .nav-b .nav .nav-item {
  position: relative;
  margin-left: 12px;
}
/* line 18, ../sass/_header.scss */
header .header-b .nav-b .nav .nav-item a.nav-link {
  padding: .5rem 5px 0px;
  font-size: 1.25rem;
  color: #000;
  font-weight: bold;
}
/* line 25, ../sass/_header.scss */
header .header-b .nav-b .nav .nav-item a.nav-link.active::after, header .header-b .nav-b .nav .nav-item a.nav-link:hover::after, header .header-b .nav-b .nav .nav-item a.nav-link:focus::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #ffff00;
  width: 100%;
  height: 15px;
  bottom: 2px;
  left: 0;
  z-index: -1;
}
/* line 38, ../sass/_header.scss */
header .header-b .nav-b .nav .nav-item a.nav-link img {
  width: 120px;
}

/* line 1, ../sass/_footer.scss */
footer {
  background-color: #000;
  min-width: 1240px;
}
/* line 5, ../sass/_footer.scss */
footer .footer-b {
  text-align: center;
  font-size: 16px;
  color: #fff;
  padding: 15px;
}

/* line 35, ../sass/default.scss */
button {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0);
  border: 0;
  cursor: pointer;
}

/* line 43, ../sass/default.scss */
.home-wrapper {
  min-width: 1240px;
}
/* line 47, ../sass/default.scss */
.home-wrapper .rainbow-block {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
/* line 52, ../sass/default.scss */
.home-wrapper .rainbow-block img.rainbow {
  width: 100%;
}
/* line 57, ../sass/default.scss */
.home-wrapper .rainbow-block .top-start-link img {
  width: 170px;
  position: absolute;
  top: 66px;
  left: calc( 50% - 83px);
}
/* line 66, ../sass/default.scss */
.home-wrapper .rainbow-block .bottom-start-link img {
  width: 165px;
  position: absolute;
  bottom: -100px;
  left: calc( 50% - 83px);
}
/* line 75, ../sass/default.scss */
.home-wrapper .rainbow-block .iland {
  position: absolute;
}
/* line 77, ../sass/default.scss */
.home-wrapper .rainbow-block .iland img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate3d(0, 1, 0, 0deg);
  -webkit-transition-property: transform;
  -webkit-transition-duration: .1s;
  -webkit-backface-visibility: hidden;
}
/* line 88, ../sass/default.scss */
.home-wrapper .rainbow-block .iland img:nth-child(2) {
  opacity: 0;
  -webkit-transform: rotate3d(0, 1, 0, 0deg);
  -webkit-transition-property: transform;
  -webkit-transition-duration: .4s;
  -webkit-backface-visibility: hidden;
}
/* line 96, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-start {
  top: -135px;
  left: 350px;
  width: 295px;
}
/* line 103, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-01 {
  top: 67px;
  left: 710px;
  width: 190px;
}
/* line 110, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-02 {
  top: 257px;
  left: 460px;
  width: 192px;
}
/* line 116, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-03 {
  top: 182px;
  left: 159px;
  width: 197px;
}
/* line 122, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-04 {
  top: 449px;
  left: 264px;
  width: 200px;
}
/* line 128, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-05 {
  top: 469px;
  left: 666px;
  width: 203px;
}
/* line 134, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-06 {
  top: 748px;
  left: 493px;
  width: 207px;
}
/* line 140, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-07 {
  top: 744px;
  left: 134px;
  width: 211px;
}
/* line 146, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-08 {
  top: 1024px;
  left: 307px;
  width: 214px;
}
/* line 152, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-09 {
  top: 1096px;
  left: 754px;
  width: 217px;
}
/* line 158, ../sass/default.scss */
.home-wrapper .rainbow-block .iland.i-10 {
  top: 1338px;
  left: 386px;
  width: 220px;
}
/* line 169, ../sass/default.scss */
.home-wrapper .rainbow-block a.iland-link:hover .iland img:nth-child(1), .home-wrapper .rainbow-block a.iland-link.active .iland img:nth-child(1) {
  opacity: 0;
  -webkit-transform: rotate3d(0, 1, 0, 360deg);
}
/* line 173, ../sass/default.scss */
.home-wrapper .rainbow-block a.iland-link:hover .iland img:nth-child(2), .home-wrapper .rainbow-block a.iland-link.active .iland img:nth-child(2) {
  opacity: 1;
  -webkit-transform: rotate3d(0, 1, 0, 360deg);
}
/* line 188, ../sass/default.scss */
.home-wrapper .basic-type1-home-block .banner-b img {
  width: 100%;
}
/* line 193, ../sass/default.scss */
.home-wrapper .basic-type1-home-block .home-content-block {
  width: 910px;
  margin: 0 auto;
  position: relative;
}
/* line 199, ../sass/default.scss */
.home-wrapper .basic-type1-home-block .home-content-block .home-content-title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 3px;
}
/* line 205, ../sass/default.scss */
.home-wrapper .basic-type1-home-block .home-content-block .home-content-title span {
  position: relative;
}
/* line 208, ../sass/default.scss */
.home-wrapper .basic-type1-home-block .home-content-block .home-content-title span:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #ffff00;
  width: 100%;
  height: 15px;
  bottom: 8px;
  left: 0;
  z-index: -1;
}
/* line 220, ../sass/default.scss */
.home-wrapper .basic-type1-home-block .home-content-block .home-content-title .home-img-title {
  width: 250px;
}
/* line 227, ../sass/default.scss */
.home-wrapper .basic-type1-home-block .home-content-block .bottom-start-link img {
  width: 275px;
}

/* line 237, ../sass/default.scss */
.test-wrapper {
  min-width: 1240px;
  background-color: #b5d83f;
  padding-bottom: 24px;
  min-height: calc( 100vh - 151px);
}
/* line 246, ../sass/default.scss */
.test-wrapper.normal-version {
  background-color: #d3dfeb;
}
/* line 251, ../sass/default.scss */
.test-wrapper .page-banner-b {
  background-color: #fff;
}
/* line 253, ../sass/default.scss */
.test-wrapper .page-banner-b img {
  width: 100%;
}
/* line 258, ../sass/default.scss */
.test-wrapper .test-content-block {
  position: relative;
}
/* line 260, ../sass/default.scss */
.test-wrapper .test-content-block .board-block {
  width: 1210px;
  height: 730px;
  margin: 0 auto;
  position: relative;
  background-size: 103% auto;
  background-repeat: no-repeat;
  background-position: center 5px;
}
/* line 271, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.pink-content {
  background-image: url(../images/QA/board_story.png);
}
/* line 275, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.green-content {
  background-image: url(../images/QA/board_answer.png);
}
/* line 279, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.qa-content {
  background-image: url(../images/QA/board_QA.png);
}
/* line 283, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.contact-content {
  background-image: url(../images/QA/board_contact.png);
}
/* line 287, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-01 {
  background-image: url(../images/QA/QA_QA_board_01.svg);
}
/* line 290, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-02 {
  background-image: url(../images/QA/QA_QA_board_02.svg);
}
/* line 293, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-03 {
  background-image: url(../images/QA/QA_QA_board_03.svg);
}
/* line 296, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-04 {
  background-image: url(../images/QA/QA_QA_board_04.svg);
}
/* line 299, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-05 {
  background-image: url(../images/QA/QA_QA_board_05.svg);
}
/* line 302, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-06 {
  background-image: url(../images/QA/QA_QA_board_06.svg);
}
/* line 305, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-07 {
  background-image: url(../images/QA/QA_QA_board_07.svg);
}
/* line 308, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-08 {
  background-image: url(../images/QA/QA_QA_board_08.svg);
}
/* line 311, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.b-09 {
  background-image: url(../images/QA/QA_QA_board_09.svg);
}
/* line 316, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.about {
  background-image: url(../images/about/about_board.png);
}
/* line 319, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.activities {
  background-image: url(../images/activities/lottery_board.png);
}
/* line 322, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.awarded-list {
  background-image: url(../images/lottery/lottery_announcement_board.png);
}
/* line 332, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .board-title-block {
  position: absolute;
  background-image: url(../images/QA/board_title.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  width: 950px;
  height: 150px;
  left: 51%;
  top: 20px;
  transform: translateX(-50%);
}
/* line 345, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .board-title-block .unit {
  position: absolute;
  top: 52px;
  left: 42px;
  width: 300px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #603813;
}
/* line 356, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .board-title-block .icon {
  position: absolute;
  left: 413px;
  top: 36px;
  width: 86px;
}
/* line 361, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .board-title-block .icon img {
  width: 100%;
}
/* line 366, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .board-title-block .title {
  position: absolute;
  top: 48px;
  left: 580px;
  width: 300px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #603813;
}
/* line 380, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .fire-man {
  position: absolute;
  bottom: -8px;
  left: -25px;
  z-index: 2;
}
/* line 386, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .fire-man img {
  width: 400px;
}
/* line 392, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block {
  position: absolute;
  top: 199px;
  left: 207px;
  width: 782px;
  height: 428px;
  z-index: 2;
}
/* line 404, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .title-block {
  color: #603813;
  display: flex;
  align-items: center;
}
/* line 408, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .title-block .title {
  font-size: 2rem;
  font-weight: bold;
  padding: 0 25px;
  flex-grow: 0;
}
/* line 416, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .title-block .line {
  height: 5px;
  border-radius: 5px;
  background-color: #603813;
  flex-grow: 1;
}
/* line 426, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc {
  height: calc( 100% - 53px - 10px - 20px );
  width: calc( 100% + 25px );
  font-size: 1.5rem;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-right: 25px;
  margin-right: -25px;
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
/* line 438, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .desc-title {
  color: #603813;
  font-weight: bold;
}
/* line 443, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc img {
  max-width: 100%;
}
/* line 447, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .small-block {
  width: 660px;
  margin: 0 auto;
  margin-bottom: 15px;
}
/* line 453, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .desc-alert {
  text-indent: -40px;
  padding-left: 40px;
  margin-bottom: 8px;
}
/* line 457, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .desc-alert:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-image: url(../images/__icon_notice.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  margin-top: -4px;
  margin-right: 10px;
}
/* line 474, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input {
  display: flex;
  margin-bottom: 8px;
}
/* line 478, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input:last-child {
  margin-bottom: 0;
}
/* line 482, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .lebal-b {
  font-size: 1.125rem;
  width: 55px;
  line-height: 46px;
}
/* line 488, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .input-b {
  font-size: 1.125rem;
  width: calc( 100% - 60px );
}
/* line 494, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .input-b input[type="text"], .test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .input-b input[type="email"], .test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .input-b input[type="password"], .test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .input-b input[type="number"], .test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .input-b textarea {
  border: 0;
  width: 100%;
  padding: 10px 20px;
  border-radius: 25px;
}
/* line 502, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc .input-block .list-input .input-b textarea {
  height: 120px;
  resize: none;
}
/* line 513, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc::-webkit-scrollbar {
  width: 8px;
  border-radius: 8px;
}
/* line 519, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc::-webkit-scrollbar-track {
  background: #E6E6E6;
  border-radius: 8px;
}
/* line 525, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 8px;
}
/* line 531, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .desc::-webkit-scrollbar-thumb:hover {
  background: #888;
}
/* line 536, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .description-block .bottom-line {
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background-color: #603813;
}
/* line 548, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.green-content .description-block {
  top: 178px;
  left: 250px;
  width: 697px;
  height: 395px;
  z-index: 1;
}
/* line 556, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.green-content .description-block .title-block {
  color: #008d91;
}
/* line 558, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.green-content .description-block .title-block .line {
  background-color: #008d91;
}
/* line 564, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.green-content .description-block .desc {
  padding: 0 100px 0 75px;
}
/* line 568, ../sass/default.scss */
.test-wrapper .test-content-block .board-block.green-content .description-block .bottom-line {
  background-color: #008d91;
}
/* line 577, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .number-of-question-block {
  position: absolute;
  top: 90px;
  left: 203px;
  width: 209px;
  height: 36px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
}
/* line 590, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .question-block {
  position: absolute;
  top: 150px;
  left: 120px;
  width: 825px;
  height: 122px;
  top: 168px;
  left: 223px;
  width: 800px;
  height: 110px;
}
/* line 601, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .question-block .question-number {
  font-size: 1.5rem;
  font-weight: bold;
  color: #603813;
  margin-right: 10px;
}
/* line 609, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .question-block .question-title {
  font-size: 1.5rem;
  color: #603813;
}
/* line 615, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .question-block.correct .question-number {
  background-color: #00959D;
}
/* line 620, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .question-block.correct .question-title {
  color: #00959D;
}
/* line 626, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .question-block.error .question-number {
  background-color: #ED1C24;
}
/* line 631, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .question-block.error .question-title {
  color: #ED1C24;
}
/* line 637, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block {
  position: absolute;
  top: 372px;
  left: 202px;
  width: 795px;
  height: 247px;
  z-index: 2;
}
/* line 646, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block.desc-b {
  height: 281px;
}
/* line 650, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
/* line 656, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b .select-card {
  width: calc( 25% - 10px );
  margin-left: 5px;
  margin-right: 5px;
}
/* line 660, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b .select-card label {
  width: 100%;
  margin-bottom: 0;
  cursor: pointer;
}
/* line 664, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b .select-card label input[type=radio] {
  display: none;
}
/* line 667, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b .select-card label div {
  border-radius: 30px;
}
/* line 669, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b .select-card label div img {
  width: 100%;
}
/* line 673, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b .select-card label input[type=radio]:checked + div {
  border: 6px solid #00AA9D;
}
/* line 676, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .answer-block .q-b .select-card label input[type=radio]:hover + div {
  border: 6px solid #00AA9D;
}
/* line 684, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .progress-bar-block {
  position: absolute;
  top: 628px;
  left: 238px;
  width: 625px;
  height: 17px;
  background-color: #006759;
  border-radius: 15px;
  padding: 4px 5px;
  overflow: hidden;
}
/* line 695, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .progress-bar-block .bar {
  background-color: #ffea2f;
  border-radius: 11px;
  height: 100%;
}
/* line 702, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .progress-question-block {
  position: absolute;
  top: 623px;
  left: 881px;
  width: 150px;
  height: 28px;
  color: #000;
  font-size: 0.875rem;
  line-height: 28px;
}
/* line 714, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .contact-card {
  position: absolute;
}
/* line 716, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .contact-card .title {
  color: #603813;
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
/* line 723, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .contact-card .desc {
  font-size: 1.25rem;
}
/* line 726, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .contact-card.contact-1 {
  top: 185px;
  left: 225px;
}
/* line 730, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .contact-card.contact-2 {
  top: 185px;
  left: 697px;
}
/* line 734, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .contact-card.contact-3 {
  top: 449px;
  left: 225px;
}
/* line 738, ../sass/default.scss */
.test-wrapper .test-content-block .board-block .contact-card.contact-4 {
  top: 449px;
  left: 697px;
}
/* line 745, ../sass/default.scss */
.test-wrapper .test-content-block .next-block {
  text-align: center;
  position: relative;
  z-index: 2;
}
/* line 749, ../sass/default.scss */
.test-wrapper .test-content-block .next-block .qa-next-link {
  display: inline-block;
}
/* line 751, ../sass/default.scss */
.test-wrapper .test-content-block .next-block .qa-next-link img {
  width: 275px;
  margin-right: 5px;
  margin-left: 5px;
}
/* line 761, ../sass/default.scss */
.test-wrapper .test-content-block .lottery-block {
  text-align: center;
}
/* line 763, ../sass/default.scss */
.test-wrapper .test-content-block .lottery-block .clode_title {
  width: 315px;
  margin-top: 50px;
}
/* line 767, ../sass/default.scss */
.test-wrapper .test-content-block .lottery-block .people-b {
  height: 335px;
  position: relative;
}
/* line 772, ../sass/default.scss */
.test-wrapper .test-content-block .lottery-block .grade_people {
  width: 280px;
  position: absolute;
  bottom: 29px;
  left: 0;
}
/* line 780, ../sass/default.scss */
.test-wrapper .test-content-block .lottery-block .lottery-btn img {
  width: 210px;
}
/* line 790, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block {
  width: 1070px;
  margin: 0 auto;
  position: relative;
}
/* line 796, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  padding: 40px 50px 40px;
}
/* line 802, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.no-bk-color {
  background-color: transparent;
}
/* line 806, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.qa-desc {
  padding: 40px 50px 40px;
  min-height: 400px;
}
/* line 810, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.qa-desc .des-content {
  padding-right: 0;
}
/* line 814, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.qa-desc .fireman {
  position: absolute;
  bottom: -25px;
  right: -85px;
}
/* line 819, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.qa-desc .fireman img {
  width: 300px;
}
/* line 826, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.answer-desc {
  padding: 40px 120px 40px 120px;
  min-height: 400px;
}
/* line 830, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.answer-desc .des-content {
  padding-right: 100px;
}
/* line 834, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.answer-desc .fireman {
  position: absolute;
  bottom: -25px;
  right: -85px;
}
/* line 839, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.answer-desc .fireman img {
  width: 300px;
}
/* line 846, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block.answer-desc.normal-answer-desc .des-content {
  padding-right: 0;
}
/* line 851, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-title {
  color: #42210b;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 3px;
}
/* line 858, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-title-icon {
  text-align: center;
}
/* line 860, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-title-icon img {
  width: 175px;
}
/* line 865, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content {
  color: #333333;
  font-size: 1.625rem;
}
/* line 870, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input {
  display: flex;
  margin-bottom: 15px;
}
/* line 874, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input:last-child {
  margin-bottom: 0;
}
/* line 878, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .lebal-b {
  font-size: 1.375rem;
  color: #333;
  width: 110px;
  margin-right: 10px;
  line-height: 55px;
  text-align: justify;
  height: 55px;
  overflow: hidden;
}
/* line 890, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .lebal-b:after {
  content: "";
  display: inline-block;
  width: 100%;
}
/* line 896, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b {
  font-size: 1.375rem;
  width: calc( 100% - 120px );
}
/* line 902, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b input[type="text"], .test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b input[type="email"], .test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b input[type="password"], .test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b input[type="number"], .test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b textarea {
  border: 1px solid #989898;
  width: 100%;
  padding: 10px 20px;
  border-radius: 30px;
}
/* line 910, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b textarea {
  height: 120px;
  resize: none;
}
/* line 916, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .input-b.verify-input {
  width: calc( 100% - 250px );
}
/* line 922, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .verify-img-b {
  width: 160px;
  margin-left: 10px;
  background-color: #c8c8c8;
  height: 55px;
  border-radius: 30px;
  line-height: 55px;
  text-align: center;
}
/* line 934, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .description-block .des-content .input-block .list-input .verify-img-b img {
  width: 100px;
  height: 30px;
}
/* line 945, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .question-block {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  padding: 30px 50px 30px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
/* line 954, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .question-block .question-number {
  font-size: 1.75rem;
  font-weight: bold;
  color: #fff;
  margin-right: 10px;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
}
/* line 966, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .question-block .question-number img {
  width: 100%;
  vertical-align: middle;
  margin-top: -4px;
}
/* line 974, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .question-block .question-title {
  display: flex;
  align-items: center;
  width: calc( 100% - 80px );
  color: #42210b;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.5rem;
}
/* line 986, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  padding: 30px 50px 30px;
}
/* line 992, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
/* line 998, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card {
  width: calc( 25% - 10px );
  margin-left: 5px;
  margin-right: 5px;
}
/* line 1002, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label {
  width: 100%;
  margin-bottom: 0;
  cursor: pointer;
}
/* line 1006, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label input[type=radio] {
  display: none;
}
/* line 1009, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label div {
  border-radius: 30px;
}
/* line 1011, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label div img {
  width: 100%;
}
/* line 1015, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label input[type=radio]:checked + div {
  border: 6px solid #00AA9D;
}
/* line 1018, ../sass/default.scss */
.test-wrapper .test-content-block .board-type1-block .answer-block .q-b .select-card label input[type=radio]:hover + div {
  border: 6px solid #00AA9D;
}

/* line 1032, ../sass/default.scss */
.customer-modal-wp {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 500;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 1043, ../sass/default.scss */
.customer-modal-wp.active {
  display: block;
}
/* line 1046, ../sass/default.scss */
.customer-modal-wp .customer-modal-block {
  padding: 180px 40px;
  background-color: #fff;
  position: relative;
  width: 620px;
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 100px;
  z-index: 501;
  border-radius: 25px;
}
/* line 1058, ../sass/default.scss */
.customer-modal-wp .customer-modal-block.no-padding {
  padding: 0;
}
/* line 1062, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .fire-man-celebrate {
  text-align: center;
}
/* line 1064, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .fire-man-celebrate img {
  width: 540px;
}
/* line 1069, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .info-mark {
  color: #333;
  text-align: center;
  font-size: 22px;
  margin-bottom: 15px;
}
/* line 1077, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block {
  width: 365px;
  margin: 0 auto;
  margin-bottom: 35px;
}
/* line 1081, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
/* line 1086, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row .full-col {
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}
/* line 1091, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row .half-col {
  width: calc( 50%);
  padding-left: 8px;
  padding-right: 8px;
}
/* line 1097, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row .note {
  color: #F15A24;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
}
/* line 1103, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row .note:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  background-image: url(../images/finish/finish_tips_icon.svg);
  background-repeat: no-repeat;
  background-size: 17px auto;
  background-position: center 2px;
  margin-right: 3px;
}
/* line 1117, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row input[type="text"], .customer-modal-wp .customer-modal-block .input-block .input-row input[type="number"], .customer-modal-wp .customer-modal-block .input-block .input-row input[type="password"] {
  width: 100%;
  background-color: #E6E6E6;
  color: #333;
  border: 0;
  border-radius: 30px;
  text-align: center;
  padding: 15px 20px;
  font-size: 18px;
}
/* line 1128, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row select {
  width: 100%;
  border: 0;
  border-radius: 30px;
  text-align: center;
  padding: 15px 35px;
  font-size: 18px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../images/finish/finish_arrow_down.svg) no-repeat scroll right center transparent;
  background-size: 8px auto;
  background-position: right 25px center;
  background-color: #E6E6E6;
}
/* line 1145, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .input-block .input-row textarea {
  width: 100%;
  background-color: #E6E6E6;
  color: #333;
  border: 0;
  border-radius: 30px;
  text-align: left;
  padding: 20px 35px;
  font-size: 18px;
  height: 180px;
  resize: none;
}
/* line 1161, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .link-block {
  text-align: center;
  padding-bottom: 40px;
}
/* line 1165, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .link-block.no-padding {
  padding: 0px;
}
/* line 1169, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .link-block a img, .customer-modal-wp .customer-modal-block .link-block button img {
  width: 230px;
}
/* line 1176, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .finish-icon {
  text-align: center;
  margin-bottom: 20px;
}
/* line 1179, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .finish-icon img {
  width: 130px;
}
/* line 1184, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .students-list-block {
  width: 450px;
  margin: 0 auto;
  margin-bottom: 35px;
  text-align: center;
}
/* line 1189, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .students-list-block .student {
  font-weight: bold;
  color: #0071BC;
  line-height: 26px;
}
/* line 1196, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .students-list-block.use-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  height: 260px;
}
/* line 1201, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .students-list-block.use-scroll::-webkit-scrollbar {
  width: 8px;
  cursor: pointer;
}
/* line 1205, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .students-list-block.use-scroll::-webkit-scrollbar-track {
  background-color: #ddd;
  border-radius: 16px;
}
/* line 1209, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .students-list-block.use-scroll::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 16px;
}
/* line 1213, ../sass/default.scss */
.customer-modal-wp .customer-modal-block .students-list-block.use-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #999;
  cursor: pointer;
}