@import 'default.css';
@CHARSET "UTF-8";
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 400;
  src: url("/en/mobile/font/SF Pro.eot");
  src: local(""), url("/en/mobile/font/SF Pro.eot?#iefix") format("embedded-opentype"), url("/en/mobile/font/SF Pro.woff2") format("woff2"), url("/en/mobile/font/SF Pro.woff") format("woff"), url("/en/mobile/font/SF Pro.svg") format("svg");
}
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 500;
  src: url("/en/mobile/font/SF Pro Display Medium.eot");
  src: local(""), url("/en/mobile/font/SF Pro Display Medium.eot?#iefix") format("embedded-opentype"), url("/en/mobile/font/SF Pro Display Medium.woff2") format("woff2"), url("/en/mobile/font/SF Pro Display Medium.woff") format("woff"), url("/en/mobile/font/SF Pro Display Medium.svg") format("svg");
}
@font-face {
  font-family: "SF Pro";
  font-style: normal;
  font-weight: 700;
  src: url("/en/mobile/font/SF Pro Text Bold.eot");
  src: local(""), url("/en/mobile/font/SF Pro Text Bold.eot?#iefix") format("embedded-opentype"), url("/en/mobile/font/SF Pro Text Bold.woff2") format("woff2"), url("/en/mobile/font/SF Pro Text Bold.woff") format("woff"), url("/en/mobile/font/SF Pro Text Bold.svg") format("svg");
}
* {
  font-family: "SF Pro", sans-serif, dotum, gulim;
  letter-spacing: 0.75px;
}

td, div, p, li, dt, dd, input, textarea, select, h1, h2, h3, h4, h5, section {
  font-family: "SF Pro", sans-serif, dotum, gulim;
  font-weight: 400;
  white-space: normal;
  line-height: 1.4em;
  color: #1F2021;
  font-size: 14px;
}

* {
  box-sizing: border-box;
}

td, div, p, li, dt, dd, input, textarea, select, h1, h2, h3, h4, h5 {
  white-space: normal;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}

address, dl dt, dl dd, i, em {
  font-style: normal;
}

b {
  font-weight: 700;
}

.underLine {
  text-decoration: underline;
}

strong {
  font-weight: 400;
}

abbr {
  text-decoration: none;
}

input {
  border-radius: 0;
}
input:focus {
  outline: none;
}
input[disabled], input[readonly] {
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #777;
}

textarea:focus {
  outline: none;
}

img {
  max-width: 100%;
}

.scr1::-webkit-scrollbar {
  width: 4px;
  border: 1px solid #000;
}
.scr1::-webkit-scrollbar-button:start:decrement, .scr1::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 0;
}
.scr1::-webkit-scrollbar-track {
  background: #e1e1e4;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.scr1::-webkit-scrollbar-thumb {
  height: 50px;
  width: 50px;
  background: #000;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

a:link, a:visited, a:hover, a:active {
  color: #231f20;
  text-decoration: none;
}
a:focus {
  outline: none !important;
}

/*input style*/
input {
  letter-spacing: 1px;
}
input::placeholder {
  color: #B5B9BD;
}
input[type=email], input[type=password], input[type=text] {
  height: 48px;
  width: 100%;
  padding: 0 12px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  line-height: 46px;
  transition: 0.35s;
}

/*checkbox*/
input.chkTypeA {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}
input.chkTypeA + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  color: #111;
  font-size: 14px;
  vertical-align: top;
}
input.chkTypeA + label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  border-radius: 12px;
  height: 24px;
  margin-top: -4px;
  border: 2px solid #D4D6D9;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.883 8.519'%3E%3Cpath id='_1751' data-name=' 1751' d='M192.1,1069.03l-4.417-3.438.922-1.184,3.288,2.56,5.535-6.456,1.139.977Z' transform='translate(-187.687 -1060.512)' fill='%23D4D6D9'/%3E%3C/svg%3E%0A") no-repeat 50%/11px auto;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
  box-sizing: border-box;
}
input.chkTypeA:checked + label:after {
  border-color: #2953FF;
  background: #2953FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.883 8.519'%3E%3Cpath id='_1751' data-name=' 1751' d='M192.1,1069.03l-4.417-3.438.922-1.184,3.288,2.56,5.535-6.456,1.139.977Z' transform='translate(-187.687 -1060.512)' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat 50%/11px 9px;
}
input.chkTypeA[disabled=disabled] + label:after, input.chkTypeA[disabled] + label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border: 1px solid #ddd;
  background: #eee;
}
input.chkTypeA[style-disabled=disabled]:checked + label {
  color: #999;
}
input.chkTypeA[style-disabled=disabled]:checked + label:after {
  background-color: #ddd;
  border-color: #ddd;
}

/*radio*/
input.radioTypeA {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
input.radioTypeA + label {
  display: inline-block;
  position: relative;
  padding-left: 32px;
  color: #D4D6D9;
  font-size: 14px;
  line-height: 16px;
  transition: 0.5s;
}
input.radioTypeA + label:after {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #ccc;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
  box-sizing: border-box;
}
input.radioTypeA + label:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
  box-sizing: border-box;
}
input.radioTypeA:checked + label {
  color: #1F2021;
}
input.radioTypeA:checked + label:before {
  background: #2953FF;
}

/* btn */
button {
  border: 0;
  background: none;
}

button.btnTypeA,
a.btnTypeA,
span.btnTypeA {
  display: inline-block;
  height: 48px;
  width: 98px;
  border-radius: 24px;
  line-height: 48px;
  color: #fff;
  font-size: 15px;
  background: #D4D6D9;
  text-align: center;
}
button.btnTypeA.full,
a.btnTypeA.full,
span.btnTypeA.full {
  width: 100%;
}
button.btnTypeA.activation,
a.btnTypeA.activation,
span.btnTypeA.activation {
  background: #1F2021;
}
button.btnTypeB,
a.btnTypeB,
span.btnTypeB {
  display: inline-block;
  height: 48px;
  width: 98px;
  border: 1px solid #B5B9BD;
  border-radius: 24px;
  line-height: 46px;
  font-size: 15px;
  text-align: center;
}
button.btnTypeB.full,
a.btnTypeB.full,
span.btnTypeB.full {
  width: 100%;
}
button.btnTypeB.sizeA,
a.btnTypeB.sizeA,
span.btnTypeB.sizeA {
  width: 128px;
  height: 32px;
  line-height: 30px;
  border-radius: 16px;
  font-size: 15px;
}
button.btnTypeC,
a.btnTypeC,
span.btnTypeC {
  display: inline-block;
  line-height: 15px;
  font-size: 13px;
  color: #B5B9BD;
}
button.btnTypeC,
a.btnTypeC,
span.btnTypeC {
  position: relative;
}
button.btnTypeC:after,
a.btnTypeC:after,
span.btnTypeC:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: #B5B9BD;
}
button.btnTypeC.colorA,
a.btnTypeC.colorA,
span.btnTypeC.colorA {
  color: #1F2021;
}
button.btnTypeC.colorA:after,
a.btnTypeC.colorA:after,
span.btnTypeC.colorA:after {
  background: #1F2021;
}

/* dim */
#popBg, #popBg2 {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.5;
  z-index: 20;
  animation-name: popBg;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-fill-mode: both;
}

/*cut*/
.cut {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cut1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.cut2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

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

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

select {
  text-align: left;
  vertical-align: top;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background: #fff;
  -webkit-border-radius: 0;
}
select[disabled] {
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #111;
}

table {
  border: 1px solid #000;
  width: 100%;
  table-layout: fixed;
}
table tr td, table tr th {
  padding: 5px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  word-wrap: break-word;
}
table tr td:last-child, table tr th:last-child {
  border-right: 0;
}
table tr:last-of-type td {
  border-bottom: 0;
}
table tr th {
  font-weight: 700;
}
table thead tr th {
  border-bottom: 2px solid #000;
}
table tbody tr th {
  text-align: left;
}

/* layouts */
#wrapper {
  padding-top: 48px;
}

header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 48px;
  width: 100%;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.03);
  z-index: 10;
}
header h2 {
  font-size: 18px;
  font-weight: 700;
  padding: 0 45px;
  text-align: center;
  line-height: 20px;
}
header #pageBack {
  position: absolute;
  left: 20px;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 17'%3E%3Cpath id='_1536' data-name=' 1536' fill='%23000000' d='M20.939,11.223H5.8l6.7-6.7L11.441,3.47l-8.5,8.5,8.5,8.5L12.5,19.414l-6.7-6.7H20.939Z' transform='translate(-2.939 -3.47)'/%3E%3C/svg%3E%0A") no-repeat 50%/18px auto;
}
header #pageClose {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='_970' data-name=' 970' width='16' height='16' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='_2353' data-name=' 2353' clip-path='url(%23clip-path)'%3E%3Cline id='_208' data-name=' 208' x1='15.005' y2='15.005' transform='translate(0.497 0.498)' fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cline id='_209' data-name=' 209' x2='15.005' y2='15.005' transform='translate(0.497 0.498)' fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50%/16px auto;
}

section {
  padding: 40px 20px;
}
section > h3 {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}

.formList li {
  margin-bottom: 16px;
}
.formList li label {
  display: inline-block;
  margin-bottom: 8px;
  line-height: 15px;
  font-size: 13px;
}
.formList li p.caution {
  margin-top: 8px;
  font-size: 13px;
  color: #B5B9BD;
  line-height: 15px;
}
.formList li em {
  display: block;
  margin-top: 8px;
  line-height: 15px;
  font-size: 13px;
  color: #E61717;
}
.formList li .flexBox {
  display: flex;
}
.formList li .flexBox > button {
  flex: none;
  margin-left: 12px;
}
.formList li .flexBox ~ p.caution {
  margin-right: 110px;
}
.formList li .flexBox ~ em {
  margin-right: 110px;
}
.formList li .btnMode {
  position: relative;
  width: 100%;
}
.formList li .btnMode > input {
  padding-right: 35px;
}
.formList li .btnMode .inputClear {
  display: none;
  position: absolute;
  right: 14px;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  padding: 0;
  border-radius: 50%;
  background: #B5B9BD url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.707 6.707'%3E%3Cg id='_26970' data-name=' 26970' transform='translate(-8.548 -8.463)'%3E%3Crect id='_1152' data-name=' 1152' width='8.485' height='1' transform='translate(8.548 14.463) rotate(-45)' fill='%23fff'/%3E%3Crect id='_1153' data-name=' 1153' width='1' height='8.485' transform='translate(8.548 9.17) rotate(-45)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50%/6px auto;
}
.formList li.codeLi .btnMode input {
  padding-right: 60px;
}
.formList li.codeLi .btnMode .timer {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.formList li.overlapAfter {
  display: none;
}
.formList li.interval {
  margin-bottom: 32px;
}
.formList li.on input[type=email], .formList li.on input[type=password], .formList li.on input[type=text] {
  border-color: #000;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
.formList li.on button {
  background: #1F2021;
}
.formList li.on .inputClear {
  display: block;
}
.formList li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.formList li:last-of-type::after, .formList li:last-of-type::before {
  display: none;
}

#alertPop,
#confirmPop {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 315px;
  transform: translate(-50%, -50%);
  background: #fff;
  z-index: 21;
  border-radius: 20px;
  min-height: 224px;
  animation-name: popBoxAni;
  animation-duration: 0.25s;
  animation-delay: 0s;
  animation-fill-mode: both;
  transform-origin: 50%;
  animation-timing-function: cubic-bezier(0.61, 0.17, 0.81, 1.7);
}
#alertPopWrap,
#confirmPopWrap {
  padding: 56px 20px 16px;
}
#alertPopWrap p,
#confirmPopWrap p {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 88px;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
}
#alertPopWrap .btnArea,
#confirmPopWrap .btnArea {
  display: flex;
  margin-top: 16px;
}
#alertPopWrap .btnArea a, #alertPopWrap .btnArea button,
#confirmPopWrap .btnArea a,
#confirmPopWrap .btnArea button {
  margin-left: 10px;
}
#alertPopWrap .btnArea a:first-of-type, #alertPopWrap .btnArea button:first-of-type,
#confirmPopWrap .btnArea a:first-of-type,
#confirmPopWrap .btnArea button:first-of-type {
  margin-left: 0;
}
#alertPopWrap button.btnClose,
#confirmPopWrap button.btnClose {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='_970' data-name=' 970' width='16' height='16' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='_2353' data-name=' 2353' clip-path='url(%23clip-path)'%3E%3Cline id='_208' data-name=' 208' x1='15.005' y2='15.005' transform='translate(0.497 0.498)' fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='1.5'/%3E%3Cline id='_209' data-name=' 209' x2='15.005' y2='15.005' transform='translate(0.497 0.498)' fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50%/16px auto;
}

.heightFull {
  position: relative;
  height: 100%;
}
.heightFull body {
  position: relative;
  height: 100%;
}
.heightFull body #wrapper {
  position: relative;
  height: 100%;
}

.btnBox {
  margin-top: 40px;
  text-align: center;
}

.tbList {
  padding: 24px;
  border: 1px solid #D4D6D9;
  border-radius: 16px;
}
.tbList > li {
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid #EAEAEA;
}
.tbList > li > ul > li {
  margin-bottom: 20px;
}
.tbList > li > ul > li strong {
  display: block;
  margin-bottom: 6px;
  line-height: 16px;
  color: #7D8185;
}
.tbList > li > ul > li span {
  display: block;
}
.tbList > li > ul > li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.tbList > li > ul > li:last-of-type::after, .tbList > li > ul > li:last-of-type::before {
  display: none;
}
.tbList > li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.tbList > li:last-of-type::after, .tbList > li:last-of-type::before {
  display: none;
}
.tbList > li:last-of-type {
  border-bottom: 0;
}

.neon_yellow {
  background: linear-gradient(to top, yellow 100%, transparent 100%);
}

.globalTab {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 48px;
  /*&.item5{
    li{
      width:calc(33.33% + 1px);
      &:nth-of-type(4),
      &:nth-of-type(5){}
    }
  }
  &.item6{
    li{
      width:calc(33.33% + 1px);
      &:nth-child(3n+2){
        width:calc(33.34% + 1px);
      }
    }
  }*/
}
.globalTab li {
  margin-right: -1px;
  margin-bottom: -1px;
  border: 1px solid #E6E6E6;
  width: calc(33.33% + 1px);
  flex-grow: 1;
}
.globalTab li a {
  display: flex;
  height: 40px;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #1F2021;
}
.globalTab li.on {
  background: #1F2021;
}
.globalTab li.on a {
  color: #fff;
  font-weight: 700;
}
.globalTab:not(.item3, .item2, .item1) + div {
  height: calc(100% - 218px) !important;
}
.globalTab.item4 li {
  width: calc(50% + 1px);
}

@keyframes popBg {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes popBoxAni {
  0% {
    transform: translate(-50%, -50%) scale(0.95);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
#join {
  padding-top: 0;
}
#join article {
  padding: 40px 20px;
  margin: 0 -20px;
  border-bottom: 10px solid #E4E6EB;
}
#join article:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
#join article.inputArea button {
  transition: 0.25s;
}
#join article.checkArea {
  padding-top: 32px;
}
#join article.checkArea h3 {
  margin-bottom: 19px;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
#join article.checkArea .termsArea li {
  position: relative;
  margin-bottom: 16px;
  padding-right: 42px;
  line-height: 16px;
}
#join article.checkArea .termsArea li label {
  line-height: 16px;
}
#join article.checkArea .termsArea li label.point {
  font-weight: 700;
}
#join article.checkArea .termsArea li button {
  position: absolute;
  right: 4px;
  top: 50%;
  padding: 0;
  margin-top: -8px;
  font-size: 13px;
  line-height: 15px;
  color: #7D8185;
}
#join article.checkArea .termsArea li button:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #7D8185;
}
#join article.checkArea .termsArea li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
#join article.checkArea .termsArea li:last-of-type::after, #join article.checkArea .termsArea li:last-of-type::before {
  display: none;
}
#join article.checkArea .cautionList {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid #EAEAEA;
}
#join article.checkArea .cautionList li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 15px;
}
#join article.checkArea .cautionList li sup {
  display: inline-block;
  margin-top: -1px;
  margin-right: 4px;
  color: #F2651A;
  vertical-align: top;
}
#join article.checkArea .cautionList li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
#join article.checkArea .cautionList li:last-of-type::after, #join article.checkArea .cautionList li:last-of-type::before {
  display: none;
}
#join article:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}

#agreePop {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  z-index: 21;
}
#agreePopWrap {
  position: relative;
  height: 100%;
}
#agreePopWrap header {
  position: relative;
}
#agreePopWrap header h2 {
  padding: 0 45px;
  text-align: center;
  font-size: 16px;
}
#agreePopWrap section {
  position: relative;
  height: calc(100% - 48px);
  padding-right: 13px;
}
#agreePopWrap section .agreeText {
  position: relative;
  height: calc(100% - 177px);
  padding-right: 7px;
  overflow-y: auto;
}
#agreePopWrap section .agreeText > span {
  display: block;
  height: 100%;
  position: relative;
}
#agreePopWrap section .agreeText > span > div {
  display: block;
  height: 100%;
  position: relative;
}

#complete {
  position: relative;
  height: 100%;
  padding-top: 0;
  padding-bottom: 40px;
}
#complete article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  height: calc(100% - 48px);
}
#complete article em,
#complete article strong,
#complete article p {
  display: block;
  text-align: center;
}
#complete article em {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
#complete article strong {
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
}
#complete article p {
  font-size: 16px;
  line-height: 20px;
}
#complete .btnBox {
  margin-top: 0;
}

#overlap {
  position: relative;
  height: 100%;
  padding-top: 0;
  padding-bottom: 40px;
}
#overlap article {
  position: relative;
  padding-top: 40px;
  height: calc(100% - 88px);
  overflow: auto;
}
#overlap article strong {
  display: block;
  margin-bottom: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
#overlap article .userInfoArea {
  padding: 24px 24px 32px;
  border-radius: 16px;
  background: #f5f5f5;
}
#overlap article .userInfoArea li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 12px;
}
#overlap article .userInfoArea li em {
  display: block;
  flex: none;
  margin-right: 4px;
  line-height: 14px;
  color: #7D8185;
}
#overlap article .userInfoArea li span {
  display: block;
  line-height: 14px;
  word-break: break-all;
}
#overlap article .userInfoArea li.point span {
  font-weight: 700;
}
#overlap article .userInfoArea li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
#overlap article .userInfoArea li:last-of-type::after, #overlap article .userInfoArea li:last-of-type::before {
  display: none;
}

#pwdCheck .overlapAfter {
  display: none;
}

#modify .userInfoArea li {
  margin-bottom: 32px;
}
#modify .userInfoArea li em {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
  line-height: 18px;
  color: #7D8185;
}
#modify .userInfoArea li span {
  display: block;
  font-size: 15px;
  line-height: 18px;
}
#modify .userInfoArea li.transformLi {
  position: relative;
  padding-right: 140px;
  min-height: 44px;
}
#modify .userInfoArea li.transformLi button {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #000;
  letter-spacing: 0;
}
#modify .userInfoArea li.transformLi button.btnEmailCancel {
  display: none;
}
#modify .userInfoArea li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
#modify .userInfoArea li:last-of-type::after, #modify .userInfoArea li:last-of-type::before {
  display: none;
}
#modify .formList {
  display: none;
  margin-top: 10px;
}
#modify .formList .btnCancelArea {
  margin-bottom: 10px;
}
#modify .formList .btnCancelArea button {
  display: inline-block;
  height: 48px;
  width: 98px;
  border-radius: 24px;
  line-height: 48px;
  color: #fff;
  font-size: 15px;
  background: #D4D6D9;
  text-align: center;
}
#modify .btnBox .btnTypeB {
  margin-bottom: 14px;
}
#modify .btnBox .btnTypeB:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
#modify .btnBox .btnTypeB:last-of-type::after, #modify .btnBox .btnTypeB:last-of-type::before {
  display: none;
}
#modify .btnBox .btnTypeC {
  margin-top: 24px;
}
#modify .btnBox .btnApple {
  display: flex;
  justify-content: center;
  align-items: center;
}
#modify .btnBox .btnApple span {
  display: block;
  margin: 0 15px;
  font-size: 15px;
}
#modify .btnBox .btnApple .icoApple {
  padding-left: 25px;
  line-height: 21px;
  font-weight: 500;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.846 20'%3E%3Cpath fill='%23000' id='ic_apple' d='M479.493,86.586a10.872,10.872,0,0,1-1.075,1.933,9.819,9.819,0,0,1-1.385,1.674,2.687,2.687,0,0,1-1.78.784,4.462,4.462,0,0,1-1.644-.393,4.718,4.718,0,0,0-1.77-.391,4.878,4.878,0,0,0-1.82.391,4.9,4.9,0,0,1-1.573.414,2.53,2.53,0,0,1-1.82-.8,10.313,10.313,0,0,1-1.449-1.733,11.986,11.986,0,0,1-1.532-3.043A11.142,11.142,0,0,1,463,81.79a6.623,6.623,0,0,1,.87-3.465,5.1,5.1,0,0,1,1.822-1.843,4.9,4.9,0,0,1,2.463-.695,5.8,5.8,0,0,1,1.9.443,6.123,6.123,0,0,0,1.511.444,9.039,9.039,0,0,0,1.675-.523,5.537,5.537,0,0,1,2.277-.4,4.835,4.835,0,0,1,3.788,1.994,4.373,4.373,0,0,0-.848,7.009,4.556,4.556,0,0,0,1.385.909q-.167.483-.353.927ZM475.634,71.4a4.267,4.267,0,0,1-1.094,2.8,3.726,3.726,0,0,1-3.1,1.528,3.116,3.116,0,0,1-.023-.379,4.384,4.384,0,0,1,1.16-2.828A4.468,4.468,0,0,1,474,71.458,4.215,4.215,0,0,1,475.613,71a3.629,3.629,0,0,1,.021.4Z' transform='translate(-463 -71)'/%3E%3C/svg%3E%0A") no-repeat 0 center/16px auto;
}
#modify .btnBox .btnApple .btnState {
  line-height: 17px;
  border-bottom: 1px solid #1F2021;
}

#secede .guideArea {
  padding: 24px 20px 32px;
  margin-bottom: 40px;
  border-radius: 16px;
  background: #F5F5F5;
}
#secede .guideArea li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 16px;
}
#secede .guideArea li i {
  display: block;
  flex: none;
  margin-right: 6px;
}
#secede .guideArea li > p {
  line-height: 19px;
}
#secede .guideArea li .guideText em {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
}
#secede .guideArea li .guideText em sup {
  display: inline-block;
  margin-top: -1px;
  margin-right: 4px;
  color: #F2651A;
  vertical-align: top;
  font-size: 12px;
}
#secede .guideArea li .guideText em p {
  font-size: 12px;
  line-height: 15px;
}
#secede .guideArea li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
#secede .guideArea li:last-of-type::after, #secede .guideArea li:last-of-type::before {
  display: none;
}
#secede .reasonArea {
  margin-bottom: 25px;
}
#secede .reasonArea h4 {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
#secede .reasonArea li {
  margin-bottom: 16px;
}
#secede .reasonArea li .otherText {
  margin-top: 12px;
}
#secede .reasonArea li .otherText textarea {
  display: block;
  width: 100%;
  height: 120px;
  padding: 16px 12px 24px;
  border: 1px solid #E6E6E6;
  font-size: 14px;
}
#secede .reasonArea li .otherText textarea::placeholder {
  color: #B5B9BD;
}
#secede .reasonArea li .otherText textarea + span {
  display: block;
  margin-top: 6px;
  text-align: right;
  font-size: 13px;
  color: #8B8F94;
}
#secede .reasonArea li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
#secede .reasonArea li:last-of-type::after, #secede .reasonArea li:last-of-type::before {
  display: none;
}

#idHave .userInfoArea {
  padding: 24px 24px 32px;
  border-radius: 16px;
  background: #f5f5f5;
}
#idHave .userInfoArea li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 12px;
}
#idHave .userInfoArea li em {
  display: block;
  flex: none;
  margin-right: 4px;
  line-height: 14px;
  color: #7D8185;
}
#idHave .userInfoArea li span {
  display: block;
  line-height: 14px;
  word-break: break-all;
}
#idHave .userInfoArea li.point span {
  font-weight: 700;
}
#idHave .userInfoArea li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
#idHave .userInfoArea li:last-of-type::after, #idHave .userInfoArea li:last-of-type::before {
  display: none;
}
#idHave .btnBox .btnTypeC {
  margin-top: 24px;
}

#login {
  padding-top: 84px;
}
#login .siteLogin .formList li {
  margin-bottom: 8px;
}
#login .siteLogin .formList li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
#login .siteLogin .formList li:last-of-type::after, #login .siteLogin .formList li:last-of-type::before {
  display: none;
}
#login .siteLogin .btnArea {
  margin-top: 16px;
}
#login .siteLogin .utilBtn {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
}
#login .siteLogin .utilBtn > a {
  padding-bottom: 3px;
  font-size: 13px;
  line-height: 15px;
}
#login .siteLogin .utilBtn > a {
  position: relative;
}
#login .siteLogin .utilBtn > a:after {
  content: "";
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  position: absolute;
  background: #1F2021;
}
#login .siteLogin .utilBtn ul {
  display: flex;
}
#login .siteLogin .utilBtn ul li {
  margin-right: 8px;
  padding-right: 9px;
}
#login .siteLogin .utilBtn ul li {
  position: relative;
}
#login .siteLogin .utilBtn ul li:after {
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 8px;
  position: absolute;
  background: #D4D6D9;
}
#login .siteLogin .utilBtn ul li:last-of-type {
  margin-right: 0;
  padding-right: 0;
}
#login .siteLogin .utilBtn ul li:last-of-type::after, #login .siteLogin .utilBtn ul li:last-of-type::before {
  display: none;
}
#login .siteLogin .utilBtn ul li a {
  display: block;
  font-size: 13px;
  line-height: 15px;
  color: #7D8185;
}
#login .otherLogin {
  position: relative;
  margin-top: 44px;
  padding-top: 48px;
  border-top: 1px solid #EAEAEA;
}
#login .otherLogin .btnArea a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid #b5b9bd;
}
#login .otherLogin .btnArea a span {
  display: block;
  padding-left: 28px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.846 20'%3E%3Cpath fill='%23000' id='ic_apple' d='M479.493,86.586a10.872,10.872,0,0,1-1.075,1.933,9.819,9.819,0,0,1-1.385,1.674,2.687,2.687,0,0,1-1.78.784,4.462,4.462,0,0,1-1.644-.393,4.718,4.718,0,0,0-1.77-.391,4.878,4.878,0,0,0-1.82.391,4.9,4.9,0,0,1-1.573.414,2.53,2.53,0,0,1-1.82-.8,10.313,10.313,0,0,1-1.449-1.733,11.986,11.986,0,0,1-1.532-3.043A11.142,11.142,0,0,1,463,81.79a6.623,6.623,0,0,1,.87-3.465,5.1,5.1,0,0,1,1.822-1.843,4.9,4.9,0,0,1,2.463-.695,5.8,5.8,0,0,1,1.9.443,6.123,6.123,0,0,0,1.511.444,9.039,9.039,0,0,0,1.675-.523,5.537,5.537,0,0,1,2.277-.4,4.835,4.835,0,0,1,3.788,1.994,4.373,4.373,0,0,0-.848,7.009,4.556,4.556,0,0,0,1.385.909q-.167.483-.353.927ZM475.634,71.4a4.267,4.267,0,0,1-1.094,2.8,3.726,3.726,0,0,1-3.1,1.528,3.116,3.116,0,0,1-.023-.379,4.384,4.384,0,0,1,1.16-2.828A4.468,4.468,0,0,1,474,71.458,4.215,4.215,0,0,1,475.613,71a3.629,3.629,0,0,1,.021.4Z' transform='translate(-463 -71)'/%3E%3C/svg%3E%0A") no-repeat 0 center/16px auto;
}
#login .otherLogin:after {
  content: "OR";
  position: absolute;
  top: -7px;
  width: 30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
  background: #fff;
  color: #7D8185;
}

#induce {
  position: relative;
  height: 100%;
}
#induce article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
}
#induce article strong {
  display: block;
  width: 224px;
  height: 27px;
  margin-bottom: 24px;
  background: url("data:image/svg+xml,%3Csvg id='2561' data-name='2561' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 223.92 25.178'%3E%3Crect id='_1401' data-name=' 1401' width='9.808' height='22.016' transform='translate(0 0.017)' fill='%23292728'/%3E%3Crect id='_1402' data-name=' 1402' width='9.808' height='1.565' transform='translate(0 23.601)' fill='%23292728'/%3E%3Crect id='_1403' data-name=' 1403' width='9.808' height='1.565' transform='translate(12.133 23.601)' fill='%23292728'/%3E%3Cpath id='_1738' data-name=' 1738' d='M241.356,527.788h7.563l.761-1.565h-9.059Z' transform='translate(-215.555 -502.624)' fill='%23292728'/%3E%3Cpath id='_1739' data-name=' 1739' d='M233.083,493.419,226.32,480.5H215.528v22.032h9.808v-5.074l2.389,5.074h10.569l2.574-5.273v5.273h9.82V480.5H239.858Z' transform='translate(-203.396 -480.494)' fill='%23292728'/%3E%3Crect id='_1404' data-name=' 1404' width='9.82' height='1.565' transform='translate(37.471 23.601)' fill='%23292728'/%3E%3Crect id='_1405' data-name=' 1405' width='9.808' height='1.565' transform='translate(50.369 23.601)' fill='%23292728'/%3E%3Cpath id='_1740' data-name=' 1740' d='M306.873,480.493H289.712v22.033h9.809v-1.509h7.615c1.1,0,10.713-.3,10.713-10.607,0-6.3-4-9.916-10.975-9.916m-.237,11.53h-7.116v-2.536H306.5c1.865,0,2.022.511,2.022,1.182s-.143,1.354-1.89,1.354' transform='translate(-239.345 -480.493)' fill='%23292728'/%3E%3Crect id='_1406' data-name=' 1406' width='9.82' height='1.565' transform='translate(80.067 23.601)' fill='%23292728'/%3E%3Cpath id='_1741' data-name=' 1741' d='M384.429,526.224l1.1,1.526,10.175.054-1.09-1.579Z' transform='translate(-285.244 -502.625)' fill='%23292728'/%3E%3Cpath id='_1742' data-name=' 1742' d='M372.494,498.1c1.89-1.379,3.741-3.8,3.741-8.058,0-4.891-2.586-7.192-4.741-8.269a14.033,14.033,0,0,0-6.234-1.277H347.336v22.033h9.82v-2.285h6.513l1.656,2.285h10.228Zm-7.958-6.8h-7.38v-1.867h7.262c1.839,0,1.839.472,1.839.853,0,.411,0,1.014-1.721,1.014' transform='translate(-267.269 -480.494)' fill='%23292728'/%3E%3Crect id='_1407' data-name=' 1407' width='9.82' height='22.016' transform='translate(111.975 0.017)' fill='%23292728'/%3E%3Crect id='_1408' data-name=' 1408' width='9.82' height='1.565' transform='translate(111.975 23.601)' fill='%23292728'/%3E%3Crect id='_1409' data-name=' 1409' width='9.808' height='1.565' transform='translate(124.96 23.601)' fill='%23292728'/%3E%3Cpath id='_1743' data-name=' 1743' d='M456.023,492.05l-10.687-11.557h-10.9v22.037h9.809v-8.652l8,8.652h13.589V480.492h-9.808Z' transform='translate(-309.478 -480.492)' fill='%23292728'/%3E%3Cpath id='_1744' data-name=' 1744' d='M473.226,527.788h10.7v-1.565H471.781Z' transform='translate(-327.575 -502.624)' fill='%23292728'/%3E%3Crect id='_1410' data-name=' 1410' width='9.808' height='1.565' transform='translate(169.088 23.601)' fill='%23292728'/%3E%3Cpath id='_1745' data-name=' 1745' d='M498.1,490.33h11.318v12.2h9.808v-12.2h11.318V480.5H498.1Z' transform='translate(-340.329 -480.494)' fill='%23292728'/%3E%3Cpath id='_1746' data-name=' 1746' d='M586.23,527.788c3.375,0,7.183-.237,10.124-1.565H576.027c3.06,1.353,7.026,1.565,10.2,1.565' transform='translate(-378.092 -502.624)' fill='%23292728'/%3E%3Cpath id='_1747' data-name=' 1747' d='M586.326,480.494v11.385c0,2.775-.42,5.258-5.527,5.258-5.279,0-5.726-2.719-5.726-5.258V480.494H564.819v6.627c0,6.992.236,10.582,1.719,13.436a7.035,7.035,0,0,0,1.537,1.969h25.262a6.743,6.743,0,0,0,1.538-1.969c1.468-2.854,1.718-6.444,1.7-13.436v-6.627Z' transform='translate(-372.66 -480.493)' fill='%23292728'/%3E%3C/svg%3E%0A") no-repeat 50%/224px auto;
}
#induce article p {
  font-size: 16px;
  text-align: center;
}

/*# sourceMappingURL=content.css.map */