@charset "utf-8";

#document {
  min-width: var(--min-width);
}

#container {
  min-height: calc(100vh - 322px);
  padding-top: 80px;
}

#container.introduce {
  padding-top: 0;
}

.contents_wrap,
.inner {
  width: var(--max-width);
  margin: 0 auto;
}

.contents_wrap.aside {
  display: flex;
  margin: 0 auto;
  padding-top: 60px;
}

.visual_wrap {
  width: 100%;
  min-width: 1280px;
  overflow: hidden;
}

.scroll_wrap {
  max-height: 300px;
  overflow: auto;
}

/*** 헤더 ***/
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

#header .header_inner {
  max-width: var(--max-width);
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

/* gnb */
#header .gnb_wrap {
  display: flex;
  align-items: center;
}

#header .gnb_wrap .logo {
  padding-right: 62px;
  position: relative;
}

/* #header .gnb_wrap .logo a {display: flex; align-items: center; width: 154px; height: 30px; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../images/bizhome/kglobal500/logo.png');} */
#header .gnb_wrap .logo a {
  font-size: 32px;
  font-weight: 900;
  line-height: 32px;
  letter-spacing: -1.2px;
  color: var(--white);
}

#header .gnb_wrap .gnb {
  /* margin: 0 40px; */
  position: relative;
}

#header .gnb_wrap .gnb::before,
#header .gnb_wrap .gnb::after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  width: 40px;
  height: 64px;
  z-index: 1;
}

#header .gnb_wrap .gnb::before {
  left: 0;
  /* background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%); */
}

#header .gnb_wrap .gnb::after {
  right: 0;
  /* background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%); */
}

#header .gnb_wrap .gnb .depth1 {
  display: flex;
  flex-wrap: nowrap;
  gap: 48px;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

#header .gnb_wrap .gnb .depth1::-webkit-scrollbar {
  display: none;
}

#header .gnb_wrap .gnb .depth1 > li {
  flex-shrink: 0;
}

#header .gnb_wrap .gnb .depth1 > li > a {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  line-height: 80px;
  font-size: 16px;
  font-weight: 700;
  color: var(--white);
  position: relative;
}

#header .gnb_wrap .gnb .depth1 > li > a.active {
  color: var(--white);
}

#header .gnb_wrap .gnb .depth1 > li > a:hover {
  color: #fff;
}

#header .gnb_wrap .gnb .depth1 > li > a.active::before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: var(--white);
}

/* #header .gnb_wrap .gnb .depth2 {display: none; position: absolute; left: -1px; top: calc(100% - 3px); min-width: 140px; z-index: 10; padding: 10px 10px 14px; background-color: #fff; border-radius: 4px; border: solid 1px var(--greyccc); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);}
#header .gnb_wrap .gnb .depth1 > li:hover .depth2 {display: block;}
#header .gnb_wrap .gnb .depth2 .depth2_menu {padding: 6px 10px;  font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: -0.28px; margin-bottom: 4px; border-radius: 2px; cursor: pointer;}
#header .gnb_wrap .gnb .depth2 .depth2_menu:last-of-type {margin-bottom: 0;}
#header .gnb_wrap .gnb .depth2 .depth2_menu:hover,
#header .gnb_wrap .gnb .depth2 .depth2_menu.active {background-color: var(--greyf2f2);} */
#header .gnb_wrap .gnb .btn_move_prev,
#header .gnb_wrap .gnb .btn_move_next {
  display: none;
  position: absolute;
  top: 21px;
  width: 24px;
  height: 24px;
  z-index: 2;
  font-size: 0;
  border-radius: 24px;
  border: solid 1px var(--greyddd);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.6 2.8 4.4 6l3.2 3.2' stroke='%230D0D0D' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

#header .gnb_wrap .gnb .btn_move_prev {
  left: -12px;
}

#header .gnb_wrap .gnb .btn_move_next {
  right: -12px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.4 9.2 7.6 6 4.4 2.8' stroke='%230D0D0D' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

/* gnb swiper */
/* #header .gnb_wrap .gnb .gnb_swiper {height: 64px;}
#header .gnb_wrap .gnb .swiper-slide {display: flex; align-items: center; width: fit-content; height: 100%;}
#header .gnb_wrap .gnb .swiper-slide > a {font-size: 16px; font-weight: 500; letter-spacing: -0.32px; color: var(--black); position: relative;}
#header .gnb_wrap .gnb .swiper-slide > a::after {display: none; content: ''; position: absolute; bottom: -21px; left: 0; width: 100%; height: 2px; background-color: var(--black);}
#header .gnb_wrap .gnb .swiper-slide:hover > a::after {display: block;}
#header .gnb_wrap .gnb .swiper-slide:hover .depth2 {display: block;}
#header .gnb_wrap .gnb .swiper-button-next:after,
#header .gnb_wrap .gnb .swiper-button-prev:after {content: ''; position: absolute; top: 0; width: 40px; height: 64px; background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 100%, #fff 58%);}
#header .gnb_wrap .gnb .swiper-button-prev:after {left: 0;}
#header .gnb_wrap .gnb .swiper-button-next:after {right: 0;}
#header .gnb_wrap .gnb .swiper-button-disabled {display: none;} */

/* 검색창 */
#header .util_wrap {
  display: flex;
  align-items: center;
}

#header .util_wrap .search_wrap {
  position: relative;
  width: 240px;
  height: 36px;
  border-radius: 50px;
  margin: 0 20px 0 0;
  padding: 0 14px 0 42px;
  box-sizing: border-box;
  background: var(--greyf2f2);
}

#header .util_wrap .search_wrap .search_texts {
  border: none;
  width: 160px;
  height: 36px;
  background: var(--greyf2f2);
}

#header .util_wrap .search_wrap .search_texts::placeholder {
  font-size: 13px;
  color: #999;
  letter-spacing: -0.26px;
}

#header .util_wrap .search_wrap .btn_search {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  font-size: 0;
  background: url("../images/bizhome/kglobal500/search_24px.png") no-repeat 50%
    50%;
}

#header .util_wrap .search_wrap .btn_del_keyword {
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  width: 16px;
  height: 16px;
  font-size: 0;
  background: url("../images/bizhome/kglobal500/cycle_16px.png") no-repeat 50%
    50%;
}

#header .util_wrap .search_wrap .btn_del_keyword.active {
  display: block;
}

/* 마이페이지/언어 */
#header .util_wrap .util {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#header .util_wrap .util li {
  margin: 0 10px;
}

#header .util_wrap .util li:first {
  margin-left: 0;
}

#header .util_wrap .util li a {
  display: block;
  line-height: 32px;
  padding: 0 12px;
  font-weight: normal;
  letter-spacing: -0.21px;
  color: #333;
  border-radius: 4px;
}

#header .util_wrap .util li a:hover {
  background: #e4e4e4;
}

#header .util_wrap .util li.mypage a {
  background: red;
  line-height: 24px;
}

/* 로그인/회원가입 */
#header .util_wrap .util_menus {
  position: relative;
  display: flex;
  align-items: center;
}

/* #header .util_wrap .util_menus li {margin: 0 15px;} */
#header .util_wrap .util_menus .link_member {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.21px;
  color: var(--white);
  white-space: nowrap;
  border-radius: 12px;
}

#header .util_wrap .util_menus .link_member:hover {
  background-color: rgba(255, 255, 255, 0.15);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#header .util_wrap .util_menus .link_member--login {
  position: relative;
  padding: 10px 20px;
  margin-right: 23px;
}

#header .util_wrap .util_menus .link_member--login:before {
  content: "";
  width: 14px;
  height: 12.25px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath d='M5.96 2.02499L9.32 5.385C9.52667 5.585 9.63 5.83166 9.63 6.125C9.63 6.41833 9.52667 6.665 9.32 6.865L5.96 10.225C5.78 10.405 5.56 10.495 5.3 10.495C5.04667 10.495 4.83 10.405 4.65 10.225C4.47 10.045 4.38 9.82833 4.38 9.575V7.875H0.88C0.62 7.875 0.41 7.79166 0.25 7.625C0.0833333 7.465 0 7.255 0 6.995V5.245C0 4.99166 0.0833333 4.785 0.25 4.625C0.41 4.45833 0.62 4.375 0.88 4.375H4.38V2.675C4.38 2.42166 4.47 2.20499 4.65 2.02499C4.83 1.83833 5.04667 1.745 5.3 1.745C5.56 1.745 5.78 1.83833 5.96 2.02499ZM9.63 10.495H11.38C11.6333 10.495 11.84 10.415 12 10.255C12.1667 10.0883 12.25 9.87833 12.25 9.625V2.625C12.25 2.37166 12.1667 2.16166 12 1.995C11.84 1.82833 11.6333 1.745 11.38 1.745H9.63C9.37 1.745 9.16 1.665 9 1.505C8.83333 1.33833 8.75 1.12833 8.75 0.874995C8.75 0.621662 8.83333 0.411662 9 0.244995C9.16 0.0783284 9.37 -0.00500488 9.63 -0.00500488H11.38C12.1267 0.0149951 12.7433 0.271662 13.23 0.764996C13.7233 1.25833 13.98 1.87833 14 2.625V9.625C13.98 10.3717 13.7233 10.9917 13.23 11.485C12.7433 11.9783 12.1267 12.235 11.38 12.255H9.63C9.37 12.255 9.16 12.1717 9 12.005C8.83333 11.8383 8.75 11.6283 8.75 11.375C8.75 11.1217 8.83333 10.9117 9 10.745C9.16 10.5783 9.37 10.495 9.63 10.495Z' fill='%23e5e7eb'/%3E%3C/svg%3E");
}

#header .util_wrap .util_menus .link_member--login:after {
  content: "";
  position: absolute;
  right: -11px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: #e2e8f0;
}

#header .util_wrap .util_menus .link_member--signup {
  height: 45px;
  padding: 12px 24px;
  gap: 12px;
  background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

#header .util_wrap .util_menus .link_member--signup:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);
}

#header .util_wrap .util_menus .link_member--signup:after {
  content: "";
  width: 12.25px;
  height: 10.5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11' fill='none'%3E%3Cg clip-path='url(%23clip0_531_513)'%3E%3Cpath d='M12 5.88C12.1667 5.7 12.25 5.49 12.25 5.25C12.25 5.01 12.1667 4.8 12 4.62L7.63 0.25C7.45 0.0833333 7.24 0 7 0C6.76 0 6.55 0.0833333 6.37 0.25C6.21 0.43 6.13 0.636667 6.13 0.87C6.13 1.11 6.21 1.32 6.37 1.5L9.27 4.37H0.88C0.62 4.37 0.41 4.45333 0.25 4.62C0.0833333 4.78667 0 4.99667 0 5.25C0 5.50333 0.0833333 5.71333 0.25 5.88C0.41 6.04 0.62 6.12 0.88 6.12H9.27L6.37 9C6.21 9.18 6.13 9.38667 6.13 9.62C6.13 9.86 6.21 10.07 6.37 10.25C6.55 10.4167 6.76 10.5 7 10.5C7.24 10.5 7.45 10.4167 7.63 10.25L12 5.88Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_531_513'%3E%3Crect width='12.25' height='10.5' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

/* 마이페이지 */
#header .util_wrap .util_menus .user_menus {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  height: 44px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.21px;
  color: var(--white);
  white-space: nowrap;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
}

#header .util_wrap .util_menus .user_menus::after {
  content: "";
  display: inline-flex;
  width: 8.75px;
  height: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5' fill='none'%3E%3Cg clip-path='url(%23clip0_315_1491)'%3E%3Cpath d='M4.38 4.99512C4.20667 4.99512 4.05667 4.93845 3.93 4.82512L0.18 1.07512C0.06 0.941784 0 0.791784 0 0.625117C0 0.458451 0.06 0.308451 0.18 0.175117C0.306667 0.0551175 0.456667 -0.00488281 0.63 -0.00488281C0.796667 -0.00488281 0.943333 0.0551175 1.07 0.175117L4.38 3.49512L7.68 0.175117C7.80667 0.0551175 7.95667 -0.00488281 8.13 -0.00488281C8.29667 -0.00488281 8.44333 0.0551175 8.57 0.175117C8.69 0.308451 8.75 0.458451 8.75 0.625117C8.75 0.791784 8.69 0.941784 8.57 1.07512L4.82 4.82512C4.69333 4.93845 4.54667 4.99512 4.38 4.99512Z' fill='white' fill-opacity='0.6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_315_1491'%3E%3Crect width='8.75' height='5' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

#header .util_wrap .util_menus .user_menus:hover {
  background-color: rgba(255, 255, 255, 0.15);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 언어 */
#header .util_wrap .util_menus--lang {
  width: 120px;
}

#header .util_wrap .util_menus .btn_lang {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  height: 32px;
  padding: 7px 13px;
  border-radius: 32px;
  position: relative;
  margin-left: 24px;
  background: transparent;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  color: var(--white);
  border: 1px solid var(--white);
  transition: all 0.3s ease;
}

#header .util_wrap .util_menus .btn_lang::before {
  content: "";
  width: 16px;
  height: 12px;
  background: url("../images/bizhome/kglobal500/ic_nation_kr.png") no-repeat
    center;
  background-size: cover;
}

#header .util_wrap .util_menus .btn_lang.english::before {
  background-image: url("../images/bizhome/kglobal500/ic_nation_en.svg");
}

#header .util_wrap .util_menus .btn_lang:hover {
  background: rgb(255 255 255 / 0.1);
}

/* 툴팁 */
#header .util_wrap .util_menus .tooltip_menu {
  display: none;
  position: absolute;
  right: 0;
  top: 53px;
  z-index: 10;
  width: 160px;
}

#header .util_wrap .util_menus .tooltip_menu.active {
  display: block;
}

#header .util_wrap .util_menus .tooltip_menu .tooltip_menu_list {
  padding: 10px 0;
  border-radius: 12px;
  background: var(--white);
  border: 1px solid #f3f4f6;
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.25),
    0 0 0 0 rgba(0, 0, 0, 0),
    0 0 0 0 rgba(0, 0, 0, 0);
  position: relative;
}

#header .util_wrap .util_menus .tooltip_menu .tooltip_menu_list li {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

#header
  .util_wrap
  .util_menus
  .tooltip_menu
  .tooltip_menu_list
  li.tooltip_menu_item--logout::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #f3f4f6;
}

#header .util_wrap .util_menus .tooltip_menu .tooltip_menu_list li:hover {
  background-color: var(--bg-blue);
  color: var(--pcolor);
}

#header .util_wrap .util_menus .tooltip_menu .tooltip_menu_list li:last-child {
  border-bottom: none;
}

#header .util_wrap .util_menus .tooltip_menu .tooltip_menu_list li label {
  cursor: pointer;
}

#header
  .util_wrap
  .util_menus
  .tooltip_menu
  .tooltip_menu_list
  li
  input[type="radio"] {
  display: none;
}

#header .util_wrap .util_menus .tooltip_menu .tooltip_menu_list li span {
  cursor: pointer;
}

#header .util_wrap .util_menus .tooltip_menu .tooltip_menu_list li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  padding: 12px 16px;
  color: #374151;
}

#header .util_wrap .util_menus .tooltip_menu .tooltip_menu_list li a::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#header
  .util_wrap
  .util_menus
  .tooltip_menu--member
  .tooltip_menu_list
  li:nth-of-type(1)
  a::before {
  background-image: url("../images/bizhome/kglobal500/ic_namecard.png");
}

#header
  .util_wrap
  .util_menus
  .tooltip_menu--member
  .tooltip_menu_list
  li:nth-of-type(2)
  a::before {
  background-image: url("../images/bizhome/kglobal500/ic_network.png");
}

#header
  .util_wrap
  .util_menus
  .tooltip_menu--member
  .tooltip_menu_list
  li:nth-of-type(3)
  a::before {
  background-image: url("../images/bizhome/kglobal500/ic_setting.png");
}

#header
  .util_wrap
  .util_menus
  .tooltip_menu--member
  .tooltip_menu_list
  li:nth-of-type(4)
  a::before {
  background-image: url("../images/bizhome/kglobal500/ic_logout.png");
}

#header .util_wrap .util_menus .tooltip_menu--lang {
  top: 40px;
}

#header .util_wrap .util_menus .tooltip_menu--lang .tooltip_menu_list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  padding: 10px 16px;
}

#header
  .util_wrap
  .util_menus
  .tooltip_menu--lang
  .tooltip_menu_list
  li::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#header
  .util_wrap
  .util_menus
  .tooltip_menu--lang
  .tooltip_menu_list
  li:nth-of-type(1)::before {
  background: url("../images/bizhome/kglobal500/ic_nation_kr.png") no-repeat
    center;
  background-size: cover;
}

#header
  .util_wrap
  .util_menus
  .tooltip_menu--lang
  .tooltip_menu_list
  li:nth-of-type(2)::before {
  background: url("../images/bizhome/kglobal500/ic_nation_en.svg") no-repeat
    center;
  background-size: cover;
}

#header .util_wrap .util_menus .tooltip_menu--lang .tooltip_menu_list li label {
  color: #374151;
}

/* 알림 레이어 */
.notification {
  position: relative;
}

.notification .notification_button {
  width: 40px;
  height: 40px;
  font-size: 0;
  margin-right: 24px;
  position: relative;
  background: url("../images/bizhome/kglobal500/ic_notification_white.png")
    no-repeat center / 15.753px 18px;
}

.notification .notification_button .notification_dot {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: var(--alert);
  box-shadow:
    0 0 8px 0 rgba(239, 68, 68, 0.8),
    0 0 0 0 var(--black),
    0 0 0 0 var(--black);
}

.notification .notification_layer {
  display: none;
  position: absolute;
  left: 0;
  top: 49px;
  width: 378px;
  background: var(--white);
  border-radius: 16px;
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.25),
    0 0 0 0 rgba(0, 0, 0, 0),
    0 0 0 0 rgba(0, 0, 0, 0);
}

.notification .notification_layer.active {
  display: block;
}

.notification .notification_layer .notification_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #f1f5f9;
}

.notification .notification_layer .notification_header .notification_title {
  font-size: 18px;
  font-weight: 800;
  color: var(--black);
  line-height: 27px;
}

.notification
  .notification_layer
  .notification_header
  .notification_title
  .notification_count {
  color: var(--pcolor);
}

.notification .notification_layer .notification_header .notification_readAll {
  font-size: 12px;
  font-weight: 700;
  color: #64748b;
  line-height: 18px;
  background-color: transparent;
}

.notification .notification_layer .notification_tab {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 36px;
  padding: 0 20px;
  overflow-x: auto;
}

.notification .notification_layer .notification_tab .notification_tab_item {
  padding: 0 7.5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 45px;
  color: #94a3b8;
  cursor: pointer;
  position: relative;
}

.notification
  .notification_layer
  .notification_tab
  .notification_tab_item.active {
  color: var(--pcolor);
}

.notification
  .notification_layer
  .notification_tab
  .notification_tab_item.active::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: var(--pcolor);
  border-radius: 2px 2px 0 0;
}

.notification .notification_layer .notification_list {
  height: 335px;
  overflow-y: auto;
  display: none;
}

.notification .notification_layer .notification_list.active {
  display: block;
}

.notification .notification_layer .notification_list::-webkit-scrollbar {
  width: 15px;
}

.notification .notification_layer .notification_list::-webkit-scrollbar-thumb {
  background: "";
}

.notification .notification_layer .notification_list .notification_item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 16px;
  padding: 16px 10px 16px 20px;
}

.notification .notification_layer .notification_list .notification_item.unread {
  background-color: var(--bg-blue);
  border-left: 3px solid var(--pcolor);
}

.notification .notification_layer .notification_list .notification_profile {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
}

.notification .notification_layer .notification_list .notification_profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.notification .notification_layer .notification_list .notification_profile .kdx_initial {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--pcolor);
  font-size: 12px;
  font-weight: 700;
  color: var(--white);
}

.notification
  .notification_layer
  .notification_list
  .notification_info
  .notification_desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  color: #334155;
  margin-bottom: 8px;
}

.notification
  .notification_layer
  .notification_list
  .notification_info
  .notification_date {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #94a3b8;
  margin-bottom: 14px;
}

.notification
  .notification_layer
  .notification_list
  .notification_info
  .notification_link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 90px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  color: var(--white);
  background-color: var(--pcolor);
  border-radius: 8px;
}

.notification .notification_layer .notification_more {
  width: 100%;
  padding: 20px 0;
  background: #f8fafc;
  border-top: 1px solid #f1f5f9;
  border-radius: 0 0 16px 16px;
  text-align: center;
}

.notification .notification_layer .notification_more .notification_more_button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 7px;
  font-size: 13px;
  font-weight: 700;
  line-height: 19.5px;
  color: #64748b;
  background-color: transparent;
  text-align: center;
}

.notification
  .notification_layer
  .notification_more
  .notification_more_button::after {
  content: "";
  display: inline-flex;
  width: 5px;
  height: 8.76px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px 8.76px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='9' viewBox='0 0 5 9' fill='none'%3E%3Cpath d='M4.82 3.92512C4.94 4.05845 5 4.20845 5 4.37512C5 4.54178 4.94 4.69178 4.82 4.82512L1.07 8.57512C0.943333 8.69512 0.796667 8.75512 0.63 8.75512C0.456667 8.75512 0.306667 8.69512 0.18 8.57512C0.06 8.44178 0 8.29178 0 8.12512C0 7.95845 0.06 7.80845 0.18 7.67512L3.5 4.37512L0.18 1.07512C0.06 0.941784 0 0.791784 0 0.625117C0 0.458451 0.06 0.308451 0.18 0.175117C0.306667 0.0551175 0.456667 -0.00488281 0.63 -0.00488281C0.796667 -0.00488281 0.943333 0.0551175 1.07 0.175117L4.82 3.92512Z' fill='%2364748B'/%3E%3C/svg%3E");
}

.notification
  .notification_layer
  .notification_more
  .notification_more_button:hover {
  color: var(--pcolor);
}

.notification
  .notification_layer
  .notification_more
  .notification_more_button:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='9' viewBox='0 0 5 9' fill='none'%3E%3Cpath d='M4.82 3.92512C4.94 4.05845 5 4.20845 5 4.37512C5 4.54178 4.94 4.69178 4.82 4.82512L1.07 8.57512C0.943333 8.69512 0.796667 8.75512 0.63 8.75512C0.456667 8.75512 0.306667 8.69512 0.18 8.57512C0.06 8.44178 0 8.29178 0 8.12512C0 7.95845 0.06 7.80845 0.18 7.67512L3.5 4.37512L0.18 1.07512C0.06 0.941784 0 0.791784 0 0.625117C0 0.458451 0.06 0.308451 0.18 0.175117C0.306667 0.0551175 0.456667 -0.00488281 0.63 -0.00488281C0.796667 -0.00488281 0.943333 0.0551175 1.07 0.175117L4.82 3.92512Z' fill='%232563EB'/%3E%3C/svg%3E");
}

/* 헤더 white type */
#header.white {
  background-color: var(--white);
  border-bottom: 1px solid #e5e7eb;
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#header.white .gnb_wrap .logo a {
  white-space: nowrap;
  color: var(--pcolor);
}

#header.white .gnb_wrap .gnb .depth1 > li > a:not(.active) {
  color: #475569;
}

#header.white .gnb_wrap .gnb .depth1 > li > a.active {
  color: var(--pcolor);
}

#header.white .gnb_wrap .gnb .depth1 > li > a.active::before {
  background-color: var(--pcolor);
}

#header.white .gnb_wrap .gnb .depth1 > li > a:hover {
  color: var(--pcolor);
}

#header.white .notification .notification_button {
  background-image: url("../images/bizhome/kglobal500/ic_notification.png");
}

#header.white .util_wrap .util_menus .link_member--login {
  color: var(--desc);
}

#header.white .util_wrap .util_menus .link_member--login:hover {
  color: var(--pcolor);
  background-color: rgba(255, 255, 255, 0.15);
}

#header.white .util_wrap .util_menus .link_member--login:before {
  content: "";
  width: 14px;
  height: 12.25px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cg clip-path='url(%23clip0_577_46)'%3E%3Cpath d='M5.96 2.02499L9.32 5.385C9.52667 5.585 9.63 5.83166 9.63 6.125C9.63 6.41833 9.52667 6.665 9.32 6.865L5.96 10.225C5.78 10.405 5.56 10.495 5.3 10.495C5.04667 10.495 4.83 10.405 4.65 10.225C4.47 10.045 4.38 9.82833 4.38 9.575V7.875H0.88C0.62 7.875 0.41 7.79166 0.25 7.625C0.0833333 7.465 0 7.255 0 6.995V5.245C0 4.99166 0.0833333 4.785 0.25 4.625C0.41 4.45833 0.62 4.375 0.88 4.375H4.38V2.675C4.38 2.42166 4.47 2.20499 4.65 2.02499C4.83 1.83833 5.04667 1.745 5.3 1.745C5.56 1.745 5.78 1.83833 5.96 2.02499ZM9.63 10.495H11.38C11.6333 10.495 11.84 10.415 12 10.255C12.1667 10.0883 12.25 9.87833 12.25 9.625V2.625C12.25 2.37166 12.1667 2.16166 12 1.995C11.84 1.82833 11.6333 1.745 11.38 1.745H9.63C9.37 1.745 9.16 1.665 9 1.505C8.83333 1.33833 8.75 1.12833 8.75 0.874995C8.75 0.621662 8.83333 0.411662 9 0.244995C9.16 0.0783284 9.37 -0.00500488 9.63 -0.00500488H11.38C12.1267 0.0149951 12.7433 0.271662 13.23 0.764996C13.7233 1.25833 13.98 1.87833 14 2.625V9.625C13.98 10.3717 13.7233 10.9917 13.23 11.485C12.7433 11.9783 12.1267 12.235 11.38 12.255H9.63C9.37 12.255 9.16 12.1717 9 12.005C8.83333 11.8383 8.75 11.6283 8.75 11.375C8.75 11.1217 8.83333 10.9117 9 10.745C9.16 10.5783 9.37 10.495 9.63 10.495Z' fill='%2364748B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_577_46'%3E%3Crect width='14' height='12.25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

#header.white .util_wrap .util_menus .link_member--login:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath d='M5.96 2.02499L9.32 5.385C9.52667 5.585 9.63 5.83166 9.63 6.125C9.63 6.41833 9.52667 6.665 9.32 6.865L5.96 10.225C5.78 10.405 5.56 10.495 5.3 10.495C5.04667 10.495 4.83 10.405 4.65 10.225C4.47 10.045 4.38 9.82833 4.38 9.575V7.875H0.88C0.62 7.875 0.41 7.79166 0.25 7.625C0.0833333 7.465 0 7.255 0 6.995V5.245C0 4.99166 0.0833333 4.785 0.25 4.625C0.41 4.45833 0.62 4.375 0.88 4.375H4.38V2.675C4.38 2.42166 4.47 2.20499 4.65 2.02499C4.83 1.83833 5.04667 1.745 5.3 1.745C5.56 1.745 5.78 1.83833 5.96 2.02499ZM9.63 10.495H11.38C11.6333 10.495 11.84 10.415 12 10.255C12.1667 10.0883 12.25 9.87833 12.25 9.625V2.625C12.25 2.37166 12.1667 2.16166 12 1.995C11.84 1.82833 11.6333 1.745 11.38 1.745H9.63C9.37 1.745 9.16 1.665 9 1.505C8.83333 1.33833 8.75 1.12833 8.75 0.874995C8.75 0.621662 8.83333 0.411662 9 0.244995C9.16 0.0783284 9.37 -0.00500488 9.63 -0.00500488H11.38C12.1267 0.0149951 12.7433 0.271662 13.23 0.764996C13.7233 1.25833 13.98 1.87833 14 2.625V9.625C13.98 10.3717 13.7233 10.9917 13.23 11.485C12.7433 11.9783 12.1267 12.235 11.38 12.255H9.63C9.37 12.255 9.16 12.1717 9 12.005C8.83333 11.8383 8.75 11.6283 8.75 11.375C8.75 11.1217 8.83333 10.9117 9 10.745C9.16 10.5783 9.37 10.495 9.63 10.495Z' fill='%232563EB'/%3E%3C/svg%3E");
}

#header.white .util_wrap .util_menus .user_menus {
  border-color: #f1f5f9;
  background-color: #f8fafc;
  color: #334155;
}

#header.white .util_wrap .util_menus .user_menus:hover {
  background-color: var(--bg-blue);
}

#header.white .util_wrap .util_menus .user_menus::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' viewBox='0 0 9 5' fill='none'%3E%3Cg clip-path='url(%23clip0_258_64939)'%3E%3Cpath d='M4.38 4.99414C4.20667 4.99414 4.05667 4.93747 3.93 4.82414L0.18 1.07414C0.06 0.940807 0 0.790807 0 0.624141C0 0.457474 0.06 0.307474 0.18 0.174141C0.306667 0.0541409 0.456667 -0.00585938 0.63 -0.00585938C0.796667 -0.00585938 0.943333 0.0541409 1.07 0.174141L4.38 3.49414L7.68 0.174141C7.80667 0.0541409 7.95667 -0.00585938 8.13 -0.00585938C8.29667 -0.00585938 8.44333 0.0541409 8.57 0.174141C8.69 0.307474 8.75 0.457474 8.75 0.624141C8.75 0.790807 8.69 0.940807 8.57 1.07414L4.82 4.82414C4.69333 4.93747 4.54667 4.99414 4.38 4.99414Z' fill='%239CA3AF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_258_64939'%3E%3Crect width='8.75' height='5' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

#header.white .util_wrap .util_menus .btn_lang {
  color: #475569;
  border-color: #e2e8f0;
}

#header.white .util_wrap .util_menus .btn_lang:hover {
  color: var(--black);
  background-color: #f1f5f9;
}

/*** 푸터 ***/
#footer {
  background: var(--black);
  min-width: 1280px;
  padding: 81px 40px 64px;
}

#footer .footer_inner {
  width: var(--max-width);
  margin: 0 auto;
}

#footer .footer_top {
  display: flex;
  justify-content: space-between;
  max-width: var(--max-width);
  margin: 0 0 64px;
  display: flex;
}

#footer .footer_top .footer_right {
  display: flex;
}

#footer .footer_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding-top: 33px;
  border-top: 1px solid #1f2937;
}

#footer h2 {
  margin-bottom: 24px;
  font-size: 15px;
  font-weight: 700;
  line-height: 22.75px;
  letter-spacing: 0.75px;
  color: var(--white);
  text-transform: uppercase;
}

/* 나의 네트워크 레이어 */
.myNetwork_open {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 64px;
  height: 64px;
  font-size: 0;
  border-radius: 100%;
  z-index: 1000;
  transition: transform 0.3s ease;
  background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.25),
    0 0 0 0 rgba(0, 0, 0, 0),
    0 0 0 0 rgba(0, 0, 0, 0);
}

.myNetwork_open::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 29px;
  height: 26px;
  background: url("../images/bizhome/kglobal500/ic_network_quick_off.svg") no-repeat center / cover;
}

.myNetwork_button_count {
  position: absolute;
  right: -5px;
  top: -4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  border: 2px solid var(--white);
  background-color: var(--alert);
  font-size: 10px;
  font-weight: 900;
  line-height: 15px;
  color: var(--white);
}

.myNetwork_open:hover {
  transform: rotate(-8deg) scale(1.08);
  transition: transform 0.3s ease;
}

.myNetwork_open:hover::before {
  background-image: url("../images/bizhome/kglobal500/common/ic_send_white.svg");
  background-size: 20px;
}

.myNetwork_layer {
  position: fixed;
  bottom: 124px;
  right: 24px;
  width: 338px;
  height: 656px;
  transform: translateY(5%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  border-radius: 32px;
  background: var(--white);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease,
    visibility 0.3s ease;
}

.myNetwork_layer.active {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
}

.myNetwork_layer .myNetwork_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 24px;
  border-bottom: 1px solid #f3f4f6;
}

.myNetwork_layer .myNetwork_header .myNetwork_title {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  font-weight: 900;
  line-height: 22.5px;
  letter-spacing: -0.375px;
  color: var(--black);
}

.myNetwork_layer .myNetwork_header .myNetwork_title::before {
  content: "";
  display: inline-flex;
  width: 6px;
  height: 16px;
  background-color: var(--pcolor);
  border-radius: 50px;
  margin-right: 8px;
}

.myNetwork_layer .myNetwork_header .myNetwork_close {
  width: 28px;
  height: 28px;
  font-size: 0;
  border-radius: 100%;
  background: #f9fafb
    url("../images/bizhome/kglobal500/ic_network_quick_close.png") no-repeat
    center / 6.25px;
}

.myNetwork_layer .myNetwork_content {
  height: 580px;
  padding: 20px;
  overflow-y: auto;
}

.myNetwork_layer .myNetwork_section {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f9fafb;
}

.myNetwork_layer .myNetwork_section.myNetwork_section--connectStatus {
  margin-bottom: 0;
  border: none;
}

.myNetwork_layer .myNetwork_section .myNetwork_section_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  margin-bottom: 20px;
}

.myNetwork_layer .myNetwork_section .myNetwork_section_title {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  font-weight: 900;
  color: var(--black);
}

.myNetwork_layer .myNetwork_section .myNetwork_count {
  font-size: 13px;
  font-weight: 900;
  line-height: 19.5px;
  color: var(--desc2);
  margin-left: 4px;
}

.myNetwork_layer
  .myNetwork_section.myNetwork_section--connectStatus
  .myNetwork_count {
  color: var(--pcolor);
}

.myNetwork_layer .myNetwork_section .myNetwork_more {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3px;
  font-size: 10px;
  font-weight: 700;
  color: var(--desc2);
}

.myNetwork_layer .myNetwork_section .myNetwork_more::after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 7px;
  background: url("../images/bizhome/kglobal500/ic_network_quick_more.png")
    no-repeat center / cover;
}

.myNetwork_layer .profile_list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
  overflow-y: auto;
}

.myNetwork_layer .profile_list .profile_item {
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 900;
  color: var(--white);
}

.myNetwork_layer .connect_list .connect_item {
  height: 87px;
  padding: 13px;
  background-color: var(--white);
  border-radius: 16px;
  border: 1px solid #f3f4f6;
  margin-bottom: 12px;
  box-shadow:
    0 1px 2px 0 rgba(0, 0, 0, 0.05),
    0 0 0 0 rgba(0, 0, 0, 0),
    0 0 0 0 rgba(0, 0, 0, 0);
}

.myNetwork_layer .connect_list .connect_item:last-of-type {
  margin-bottom: 0;
}

.myNetwork_layer .connect_list .connect_item.read {
  background-color: #f9fafb;
  box-shadow: none;
}

.myNetwork_layer .connect_list .connect_item.read:hover {
  background-color: #fff;
}

.myNetwork_layer .connect_list .connect_item .connect_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 8px;
}

.myNetwork_layer .connect_list .connect_item .connect_header .connect_status {
  height: 18px;
  padding: 2px 8px;
  font-size: 9px;
  font-weight: 900;
  line-height: 13.5px;
  letter-spacing: 0.45px;
  color: var(--desc2);
  border-radius: 6px;
}

.myNetwork_layer
  .connect_list
  .connect_item.matched
  .connect_header
  .connect_status {
  background-color: var(--bg-green);
  color: var(--green);
}

.myNetwork_layer .connect_list .connect_item.matched:hover {
  border-color: var(--bg-green);
}

.myNetwork_layer
  .connect_list
  .connect_item.admin_reviewing
  .connect_header
  .connect_status {
  background-color: #F3F4F6;
  color: var(--desc2);
}

.myNetwork_layer .connect_list .connect_item.admin_reviewing:hover {
  border-color: #F3F4F6;
}

.myNetwork_layer
  .connect_list
  .connect_item.rejected
  .connect_header
  .connect_status {
  background-color: #FEF2F2;
  color: #DC2626;
}

.myNetwork_layer .connect_list .connect_item.rejected:hover {
  border-color: #FEF2F2;
}

.myNetwork_layer
  .connect_list
  .connect_item.partner_reviewing
  .connect_header
  .connect_status {
  background-color: var(--bg-blue);
  color: var(--pcolor);
}

.myNetwork_layer .connect_list .connect_item.partner_reviewing:hover {
  border-color: var(--bg-blue);
}

.myNetwork_layer
  .connect_list
  .connect_item.submitted
  .connect_header
  .connect_status {
  background-color: #F3E8FF;
  color: #9333EA;
}

.myNetwork_layer .connect_list .connect_item.submitted:hover {
  border-color: #F3E8FF;
}

.myNetwork_layer
  .connect_list
  .connect_item.incoming_suggest
  .connect_header
  .connect_status {
  background-color: #EEF2FF;
  color: rgba(79, 70, 229, 0.80);
}

.myNetwork_layer .connect_list .connect_item.incoming_suggest:hover {
  border-color: #EEF2FF;
}

.myNetwork_layer .connect_list .connect_item .connect_header .connect_date {
  font-size: 9px;
  font-weight: 700;
  color: var(--desc2);
}

.myNetwork_layer .connect_list .connect_info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
}

.myNetwork_layer .connect_list .connect_info .connect_profile {
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  font-size: 16px;
  font-weight: 900;
  overflow: hidden;
}

.myNetwork_layer .connect_list .connect_info .connect_profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.myNetwork_layer .connect_list .connect_info .connect_detail {
  flex-shrink: 0;
}

.myNetwork_layer .connect_list .connect_item:hover .connect_info .connect_detail {
  background-color: var(--white);
}

.myNetwork_layer .connect_list .connect_info .connect_name {
  font-size: 12px;
  font-weight: 900;
  color: var(--black);
}

.myNetwork_layer .connect_list .connect_info .connect_message {
  font-size: 10px;
  font-weight: 400;
  color: var(--desc);
  margin-top: 2px;
}

.myNetwork_layer .myNetwork_buttons {
  text-align: center;
  padding: 10px 0;
}

.myNetwork_layer .myNetwork_button {
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 900;
  color: var(--white);
  line-height: 19.5px;
  letter-spacing: -0.325px;
  border-radius: 50px;
  padding: 14px 32px;
}

.myNetwork_layer .myNetwork_button::after {
  content: "";
  display: inline-flex;
  width: 4px;
  height: 7px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' viewBox='0 0 4 7' fill='none'%3E%3Cg clip-path='url(%23clip0_529_6371)'%3E%3Cpath d='M0.5 7C0.366667 7 0.246667 6.95333 0.14 6.86C0.0466667 6.75333 0 6.63333 0 6.5C0 6.36667 0.0466667 6.24667 0.14 6.14L2.8 3.5L0.14 0.86C0.0466667 0.753333 0 0.633333 0 0.5C0 0.366667 0.0466667 0.246667 0.14 0.14C0.246667 0.0466667 0.366667 0 0.5 0C0.633333 0 0.753333 0.0466667 0.86 0.14L3.86 3.14C3.95333 3.24667 4 3.36667 4 3.5C4 3.63333 3.95333 3.75333 3.86 3.86L0.86 6.86C0.753333 6.95333 0.633333 7 0.5 7Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_529_6371'%3E%3Crect width='4' height='7' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.myNetwork_layer .profile_list.kg_color_cycle .profile_item {
  background-color: var(--c-logo-bg);
  color: var(--c-logo-fg);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(0, 0, 0, 0.00), 0 0 0 0 rgba(0, 0, 0, 0.00);
}

.myNetwork_layer .profile_list.kg_color_cycle .profile_item .profile_link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: inherit;
  border-radius: 12px;
  overflow: hidden;
}

.myNetwork_layer .profile_list.kg_color_cycle .profile_item .profile_link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-size: 0;
}

.myNetwork_layer .connect_list.kg_color_cycle .connect_item .connect_profile {
  background-color: var(--c-logo-bg);
  color: var(--c-logo-fg);
}

/* 정보 */
#footer .info_wrap .footer_logo {
  margin-bottom: 32px;
}

#footer .info_wrap .footer_logo a {
  font-size: 40px;
  font-weight: 900;
  line-height: 36px;
  letter-spacing: -1.5px;
}

#footer .info_wrap dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.75px;
  color: var(--desc2);
  margin-bottom: 8px;
}

#footer .info_wrap dl:last-child {
  margin-bottom: 0;
}

#footer .info_wrap dl dt {
  margin-right: 5px;
  letter-spacing: -0.24px;
}

#footer .info_wrap dl dt:first-child {
  padding-left: 0;
}

#footer .info_wrap dl dd {
  padding-right: 20px;
  letter-spacing: -0.24px;
  position: relative;
}

#footer .info_wrap dl dd:after {
  content: "";
  position: absolute;
  right: 9px;
  top: 6px;
  width: 1px;
  height: 12px;
  background: #4b5563;
}

#footer .info_wrap dl dd:last-child::after {
  display: none;
}

#footer .info_wrap dl dd a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

#footer .info_wrap dl .white {
  font-weight: 700;
  color: #fff;
}

#footer .info_wrap address {
  font-size: 12px;
  letter-spacing: -0.24px;
  color: #ddd;
  margin-top: 6px;
}

/* kglobal 소개/등록안내/등록기업 */
#footer .gnb_wrap {
  padding-right: 40px;
  height: fit-content;
}

#footer .gnb_wrap .gnb_menu li {
  margin-bottom: 10px;
}

#footer .gnb_wrap .gnb_menu li:last-child {
  margin-bottom: 0;
}

#footer .gnb_wrap .gnb_menu li a {
  letter-spacing: -0.28px;
  color: #ddd;
  white-space: nowrap;
  font-size: 13px;
}

/* notice */
#footer .notice_wrap {
  width: 304px;
  height: fit-content;
  padding-left: 40px;
}

#footer .notice_wrap .notice_list li {
  margin-bottom: 12px;
  padding-left: 14px;
  position: relative;
}

#footer .notice_wrap .notice_list li:last-child {
  margin-bottom: 0;
}

#footer .notice_wrap .notice_list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  background-color: #374151;
  border-radius: 100%;
}

#footer .notice_wrap .notice_list li a {
  font-size: 14px;
  font-weight: 500;
  color: var(--desc2);
  line-height: 21px;
}

/* support */
#footer .support_wrap {
  width: 304px;
  height: fit-content;
  padding-left: 80px;
}

#footer .support_wrap .support_list li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 17px;
}

#footer .support_wrap .support_list li .support_field {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: var(--desc);
}

#footer .support_wrap .support_list li .support_email {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: var(--desc2);
  text-transform: lowercase;
}

#footer .support_wrap .support_list li:last-child {
  margin-bottom: 0;
}

/* copyright */
#footer .copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 19.5px;
  color: var(--desc);
}

#footer .license {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 3px;
}

#footer .license .license_title {
  font-size: 13px;
  font-weight: 500;
  line-height: 19.5px;
  color: var(--desc);
}

#footer .license .license_desc {
  font-size: 13px;
  font-weight: 700;
  line-height: 19.5px;
  color: var(--desc2);
}

#footer .license .license_desc + .license_desc {
  padding-left: 8px;
  margin-left: 8px;
  position: relative;
}

#footer .license .license_desc + .license_desc::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: var(--desc2);
}

#footer .license .license_desc a {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}


#snb.aside_customer {
  border-left: 0;
}

#content,
.wrap-board {
  width: 1060px;
  margin: 0 0 100px 0;
}

.kg_mypage_inner {
  padding-top: 40px;
}

.kg_mypage_section .kg_mypage_section_title {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--black);
}

.kg_mypage_section .kg_mypage_section_contents {
  padding-top: 20px;
  margin-bottom: 40px;
}


/*** aside - customer 레이아웃 ***/
#snb.aside_customer {
  width: 180px;
  height: fit-content;
  box-sizing: border-box;
  margin-right: 40px;
  border-left: 0;
}

#snb.aside_customer .snb_title {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.48px;
  color: var(--black);
  margin-bottom: 18px;
}

#snb.aside_customer .snb_menu .depth1 > li {
  padding: 6px 0;
  cursor: pointer;
}

#snb.aside_customer .snb_menu .depth1 > li a {
  font-size: 16px;
  letter-spacing: -0.32px;
  font-weight: 400;
}

#snb.aside_customer .snb_menu .depth1 > li.active a {
  color: var(--pcolor);
}

#snb.aside_customer .snb_menu .depth1 > li.show_depth2 {
  position: relative;
}

#snb.aside_customer .snb_menu .depth1 > li.show_depth2.show .depth2 {
  display: block;
}

#snb.aside_customer .snb_menu .depth1 > li.show_depth2::after {
  content: '';
  position: absolute;
  right: 0;
  top: 8px;
  width: 20px;
  height: 20px;
  transform: rotate(0);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.5 7.5 5 5 5-5' stroke='%23666' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

#snb.aside_customer .snb_menu .depth1 > li.show_depth2.show::after {
  transform: rotate(180deg);
}

#snb.aside_customer .snb_menu .depth2 {
  display: none;
  padding: 0 10px 12px;
  margin-top: 12px;
  background-color: #fff;
}

#snb.aside_customer .snb_menu .depth2 > li {
  margin-bottom: 8px;
}

#snb.aside_customer .snb_menu .depth2 > li:last-of-type {
  margin-bottom: 0;
}

#snb.aside_customer .snb_menu .depth2 > li a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #666;
  padding-left: 7px;
  position: relative;
}

#snb.aside_customer .snb_menu .depth2 > li.active a {
  font-weight: 500;
  color: #054cff;
}

#snb.aside_customer .snb_menu .depth2 > li a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  background-color: #666;
  border-radius: 100%;
}

#snb.aside_customer .snb_menu .depth2 > li.active a::before {
  background-color: #054cff;
}