@charset "UTF-8";
.main {
* {
  font-family: "Pretendard-Regular";
  color: var(--h-font-1);
}

input[type=checkbox] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  accent-color: var(--h-blue-1);
}

input[type=text] {
  padding: 11px 16px;
  border-radius: 4px;
  border: 1px solid var(--gray-gray-400);
  
}
input[type=text]:-moz-read-only {
  background-color: var(--h-bg-2);
}
input[type=text]:read-only {
  background-color: var(--h-bg-2);
}

input[type=password] {
  padding: 11px 16px;
  border-radius: 4px;
  border: 1px solid var(--h-border-2);
}

select {
  position: relative;
  width: 169px;
  height: 40px;
  padding-left: 11px;
  border-radius: 4px;
  border: 1px solid var(--gray-gray-400);
  background-image: url("../images/chevron_background.png");
  background-size: 16px 16px;
  background-position: 97% center;
  background-repeat: no-repeat;
  font-size: 15px;
}

body::after {
  opacity: 0.5;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-image: url("../images/1.png");
  display: none;
}

.wrap {
  width: 100%;
  height: 100%;
}

.header {
  width: 100%;
  height: 111px;
  border-bottom: 1px solid var(--h-border-4);
}
.header > .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header > .inner .left h1 {
  font-size: 30px;
}
.header > .inner .left .sr-only {
  width: 100%;
}
.header > .inner .right ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header > .inner .right ul li {
  margin-right: 48px;
}
.header > .inner .right ul li:last-child {
  margin-right: 0;
}
.header > .inner .right ul li a {
  display: inline-block;
  background-size: 100% 100%;
}
.header > .inner .right ul li:nth-child(1) a {
  width: 141px;
  height: 32px;
  background-image: url("../images/logo.png");
}
.header > .inner .right ul li:nth-child(2) a {
  width: 134px;
  height: 32px;
  background-image: url("../images/logo-bnr.png");
}
.header > .inner .right ul li:nth-child(3) a {
  width: 56px;
  height: 17px;
  background-image: url("../images/logo-gsg.png");
}
.header > .inner .right ul li:last-child a {
  width: 40px;
  height: 40px;
  background-image: url("../images/logo-dream.png");
}

.footer {
  width: 100%;
  height: 383px;
  background-color: var(--h-bg-1);
}
.footer .head {
  height: 87px;
  border-bottom: 1px solid var(--h-border-5);
}
.footer .head .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .head .inner .left ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.footer .head .inner .left ul li {
  font-size: 16px;
  margin-right: 32px;
}
.footer .head .inner .left ul li:last-child {
  margin-right: 0;
}
.footer .head .inner .left ul li:first-child a {
  color: var(--h-font-1);
}
.footer .head .inner .left ul li a {
  font-family: "Pretendard-SemiBold";
  color: var(--h-font-3);
}
.footer .head .inner .right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .head .inner .right .links:first-child {
  margin-right: 16px;
}
.footer .head .inner .right .links select {
  position: relative;
  width: 169px;
  height: 40px;
}
.footer .head .inner .right .links button {
  width: 58px;
  height: 40px;
  border-radius: 4px;
  background-color: var(--h-button-1);
  text-align: center;
  color: var(--h-white);
  font-size: 15px;
  font-family: "Pretendard-SemiBold";
}
.footer .bottom .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .bottom .inner .left {
  margin-top: 32px;
}
.footer .bottom .inner .left .logo {
  display: block;
  width: 250px;
  height: 56px;
  background-image: url("../images/logo.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.footer .bottom .inner .left .address {
  margin: 20px 0;
  line-height: 26px;
}
.footer .bottom .inner .left .copyright {
  margin-bottom: 25px;
}
.footer .bottom .inner .left .copyright p {
  font-size: 11px;
  color: var(--h-font-2);
}
.footer .bottom .inner .left .social {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.footer .bottom .inner .left .social li {
  margin-right: 23px;
}
.footer .bottom .inner .left .social li:last-child {
  margin-right: 0;
}
.footer .bottom .inner .left .social li a {
  display: inline-block;
  background-size: 100% 100%;
}
.footer .bottom .inner .left .social li:nth-child(1) a {
  width: 40px;
  height: 40px;
  background-image: url("../images/sns-youtube.png");
}
.footer .bottom .inner .left .social li:nth-child(2) a {
  width: 40px;
  height: 40px;
  background-image: url("../images/sns-instagram.png");
}
.footer .bottom .inner .left .social li:nth-child(3) a {
  width: 40px;
  height: 40px;
  background-image: url("../images/sns-facebook.png");
}
.footer .bottom .inner .left .social li:last-child a {
  width: 61.4px;
  height: 40px;
  background-image: url("../images/logo-web.png");
}
.footer .bottom .inner .right .title {
  margin-bottom: 25px;
  font-size: 24px;
  font-family: "Pretendard-SemiBold";
}
.footer .bottom .inner .right .service .row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.footer .bottom .inner .right .service .row .tit {
  display: inline-block;
  height: 20px;
  padding-left: 30px;
  font-size: 14px;
  margin-right: 15px;
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-position-y: 1px;
  line-height: 23px;
}
.footer .bottom .inner .right .service .row .des {
  font-size: 20px;
  font-family: "Pretendard-SemiBold";
}
.footer .bottom .inner .right .service .row:nth-child(1) .tit {
  background-image: url("../images/tel-1.png");
}
.footer .bottom .inner .right .service .row:nth-child(2) .tit {
  background-image: url("../images/tel-2.png");
}
.footer .bottom .inner .right .service .row:nth-child(2) .des span {
  font-family: "Pretendard-Medium";
  font-size: 14px;
}
.footer .bottom .inner .right .service .row:last-child .tit {
  background-image: url("../images/tel-3.png");
}
.footer .bottom .inner .right .service .row:last-child .des span {
  font-family: "Pretendard-Regular";
  font-size: 14px;
}
.footer .bottom .inner .right .service hr {
  display: block;
  width: 100%;
  height: 1px;
  margin: 20px 0;
  border: none;
  background-image: url("../images/footer-line.png");
  background-size: 100% 100%;
}
}

.main {
  width: 100%;
  height: auto;
}
.main .head {
  width: 100%;
  padding-top: 80px;
  padding-bottom: 32px;
  border-bottom: 2px solid #000;
  text-align: center;
}
.main .head h2 {
  display: inline-block;
  text-align: center;
  font-size: 32px;
  font-family: "Pretendard-SemiBold";
}
.main h3 {
  display: inline-block;
  margin-bottom: 24px;
  text-align: center;
  font-size: 24px;
  font-family: "Pretendard-SemiBold";
}
.main h4 {
  display: inline-block;
  margin-bottom: 24px;
  text-align: center;
  font-size: 22px;
  font-family: "Pretendard-SemiBold";
}
.main .content {
  padding: 0 0 120px;
}

.login {
  width: 100%;
}
.login .inner .select-login-area {
  padding-top: 80px;
}
.login .inner .select-login-area .left,
.login .inner .select-login-area .right {
  width: 515px;
  height: 454px;
  padding: 77px 0;
  border-radius: 8px;
  border: 1px solid var(--h-border-1);
  text-align: center;
}
.login .inner .select-login-area .left .con,
.login .inner .select-login-area .right .con {
  width: 320px;
  margin: 0 auto;
}
.login .inner .select-login-area .left h3,
.login .inner .select-login-area .right h3 {
  margin-bottom: 37px;
  font-size: 24px;
  font-family: "Pretendard-SemiBold";
}
.login .inner .select-login-area .left {
  margin-right: 32px;
}
.login .inner .select-login-area .left input[type=text] {
  width: 320px;
  height: 44px;
  padding-left: 16px;
  border-radius: 4px;
  border: 1px solid var(--h-border-2);
  font-size: 16px;
}
.login .inner .select-login-area .left input[type=text]::-moz-placeholder {
  color: var(--h-border-2);
}
.login .inner .select-login-area .left input[type=text]::placeholder {
  color: var(--h-border-2);
}
.login .inner .select-login-area .left input[type=text]:nth-child(1) {
  margin-bottom: 13px;
}
.login .inner .select-login-area .left input[type=password] {
  width: 320px;
  height: 44px;
  padding-left: 16px;
  border-radius: 4px;
  border: 1px solid var(--h-border-2);
  font-size: 16px;
}
.login .inner .select-login-area .left input[type=password]::-moz-placeholder {
  color: var(--h-border-2);
}
.login .inner .select-login-area .left input[type=password]::placeholder {
  color: var(--h-border-2);
}
.login .inner .select-login-area .left input[type=password]:nth-child(1) {
  margin-bottom: 13px;
}
.login .inner .select-login-area .left label {
  margin-top: 12px;
  margin-bottom: 24px;
}
.login .inner .select-login-area .left label .tit {
  color: var(--h-font-3);
}
.login .inner .select-login-area .left .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
}
.login .inner .select-login-area .left .row a {
  color: var(--h-font-3);
  text-decoration: underline;
}
.login .inner .select-login-area .left .row .box a {
  position: relative;
}
.login .inner .select-login-area .left .row .box a::after {
  position: absolute;
  top: 3px;
  right: 2px;
  content: "";
  display: inline-block;
  width: 2px;
  height: 12px;
  background-color: var(--h-border-1);
}
.login .inner .select-login-area .left .row .box a:first-child {
  padding-right: 12px;
}
.login .inner .select-login-area .left .row .box a:last-child {
  padding-left: 5px;
}
.login .inner .select-login-area .left .row .box a:last-child::after {
  display: none;
}
.login .inner .select-login-area .left .btn-1 {
  width: 320px;
  height: 48px;
}
.login .inner .select-login-area .right .con button {
  margin-bottom: 12px;
}
.login .inner .select-login-area .right .con button:last-child {
  margin-bottom: 0;
}
.login .inner .select-login-area .right .con .row {
  margin-top: 5px;
  text-align: left;
}
.login .inner .select-login-area .right .con .row p {
  position: relative;
  color: var(--h-font-3);
  padding-left: 10px;
  font-size: 12px;
  line-height: 18px;
  word-break: keep-all;
}
.login .inner .select-login-area .right .con .row p:first-child {
  margin-bottom: 5px;
}
.login .inner .sleeper-area {
  text-align: center;
  padding-top: 48px;
}
.login .inner .sleeper-area .title {
  display: inline-block;
  margin-bottom: 40px;
  font-size: 20px;
  font-family: "Pretendard-SemiBold";
}
.login .inner .sleeper-area > .box-t {
  width: 900px;
  padding: 48px 0;
}
.login .inner .sleeper-area > .box-t p {
  margin-bottom: 0;
  line-height: 1.8;
}
.login .inner .sleeper-area .verification-box {
  margin-top: 24px;
}
.login .inner .btn-wrap button {
  margin-top: 80px;
  width: 187px;
  height: 48px;
}

.join .head.no-border {
  border-bottom: none !important;
}
.join .content .intro {
  width: 900px;
  padding: 48px 51px 32px;
  margin: 48px auto 0;
  border-radius: 8px;
  border: 1px solid var(--h-border-4);
  line-height: 1.5em;
}
.join .content .intro .logos {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--h-border-1);
}
.join .content .intro .logos ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.join .content .intro .logos ul li {
  margin-right: 48px;
}
.join .content .intro .logos ul li:last-child {
  margin-right: 0;
}
.join .content .intro .logos ul li a {
  display: inline-block;
  background-size: 100% 100%;
}
.join .content .intro .logos ul li:nth-child(1) a {
  width: 176.25px;
  height: 40px;
  background-image: url("../images/logo.png");
}
.join .content .intro .logos ul li:nth-child(2) a {
  width: 172px;
  height: 40px;
  background-image: url("../images/logo-bnr.png");
}
.join .content .intro .logos ul li:nth-child(3) a {
  width: 192px;
  height: 72px;
  background-image: url("../images/logo-gsg-2.png");
}
.join .content .intro .logos ul li:last-child a {
  width: 124px;
  height: 56px;
  background-image: url("../images/logo-dream-2.png");
}
.join .content .intro .infos {
/*   padding-top: 40px; */
}
.join .content .area {
  margin: 0 auto;
  padding: 80px 0;
 /* text-align: center; */
}
.join .content .area  {
  margin: 0 auto;
  padding: 80px 0;
 /* text-align: center; */
}
.join .content .area:nth-child(2) {
  border-bottom: 1px solid var(--h-border-1);
}
.join .content .area:nth-child(3) {
  padding-bottom: 0;
}
.join .content .area h3 {
  margin-bottom: 30px;
  font-size: 24px;
  font-family: "Pretendard-SemiBold";
}
.step-2 .area h3 {
  margin-top: 50px;
  font-size: 24px;
  font-family: "Pretendard-SemiBold";
}
.join .content > .row {
  margin-top: 28px;
}
.join .content > .row .box-t {
  height: 256px;
  margin: 0 auto;
}
.join .content > .row .box-t .left {
  width: 320px;
}
.join .content > .row .box-t .left button {
  margin-bottom: 16px;
}
.join .content > .row .box-t .left button:last-child {
  margin-bottom: 0;
}
.join .content > .row .box-t .right {
  text-align: left;
}
.join .content > .row .box-t .right .tit {
  margin-bottom: 10px;
  font-family: "Pretendard-Bold";
}
.join .content > .row .box-t .right .con p {
  position: relative;
  padding-left: 10px;
  margin-bottom: 6px;
  font-size: 13px;
}
.join .content > .row .box-t .right .con p:last-child {
  margin-bottom: 0;
}
.join .content > .row .box-t .right .con p::before {
  position: absolute;
  left: 0;
  content: "·";
  display: inline-block;
}
.join .content > .row .box-t .right .con p span.b {
  text-decoration: underline;
  font-family: "Pretendard-SemiBold";
}
.join .content .btn-wrap {
  padding-top: 80px;
}
.join .content .btn-wrap a,
.join .content .btn-wrap button {
  width: 187px;
  height: 48px;
}
.join .content .box-t {
  margin-top: 28px;
}
.join .content .box-t .left button {
  margin-bottom: 16px;
}
.join .content .box-t .left button:last-child {
  margin-bottom: 0;
}
.join .content .box-t .tit {
  margin-bottom: 10px;
  text-align: left;
  font-size: 16px;
  font-family: "Pretendard-Bold";
}
.join .content .box-t .con {
  text-align: left;
  font-size: 14px;
}
.join .content .box-t .con p {
  margin-bottom: 6px;
}
.join .content .box-t .con p:last-child {
  margin-bottom: 0;
}
.join .content .box-t .con p span.b {
  text-decoration: underline;
  font-family: "Pretendard-SemiBold";
}
.join .content .area-user-type {
  margin-top: 28px;
}
.join .content .area-user-type .easy-login-row {
  width: 842px;
  margin: 0 auto;
}
.join .content .area-user-type .easy-login-row .box-t {
  padding: 42px 70px;
}
.join .content .area-user-type .easy-login-row .left {
  width: 320px;
}
.join .content .terms-agreement {
  width: 900px;
  margin: 0 auto;
}
.join .content .terms-agreement .row:not(:first-child) {
  padding: 80px 0;
  border-bottom: 1px solid var(--h-border-4);
}
.join .content .terms-agreement .row:first-child {
  padding-top: 0;
}
.join .content .terms-agreement .row:last-child {
  border-bottom: 1px solid var(--h-border-7);
}
.join .content .terms-agreement .checkbox-field label {
  width: 100%;
  height: 72px;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid var(--h-border-1);
}
.join .content .terms-agreement .textarea {
  width: 100%;
  height: 210px;
  padding: 32px;
  background-color: var(--h-bg-1);
  overflow-y: auto;
}
.join .content .terms-agreement .textarea h1 {
  padding-bottom: 24px;
  font-size: 18px;
  font-family: "Pretendard-Bold";
}
.join .content .terms-agreement .textarea h2 {
  padding-bottom: 16px;
  font-size: 16px;
  font-family: "Pretendard-SemiBold";
}
.join .content .terms-agreement .textarea p {
  padding-bottom: 16px;
  font-size: 14px;
}
.join .content .terms-agreement .bottom {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
}
.join .content .terms-agreement .bottom .right {
  display: flex;
}
.join .content .terms-agreement .bottom .title {
  padding-right: 40px;
  font-size: 18px;
  font-family: "Pretendard-SemiBold";
}
.join .content .terms-agreement .bottom .radio-field {
  font-size: 16px;
  font-family: "Pretendard-Medium";
}
.join .content .terms-agreement .bottom .radio-field:not(:last-child) {
  margin-right: 16px;
}
.join .content .terms-agreement .bottom .radio-field input:checked + label {
  border: none !important;
}
.join .content .tabs {
  width: 900px;
  margin: 0 auto;
  margin-top: 48px;
  margin-bottom: 48px;
}
.join .content .forms .row.head-row h3 {
  margin-bottom: 0;
  font-family: "Pretendard-Bold";
}
.join .content .forms .row.head-row p {
  font-size: 14px;
}
.join .content .forms .field .row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--h-border-1);
}
.join .content .forms .field .row:first-child {
  border-top: 1px solid var(--h-border-8);
}
.join .content .forms .field .row.row1 {
  height: 105px;
}
.join .content .forms .field .row.row1 .left span {
  font-family: "Pretendard-SemiBold";
}
.join .content .forms .field .row.row2 {
  height: 127px;
}
.join .content .forms .field .row.row2 .left span {
  font-family: "Pretendard-SemiBold";
}
.join .content .forms .field .row.row3 {
  height: 105px;
}
.join .content .forms .field .row.row3 .left span {
  font-family: "Pretendard-SemiBold";
}
.join .content .forms .field .row.row4 {
  height: 65px;
}
.join .content .forms .field .row.row4 .left span {
  font-family: "Pretendard-SemiBold";
}
.join .content .forms .field .row.row5 {
  height: 64px;
}
.join .content .forms .field .row.row5 .left span {
  font-family: "Pretendard-SemiBold";
}
.join .content .forms .field .row.row100 {
  height: 64px;
}
.join .content .forms .field .row.row100 .left span {
  font-family: "Pretendard-SemiBold";
}
.join .content .forms .field .row.row100 .radio-field {
  margin-right: 8px;
}
.join .content .forms .field .row.row100 .radio-field:last-child {
  margin-right: 0;
}
.join .content .forms .field .row.row100 input:checked + label {
  border: none !important;
}
.join .content .forms .field .row.row6 {
  height: 64px;
}
.join .content .forms .field .row.row6 .left span {
  font-family: "Pretendard-SemiBold";
}
.join .content .forms .field .row.row7 {
  height: 126px;
}
.join .content .forms .field .row.row7 .left span {
  font-family: "Pretendard-SemiBold";
}
.join .content .forms .field .row.row8 {
  height: 121px;
}
.join .content .forms .field .row.row8 .left span {
  font-family: "Pretendard-SemiBold";
}
.join .content .forms .field .row.row9 {
  height: 105px;
}
.join .content .forms .field .row.row9 .left span {
  font-family: "Pretendard-SemiBold";
}
.join .content .forms .field .row.row10 {
  height: 104px;
}
.join .content .forms .field .row.row11 {
  height: 104px;
}
.join .content .forms .field .row.row11 .left span {
  font-family: "Pretendard-SemiBold";
}
.join .content .forms .field .row.row12 {
  height: 156px;
}
.join .content .forms .field .row.row12 .left span {
  font-family: "Pretendard-SemiBold";
}
.join .content .forms .field .row .db-chk-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 44px;
  margin-left: 8px;
  font-family: "Pretendard-Medium";
}
.join .content .forms .field .row .chk-disability-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 141px;
  height: 44px;
  margin-left: 8px;
  font-family: "Pretendard-Medium";
}
.join .content .forms .field .row .find-address-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 95px;
  height: 44px;
  margin-left: 8px;
  font-family: "Pretendard-Medium";
}
.join .content .welcome-area {
  padding: 0;
  border-bottom: 0 !important;
}
.join .content .welcome-area .box-t {
  display: block;
  width: 900px;
  margin-top: 0;
  padding: 56px 0;
  background-image: url("../images/welcome.png");
  background-position: center 30%;
  background-size: 80px 80px;
  background-repeat: no-repeat;
}
.join .content .welcome-area .box-t .tit {
  width: 100%;
  margin-top: 120px;
  text-align: center;
  font-family: "Pretendard-SemiBold";
  font-size: 24px;
}
.join .content .welcome-area .box-t .des {
  font-size: 15px;
  color: var(--h-font-3);
}
.join .content .step-1 .infos {
  width: 900px;
  margin: auto;
  padding-top: 32px;
}
.join .content .step-1 .btn-wrap a,
.join .content .step-1 .btn-wrap button {
  width: 187px;
  height: 48px;
}
.join .content .step-2 .area {
  padding: 0;
}
.join .content .step-3 .area {
  padding: 80px 0;
  border-bottom: 1px solid var(--h-border-1);
}
.join .content .step-3 .area:first-child {
  padding-top: 0;
}
.join .content .step-3 .area:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.join .content .step-3 .area.area-2 .box-t {
  padding: 32px 72px;
}
.join .content .step-3 .area.area-2 button {
  width: 406px;
  height: 48px;
}
.join .content .step-3 .area.area-2 .infos {
  text-align: left;
}
.join .content .step-3 .area .box-t {
  width: 900px;
  padding: 32px;
}
.join .content .step-3 .area .bottom {
  width: 900px;
  margin: 17px auto 0;
}
.join .content .step-4 .area {
  width: 900px;
  padding: 0;
}
.join .content .step-4 .area .box-t {
  width: 100%;
  padding: 47px 0;
}
.join .content .step-4 .btn-wrap a,
.join .content .step-4 .btn-wrap button {
  width: 187px;
  height: 48px;
}

.findid .select-area {
  padding: 80px 0;
  text-align: center;
}
.findid .select-area .title {
  display: inline-block;
  margin-bottom: 40px;
  text-align: center;
  font-size: 20px;
  font-family: "Pretendard-SemiBold";
}
.findid .select-area .radio-field {
  display: block;
}
.findid .select-area .radio-field:first-child {
  margin-right: 32px;
}
.findid .select-area .radio-field label {
  width: 405px;
  height: 96px;
  border: 1px solid var(--h-border-1);
  padding: 20px;
  border-radius: 8px;
}
.findid .select-area .radio-field .tit {
  font-family: "Pretendard-Medium";
}
.findid .select-area .radio-field .des {
  margin-top: 12px;
  font-size: 14px;
}
.findid .select-area .radio-field .r {
  text-align: left;
}
.findid .select-area .user-info-row,
.findid .select-area .verification-row {
  margin-top: 80px;
  text-align: center;
}
.findid .select-area .user-info-row h3,
.findid .select-area .verification-row h3 {
  font-size: 20px;
}
.findid .select-area .user-info-row .tabs {
  width: 842px;
  margin: 0 auto;
}
.findid .select-area .user-info-row .tabs .t {
  width: 421px;
}
.findid .result-box {
  margin: 85px 0 80px;
  padding: 46px 0;
}
.findid .result-box span {
  font-family: "Pretendard-SemiBold";
}
.findid .btn-wrap a,
.findid .btn-wrap button {
  width: 187px;
  height: 48px;
}

.findpw .select-area {
  padding: 80px 0;
  text-align: center;
}
.findpw .select-area .title {
  display: inline-block;
  margin-bottom: 40px;
  text-align: center;
  font-size: 20px;
  font-family: "Pretendard-SemiBold";
}
.findpw .select-area .verification-row {
  margin-top: 80px;
  text-align: center;
}
.findpw .pw-confirm-area {
  width: 900px;
  margin: 0 auto;
  margin-bottom: 80px;
}
.findpw .pw-confirm-area .box-t {
  padding: 32px 0;
  text-align: left;
}
.findpw .pw-confirm-area .forms .flex-between p {
  font-size: 14px;
}
.findpw .pw-confirm-area .forms .field .row.row1 {
  height: 127px;
}
.findpw .pw-confirm-area .forms .field .row.row2 {
  height: 105px;
}
.findpw .pw-confirm-area .forms .field .row .left span {
  font-family: "Pretendard-SemiBold";
}
.findpw .btn-wrap a,
.findpw .btn-wrap button {
  width: 187px;
  height: 48px;
}

.manage .head.no-border {
  padding-bottom: 0;
  border-bottom: none !important;
}
.manage .pw-check-area {
  width: 900px;
  margin: 0 auto;
  margin-top: 120px;
  padding: 100px 328px;
  border-radius: 8px;
  border: 1px solid var(--h-border-1);
  text-align: center;
}
.manage .pw-check-area .title {
  margin-bottom: 37px;
  font-size: 24px;
  font-family: "Pretendard-SemiBold";
}
.manage .pw-check-area input {
  display: block;
  width: 320px;
  margin: 0 auto;
  margin-bottom: 12px;
}
.manage .pw-check-area button {
  width: 320px;
  height: 48px;
  margin-top: 32px;
}
.manage .manage-account-area .tabs {
  width: 900px;
  margin: 32px auto 48px;
}
.manage .manage-account-area .tabs .t {
  width: 354px;
}
.manage .manage-account-area .forms .flex-between {
  margin-bottom: 16px;
}
.manage .manage-account-area .forms .flex-between h4 {
  margin-bottom: 0;
}
.manage .manage-account-area .forms .flex-between p {
  font-size: 14px;
}
.manage .manage-account-area .forms .field .row.row1 {
  height: 65px;
}
.manage .manage-account-area .forms .field .row.row2 {
  height: 65px;
}
.manage .manage-account-area .forms .field .row.row3 {
  height: 64px;
}
.manage .manage-account-area .forms .field .row.row4 {
  height: 64px;
}
.manage .manage-account-area .forms .field .row.row5 {
  height: 126px;
}
.manage .manage-account-area .forms .field .row.row6 {
  height: 65px;
}
.manage .manage-account-area .forms .field .row.row6 .left span {
  font-family: "Pretendard-SemiBold";
}
.manage .manage-account-area .forms .field .row.row7 {
  height: 65px;
}
.manage .manage-account-area .forms .field .row.row7 .left span {
  font-family: "Pretendard-SemiBold";
}
.manage .manage-account-area .forms .field .row.row8 {
  height: 104px;
}
.manage .manage-account-area .forms .field .row.row9 {
  height: 70px;
}
.manage .manage-account-area .forms .field .row.row9 .left span {
  font-family: "Pretendard-SemiBold";
}
.manage .manage-account-area .forms .field .row.row10 {
  height: 156px;
}
.manage .manage-account-area .forms .field .row.row10 .left span {
  font-family: "Pretendard-SemiBold";
}
.manage .manage-account-area .forms .field .row.row10 button {
  width: 95px;
  height: 44px;
  margin-left: 8px;
}
.manage .manage-account-area .forms .field .row.row12 {
  height: 65px;
}
.manage .manage-account-area .forms .field .row.row13 {
  height: 65px;
}
.manage .manage-account-area .forms .field .row.row13 .left span {
  font-family: "Pretendard-SemiBold";
}
.manage .manage-account-area .forms .field .row.row14 {
  height: 127px;
}
.manage .manage-account-area .forms .field .row.row14 .left span {
  font-family: "Pretendard-SemiBold";
}
.manage .manage-account-area .forms .field .row.row15 {
  height: 105px;
}
.manage .manage-account-area .forms .field .row.row15 .left span {
  font-family: "Pretendard-SemiBold";
}
.manage .manage-account-area .forms .field .row.row16 {
  height: 65px;
}
.manage .manage-account-area .forms .field .row.row17 {
  height: 65px;
}
.manage .manage-account-area .forms .field .row.row17 .left span {
  font-family: "Pretendard-SemiBold";
}
.manage .manage-account-area .forms .field .row.row18 {
  height: 181px;
}
.manage .manage-account-area .forms .field .row.row18 .left span {
  font-family: "Pretendard-SemiBold";
}
.manage .manage-account-area .forms .field .row.row18 textarea {
  width: 736px;
  height: 160px;
  border-radius: 8px;
  border: 1px solid var(--h-border-1);
  resize: none;
}
.manage .manage-account-area .forms .field .change-name-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 44px;
  margin-left: 8px;
  font-family: "Pretendard-Medium";
}
.manage .manage-account-area .forms .add-disability-type-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 196px;
  height: 44px;
  margin-right: 8px;
  font-family: "Pretendard-Medium";
}
.manage .manage-account-area .forms .box-t {
  display: block;
  width: 100%;
  padding: 48px 0 24px;
}
.manage .manage-account-area .forms .box-t .row {
  justify-content: center;
  margin-bottom: 16px;
  border-bottom: none;
}
.manage .manage-account-area .forms .box-t .row:nth-child(1) {
  border-top: none;
}
.manage .manage-account-area .forms .box-t .row:nth-child(3) {
  margin-bottom: 40px;
}
.manage .manage-account-area .forms .box-t .row label {
  min-width: 90px;
  text-align: left;
  font-size: 17px;
  font-family: "Pretendard-SemiBold";
}
.manage .manage-account-area .forms .box-t .row button {
  width: 463px;
  height: 48px;
  margin-left: 56px;
}
.manage .change-pw-area .box-t {
  width: 900px;
  padding: 32px;
  text-align: left;
}
.manage .sign-out-area .box-t {
  width: 900px;
  padding: 32px;
  justify-content: flex-start;
}
.manage .sign-out-area .box-t .infos {
  width: 100%;
  text-align: left;
}
.manage .sign-out-area .box-t .r {
  color: var(--h-red-1);
  font-family: "Pretendard-SemiBold";
}
.manage .sign-out-area .box-t .tit {
  font-size: 18px;
  font-family: "Pretendard-SemiBold";
}
.manage .btn-wrap {
  margin-top: 80px;
}
.manage .btn-wrap a,
.manage .btn-wrap button {
  width: 187px;
  height: 48px;
}

@media screen and (max-width: 1300px) {
  .header {
    height: 56px;
  }
  .header .inner {
    width: 100%;
  }
  .header .inner .left h1 {
    margin-left: 22px;
    font-size: 18px;
  }
  .header .inner .left .mobile-hide {
    display: none;
  }
  .header .inner .right ul li {
    margin-right: 22px;
  }
  .header .inner .right ul li:not(.header .inner .right ul li:first-child) {
    display: none;
  }
  .header .inner .right ul li a {
    max-width: 111.97px;
    max-height: 24px;
  }
  .footer {
    height: auto;
  }
  .footer .head {
    height: auto;
    padding: 0 20px;
    padding-top: 32px;
  }
  .footer .head .inner {
    display: block;
    width: 100%;
  }
  .footer .head .inner .left ul {
    display: block;
    margin-bottom: 25px;
  }
  .footer .head .inner .left ul li {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
  }
  .footer .head .inner .left ul li::after {
    position: absolute;
    top: 2px;
    right: -10px;
    content: "";
    display: block;
    width: 2px;
    height: 12px;
    background-color: var(--h-border-6);
  }
  .footer .head .inner .left ul li:nth-child(2) {
    width: calc(100% - 96.8px - 50px);
    margin-bottom: 13px;
  }
  .footer .head .inner .left ul li:nth-child(2)::after {
    display: none;
  }
  .footer .head .inner .right {
    display: block;
  }
  .footer .head .inner .right .links {
    margin-right: 0 !important;
  }
  .footer .head .inner .right .links:first-child {
    margin-bottom: 10px;
  }
  .footer .head .inner .right .links select {
    width: calc(100% - 60px - 10px);
    height: 44px;
    margin-right: 5px;
  }
  .footer .head .inner .right .links button {
    width: 60px;
    height: 44px;
    font-size: 16px;
  }
  .footer .bottom {
    padding: 0 20px;
  }
  .footer .bottom .inner {
    display: block;
    width: 100%;
  }
  .footer .bottom .inner .left {
    margin-top: 24px;
  }
  .footer .bottom .inner .left .logo {
    width: 178.57px;
    height: 40px;
  }
  .footer .bottom .inner .left .address {
    line-height: 22px;
  }
  .footer .bottom .inner .left .address p {
    font-size: 14px;
  }
  .footer .bottom .inner .left .address p .slash {
    display: none;
  }
  .footer .bottom .inner .left .address p .next-line {
    display: block;
  }
  .footer .bottom .inner .left .social {
    justify-content: center;
    padding-bottom: 22px;
  }
  .footer .bottom .inner .right {
    display: none;
  }
  .main .inner {
    width: 100%;
    padding: 0 20px;
  }
  
  .main .head {
    padding-top: 24px;
    padding-bottom: 16px;
  }
  .main .head h2 {
    font-size: 22px;
    font-family: "Pretendard-Bold";
  }
  .main .content {
    padding: 0 0 40px;
  }
  .main .area {
    padding-top: 48px;
    border-bottom: 0;
  }
  .main .area:last-child {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main .area h3 {
    margin-bottom: 12px;
    text-align: left;
    font-size: 18px;
  }
  .main .row h3 {
    margin-bottom: 12px;
    font-size: 18px;
  }
  .main .btn-1,
  .main .btn-onepass,
  .main .btn-naver,
  .main .btn-kakao,
  .main input[type=text],
  .main select,
  .main textarea {
    width: 100% !important;
  }
  .main .select-t {
    display: block;
  }
  .main .select-t.type-1 .radio-field {
    margin-bottom: 12px;
    margin-right: 0;
  }
  .main .select-t.type-1 .radio-field label {
    width: 100%;
  }
  .main .select-t.type-1 .radio-field:last-child {
    margin-bottom: 0;
  }
  .main .select-t.type-2 .radio-field {
    margin-right: 0;
    margin-bottom: 12px;
  }
  .main .select-t.type-2 .radio-field:last-child {
    margin-bottom: 0;
  }
  .main .select-t.type-2 .radio-field label {
    width: 100%;
  }
  .main .box-t {
    display: block;
    width: 100%;
    height: auto;
    padding: 24px 20px;
  }
  .main .box-t .left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .main .box-t p {
    margin-bottom: 10px;
  }
  .main .btn-wrap {
    display: flex;
  }
  .main .btn-wrap a {
    line-height: 44px;
  }
  .main .btn-wrap a,
  .main .btn-wrap button {
    width: 100% !important;
  }
  .main .btn-wrap.type-2 a,
  .main .btn-wrap.type-2 button {
    width: 50% !important;
  }
  .main .infos {
    width: 100%;
    padding-top: 20px;
  }
  .main .infos p {
    font-size: 13px;
  }
  .main .tabs {
    margin: 0;
  }
  .main .tabs .t {
    width: 25%;
    height: 40px;
    font-size: 15px;
  }
  .biz .tabs .t {
    width: 33%;
  }
  .main .form-box {
    width: 100%;
    margin-top: 24px;
    padding: 16px 32px;
  }
  .main .form-box .flex {
    display: block;
  }
  .main .form-box .flex label {
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
  }
  .main .forms {
    width: 100% !important;
    padding: 32px 0;
  }
  .main .forms > .row h3 {
    font-size: 18px;
  }
  .main .forms > .row h4 {
    margin-bottom: 8px;
    font-size: 16px;
  }
  .main .forms > .row .head-row {
    margin-bottom: 24px;
  }
  .main .forms > .row .head-row p {
    font-size: 13px;
  }
  .main .forms > .row > .row:nth-child(2) {
    margin-top: 0;
  }
  .main .forms > .row .field .row {
    display: block;
    height: auto !important;
    padding-top: 24px;
    border-bottom: 0;
  }
  .main .forms > .row .field .left {
    width: 100%;
    padding-top: 0;
    background-color: transparent;
  }
  .main .forms > .row .field .left label {
    margin-left: 0;
    font-size: 15px;
    font-family: "Pretendard-SemiBold";
  }
  .main .forms > .row .field .right {
    padding: 8px 0 0;
  }
  .main .forms > .row .field .right .if {
    font-size: 12px;
  }
  .main .forms > .row .field input {
    width: 100%;
  }
  .login {
    padding: 0;
  }
  .login .inner .select-login-area {
    display: block;
    padding-top: 16px;
  }
  .login .inner .select-login-area .left,
  .login .inner .select-login-area .right {
    width: 100%;
    height: auto;
    padding: 0;
    border: 0;
  }
  .login .inner .select-login-area .left .con,
  .login .inner .select-login-area .right .con {
    width: 100%;
  }
  .login .inner .select-login-area .left h3,
  .login .inner .select-login-area .right h3 {
    margin-top: 24px;
    margin-bottom: 24px;
    text-align: center;
    font-size: 20px;
  }
  .login .inner .select-login-area .left {
    margin-right: 0;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--h-border-1);
  }
  .login .inner .select-login-area .left .row a {
    font-size: 14px;
  }
  .login .inner .select-login-area .right {
    padding: 40px 0 0;
  }
  .login .inner .select-login-area .right h3 {
    margin-top: 0;
  }
  .login .inner .sleeper-area {
    text-align: center;
    padding-top: 40px;
  }
  .login .inner .sleeper-area .title {
    margin-bottom: 24px;
    font-size: 18px;
  }
  .login .inner .sleeper-area > .box-t {
    width: 100%;
    padding: 20px;
  }
  .login .inner .sleeper-area > .box-t p {
    font-size: 15px;
  }
  .login .inner .sleeper-area .verification-box {
    margin-top: 12px;
  }
  .login .inner .sleeper-area .verification-box .left {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--h-border-1);
  }
  .login .inner .sleeper-area .verification-box .infos {
    padding-top: 0;
  }
  .login .inner .sleeper-area .verification-box button {
    width: 100%;
  }
  .login .inner .btn-wrap button {
    margin-top: 40px;
  }
  .join .inner .content {
    padding: 0 0 40px;
  }
  .join .inner .content .intro {
    width: 100%;
    padding: 20px;
    margin-top: 40px;
  }
  .join .inner .content .intro .logos {
    padding-bottom: 20px;
  }
  .join .inner .content .intro .logos ul {
    display: block;
  }
  .join .inner .content .intro .logos ul li {
    display: inline-block;
    width: calc(50% - 16px);
    margin-right: 16px;
    text-align: center;
  }
  .join .inner .content .intro .logos ul li:nth-child(1) a {
    max-width: 105.75px;
    max-height: 24px;
  }
  .join .inner .content .intro .logos ul li:nth-child(2) {
    margin-bottom: 20px;
  }
  .join .inner .content .intro .logos ul li:nth-child(2) a {
    max-width: 120px;
    max-height: 28px;
  }
  .join .inner .content .intro .logos ul li:nth-child(3) a {
    max-width: 140px;
    max-height: 56px;
  }
  .join .inner .content .intro .logos ul li:nth-child(4) a {
    max-width: 105px;
    max-height: 48.07px;
  }
  .join .inner .content .intro .logos ul li:nth-child(2n) {
    margin-right: 0;
  }
  .join .inner .content .intro .infos {
    padding-top: 20px;
  }
  .join .inner .content .area {
    padding: 48px 0;
  }
  .join .inner .content .area:nth-child(2) {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .join .inner .content > .row .box-t .left button {
    margin-bottom: 10px;
  }
  .join .inner .content .forms .field .row.row1 input {
    width: calc(100% - 88px - 8px) !important;
  }
  .join .inner .content .forms .field .row.row8 select {
    width: calc(100% - 133px - 8px) !important;
  }
  .join .inner .content .forms .field .row.row10, .join .inner .content .forms .field .row.row11 {
    position: relative;
  }
  .join .inner .content .forms .field .row.row10 .flex, .join .inner .content .forms .field .row.row11 .flex {
    position: absolute;
    top: 23px;
    right: 0;
  }
  .join .inner .content .forms .field .row.row12 select {
    width: calc(100% - 96px - 8px) !important;
  }
  .join .inner .content .forms .field .row.row12 .l:nth-child(2) {
    display: block;
  }
  .join .inner .content .forms .field .row.row12 .l:nth-child(2) input {
    margin-bottom: 8px;
  }
  .join .inner .content .forms .field .row .db-chk-btn {
    width: 88px;
    font-size: 16px;
  }
  .join .inner .content .forms .field .row .chk-disability-btn {
    width: 133px;
    font-size: 16px;
  }
  .join .inner .content .forms .field .row .find-address-btn {
    font-size: 16px;
  }
  .join .inner .content .btn-wrap {
    padding-top: 4;
  }
  .join .inner .content .welcome-area {
    padding-top: 32px;
    padding-bottom: 32px !important;
  }
  .join .inner .content .welcome-area .box-t {
    margin-top: 0;
    padding: 24px;
  }
  .join .inner .content .area-user-type {
    padding: 48px 0 32px;
  }
  .join .inner .content .area-user-type .easy-login-row {
    width: 100%;
  }
  .join .inner .content .area-user-type .easy-login-row .box-t {
    width: 100%;
    padding: 24px 20px;
  }
  .join .inner .content .area-user-type .easy-login-row .left {
    width: 100%;
  }
  .join .inner .content .area-user-type h3,
  .join .inner .content .area-disability h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .join .inner .content .box-t {
    width: 100%;
    margin-top: 16px;
    padding: 20px !important;
  }
  .join .inner .content .box-t .tit {
    font-size: 16px;
    font-family: "Pretendard-Bold";
  }
  .join .inner .content .box-t .con {
    font-size: 14px;
  }
  .join .inner .content .tabs {
    width: 100%;
    /* margin: 0 auto; */
  }
  .join .inner .content .step-1 .terms-agreement {
    width: 100%;
  }
  .join .inner .content .step-1 .terms-agreement .checkbox-field label {
    height: 56px;
    padding: 16px;
  }
  .join .inner .content .step-1 .terms-agreement .row:not(:first-child) {
    padding: 32px 0;
  }
  .join .inner .content .step-1 .terms-agreement .row:first-child {
    padding-top: 32px;
  }
  .join .inner .content .step-1 .terms-agreement .textarea {
    padding: 24px 20px;
  }
  .join .inner .content .step-1 .terms-agreement .textarea h1 {
    padding-bottom: 12px;
  }
  .join .inner .content .step-1 .terms-agreement .textarea h2 {
    padding-bottom: 8px;
  }
  .join .inner .content .step-1 .terms-agreement .bottom {
    justify-content: flex-start;
    padding-top: 11px;
  }
  .join .inner .content .step-1 .terms-agreement .bottom .title {
    flex-grow: 1;
    font-size: 16px;
  }
  .join .inner .content .step-1 .terms-agreement .bottom .right {
    display: flex;
    align-items: center;
    min-width: 150px;
  }
  .join .inner .content .step-1 .infos {
    width: 100%;
    padding-bottom: 32px;
  }
  .join .inner .content .step-2 h3 {
    margin-top: 32px;
    text-align: center;
  }
  .join .inner .content .step-2 .box-t {
    margin-bottom: 0;
  }
  .join .inner .content .step-2 .box-t .left {
    width: 100%;
    height: auto;
    margin-bottom: 24px;
  }
  .join .inner .content .step-2 .box-t .left .infos {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--h-border-1);
  }
  .join .inner .content .step-2 .box-t .right {
    width: 100%;
    height: auto;
  }
  .join .inner .content .step-2 .box-t button {
    width: 100%;
    margin-bottom: 16px;
  }
  .join .inner .content .step-2 .box-t .infos {
    width: 100%;
    margin-top: 0;
    padding: 0;
  }
  .join .inner .content .step-3 .area {
    padding: 32px 0;
    border-bottom: 1px solid var(--h-border-1);
  }
  .join .inner .content .step-3 .area:first-child {
    padding-top: 32px;
  }
  .join .inner .content .step-3 .area:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .join .inner .content .step-3 .area h3 {
    text-align: center;
  }
  .join .inner .content .step-3 .area h4 {
    font-size: 18px;
    text-align: left;
  }
  .join .inner .content .step-3 .area .box-t {
    width: 100%;
    padding: 24px 20px;
  }
  .join .inner .content .step-3 .area .box-t button {
    width: 100%;
  }
  .join .inner .content .step-3 .area .box-t .infos {
    padding-top: 0;
  }
  .join .inner .content .step-3 .area .bottom {
    width: 100%;
    font-size: 14px;
  }
  .join .inner .content .step-3 .area .bottom .checkbox-field {
    justify-content: flex-start;
  }
  .join .inner .content .step-4 .area {
    width: 100%;
    padding: 32px 0;
  }
  .findid .select-area {
    padding-top: 40px;
    padding-bottom: 32px;
  }
  .findid .select-area .title {
    margin-bottom: 0;
    font-size: 18px;
  }
  .findid .select-area .flex-center {
    display: block;
  }
  .findid .select-area .radio-field:first-child {
    margin-right: 0;
  }
  .findid .select-area .radio-field label {
    width: 100%;
  }
  .findid .select-area .radio-field .des {
    font-size: 13px;
  }
  .findid .select-area .user-info-row,
  .findid .select-area .verification-row {
    margin-top: 40px;
  }
  .findid .select-area .user-info-row h3,
  .findid .select-area .verification-row h3 {
    text-align: center;
    font-size: 18px;
  }
  .findid .select-area .user-info-row button,
  .findid .select-area .verification-row button {
    width: 100%;
  }
  .findid .select-area .user-info-row .infos,
  .findid .select-area .verification-row .infos {
    margin-top: 16px;
    padding-top: 0;
  }
  .findid .select-area .user-info-row .left,
  .findid .select-area .user-info-row .right,
  .findid .select-area .verification-row .left,
  .findid .select-area .verification-row .right {
    height: auto;
  }
  .findid .select-area .user-info-row .tabs .t {
    width: 50%;
  }
  .findid .result-box {
    margin: 32px 0;
  }
  .findpw .select-area {
    padding-top: 40px;
    padding-bottom: 32px;
  }
  .findpw .select-area .title {
    margin-bottom: 0;
    font-size: 18px;
  }
  .findpw .select-area .title span {
    font-family: "Pretendard-SemiBold";
  }
  .findpw .select-area .verification-row {
    margin-top: 40px;
  }
  .findpw .select-area .verification-row h3 {
    text-align: center;
  }
  .findpw .select-area .verification-row button {
    width: 100%;
  }
  .findpw .select-area .verification-row .infos {
    padding-top: 0;
  }
  .findpw .select-area .verification-row .left,
  .findpw .select-area .verification-row .right {
    height: auto;
  }
  .findpw .select-area .verification-row .left {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--h-border-1);
  }
  .findpw .select-area .verification-row .left p:last-child {
    margin-bottom: 0;
  }
  .findpw .select-area .form-box label {
    text-align: left;
  }
  .findpw .pw-confirm-area {
    width: 100%;
    margin-bottom: 32px;
  }
  .findpw .pw-confirm-area .box-t {
    padding: 20px 24px;
  }
  .findpw .pw-confirm-area .forms .flex-between p {
    font-size: 13px;
  }
  .findpw .pw-confirm-area .forms .field .row.row1 {
    height: 127px;
  }
  .findpw .pw-confirm-area .forms .field .row.row2 {
    height: 105px;
  }
  .manage .pw-check-area {
    width: 100%;
    margin-top: 40px;
    padding: 0;
    border-radius: 0;
    border: none;
  }
  .manage .pw-check-area .title {
    margin-bottom: 24px;
    font-size: 20px;
  }
  .manage .pw-check-area input {
    margin-bottom: 10px;
  }
  .manage .pw-check-area button {
    width: 100%;
    margin-top: 32px;
  }
  .manage .manage-account-area {
    padding-top: 0;
  }
  .manage .manage-account-area .tabs {
    width: 100%;
    margin: 16px auto 24px;
  }
  .manage .manage-account-area .tabs .t {
    width: 33.33%;
  }
  .manage .manage-account-area .forms .flex-between {
    margin-bottom: 16px;
  }
  .manage .manage-account-area .forms .flex-between h4 {
    margin-bottom: 0;
  }
  .manage .manage-account-area .forms .flex-between p {
    font-size: 13px;
  }
  .manage .manage-account-area .forms .field .row.row8 {
    position: relative;
  }
  .manage .manage-account-area .forms .field .row.row8 .flex {
    position: absolute;
    top: 23px;
    right: 0;
  }
  .manage .manage-account-area .forms .field .row.row9 {
    position: relative;
  }
  .manage .manage-account-area .forms .field .row.row9 .flex {
    position: absolute;
    top: 23px;
    right: 0;
  }
  .manage .manage-account-area .forms .field .row.row10 .flex:nth-child(2) {
    display: block;
  }
  .manage .manage-account-area .forms .field .row.row10 .flex:nth-child(2) input:first-child {
    margin-bottom: 12px;
  }
  .manage .manage-account-area .forms .field .row.row10 button {
    width: 95px;
    height: 44px;
    margin-left: 8px;
  }
  .manage .manage-account-area .forms .field .row.row11 {
    padding-top: 0;
  }
  .manage .manage-account-area .forms .field .change-name-btn,
  .manage .manage-account-area .forms .field .find-address-btn {
    font-size: 16px;
  }
  .manage .manage-account-area .forms .add-disability-type-btn {
    width: 156px;
    height: 34px;
    margin-right: 8px;
    font-family: "Pretendard-Medium";
    font-size: 15px;
  }
  .manage .manage-account-area .forms .box-t {
    padding: 32px 20px 24px;
  }
  .manage .manage-account-area .forms .box-t .row {
    padding-top: 0;
    margin-bottom: 24px;
    text-align: left;
  }
  .manage .manage-account-area .forms .box-t .row:nth-child(3) {
    margin-bottom: 32px;
  }
  .manage .manage-account-area .forms .box-t .row:nth-child(4) {
    margin-bottom: 0;
  }
  .manage .manage-account-area .forms .box-t .row label {
    display: block;
    margin-bottom: 9px;
    font-size: 15px;
  }
  .manage .manage-account-area .forms .box-t .row button {
    width: 100%;
    height: 44px;
    margin-left: 0;
  }
  .manage .change-pw-area .box-t {
    width: 100%;
    padding: 24px;
  }
  .manage .change-pw-area .box-t .infos {
    padding-top: 0;
  }
  .manage .sign-out-area .box-t {
    width: 100%;
    padding: 24px 20px;
  }
  .manage .sign-out-area .box-t .tit {
    font-size: 16px;
  }
  .manage .sign-out-area .box-t .infos {
    padding-top: 0;
  }
  .manage .sign-out-area textarea {
    height: 174px;
  }
  .manage .btn-wrap {
    margin-top: 0;
  }
  .manage .btn-wrap a,
  .manage .btn-wrap button {
    height: 44px;
  }
}


* {/*position: relative;*/margin: 0;padding: 0;box-sizing: border-box;border-color: inherit;}
html, body {height:100%;}
body {font-size:15px;color:#000;background-color:#fff;-webkit-print-color-adjust:exact}
#skip a {position:absolute; left:-3000%;}
#skip a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center;}
.hide{display:none;}
#wrap{width:100%;height:100%;min-width:320px;/*overflow:hidden;*/}
.clearfix {display:none !important;}

/* Header */
#header .area_links{position:relative;max-width:1100px;margin:0 auto;display:table;width:100%;height:60px;}
#header .area_links >*{display:table-cell;vertical-align:middle;}
#header .logo{width:173px;padding-left:10px;text-align:left}
#header .logo a{display:block;}


#container {width:100%;}
.sub{padding-left:240px}
.sub_panel{max-width:1100px;margin:0 auto;padding:40px 10px 0;overflow:hidden;}


/* Location */
.location{padding:0 10px;border-bottom:1px solid #ebebeb;border-top:1px solid #999;background-color:#fafafa}
.location .loc{max-width:1100px;margin:0 auto;padding:10px 0 10px 15px}
.location .home{width:14px;height:12px;background:url("../images/bg_location_home.png") no-repeat;}
.location span{width:6px;height:11px;margin:0 15px;background:url("../images/bg_location_arrow.png") no-repeat;}
.location strong, .location span{display:inline-block;vertical-align:middle;text-indent:-9999px;}

/* leftmenu */
.slnb, .lnb{float:left;width:200px}
.lnb .ltitle{font-size:30px;font-weight:normal;line-height:1;margin-bottom:20px;padding-left:15px}
.lnb .lnav{border-top:1px solid #000}
.lnb .lnav > li{border-bottom:1px solid #ebebeb}
.lnb .lnav > li a{display:block;font-size:16px;padding:17px 15px;line-height:1}
.lnb .lnav > li.active > a{color:#fff;background:#4a4c6a url("../images/bg_lnb_arrow.png") 100% 50% no-repeat;}
.lnb .lnav > li a:hover{text-decoration:underline;}
.tp_title{display:table;width:100%;border-bottom:1px solid #000;padding-bottom:13px;margin-bottom:40px}
.tp_title .tit, .tp_title .social{display:table-cell;vertical-align:middle;}
.tp_title .tit{font-size:36px;color:#333;text-align:left;line-height:1}
.tp_title .social{text-align:right;}
.tp_title .social .print,
.tp_title .social .fac,
.tp_title .social .tw{display:inline-block;width:20px;height:20px;text-indent:9999px;white-space:nowrap;overflow:hidden;opacity:0.9;
background-repeat:no-repeat;vertical-align:middle;margin-left:10px}
.tp_title .social > *:hover{opacity:1}

/* Navigation */
#header .side_menu{display:none;}
#container .mbTxt {color:#444;text-align:center;font-size:25px;word-break:keep-all;}
#container .mbTxt2 {color:#444;text-align:center;font-size:12px;word-break:keep-all;}

.bgColor {background-color:#f9f9f9 !important;padding:30px 40px;}
.bgBox {padding:10px 25px;}

section {position:relative;margin-bottom:50px;}
#container .inputBox + .title {margin-top:50px;}
#container .inputBox > span {position:relative;display:block;margin-bottom:15px;}
#container .inputBox > span::after,
#container .inputBox > .section-form::after {content:'';display:block;clear:both;}
#container .inputBox > span > strong {display:inline-block;width:150px;vertical-align:middle;font-size:18px;/*font-weight:800;*/}
#container .inputBox > span > span:not(.tel) {display:inline-block;width:calc(100% - 156px);vertical-align:middle}
#container .inputBox > span > span > .input-btn {padding:0 130px 0 15px;}
.btnDuplicate {position:absolute;top:0;right:0;background-color:#666;border:1px #858587 solid;color:#fff;height:45px;padding:0 15px;border-radius:0 2px 2px 0;}


#container .inputBox > span > .caption {margin:10px 0 20px;padding-left:156px;}
.caption > span,
.layerPop .conts .inputBox .caption > span {display:block;font-size:14px;text-indent:-21px;padding-left:21px;word-break:keep-all;margin-top:8px;color:#666;}
.caption > span:first-child {margin-top:0;}
.caption > span::before,
.layerPop .conts .inputBox .caption > span::before {content:'';display:inline-block;background:url("../images/ico_caption.png");background-size:32px 16px;width:16px;height:16px;margin-right:5px;vertical-align:-3px;}
.caption.type01 > span::before {background-position:-16px 0;}

.inputBox .tel {width:100%;display:block;}
.inputBox .tel::after {content:'';display:block;clear:both;}
.inputBox .tel > * {float:left;margin-top:0;vertical-align:middle;}
.inputBox .tel > *:not(i) {width:calc(100% / 3 - 14px);}
.inputBox .tel > i {width:20px;height:45px;line-height:43px;text-align:center;}

.optionbox{display: inline-block;width: 100%;height: 45px;border: 1px #ddd solid;background-color:#fff;border-radius:2px}
.optionbox select {padding: 0 10px;background: url("../images/ico_selectArrow.png") right 10px top 12px no-repeat;border:none}


/*비밀번호찾기*/
 .inputBox .btnDel {visibility:hidden;position:absolute;top:11px;right:10px;background-color:#999;width:25px;height:25px;border-radius:100%;transition: all 0.2s;-webkit-transition: all 0.2s;}
 .inputBox > span > .input-btn + .btnDel {right:100px;}
 .inputBox > span > .input-btn.coupon + .btnDel {right:70px;}
 .inputBox input:focus + .btnDel {visibility:visible;transition: all 0.2s;-webkit-transition: all 0.2s;}

#container h4.title {font-size:23px;margin-bottom:20px;font-weight:normal;text-align:center}
#container h4.title + .txt {margin-top:-8px;}

#container .completeBox {font-size:22px;background-color:#f7f7f7;text-align:center;padding:20px 15px;line-height:1.5}
#container .completeBox > span > strong {color:#5962d5;font-weight:800;}


.Txt_t{overflow:hidden;color:#000;font-size:14px;line-height:20px;margin-bottom:10px}

.txtBox1{overflow:hidden;margin-top:50px}
.txtBox1 ul.lst{clear:both;overflow:hidden;}
.txtBox1 ul.lst li{clear:both;overflow:hidden;margin:0 0 3px 0;padding:0 0 0 15px;line-height:24px;background:url("../images/icon_dot01.png") 0 10px no-repeat;}


.btn_Info2 {display:inline-block;line-height:18px;padding:0 8px;background-color:#666;border:1px #333267 solid;font-size:14px;color:#fff;text-align:center;}

/*tab*/
.tabWrap ul {display:table; width:100%;}
.tabWrap ul li {display:table-cell;text-align:center;border:1px #c7c7c7 solid;border-bottom-color:#5962d5;border-left:0;}
.tabWrap ul li.active {border-color:#5962d5}
.tabWrap ul li:first-child {border-left:1px #c7c7c7 solid;}
.tabWrap ul li.active:first-child {border-color:#5962d5}
.tabWrap ul.tab2 li {width:50%;}
.tabWrap ul.tab3 li {width:33.333%;}
.tabWrap ul.tab4 li {width:25%;}
.tabWrap ul li a {display:block;position:relative;font-size:20px;padding:18px 0;white-space:nowrap;color:#666;}
.tabWrap ul li.active a {background-color:#5962d5; color:#fff;}


.txtBBox {font-size:15px;padding:30px 0;word-break:keep-all;line-height:1.4;text-align:center; border: 1px solid black; }
.txtBBox > span {display:block;width:100%; text-align:center}

.ipt01 > * {width:calc(50% - 150px) !important;display:inline-block;}
.ipt02 > * {width:calc(50% - 8px) !important;display:inline-block;}


.btnWrap {text-align:center;margin-top:50px/*margin-bottom:20px*/}


@media all and (max-width:1024px){
button, input, select {font-size:16px;}



.login{padding:0 10px}
.login .loginItem,
.login .loginItem:first-child{float:none;width:100%;padding:50px 0;}
.login .loginItem:nth-child(1){padding-top:0;padding-left:0;}
.login .loginItem:nth-child(2){border-width:1px 0}

 #container .btnBoxx {width:100% !important; }
 #container .btnBoxx.ipt02 > * {width:100% !important; margin-top:10px;}

 .btnWrap {margin-bottom:20px;}
 .btnWrap > * {margin-left:10px;}
 .btnWrap > *:first-child {margin-left:0;}
 .btnWrap + .btnWrap {margin-top:10px;}


 #container section {/*margin-bottom:0;*/padding:0px;}
 #container .inputBox > span {margin-bottom:10px;overflow:hidden;}
 #container .inputBox > span > strong {display:none;}
 #container .inputBox > span > span:not(.tel) {display:block;width:100%;}
 #container .inputBox > span > span:not(.form) {display:block;width:100%;}
 .bgBox {padding:30px 0px;}
 .mt20{margin-top:0px !important;}

  .select-selectbox .selectors {position:fixed;top:0;bottom:auto;left:0;width:100vw;background-color:rgba(0,0,0,0.6);z-index:110;transition:background-color .5s linear;-webkit-transition:background-color .5s linear;}
  .select-selectbox .selectors.open {border:0;height:100%;max-height:100vh !important;z-index:150;}
  .select-selectbox .selectors > ul {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);width:calc(100% - 50px);max-height:85%;border-radius:2px;background-color:#fff;box-shadow:rgba(0,0,0,0.5) 0 1px 5px;overflow-y:auto;-webkit-overflow-scrolling:auto;}
  .select-selectbox .selectors > ul li {height:50px;line-height:48px;border-bottom:1px solid #ddd;padding:0 15px;}

 #container .inputBox > span > .caption {margin:5px 0 10px;padding-left:0;}
 #container .inputBox > span:last-child > .caption {margin-bottom:0;}
 .inputBox .btnDel {visibility:hidden;position:absolute;top:11px;right:10px;background-color:#999;width:25px;height:25px;border-radius:100%;transition: all 0.2s;-webkit-transition: all 0.2s;}
 .inputBox > span > .input-btn + .btnDel {right:100px;}
 .inputBox > span > .input-btn.coupon + .btnDel {right:70px;}
 .inputBox input:focus + .btnDel {visibility:visible;transition: all 0.2s;-webkit-transition: all 0.2s;}


  .caption,
  .inputBox .caption {margin-top:12px;text-align:left;}
  #container .certifyBox .caption {border:0;padding:0;}
  .caption > span,
  .layerPop .conts .inputBox .caption > span {font-size:13px;}
  .caption > span:first-child {margin-top:0;}
  .caption > span::before,
  .layerPop .conts .inputBox .caption > span::before {content:'';display:inline-block;background:url("../images/ico_caption.png");background-size:32px 16px;width:16px;height:16px;margin-right:5px;vertical-align:-3px;}
  .caption.type01 > span::before {background-position:-16px 0;}
  .caption > span > strong,
  .caption > span > span > strong {font-weight:800}
  .caption.type01> span > span {display:inline-block;border-left:1px #ddd solid;padding:0 8px;text-indent:0;}
  .caption.type01> span > span:first-child {border-left:0;padding-left:0;}
  .caption .non::before {display:none;}
   /*tab*/
  #container section > .tabWrap,
  #container .loginConts > .tabWrap{margin:0 -15px;}
  .tabWrap ul {margin-top:-1px;}
  .tabWrap ul li:first-child {border-left:0;}
  .tabWrap ul li:last-child {border-right:0;}
  .tabWrap ul li a {font-size:16px;padding:12px 0;}
  .tabContainer {margin-top:20px;}

  /*버튼스타일*/
.loginConts [class^=btn-] {max-width:100%;height:45px;line-height:43px;font-size:16px;}
[class^=btn-] {display:inline-block;width:100%;/*max-width:230px;*/height:50px;line-height:48px;text-align:center;font-size:16px;}
}


* {/*position: relative;*/margin: 0;padding: 0;box-sizing: border-box;border-color: inherit;}
html, body {height:100%;}
body {font-size:15px;color:#000;background-color:#fff;-webkit-print-color-adjust:exact}
#skip a {position:absolute; left:-3000%;}
#skip a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center;}
.hide{display:none;}
#wrap{width:100%;height:100%;min-width:320px;/*overflow:hidden;*/}
.clearfix {display:none !important;}

/* Header */
#header .area_links{position:relative;max-width:1100px;margin:0 auto;display:table;width:100%;height:60px;}
#header .area_links >*{display:table-cell;vertical-align:middle;}
#header .logo{width:173px;padding-left:10px;text-align:left}
#header .logo a{display:block;}


#container {width:100%;}
.sub{padding-left:240px}
.sub_panel{max-width:1100px;margin:0 auto;padding:40px 10px 0;overflow:hidden;}


/* Location */
.location{padding:0 10px;border-bottom:1px solid #ebebeb;border-top:1px solid #999;background-color:#fafafa}
.location .loc{max-width:1100px;margin:0 auto;padding:10px 0 10px 15px}
.location .home{width:14px;height:12px;background:url("../images/bg_location_home.png") no-repeat;}
.location span{width:6px;height:11px;margin:0 15px;background:url("../images/bg_location_arrow.png") no-repeat;}
.location strong, .location span{display:inline-block;vertical-align:middle;text-indent:-9999px;}

/* leftmenu */
.slnb, .lnb{float:left;width:200px}
.lnb .ltitle{font-size:30px;font-weight:normal;line-height:1;margin-bottom:20px;padding-left:15px}
.lnb .lnav{border-top:1px solid #000}
.lnb .lnav > li{border-bottom:1px solid #ebebeb}
.lnb .lnav > li a{display:block;font-size:16px;padding:17px 15px;line-height:1}
.lnb .lnav > li.active > a{color:#fff;background:#4a4c6a url("../images/bg_lnb_arrow.png") 100% 50% no-repeat;}
.lnb .lnav > li a:hover{text-decoration:underline;}
.tp_title{display:table;width:100%;border-bottom:1px solid #000;padding-bottom:13px;margin-bottom:40px}
.tp_title .tit, .tp_title .social{display:table-cell;vertical-align:middle;}
.tp_title .tit{font-size:36px;color:#333;text-align:left;line-height:1}
.tp_title .social{text-align:right;}
.tp_title .social .print,
.tp_title .social .fac,
.tp_title .social .tw{display:inline-block;width:20px;height:20px;text-indent:9999px;white-space:nowrap;overflow:hidden;opacity:0.9;
background-repeat:no-repeat;vertical-align:middle;margin-left:10px}
.tp_title .social > *:hover{opacity:1}

/* Navigation */
#header .side_menu{display:none;}
#container .mbTxt {color:#444;text-align:center;font-size:25px;word-break:keep-all;}
#container .mbTxt2 {color:#444;text-align:center;font-size:12px;word-break:keep-all;}

.bgColor {background-color:#f9f9f9 !important;padding:30px 40px;}
.bgBox1 {padding:10px 10px;}
section {position:relative;margin-bottom:50px;}
#container .inputBox + .title {margin-top:50px;}
#container .inputBox > span {position:relative;display:block;margin-bottom:15px;}
#container .inputBox > span::after,
#container .inputBox > .section-form::after {content:'';display:block;clear:both;}
#container .inputBox > span > strong {display:inline-block;width:150px;vertical-align:middle;font-size:18px;/*font-weight:800;*/}
#container .inputBox > span > span:not(.tel) {display:inline-block;width:calc(100% - 156px);vertical-align:middle}
#container .inputBox > span > span > .input-btn {padding:0 130px 0 15px;}
.btnDuplicate {position:absolute;top:0;right:0;background-color:#666;border:1px #858587 solid;color:#fff;height:45px;padding:0 15px;border-radius:0 2px 2px 0;}


#container .inputBox > span > .caption {margin:10px 0 20px;padding-left:156px;}
.caption > span,
.layerPop .conts .inputBox .caption > span {display:block;font-size:14px;text-indent:-21px;padding-left:21px;word-break:keep-all;margin-top:8px;color:#666;}
.caption > span:first-child {margin-top:0;}
.caption > span::before,
.layerPop .conts .inputBox .caption > span::before {content:'';display:inline-block;background:url("../images/ico_caption.png");background-size:32px 16px;width:16px;height:16px;margin-right:5px;vertical-align:-3px;}
.caption.type01 > span::before {background-position:-16px 0;}


#container .joinCaption {padding:20px;font-size:18px;background-color:#f7f7f7}
#container .joinCaption > * {display:block;margin-top:15px;}
#container .joinCaption > strong {padding-left:10px}
#container .joinCaption > span {font-size:15px;line-height:1.5;word-break:keep-all;text-indent:-8px;padding-left:11px}
#container .joinCaption > span::before {content:'';display:inline-block;width:3px;height:3px;background-color:#666;vertical-align:4px;margin-right:5px;}

.inputBox .tel {width:100%;display:block;}
.inputBox .tel::after {content:'';display:block;clear:both;}
.inputBox .tel > * {float:left;margin-top:0;vertical-align:middle;}
.inputBox .tel > *:not(i) {width:calc(100% / 3 - 14px);}
.inputBox .tel > i {width:20px;height:45px;line-height:43px;text-align:center;}

.optionbox{display: inline-block;width: 100%;height: 45px;border: 1px #ddd solid;background-color:#fff;border-radius:2px}
.optionbox select {padding: 0 10px;background: url("../images/ico_selectArrow.png") right 10px top 12px no-repeat;border:none}

/*로그인*/
.login{margin:60px auto 0}
.login:after{content:"";display:block;clear:both}
.login .loginItem{float:left;width: 49%;padding: 0 20px}
.login .loginItem:nth-child(1){padding-left:0;}
.login .loginItem:nth-child(2){padding-right:0;border:solid #ddd;border-width:0 0 0 1px;}

.login .loginItem:first-child{margin-left:0}
.login .loginItem .login_tit{display:inline-block;margin:0 0 20px 0;color:#333;font-size:24px;font-weight:normal;}
.login .loginItem span.login_tit_R{float:right;margin:8px 0 0 0}
.login .checkInfo {margin-bottom:30px;}
.login .checkInfo > span {display:inline-block;margin-right:40px;}
.login .checkInfo > span > input[type=checkbox] + label::before {vertical-align:-6px;}

.login .findInfo {margin-top:25px;text-align:center;}
.login .findInfo > a {display:inline-block;color:#333;font-weight:600;font-size:15px;}
.login .findInfo > a::before {content:'';display:inline-block;width:1px;height:14px;background-color:#666;vertical-align:-2px;margin:0 12px 0 8px;}
.login .findInfo > a:first-child::before {display:none;}


.login .login_form .inputBox .btnDel {visibility:hidden;position:absolute;top:11px;right:10px;background-color:#999;width:25px;height:25px;border-radius:100%;transition: all 0.2s;-webkit-transition: all 0.2s;}
.login .login_form .inputBox > span > .input-btn + .btnDel {right:100px;}
.login .login_form .inputBox > span > .input-btn.coupon + .btnDel {right:70px;}
.login .login_form .inputBox input:focus + .btnDel {visibility:visible;transition: all 0.2s;-webkit-transition: all 0.2s;}
.btnDel > span {position:relative;font-size:0;display:block;width:100%;height:100%;}
.btnDel > span:before,
.btnDel > span:after {content:'';background-color:#fff;transform-origin: 0 50%;-webkit-transform-origin: 0 50%;position:absolute;left:50%;height:2px;width:16px;transition: all 0.2s;-webkit-transition: all 0.2s;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.btnDel > span:before {content:'';transform:translateX(-6px) translateY(5px) rotate(45deg);-webkit-transform:translateX(-6px) translateY(5px) rotate(45deg);}
.btnDel > span:after {content:'';transform:translateX(-6px) translateY(17px) rotate(-45deg);-webkit-transform:translateX(-6px) translateY(17px) rotate(-45deg);}


/*비밀번호찾기*/
 .inputBox .btnDel {visibility:hidden;position:absolute;top:11px;right:10px;background-color:#999;width:25px;height:25px;border-radius:100%;transition: all 0.2s;-webkit-transition: all 0.2s;}
 .inputBox > span > .input-btn + .btnDel {right:100px;}
 .inputBox > span > .input-btn.coupon + .btnDel {right:70px;}
 .inputBox input:focus + .btnDel {visibility:visible;transition: all 0.2s;-webkit-transition: all 0.2s;}

#container h4.title {font-size:23px;margin-bottom:20px;font-weight:normal;text-align:center}
#container h4.title + .txt {margin-top:-8px;}

#container .completeBox {font-size:22px;background-color:#f7f7f7;text-align:center;padding:20px 15px;line-height:1.5}
#container .completeBox > span > strong {color:#5962d5;font-weight:800;}


.Txt_t{overflow:hidden;color:#000;font-size:14px;line-height:20px;margin-bottom:10px}

.txtBox1{overflow:hidden;margin-top:50px}
.txtBox1 ul.lst{clear:both;overflow:hidden;}
.txtBox1 ul.lst li{clear:both;overflow:hidden;margin:0 0 3px 0;padding:0 0 0 15px;line-height:24px;background:url("../images/icon_dot01.png") 0 10px no-repeat;}

#container .inputBox > span {position:relative;display:block;margin-bottom:10px;}
#container .inputBox > span::after,
#container .inputBox > .section-form::after {content:'';display:block;clear:both;}
#container .inputBox > span > strong {display:inline-block;width:150px;vertical-align:middle;font-size:18px;}
#container .inputBox > span > span.txt{display:inline-block;width:150px;vertical-align:middle;font-size:18px;}
#container .inputBox > span > span:not(.tel) {display:inline-block;width:calc(100% - 156px);vertical-align:middle}
#container .inputBox > span > span:not(.form) {display:inline-block;width:calc(100% - 156px);vertical-align:middle}

/* #container .mbList {overflow:hidden;border:1px #ddd solid;}
#container .mbList > li {float:left;width:50%;border-left:1px #ddd solid;padding:15px 0 10px;}
#container .mbList > li:first-child {border-left:0;}
#container .mbList > li > strong {display:table;width:116px;height:116px;background-color:#ebf2f9;border-radius:100%;text-align:center;margin:0 auto;}
#container .mbList > li > strong > span::before {content:'';display:block;background-image:url("../images/ico_mb.png");background-size:251px 73px;width:84px;height:73px;margin:23px auto 8px;}
#container .mbList > li.ico01 > strong > span::before {background-position:0 0;}
#container .mbList > li.ico02 > strong > span::before {background-position:-84px 0;}
#container .mbList > li > span {display:block;text-align:center;font-size:16px;color:#666;margin:7px 0 10px;} */

#container .mbList {overflow:hidden;border:1px solid #353539;border-radius:4px;box-shadow:2px 2px 5px #ccc }
#container .mbList > li {float:left;width:50%;border-left:1px #353539 dotted;padding:15px 0 10px;}
#container .mbList > li:first-child {border-left:0;}
#container .mbList > li > strong {display:table;width:116px;height:116px;background-color:#ebf2f9;border-radius:100%;text-align:center;margin:0 auto;}
#container .mbList > li > strong > span::before {content:'';display:block;background-image:url("../images/ico_mb.png");background-size:251px 73px;width:84px;height:73px;margin:23px auto 8px;}
#container .mbList > li.ico01 > strong > span::before {background-position:0 0;}
#container .mbList > li.ico02 > strong > span::before {background-position:-84px 0;}
#container .mbList > li > span {display:block;text-align:center;font-size:16px;color:#666;margin:7px 0 10px;}
#container .mbList .ico01:focus {border:2px #000000 solid; z-index:999;}
#container .mbList .ico02:focus {border:2px #000000 solid; z-index:999;}

.btn_Info2 {display:inline-block;line-height:18px;padding:0 8px;background-color:#666;border:1px #333267 solid;font-size:14px;color:#fff;text-align:center;}

/*tab*/
.tabWrap ul {display:table; width:100%;}
.tabWrap ul li {display:table-cell;text-align:center;border:1px #c7c7c7 solid;border-bottom-color:#5962d5;border-left:0;}
.tabWrap ul li.active {border-color:#5962d5}
.tabWrap ul li:first-child {border-left:1px #c7c7c7 solid;}
.tabWrap ul li.active:first-child {border-color:#5962d5}
.tabWrap ul.tab2 li {width:50%;}
.tabWrap ul.tab3 li {width:33.333%;}
.tabWrap ul.tab4 li {width:25%;}
.tabWrap ul li a {display:block;position:relative;font-size:20px;padding:18px 0;white-space:nowrap;color:#666;}
.tabWrap ul li.active a {background-color:#5962d5; color:#fff;}

.tabContainer {margin-top:15px;}
.tabContainer .tabContent {display:none;}
.tabContainer .tabContent:first-child {display:block;}
.tabCaption {color:#666;font-size:13px;margin-bottom:15px;}

/*셀렉트 박스*/
.selectbox {display:none;}
.select-selectbox {position:relative;display:block;}
.select-selectbox .selected {position:relative;background-color:#fff;border:1px #ddd solid;height:46px;z-index:10;cursor:pointer;}
.select-selectbox .selected::after {content:'';position:absolute;top:0;right:0;background:#fff url("../images/ico_selectArrow.png") no-repeat 50%;color:#333;background-size:14px 8px;width:44px;height:44px;line-height:44px;transition:0.4s;-webkit-transition:0.4s;}
.select-selectbox .selected li {padding:0 44px 0 15px;line-height:44px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;}
.select-selectbox .selectors {position:absolute;top:44px;left:0;width:100%;max-height:0;background-color:#fff;border:1px transparent solid;z-index:9;transition:0.15s cubic-bezier(0.79, 0.18, 0.24, 0.99);overflow:hidden;opacity:0;cursor:pointer;}
.select-selectbox .selectors.open {max-height:100px !important;border:1px #3472c5 solid;overflow-y:auto;z-index:13;opacity:1}
.select-selectbox .selectors li {display:block;font-size:15px;padding:10px 15px;font-weight:400;cursor:pointer;}
.select-selectbox .selectors li:hover {background-color:rgba(0,0,0,0.1);}

.selectbox2 {
width: 100%; 
padding: .8em .5em; 
border: 1px solid #ddd;
font-family: inherit;  
background: url("../images/jquery.selectBox-arrow2.gif") no-repeat 95% 50%;color:#333;transition:0.1s; 
border-radius: 0px; 
-webkit-appearance: none; 
-moz-appearance: none;
appearance: none;
}

.selectbox2::-ms-expand {
        display: none;
}

/*분리이관동의*/
.separateTxt > strong {position:relative;display:block;width:100%;color:#5962d5;font-size:18px;font-weight:800;}
.separateTxt > span {display:block;margin-top:30px;color:#666;line-height:1.6;font-size:16px;}

.txtBox {font-size:15px;background-color:#f7f7f7;padding:30px 15px;word-break:keep-all;line-height:1.4;}
.txtBox > span {display:block;width:100%; text-align:center}

.txtBBox {font-size:15px;padding:30px 0;word-break:keep-all;line-height:1.4;}
.txtBBox > span {display:block;width:100%; text-align:center}


/*버튼스타일*/
[class^=btn-] {display:inline-block;width:100%;/*max-width:230px;*/height:50px;line-height:48px;text-align:center;font-size:18px;}
[class^=btn-][class*=-Type01] {background-color:#5359a7;border:1px #43488b solid;color:#fff;}
[class^=btn-][class*=-Type02] {background-color:#fff;border:1px #494a4a solid;color:#000;}
[class^=btn-][class*=-Type03] {background-color:#1ec800;border:1px #1fab12 solid;color:#fff;}
[class^=btn-][class*=-Type04] {background-color:#f7e317;border:1px #c2b20c solid;color:#fff;}
[class^=btn-][class*=-Type05] {border:1px #214081 solid;color:#fff;background:#284d9e url("../images/onepass_icon.png") no-repeat left 100px center;}
[class^=btn-][class*=-Type06] {border:1px #1fab12 solid;color:#fff;background:#1ec800 url("../images/naver_icon.png") no-repeat left 20px center;}
[class^=btn-][class*=-Type07] {border:1px #c2b20c solid;color:#3c1e1e;background:#f7e317 url("../images/kakao_icon.png") no-repeat left 20px center;}
[class^=btn-][class*=-Type01]:focus {outline:3px #000000 solid; z-index:999;}
[class^=btn-][class*=-Type05]:focus {outline:3px #000000 solid; z-index:999;}
[class^=btn-][class*=-Type06]:focus {outline:3px #000000 solid; z-index:999;}
[class^=btn-][class*=-Type07]:focus {outline:3px #000000 solid; z-index:999;}
/*[class^=btn-][class*=-Type03]:hover {border-color:#2a5b9d;color:#3472c5}*/
.btn-disabled {background-color:#ccc !important;border:1px #cbcacc solid !important;color:#fff !important;}
.loginConts [class^=btn-] {/*max-width:100% !important;*/max-width:230px; background-color:#0C3975;  color:#fff;}

.btnBoxx {margin:0 auto;width:600px;margin-top:30px;}
.btnBoxx > .btn-Type01 {margin-right:10px;}

.btnWrap > .btn_page_move{display:inline-block; position:relative; padding:35px 95px; background:#fff; border:1px solid #353539; border-radius:4px; box-shadow:2px 2px 4px #ccc}
.btnWrap > .btn_page_move span { display:inline-block; font-size:24px; font-weight:500; color:#353539; }

/*inputChk, radio-버튼스타일*/
input[type=checkbox] {display:none;}
input[type=checkbox] + label {display:inline-block;color:#666;font-size:15px;cursor:pointer;}
input[type=checkbox] + label::before {display:inline-block;width:25px;height:25px;border:1px #ddd solid;background:#fff url("../images/ico_chkbox.png"); background-size:68px 50px;vertical-align:-5px;margin-right:8px;}
input[type=checkbox]:checked + label::before {background-color:#5359a7;background-position:-26px 0;border-color:#5359a7;}
input[type=checkbox]:disabled + label::before {background-color:#dbdcdd;background-position:-26px 0;border-color:#c6c7c7;}
input[type=checkbox].chkType02 + label::before {border-radius:100%;background-position:-1px -25px;vertical-align:-7px;}
input[type=checkbox]:checked.chkType02 + label::before {background-position:-26px -25px;}




/*common*/
.vm{vertical-align:middle}
.vp{vertical-align:top}

::-webkit-input-placeholder {color:#666 !important;font-size:14px;}
::-moz-placeholder {color:#666 !important;}
:-ms-input-placeholder {color:#666 !important;letter-spacing:-1px;}
:-moz-placeholder {color:#666 !important;letter-spacing:-1px;}
input[type=password],
input[type=email],
input[type=number],
input[type=text],


input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=text]:focus,
input[type="tel"]:focus {border-color:#5359a7;}

input[type='password']:disabled,
input[type='email']:disabled,
input[type='number']:disabled,
input[type='text']:disabled,
input[type="tel"]:disabled {background-color:#fff;color:#333;border-color:#ddd;opacity:1;}

/*footer*/
#footer{margin-top:30px;border-top:1px solid #999;}
.footer_bottom{margin:15px 0 15px 0;}
.footer_bottom .address{position:relative;max-width:1100px;margin:0 auto;padding:0 10px;overflow:hidden;}
.footer_bottom .address a{float:left;opacity:0.9;}
.footer_bottom .address a:hover{opacity:1}
.footer_bottom .fot_sns{position:absolute;top:0;right:12px}
.footer_bottom .copyright{float:left;font-size:12px;padding-left:56px;padding-top:6px;line-height:18px}
.footer_bottom .copyright span{font-size:11px}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mt0{margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt60{margin-top:60px !important;}
.mr10{margin-right:10px !important;}
.pl0{padding-left:0 !important;}
.ml10{margin-left:10px !important;}


/*point color*/
.pVi {color:#5962d5 !important;}
.pOr {color:#ff5a62 !important;}

.ipt01 > * {width:calc(50% - 150px) !important;display:inline-block;}
.ipt02 > * {width:calc(50% - 8px) !important;display:inline-block;}


.btnWrap {text-align:center;margin-top:50px/*margin-bottom:20px*/}


@media all and (max-width:1024px){
button, input, select {font-size:16px;}



.login{padding:0 10px}
.login .loginItem,
.login .loginItem:first-child{float:none;width:100%;padding:50px 0;}
.login .loginItem:nth-child(1){padding-top:0;padding-left:0;}
.login .loginItem:nth-child(2){border-width:1px 0}

 #container .btnBoxx {width:100% !important; }
 #container .btnBoxx.ipt02 > * {width:100% !important; margin-top:10px;}

 .btnWrap {margin-bottom:20px;}
 .btnWrap > * {margin-left:10px;}
 .btnWrap > *:first-child {margin-left:0;}
 .btnWrap + .btnWrap {margin-top:10px;}

 #container section {/*margin-bottom:0;*/padding:0px;}
 #container .inputBox > span {margin-bottom:10px;overflow:hidden;}
 #container .inputBox > span > strong {display:none;}
 #container .inputBox > span > span:not(.tel) {display:block;width:100%;}
 #container .inputBox > span > span:not(.form) {display:block;width:100%;}
 .bgBox {padding:30px 0px;}
 .mt20{margin-top:0px !important;}

  .select-selectbox .selectors {position:fixed;top:0;bottom:auto;left:0;width:100vw;background-color:rgba(0,0,0,0.6);z-index:110;transition:background-color .5s linear;-webkit-transition:background-color .5s linear;}
  .select-selectbox .selectors.open {border:0;height:100%;max-height:100vh !important;z-index:150;}
  .select-selectbox .selectors > ul {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);width:calc(100% - 50px);max-height:85%;border-radius:2px;background-color:#fff;box-shadow:rgba(0,0,0,0.5) 0 1px 5px;overflow-y:auto;-webkit-overflow-scrolling:auto;}
  .select-selectbox .selectors > ul li {height:50px;line-height:48px;border-bottom:1px solid #ddd;padding:0 15px;}

 #container .inputBox > span > .caption {margin:5px 0 10px;padding-left:0;}
 #container .inputBox > span:last-child > .caption {margin-bottom:0;}
 .inputBox .btnDel {visibility:hidden;position:absolute;top:11px;right:10px;background-color:#999;width:25px;height:25px;border-radius:100%;transition: all 0.2s;-webkit-transition: all 0.2s;}
 .inputBox > span > .input-btn + .btnDel {right:100px;}
 .inputBox > span > .input-btn.coupon + .btnDel {right:70px;}
 .inputBox input:focus + .btnDel {visibility:visible;transition: all 0.2s;-webkit-transition: all 0.2s;}


  .caption,
  .inputBox .caption {margin-top:12px;text-align:left;}
  #container .certifyBox .caption {border:0;padding:0;}
  .caption > span,
  .layerPop .conts .inputBox .caption > span {font-size:13px;}
  .caption > span:first-child {margin-top:0;}
  .caption > span::before,
  .layerPop .conts .inputBox .caption > span::before {content:'';display:inline-block;background:url("../images/ico_caption.png");background-size:32px 16px;width:16px;height:16px;margin-right:5px;vertical-align:-3px;}
  .caption.type01 > span::before {background-position:-16px 0;}
  .caption > span > strong,
  .caption > span > span > strong {font-weight:800}
  .caption.type01> span > span {display:inline-block;border-left:1px #ddd solid;padding:0 8px;text-indent:0;}
  .caption.type01> span > span:first-child {border-left:0;padding-left:0;}
  .caption .non::before {display:none;}
   /*tab*/
  #container section > .tabWrap,
  #container .loginConts > .tabWrap{margin:0 -15px;}
  .tabWrap ul {margin-top:-1px;}
  .tabWrap ul li:first-child {border-left:0;}
  .tabWrap ul li:last-child {border-right:0;}
  .tabWrap ul li a {font-size:16px;padding:12px 0;}
  .tabContainer {margin-top:20px;}

  /*버튼스타일*/
.loginConts [class^=btn-] {max-width:100%;height:45px;line-height:43px;font-size:16px;}
[class^=btn-] {display:inline-block;width:100%;/*max-width:230px;*/height:50px;line-height:48px;text-align:center;font-size:16px;}


}

@media (max-width:1400px) {
.login{padding:0 10px}
.login .loginItem,
.login .loginItem:first-child{float:none;width:100%;padding:50px 0;}
.login .loginItem:nth-child(1){padding-top:0;border-width:0 1px 0;}
.login .loginItem:nth-child(2){border-width:1px 0 0 0;}

.txtBox1{padding:0 10px}
[class^=btn-][class*=-Type05] {border:1px #214081 solid;color:#fff;background:#284d9e url("../images/onepass_icon.png") no-repeat left 300px center;}

}


/* 모바일 */
@media all and (max-width: 767px){
 input[type=password],
 input[type=email],
 input[type=number],
 input[type=text],
 input[type="tel"] {padding:0 10px;}

.login{padding:0 10px}
.login .loginItem,
.login .loginItem:first-child{float:none;width:100%;padding:50px 0;}
.login .loginItem:nth-child(1){padding-top:0;border-width:0 1px 0;}
.login .loginItem:nth-child(2){border-width:1px 0 0 0;}

.txtBox1{padding:0 10px}
[class^=btn-][class*=-Type05] {border:1px #214081 solid;color:#fff;background:#284d9e url("../images/onepass_icon.png") no-repeat left 120px center;}

.btnWrap > .btn_page_move{display:inline-block; position:relative; padding:25px 55px; background:#fff; border:1px solid #353539; border-radius:4px; box-shadow:2px 2px 4px #ccc}
.btnWrap > .btn_page_move span { display:inline-block; font-size:20px; font-weight:500; color:#353539; }


}