@charset "UTF-8";
/* absolute-center */
/* transition */
@font-face {
  font-family: "NanumGothicEB";
  font-style: normal;
  font-weight: normal;
  src: url(//storage.ggad.co.kr/css/font/NanumGothic-ExtraBold.eot);
  src: url(//storage.ggad.co.kr/css/font/NanumGothic-ExtraBold.eot?#iefix) format("embedded-opentype"), url(//storage.ggad.co.kr/css/font/NanumGothic-Bold.woff2) format("woff2"), url(//storage.ggad.co.kr/css/font/NanumGothic-ExtraBold.woff) format("woff"), url(//storage.ggad.co.kr/css/font/NanumGothic-ExtraBold.ttf) format("truetype");
}
@font-face {
  font-family: "NanumGothicBold";
  font-style: normal;
  font-weight: normal;
  src: url(//storage.ggad.co.kr/css/font/NanumGothic-Bold.eot);
  src: url(//storage.ggad.co.kr/css/font/NanumGothic-Bold.eot?#iefix) format("embedded-opentype"), url(//storage.ggad.co.kr/css/font/NanumGothic-Bold.woff2) format("woff2"), url(//storage.ggad.co.kr/css/font/NanumGothic-Bold.woff) format("woff"), url(//storage.ggad.co.kr/css/font/NanumGothic-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "NanumGothic";
  font-style: normal;
  font-weight: normal;
  src: url(//storage.ggad.co.kr/css/font/NanumGothic-Regular.eot);
  src: url(//storage.ggad.co.kr/css/font/NanumGothic-Regular.eot?#iefix) format("embedded-opentype"), url(//storage.ggad.co.kr/css/font/NanumGothic-Regular.woff2) format("woff2"), url(//storage.ggad.co.kr/css/font/NanumGothic-Regular.woff) format("woff"), url(//storage.ggad.co.kr/css/font/NanumGothic-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "NanumGL";
  src: url(//storage.ggad.co.kr/css/font/NanumGothicLight.eot);
  src: url(//storage.ggad.co.kr/css/font/NanumGothicLight.eot?#iefix) format("embedded-opentype"), url(//storage.ggad.co.kr/css/font/NanumGothicLight.woff) format("woff"), url(//storage.ggad.co.kr/css/font/font/NanumGothicLight.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NanumGothicLight";
  src: url(//storage.ggad.co.kr/css/font/NanumGothicLight.eot);
  src: url(//storage.ggad.co.kr/css/font/NanumGothicLight.eot?#iefix) format(embedded-opentype), url(//storage.ggad.co.kr/css/font/NanumGothicLight.woff) format(woff), url(//storage.ggad.co.kr/css/font/NanumGothicLight.ttf) format(truetype), url(//storage.ggad.co.kr/css/font/NanumGothicLight.svg#NanumGothicLight) format(svg);
  src: local(※), url(//storage.ggad.co.kr/css/font/NanumGothicLight.woff) format(woff);
}
@font-face {
  font-family: "NanumMyeongjo";
  font-style: normal;
  font-weight: normal;
  src: url(//storage.ggad.co.kr/css/font/NanumMyeongjo-Regular.eot);
  src: url(//storage.ggad.co.kr/css/font/NanumMyeongjo-Regular.eot?#iefix) format("embedded-opentype"), url(//storage.ggad.co.kr/css/font/NanumMyeongjo-Regular.woff2) format("woff2"), url(//storage.ggad.co.kr/css/font/NanumMyeongjo-Regular.woff) format("woff"), url(//storage.ggad.co.kr/css/font/NanumMyeongjo-Regular.ttf) format("truetype");
}
/* font-size */
/************************************************************************************/
/************************************* Varibles *************************************/
/************************************************************************************/
:root {
  --header-height: 100px;
  --header-padding: 60px;
  --breadcrumb-height: 62px;
}

@media (max-width: 1460px) {
  :root {
    --header-padding: 2%;
  }
}
@media (max-width: 1024px) {
  :root {
    --header-height: 80px;
    --breadcrumb-height: 56px;
  }
}
@media (max-width: 768px) {
  :root {
    --header-height: 60px;
    --header-padding: 3%;
    --breadcrumb-height: 48px;
  }
}
@media (max-width: 480px) {
  :root {
    --header-height: 56px;
    --header-padding: 4%;
  }
}
/************************************************************************************/
/************************************* Colors *************************************/
/************************************************************************************/
:root {
  --white:#fff;
  --black:#000;
  --border-color:#cccccc;
  --bg-color:#fafbfd;
  --point-color:#3853c9;
  --point-over-color: #010A65;
  --point-sub-color:#ec5300;
  --point-color-bg: #f0f1fa;
  --point-sub-color-bg: #fff5ef;
  --text-color:#566685;
  --bg-color:#fafbfd;
  --table-header:#f2f2f2;
  --top-navigation-bg-color:#2d3134;
  --left-menu-bg-color:#f0f3f8;
  --prev-menu-bg-color:#72809d;
  --depth1-bg-color:#d7e1ea;
  --percent-color: #77ea3b;
  --gray-e5:#e5e5e5;
  --gray-fa:#fafafa;
  --gray-f8:#f8f8f8;
  --gray-cc:#ccc;
  --gray-7c:#7c7c7c;
  --gray-d5:#d5d5d5;
  /* btn color */
  --btn-white-over-color: #f1edef;
  --btn-secondary-color:#673fe9;
  --btn-secondary-over-color: #3d278d;
  --btn-third-color:#75777e;
  --btn-third-over-color: #5d5e64;
}

html {
  font-size: 62.5%;
}

body, pre {
  font-family: "Pretendard", "malgun gothic", "맑은고딕", "Apple SD Gothic Neo", "Dotum", "돋움", "Arial", sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  word-break: keep-all;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: var(--black);
  /* navigation */
}
@media (max-width: 1024px) {
  body, pre {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  body, pre {
    font-size: 1.5rem;
  }
}
body > header.user-header, pre > header.user-header {
  border-bottom: 1px solid var(--gray-e5);
  padding: 2rem;
}
body > header.user-header .logo, pre > header.user-header .logo {
  width: 216px;
  height: 46px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
body > header.user-header .logo a, pre > header.user-header .logo a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/images/gsndnurse/common/logo.svg") no-repeat center/100%;
}

pre {
  white-space: pre-wrap;
}

input,
select {
  width: 100%;
  padding: 0.8em 1.2em;
  border: 1px solid var(--gray-cc);
  border-radius: 8px;
}

input[type=checkbox] + label,
input[type=radio] + label {
  font-weight: 600;
}
input[type=checkbox] + label::before,
input[type=radio] + label::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.5em;
  border: 1px solid var(--gray-e5);
  border-radius: 50%;
  background-color: var(--white);
  top: 0;
}

input[type=checkbox]:checked + label::before,
input[type=radio]:checked + label::before {
  content: "";
  display: block;
  border: 1px solid var(--point-color);
  background: var(--point-color) url("/images/bsia/user/check.svg") no-repeat center/13px 9px;
}
input[type=checkbox]:checked + label::after,
input[type=radio]:checked + label::after {
  display: none;
}

input[type=file] {
  padding-top: 1em;
}

input::-webkit-input-placeholder {
  opacity: 0.4;
}

input::-moz-placeholder {
  opacity: 0.4;
}

input:-ms-input-placeholder {
  opacity: 0.4;
}

input::-ms-input-placeholder {
  opacity: 0.4;
}

input::placeholder {
  opacity: 0.4;
}

label.error {
  font-size: 1.6rem;
  width: 100%;
  font-weight: 400 !important;
  color: var(--point-sub-color);
  margin-top: 0.5em;
}
@media (max-width: 1024px) {
  label.error {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  label.error {
    font-size: 1.4rem;
  }
}

/* disabled */
*:disabled {
  opacity: 0.4;
}

div:has(> input:disabled) label,
div:has(> select:disabled) label,
div:has(> testarea:disabled) label {
  opacity: 0.4;
  cursor: default;
}

/* 주소입력창 */
.adderss-wrap > input {
  border-radius: 8px 0 0 8px;
}
.adderss-wrap > button {
  color: var(--white);
  border-radius: 0 8px 8px 0;
  background: var(--point-color);
  padding: 0 2rem;
}

/* 버튼 */
.btn-set {
  text-align: center;
  border-top: 1px solid var(--border-color);
  padding-top: 3em;
  margin-top: 1em;
}
.btn-set button {
  padding: 0.9em 2.2em;
}
@media (max-width: 480px) {
  .btn-set button {
    margin-bottom: 8px;
  }
}

.btn {
  min-width: 10em;
  padding: 0.9em 2.2em;
  margin: 0 0.2em;
  font-size: 1.8rem;
  color: var(--white) !important;
  border: none;
  border-radius: 100px;
}
@media (max-width: 1024px) {
  .btn {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .btn {
    font-size: 1.5rem;
  }
}

.btn-primary {
  background: var(--point-color);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: var(--point-over-color) !important;
}

.btn-line {
  background-color: var(--white);
  border: 1px solid var(--border-color);
  color: var(--black) !important;
}
.btn-line:hover {
  background-color: var(--gray-fa);
  border: 1px solid var(--border-color);
  color: var(--black) !important;
}

.btn-psw {
  padding: 0;
}

.contents-wrap {
  max-width: 1410px;
  margin: var(--header-height) auto 0;
  padding: 7em 0;
}
@media (max-width: 1460px) {
  .contents-wrap {
    max-width: 96%;
  }
}
@media (max-width: 768px) {
  .contents-wrap {
    padding: 5.6em 0;
    max-width: 94%;
  }
}
@media (max-width: 480px) {
  .contents-wrap {
    padding: 4.2em 0;
    max-width: 92%;
  }
}

.member-padding-top {
  margin-top: var(--header-height);
}

.ml-auto {
  margin-left: auto;
}

/* txt */
.small-info {
  margin-top: 0.5em;
  padding-left: 2px;
  font-size: 1.4rem;
  color: var(--gray-7c);
}
@media (max-width: 1024px) {
  .small-info {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .small-info {
    font-size: 1.2rem;
  }
}

/* table */
table {
  width: 100%;
  border-top: 2px solid var(--black);
}
table th, table td {
  border-bottom: 1px solid var(--border-color);
  padding: 1em 1.5em;
}
table thead {
  background: var(--table-header);
}

/* header */
.page-headline {
  margin-bottom: 3em;
}
.page-headline h1 {
  font-size: 3.2rem;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .page-headline h1 {
    font-size: 2.6rem;
  }
}
@media (max-width: 768px) {
  .page-headline h1 {
    font-size: 2.2rem;
  }
}
.page-headline p {
  margin-top: 0.5em;
  font-size: 1.6rem;
  color: var(--gray-7c);
}
@media (max-width: 1024px) {
  .page-headline p {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .page-headline p {
    font-size: 1.4rem;
  }
}
@media (max-width: 1024px) {
  .page-headline {
    margin-bottom: 2.4em;
  }
  .page-headline h1 {
    font-size: 3.2rem;
  }
}
@media (max-width: 768px) {
  .page-headline {
    margin-bottom: 1.8em;
  }
  .page-headline h1 {
    font-size: 2.4rem;
  }
}

/* footer */
.footer-wrap {
  border-top: 1px solid var(--border-color);
  padding: 3em 0;
}
.footer-wrap .contents-wrap {
  padding-bottom: 0;
}
.footer-wrap ul {
  margin-bottom: 1em;
}
.footer-wrap ul li {
  margin: 0 1rem;
}
.footer-wrap ul li a {
  color: var(--black);
  text-decoration: none;
}
.footer-wrap ul li a:hover {
  text-decoration: underline;
}
.footer-wrap footer {
  font-size: 0.8em;
  text-align: center;
}

.info-box {
  padding: 2em 3em;
  margin-bottom: 2em;
  border: 2px solid var(--point-sub-color);
  border-radius: 8px;
  background-color: var(--gray-fa);
  text-align: center;
}
.info-box .ct-point {
  color: var(--point-sub-color);
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.8;
}
.info-box .member-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 1.2em;
  background-color: var(--white);
  border-radius: 50px;
  border: 1px solid var(--border-color);
  color: var(--black);
  text-decoration: none;
}
.info-box .member-link::after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  margin-left: 10px;
  background: url("/images/gsndnurse/sub/arw_more2_b.svg") no-repeat center/100% 100%;
}
@media (max-width: 768px) {
  .info-box .ct-point {
    font-size: 1.8rem;
  }
}

.join-discription {
  font-size: 1.8rem;
  font-weight: 200;
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: var(--content-space);
}
.join-discription > div {
  width: calc(100% - 103px);
  padding-right: 4rem;
}
.join-discription span {
  font-size: 2rem;
  font-weight: 600;
  color: var(--point-color);
}
.join-discription figure {
  width: 103px;
}

.join-wrap {
  max-width: 696px;
  margin: 0 auto;
}
.join-wrap > div {
  width: calc((100% - 24px) / 2);
  margin-right: 24px;
  text-align: center;
  border: 1px solid var(--border-color);
  padding: 2em;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 16px;
}
.join-wrap > div:last-child {
  margin-right: 0;
}
.join-wrap > div dl dt {
  font-size: 2rem;
  margin-bottom: 1em;
}
@media (max-width: 1024px) {
  .join-wrap > div dl dt {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .join-wrap > div dl dt {
    font-size: 1.7rem;
  }
}
.join-wrap > div dl dt::after {
  content: "";
  display: block;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background-color: var(--white);
  background-repeat: no-repeat;
  background-position: center;
  margin: 0.5em auto 0;
}
.join-wrap > div dl dd {
  min-height: 70px;
  color: var(--gray-7c);
}
.join-wrap .practician dl dt::after {
  background-image: url("/images/bsia/user/i_join01.svg");
  background-size: 75% 59.1%;
}
.join-wrap .organization dl dt::after {
  background-image: url("/images/bsia/user/i_join02.svg");
  background-size: 67% 62.5%;
}

@media screen and (max-width: 1024px) {
  .join-wrap > div {
    width: calc(50% - 12px);
    margin-bottom: 1em;
  }
  .join-wrap > div:nth-child(even) {
    margin-right: 0;
  }
  .join-wrap > div dl dt {
    margin-bottom: 0.5em;
  }
  .join-wrap > div dl dt::after {
    width: 70px;
    height: 70px;
  }
  .join-wrap > div dl dd {
    min-height: 48px;
  }
}
@media screen and (max-width: 480px) {
  .join-wrap > div {
    width: 100%;
    margin-right: 0;
  }
  .join-wrap > div dl dt::after {
    width: 52px;
    height: 52px;
  }
}
/* 비밀번호 */
.psw-wrap {
  position: relative;
}
.psw-wrap .btn-psw {
  color: var(--gray-cc);
  position: absolute;
  right: 15px;
  height: 100%;
}
.psw-wrap .btn-psw.show {
  color: var(--black);
}
.psw-wrap .material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
}

.col.psw-wrap .btn-psw {
  right: 25px;
}

/* //비밀번호 */
.member-info .input-col input {
  text-align: right;
}
.member-info .input-col span {
  font-weight: 600;
  margin-left: 1rem;
  display: block;
}
.member-info .input-col label {
  margin-right: 1rem;
  margin-bottom: 0 !important;
  margin-left: 3rem;
}
.member-info .input-col label:first-child {
  margin-left: 0;
}
.member-info .page-headline {
  border-bottom: 0;
}
.member-info .border-box {
  margin-bottom: 1.2em;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  overflow: hidden;
}
.member-info .border-box-header {
  background-color: var(--point-color-bg);
  overflow: hidden;
  font-size: 2rem;
}
@media (max-width: 1024px) {
  .member-info .border-box-header {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .member-info .border-box-header {
    font-size: 1.7rem;
  }
}
.member-info .c-mc {
  color: var(--point-color);
}
.member-info .checkbox-wrap {
  padding: 1.3em 1.2em;
}
.member-info h2.checkbox-wrap {
  border-bottom: 1px solid var(--border-color);
  background: var(--gray-f8);
}
.member-info .textarea-wrap {
  height: 20rem;
  padding: 2em;
  overflow-y: auto;
}
.member-info .textarea-wrap::-webkit-scrollbar {
  width: 5px;
  background: var(--white);
}
.member-info .textarea-wrap::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: var(--gray-cc);
}
.member-info .textarea-wrap pre {
  width: 100%;
  white-space: pre-wrap;
  border: none;
  color: var(--gray-7c);
}
.member-info .info-wrap {
  margin-top: 3em;
}
.member-info .info-wrap header {
  border-bottom: 2px solid var(--black);
  padding: 1.2em 1em 1.2em 8px;
}
.member-info .info-wrap header h2 {
  font-size: 2.8rem;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .member-info .info-wrap header h2 {
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .member-info .info-wrap header h2 {
    font-size: 2rem;
  }
}
.member-info .info-wrap header div {
  font-size: 0.8em;
  color: var(--point-sub-color);
}
.member-info .info-wrap .info {
  padding: 2em 1em;
}
.member-info .info-wrap .info label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  margin-bottom: 1em;
}
.member-info .info-wrap .info label span {
  padding: 0 6px;
  margin-left: 0.5em;
  display: inline-block;
  border-radius: 20px;
  border: 1px solid var(--border-color);
  background-color: var(--point-color-bg);
  color: var(--point-color);
  font-size: 1.2rem;
}
@media (max-width: 1024px) {
  .member-info .info-wrap .info label span {
    font-size: 1.1rem;
  }
}
@media (max-width: 768px) {
  .member-info .info-wrap .info label span {
    font-size: 1rem;
  }
}
.member-info .info-wrap .info .col {
  padding: 1em;
}
.member-info .info-wrap .radio-wrap label {
  font-size: 1.6rem;
  font-weight: 400;
  margin-right: 2rem;
}

.result-wrap {
  max-width: 768px;
  text-align: center;
  margin: 0 auto;
}
.result-wrap header::before {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  background-image: url("/images/bsia/user/i_result.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  margin: 0 auto 1em auto;
}
.result-wrap header h2 {
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 1em;
}
@media (max-width: 1024px) {
  .result-wrap header h2 {
    font-size: 2.6rem;
  }
}
@media (max-width: 768px) {
  .result-wrap header h2 {
    font-size: 2.2rem;
  }
}
.result-wrap header h2 span {
  color: var(--point-color);
}
.result-wrap header p {
  margin-top: 0.5em;
  color: var(--gray-7c);
}
.result-wrap p {
  color: var(--gray-7c);
}
.result-wrap p span {
  font-weight: 600;
  color: var(--point-sub-color);
}
.result-wrap .btn-set {
  border-top: 0;
}
.result-wrap.email-result header::before {
  background-image: url("/images/bsia/user/i_result.svg");
}
.result-wrap.email-send header::before {
  background-image: url("/images/bsia/user/i_result.svg");
}
.result-wrap.email-send header h2 {
  font-size: 1.5em;
}
@media (max-width: 1024px) {
  .result-wrap header h2 {
    font-size: 1.6em;
  }
}
@media (max-width: 768px) {
  .result-wrap header h2 {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 640px) {
  .member-info .info-wrap .info {
    padding: 2rem 0;
  }
}
/*------------------------- 마이페이지 --------------------------*/
/*------------------------- h-style --------------------------*/
.s-tit-sty01 {
  margin-bottom: 0.8em;
  margin-left: 4px;
  font-size: 3.2rem;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .s-tit-sty01 {
    font-size: 2.6rem;
  }
}
@media (max-width: 768px) {
  .s-tit-sty01 {
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .s-tit-sty01 {
    margin-bottom: 0.5em;
    text-align: center;
  }
}

.s-tit-sty02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1em;
  font-size: 2.8rem;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .s-tit-sty02 {
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .s-tit-sty02 {
    font-size: 2rem;
  }
}
.s-tit-sty02::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 0.2em;
  background: url("/images/bsia/sub/sub_ti_bullet1.png") no-repeat center/100% 100%;
}
@media (max-width: 768px) {
  .s-tit-sty02 {
    margin-bottom: 0.5em;
  }
  .s-tit-sty02::before {
    width: 16px;
    height: 16px;
  }
}

/* my-header */
.my-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2em;
  margin-bottom: 2.5em;
  border: 1px solid #cfd3e2;
  background-color: var(--point-color-bg);
  border-radius: 16px;
}
.my-header .icon-head,
.my-header .my-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-header .icon-head h3 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--point-color);
}
@media (max-width: 1024px) {
  .my-header .icon-head h3 {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .my-header .icon-head h3 {
    font-size: 1.7rem;
  }
}
.my-header .icon-head .member-part {
  padding: 3px 0.6em;
  margin-left: 1em;
  background-color: var(--point-color);
  color: var(--white);
  font-size: 1.2rem;
  border-radius: 50px;
}
@media (max-width: 1024px) {
  .my-header .icon-head .member-part {
    font-size: 1.1rem;
  }
}
@media (max-width: 768px) {
  .my-header .icon-head .member-part {
    font-size: 1rem;
  }
}
.my-header .icon-head .member-part.organization {
  background-color: var(--point-sub-color);
}
.my-header .icon-head .email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-header .icon-head .email::before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  margin: 0 0.8em;
  background-color: var(--gray-d5);
}
.my-header .my-btn {
  margin-left: auto;
}
.my-header .my-btn a {
  padding: 0.5em 1.2em 0.4em;
  margin-left: 8px;
  background-color: var(--white);
  border-radius: 100px;
  font-size: 1.6rem;
}
@media (max-width: 1024px) {
  .my-header .my-btn a {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .my-header .my-btn a {
    font-size: 1.4rem;
  }
}
@media (max-width: 1024px) {
  .my-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .my-header .my-btn {
    margin-top: 1em;
    margin-left: 0;
  }
  .my-header .my-btn a {
    margin: 0 4px 4px;
  }
}
@media (max-width: 768px) {
  .my-header {
    padding: 1.6em 1em;
  }
  .my-header .icon-head,
  .my-header .my-btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .my-header .icon-head .email {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0.5em;
  }
  .my-header .icon-head .email::before {
    display: none;
  }
}

.my-no-data {
  text-align: center !important;
  padding: 2em !important;
}
@media (max-width: 768px) {
  .my-no-data {
    border-bottom: 0 !important;
  }
}

/*------------------------- 검색 search --------------------------*/
.board-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 1em;
}
.board-header .srch-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board-header .srch-wrap select {
  width: 140px;
  margin-right: 10px;
}
.board-header .srch-wrap .input-wrap {
  position: relative;
  width: 336px;
}
.board-header .srch-wrap .input-wrap input {
  width: 100%;
}
.board-header .srch-wrap button {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  background: url("/images/bsia/sub/search.svg") no-repeat center/21px 21px;
}
.board-header .total {
  margin-left: auto;
  font-size: 1.6rem;
  color: var(--gray-7c);
}
@media (max-width: 1024px) {
  .board-header .total {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .board-header .total {
    font-size: 1.4rem;
  }
}
.board-header .total strong {
  color: var(--black);
  font-weight: bold;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .board-header .srch-wrap select {
    width: 110px;
  }
  .board-header .srch-wrap .input-wrap {
    width: 220px;
  }
}
@media (max-width: 640px) {
  .board-header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .board-header .srch-wrap {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .board-header .srch-wrap select {
    width: calc(40% - 10px);
  }
  .board-header .srch-wrap .input-wrap {
    width: 60%;
  }
}
@media (max-width: 480px) {
  .board-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .board-header .srch-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .board-header .srch-wrap select {
    width: 100%;
    margin-bottom: 0.5em;
    margin-right: 0;
  }
  .board-header .srch-wrap .input-wrap {
    width: 100%;
  }
}

/* 작성자 : 디자인글꼴 2024-09 */
/* login */
.login-box-wrap {
  max-width: 456px;
  margin: 0 auto;
}
.login-box-wrap .login-box {
  margin: 0 auto;
}
.login-box-wrap .login-box .login-text-box {
  text-align: center;
  margin-bottom: 2em;
  color: var(--gray-7c);
}
.login-box-wrap .login-box .login-text-box p {
  font-size: 2rem;
}
.login-box-wrap .login-box .login-text-box p span {
  color: var(--point-color);
  font-weight: 600;
}
@media (max-width: 768px) {
  .login-box-wrap .login-box {
    padding: 2em;
  }
}

.login-btn-wrap {
  margin: 1.6rem 0;
}
.login-btn-wrap button {
  width: 100%;
}

.login-assist-wrap a {
  color: var(--black);
  text-decoration: none;
  display: block;
  padding: 0 1em;
  margin-top: 1.5em;
  text-align: center;
}
.login-assist-wrap a:last-child::after {
  display: none;
}

/* login_bottom */
.join-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
  margin-top: 4em;
  background-color: var(--point-color-bg);
  border-radius: 16px;
}
.join-info .img {
  width: 15%;
}
.join-info .img > div {
  width: 100%;
  padding-top: 100%;
  border-radius: 100%;
  background: var(--white) url(/images/bsia/sub/i_join.png) no-repeat center/51.6% 64.1%;
}
.join-info .txt {
  margin-left: 1em;
}
.join-info .txt .ti {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .join-info .txt .ti {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .join-info .txt .ti {
    font-size: 1.5rem;
  }
}
.join-info .txt .ti::after {
  content: "";
  display: block;
  margin-left: 8px;
  width: 6px;
  height: 10px;
  background: url(/images/bsia/main/arw_next_b.svg) no-repeat center/100% 100%;
}
.join-info .txt p {
  margin-top: 3px;
  font-size: 1.6rem;
  color: var(--gray-7c);
}
@media (max-width: 1024px) {
  .join-info .txt p {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .join-info .txt p {
    font-size: 1.4rem;
  }
}

/*------------------------- list-style --------------------------*/
.list-sty-dot {
  margin-bottom: 1em;
}
.list-sty-dot li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2em 0;
}
.list-sty-dot li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  margin-right: 0.3em;
  border-radius: 50%;
  background: var(--black);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.page-content {
  line-height: 1.4;
  word-break: keep-all;
  word-wrap: break-word;
}
.page-content .article-title {
  color: var(--point-color);
  font-weight: 700;
  margin-top: 2em;
  padding-bottom: 0.5em;
  font-size: 2.4rem;
}
@media (max-width: 1024px) {
  .page-content .article-title {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .page-content .article-title {
    font-size: 1.8rem;
  }
}
.page-content .article-title ul {
  list-style: none;
  padding-left: 1em;
  margin: 0px;
}
.page-content .article-tit {
  color: #000;
  font-weight: 700;
  margin-top: 2em;
  font-size: 2.4rem;
}
@media (max-width: 1024px) {
  .page-content .article-tit {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .page-content .article-tit {
    font-size: 1.8rem;
  }
}
.page-content .article-sub {
  padding-left: 3rem;
}
.page-content .article-sub .article-sub-title {
  color: #01a8ae;
  font-weight: 600;
  margin-top: 1em;
  font-size: 2rem;
}
@media (max-width: 1024px) {
  .page-content .article-sub .article-sub-title {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .page-content .article-sub .article-sub-title {
    font-size: 1.7rem;
  }
}

.textarea-wrap .contents-wrap {
  padding: 0;
  margin: 0 auto;
}

/* 회원탈퇴 */
.withdrawal {
  margin-top: 4em;
  padding: 2em;
  border: 1px solid var(--border-color);
  border-radius: 16px;
  background-color: var(--gray-f8);
  text-align: center;
}
.withdrawal h4 {
  margin-bottom: 0.5em;
  font-size: 2rem;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .withdrawal h4 {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .withdrawal h4 {
    font-size: 1.7rem;
  }
}
.withdrawal .txt {
  color: var(--gray-7c);
}
.withdrawal button {
  color: var(--black);
  text-decoration: underline;
  font-size: 1.6rem;
}
@media (max-width: 1024px) {
  .withdrawal button {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .withdrawal button {
    font-size: 1.4rem;
  }
}

.c-red {
  color: var(--point-sub-color);
  font-weight: 700;
}

.checkbox-wrap-sec {
  margin-top: 2em;
}

/* 회원정보수정 */
.company-readonly {
  width: 100%;
  padding: 0.8em 1.2em;
  border: 1px solid var(--gray-cc);
  border-radius: 8px;
  background-color: var(--gray-f8);
}

.modity-down {
  display: inline-block;
  text-align: center;
  min-width: 200px;
  padding: 0.8em 1.2em;
  border-radius: 8px;
  border: 1px solid var(--point-color);
  color: var(--point-color);
}
@media (max-width: 768px) {
  .modity-down {
    min-width: 120px;
  }
}