@charset "UTF-8";
/* variables */
/*util*/
.diat-wrap #header-wrap {
  z-index: 15;
}

.diat-wrap .contents-head.head-visual {
  height: 580px;
}

.diat-wrap .contents-head.head-visual .head-tit-wrap {
  max-width: 1280px;
}

.diat-wrap .contents-head.head-visual .head-tit-wrap h1 {
  color: #FFFFFF;
  font-size: 40px;
  line-height: 1.5;
  font-weight: 700;
}

.diat-wrap .contents-head.head-visual .head-tit-wrap .logo-wrap {
  display: block;
  margin-bottom: 24px;
  line-height: 1;
}

.diat-wrap .contents-head.head-visual .head-tit-wrap .logo-wrap img {
  height: 44px;
}

.diat-wrap .contents-head.head-visual .head-tit-wrap .btn-wrap {
  margin-top: 48px;
  gap: 20px;
  justify-content: flex-start;
}

.diat-wrap .contents-head.head-visual .head-visual-wrap {
  background-color: #000000;
}

.diat-wrap .contents-head.head-visual .head-visual-wrap picture {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.diat-wrap .contents-head.head-visual .head-visual-wrap picture img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.diat-wrap #container {
  overflow: unset;
}

.diat-wrap #container .contents-body {
  padding-bottom: 0;
}

.diat-wrap #container .gom-title {
  text-align: left;
}

.diat-wrap #container .panel {
  max-width: none;
  padding-top: 120px;
  padding-bottom: 120px;
}

.diat-wrap #container .panel > .inner {
  max-width: 1280px;
}

.diat-wrap #container .gom-content-inner {
  padding-top: 0;
}

.diat-wrap #container .lnb-wrap {
  right: 24px;
  left: 24px;
  max-width: 746px;
  margin: 0 auto 12px auto;
  padding: 0 112px 0 80px;
  border-radius: 40px;
  background-color: #131313;
  box-shadow: 0px 4px 10px 0px rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  color: #FFFFFF;
}

.diat-wrap #container .lnb-wrap .lnb-inner {
  max-width: none;
  height: 68px;
  margin: 0 auto;
  padding: 0;
  justify-content: center;
}

.diat-wrap #container .lnb-wrap .lnb-inner .intro_wrap {
  margin: 0;
  flex: 0 1 auto;
  gap: 8px 36px;
}

.diat-wrap #container .lnb-wrap .lnb-inner .intro_wrap .intro {
  font-size: 20px;
  line-height: 1.5;
}

.diat-wrap #container .lnb-wrap .lnb-inner .btn-lnb-close {
  position: absolute;
  top: 50%;
  right: 40px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1.5' d='m5 5 14 14' data-name='선 465'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='1.5' d='M19 5 5 19' data-name='선 466'/%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='사각형 283' opacity='.2'/%3E%3C/svg%3E");
  background-size: cover;
  transform: translateY(-50%);
}

.diat-wrap #container .sticky-nav {
  height: 58px;
}

.diat-wrap #container .sticky-nav .sticky-inner {
  height: 57px;
  padding: 0 24px;
  border-bottom: 1px solid #5772E8;
  border-radius: 0 0 10px 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  z-index: 14;
}

.diat-wrap #container .sticky-nav .tab-button {
  max-width: 1600px;
  height: 100%;
  margin: 0 auto;
  gap: 16px;
  justify-content: center;
}

.diat-wrap #container .sticky-nav .tab-button > li {
  display: flex;
  width: 100%;
  margin: 0;
  align-items: center;
  justify-content: center;
}

.diat-wrap #container .sticky-nav .tab-button > li a {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;
  align-items: center;
  background-color: #FFFFFF;
  color: #575757;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
}

.diat-wrap #container .sticky-nav .tab-button > li a .sw-logo {
  width: 24px;
  height: 24px;
  margin: 0 6px 0 0;
}

.diat-wrap #container .sticky-nav .tab-button > li a .sw-logo img {
  display: block;
}

.diat-wrap #container .sticky-nav .tab-button > li a.on {
  background-color: #FFFFFF;
  color: #5772E8;
}

.diat-wrap #container .sticky-nav .tab-button > li a.on::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #5772E8;
}

.diat-wrap #container .diat-info-wrap {
  position: relative;
  padding-top: 160px;
  padding-bottom: 160px;
  background: linear-gradient(180deg, #000000 9.95%, rgba(0, 0, 0, 0.1) 79.97%);
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1) inset;
  overflow: hidden;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont {
  position: relative;
  padding-bottom: 68px;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info {
  display: flex;
  align-items: center;
  gap: 80px;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt {
  width: 577px;
  flex-shrink: 0;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .gom-title-wrap {
  color: #FFFFFF;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .gom-title-wrap .gom-title {
  color: #FFFFFF;
  font-size: 36px;
  line-height: 1.5;
  font-weight: 700;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .gom-title-wrap .h-desc {
  margin-top: 20px;
  font-size: 20px;
  line-height: 1.5;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .diat-sw-info {
  margin-top: 64px;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .diat-sw-info .diat-sw {
  display: flex;
  padding: 20px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #9b9b9b;
  border-radius: 8px;
  color: #FFFFFF;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .diat-sw-info .diat-sw .sw-logo {
  display: flex;
  gap: 20px;
  align-items: center;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .diat-sw-info .diat-sw .sw-logo img {
  width: 40px;
  height: 40px;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .diat-sw-info .diat-sw .sw-logo img + img {
  width: auto;
  height: 32px;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .diat-sw-info .diat-sw + .diat-sw {
  margin-top: 12px;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-logo-wrap {
  width: 100%;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-logo-wrap img {
  display: block;
  margin: auto;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-is {
  max-width: 1104px;
  margin: 120px auto 0 auto;
  padding: 32px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(40px);
  color: #FFFFFF;
  text-align: center;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-is dt {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-is dt::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.5' data-name='Ellipse 623' transform='translate(3.5 3.5)'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' stroke='none'/%3E%3Ccircle cx='8.5' cy='8.5' r='9.25'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ffffff' data-name='Group 2549'%3E%3Cpath stroke-linecap='round' stroke-width='1.5' d='M9.254 9.5a2.751 2.751 0 1 1 3.861 2.516 1.769 1.769 0 0 0-1.111 1.6v.415' data-name='Path 6094'/%3E%3Cg data-name='Ellipse 624' transform='translate(11 15.75)'%3E%3Ccircle cx='1' cy='1' r='1' stroke='none'/%3E%3Ccircle cx='1' cy='1' r='.5'/%3E%3C/g%3E%3C/g%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Rectangle 6336' opacity='.2'/%3E%3C/svg%3E");
  background-size: cover;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-is dd {
  margin-top: 12px;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont .diat-is .btn-wrap {
  margin-top: 20px;
}

.diat-wrap #container .diat-info-wrap .diat-info-cont::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 42px;
  height: 20px;
  margin-left: -21px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='20' fill='none'%3E%3Cpath fill='%23cccccc' d='M40.041 5.422C42.306 3.673 41.07.048 38.209.048H3.848c-2.867 0-4.1 3.637-1.824 5.381l17.248 13.215a3 3 0 0 0 3.659-.007L40.04 5.422Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  animation: bounce 1s infinite ease-in-out alternate;
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}
.diat-wrap #container .diat-info-wrap .exam-info-wrap {
  position: relative;
  padding-top: 80px;
  z-index: 1;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap > .gom-content-inner {
  max-width: 1104px;
  margin: 0 auto;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap {
  display: flex;
  gap: 12px;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item {
  position: relative;
  display: flex;
  min-width: 180px;
  gap: 10px;
  align-items: center;
  padding: 10px 24px;
  border-radius: 10px 10px 0 0;
  background-color: #b8ff56;
  font-weight: 700;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item::before, .diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item::after {
  content: "";
  background-size: cover;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item::before {
  width: 24px;
  height: 25px;
  background-size: auto;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item[target=_blank] {
  background: linear-gradient(90deg, #F8F8F8 0%, #EDEDED 100%);
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item[target=_blank]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath stroke='%239B9B9B' stroke-linecap='round' stroke-linejoin='round' d='M6.442 4.988H3.664a1 1 0 0 0-1 1v7.334a1 1 0 0 0 1 1h7.333a1 1 0 0 0 1-1v-2.778'/%3E%3Cpath stroke='%239B9B9B' stroke-linecap='round' d='m7.33 9.656 5.334-5.333'/%3E%3Cpath stroke='%239B9B9B' stroke-linecap='round' stroke-linejoin='round' d='M9.804 3.655h3.493v3.493'/%3E%3C/svg%3E");
  transform: translateY(-50%);
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item.exam-schedule::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cg fill='%23131313' stroke='%23131313' stroke-width='.7' clip-path='url(%23a)'%3E%3Cpath d='M12.984 22.05H3.46a.585.585 0 0 1-.585-.584V3.519c0-.323.262-.585.585-.585h2.824c.14 0 .254.114.254.253 0 .14-.115.254-.254.254H3.46c-.045 0-.082.037-.082.078v17.947c0 .045.037.077.082.077h9.524c.14 0 .254.115.254.254 0 .14-.115.254-.254.254ZM20.12 14.3a.255.255 0 0 1-.254-.255V3.52a.078.078 0 0 0-.077-.078h-2.824a.255.255 0 0 1-.254-.254c0-.139.115-.253.254-.253h2.824c.323 0 .585.262.585.585v10.527c0 .139-.115.253-.254.253ZM13.894 3.441H9.355a.255.255 0 0 1-.253-.254c0-.139.114-.253.253-.253h4.54c.138 0 .253.114.253.253 0 .14-.115.254-.254.254ZM7.816 4.666a.255.255 0 0 1-.253-.254V1.965c0-.14.114-.254.253-.254.14 0 .254.115.254.254v2.447c0 .14-.115.254-.254.254ZM15.426 4.666a.255.255 0 0 1-.254-.254V1.965c0-.14.114-.254.254-.254.139 0 .253.115.253.254v2.447c0 .14-.114.254-.253.254Z'/%3E%3Cpath d='M20.118 7.14H3.128a.255.255 0 0 1-.253-.253c0-.14.115-.254.254-.254h16.989c.139 0 .254.114.254.254 0 .139-.115.253-.254.253ZM6.88 13.133H5.495a.255.255 0 0 1-.254-.254c0-.14.115-.254.254-.254h1.383c.14 0 .254.115.254.254s-.115.254-.254.254ZM14.194 13.133H8.902a.255.255 0 0 1-.254-.254c0-.14.115-.254.254-.254h5.292c.14 0 .254.115.254.254s-.115.254-.254.254ZM6.88 10.148H5.495a.255.255 0 0 1-.254-.254c0-.139.115-.253.254-.253h1.383c.14 0 .254.114.254.253 0 .14-.115.254-.254.254ZM17.743 10.148h-8.84a.255.255 0 0 1-.255-.254c0-.139.115-.253.254-.253h8.84c.14 0 .254.114.254.253 0 .14-.114.254-.253.254ZM6.88 16.117H5.495a.255.255 0 0 1-.254-.254c0-.139.115-.254.254-.254h1.383c.14 0 .254.115.254.254 0 .14-.115.254-.254.254ZM10.867 16.117H8.902a.255.255 0 0 1-.254-.254c0-.139.115-.254.254-.254h1.965c.139 0 .253.115.253.254 0 .14-.114.254-.253.254ZM17.805 24.808a5.747 5.747 0 0 1-5.742-5.742 5.747 5.747 0 0 1 5.742-5.742 5.747 5.747 0 0 1 5.742 5.742 5.747 5.747 0 0 1-5.742 5.742Zm0-10.976a5.242 5.242 0 0 0-5.235 5.234 5.242 5.242 0 0 0 5.235 5.235 5.242 5.242 0 0 0 5.234-5.235 5.242 5.242 0 0 0-5.234-5.234Z'/%3E%3Cpath d='M16.348 20.773a.252.252 0 0 1-.18-.43l1.379-1.38v-3.319c0-.139.114-.253.253-.253.14 0 .254.114.254.253v3.426a.273.273 0 0 1-.073.18l-1.453 1.453a.254.254 0 0 1-.18.074v-.004Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .988h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item.exam-receipt::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cg fill='%23131313' stroke='%23131313' stroke-width='.7' clip-path='url(%23a)'%3E%3Cpath d='M21.98 23.923H2.02a.255.255 0 0 1-.254-.254V10.53c0-.14.114-.254.253-.254.14 0 .254.115.254.254v12.884h19.453V10.531c0-.14.115-.254.254-.254s.254.115.254.254V23.67c0 .139-.115.254-.254.254Z'/%3E%3Cpath d='M12 17.926a.245.245 0 0 1-.147-.05l-9.982-7.141a.25.25 0 0 1-.057-.352.25.25 0 0 1 .352-.057l9.83 7.035 9.832-7.036a.254.254 0 0 1 .351.058.25.25 0 0 1-.057.352l-9.978 7.142a.246.246 0 0 1-.147.049H12ZM8.409 5.296a.246.246 0 0 1-.193-.09.253.253 0 0 1 .029-.356l3.585-3.082a.254.254 0 0 1 .332 0l3.59 3.082a.253.253 0 0 1-.328.385l-3.426-2.939-3.426 2.939a.255.255 0 0 1-.163.061Z'/%3E%3Cpath d='M21.976 10.785a.247.247 0 0 1-.164-.061l-2.934-2.517a.253.253 0 0 1 .327-.385l2.935 2.517a.253.253 0 0 1-.164.446ZM2.018 10.785a.253.253 0 0 1-.164-.446l2.93-2.517a.253.253 0 0 1 .328.385l-2.93 2.517a.254.254 0 0 1-.164.061Z'/%3E%3Cpath d='M19.049 12.885a.255.255 0 0 1-.254-.254V5.297H5.203v7.33c0 .139-.115.253-.254.253a.255.255 0 0 1-.254-.253V5.043c0-.14.115-.254.254-.254h14.096c.139 0 .253.115.253.254v7.588c0 .139-.114.254-.253.254h.004Z'/%3E%3Cpath d='M15.589 9.09H8.41a.255.255 0 0 1-.254-.254c0-.14.115-.254.254-.254h7.179c.139 0 .253.115.253.254s-.114.254-.253.254ZM15.589 11.52H8.41a.255.255 0 0 1-.254-.255c0-.139.115-.253.254-.253h7.179c.139 0 .253.114.253.253 0 .14-.114.254-.253.254Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .988h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item.exam-questions::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cg fill='%23131313' stroke='%23131313' stroke-width='.7' clip-path='url(%23a)'%3E%3Cpath d='M20.114 23.927H3.886a.933.933 0 0 1-.933-.934V5.218c0-.515.418-.937.933-.937h3.549c.139 0 .253.115.253.254 0 .14-.114.254-.253.254H3.886a.426.426 0 0 0-.425.43v17.774c0 .238.192.426.425.426h16.228a.425.425 0 0 0 .426-.426V5.218a.429.429 0 0 0-.426-.43H16.57a.255.255 0 0 1-.254-.253c0-.14.115-.254.254-.254h3.544c.516 0 .933.422.933.937v17.775a.933.933 0 0 1-.933.934Z'/%3E%3Cpath d='M16.569 6.49H7.433a.255.255 0 0 1-.253-.253V2.832c0-.14.114-.254.253-.254h9.136c.139 0 .253.115.253.254v3.405c0 .14-.114.254-.253.254Zm-8.882-.503h8.628V3.086H7.687v2.901ZM7.097 12.164a.273.273 0 0 1-.18-.074l-.757-.757a.252.252 0 0 1 .356-.356l.58.581 1.806-1.805a.252.252 0 0 1 .356.356L7.277 12.09a.247.247 0 0 1-.18.074ZM17.663 11.172h-6.917a.255.255 0 0 1-.254-.254c0-.14.115-.254.254-.254h6.917c.139 0 .253.115.253.254s-.114.254-.253.254ZM7.097 16.031a.254.254 0 0 1-.18-.073L6.16 15.2a.257.257 0 0 1 0-.36.252.252 0 0 1 .356 0l.58.581 1.806-1.8a.252.252 0 0 1 .356.356l-1.981 1.98a.254.254 0 0 1-.18.074ZM17.663 15.035h-6.917a.255.255 0 0 1-.254-.254c0-.14.115-.254.254-.254h6.917c.139 0 .253.115.253.254 0 .14-.114.254-.253.254ZM7.097 19.895a.273.273 0 0 1-.18-.074l-.757-.757a.252.252 0 0 1 .356-.356l.58.58 1.806-1.804a.252.252 0 0 1 .356.356l-1.981 1.98a.247.247 0 0 1-.18.075ZM17.663 18.906h-6.917a.255.255 0 0 1-.254-.254c0-.139.115-.254.254-.254h6.917c.139 0 .253.115.253.254 0 .14-.114.254-.253.254Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .988h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info {
  padding: 32px;
  border-radius: 0 20px 20px 20px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.2);
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .sub-title {
  display: flex;
  gap: 7px;
  align-items: center;
  color: #9B9B9B;
  font-weight: 700;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .sub-title::before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%239B9B9B' d='m4.21 12.697-1.42-1.42 4.3-4.29-4.3-4.29 1.42-1.42 5.7 5.71-5.7 5.71Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .988h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .gom-title-wrap {
  display: flex;
  gap: 16px;
  margin-top: 20px;
  align-items: center;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .gom-title-wrap .gom-title {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 22px;
  line-height: 1.5;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .gom-title-wrap .gom-title .sub {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .gom-title-wrap [class^=btn-] {
  height: 25px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 11px;
  line-height: 1.5;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table {
  margin-top: 20px;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap {
  display: flex;
  gap: 16px;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] {
  margin-top: 0;
  border-collapse: collapse;
  border-bottom: 2px solid #131313;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] col.exam-round {
  width: 79px;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] col.exam-date {
  width: 117px;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] col.exam-anno {
  width: 104px;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] tr:hover {
  background-color: transparent;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] th,
.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] td {
  padding: 12px 8px;
  border: 0;
  border-top: 1px solid #DADADA;
  text-align: center;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] td {
  font-weight: 400;
}

.diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .bullet_list {
  margin-top: 20px;
}

.diat-wrap #container .diat-info-wrap::before, .diat-wrap #container .diat-info-wrap::after {
  content: "";
  position: absolute;
  background-size: cover;
}

.diat-wrap #container .diat-info-wrap::before {
  bottom: 500px;
  left: -120px;
  width: 600px;
  height: 600px;
  background-image: url("./../images/diat/bg-circle01.png");
}

.diat-wrap #container .diat-info-wrap::after {
  right: -200px;
  bottom: -520px;
  width: 942px;
  height: 942px;
  background-image: url("./../images/diat/bg-circle02.png");
}

.diat-wrap #container .gom-for-diat {
  padding-top: 0;
}

.diat-wrap #container .gom-for-diat > .inner + .inner {
  padding-top: 100px;
}

.diat-wrap #container .gom-for-diat .gom-title-wrap .gom-title {
  display: flex;
  gap: 20px;
  font-size: 28px;
  line-height: 1.5;
  font-weight: 700;
}

.diat-wrap #container .gom-for-diat .gom-title-wrap .gom-title::before {
  content: "";
  width: 48px;
  height: 48px;
  background-size: cover;
}

.diat-wrap #container .gom-for-diat .sw-feature-items {
  margin-top: 40px;
  display: grid;
  gap: 40px 31px;
  grid-template-columns: repeat(auto-fill, minmax(calc(33.33% - 31px), 1fr));
}

.diat-wrap #container .gom-for-diat .sw-feature-items .sw-feature-item {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 10px;
  background-color: #131313;
}

.diat-wrap #container .gom-for-diat .sw-feature-items .sw-feature-item .header {
  padding: 24px;
  color: #FFFFFF;
}

.diat-wrap #container .gom-for-diat .sw-feature-items .sw-feature-item .header .gom-title {
  color: #FFFFFF;
  font-size: 20px;
  line-height: 1.5;
}

.diat-wrap #container .gom-for-diat .sw-feature-items .sw-feature-item .header .h-desc {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.6;
}

.diat-wrap #container .gom-for-diat .sw-feature-items .sw-feature-item .gom-thumbnail {
  margin-top: 24px;
  position: relative;
  padding-top: 64.04%;
}

.diat-wrap #container .gom-for-diat .sw-feature-items .sw-feature-item .gom-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 0 10px 10px;
  object-fit: cover;
}

.diat-wrap #container .gom-for-diat .gompic-diat {
  padding-top: 120px;
}

.diat-wrap #container .gom-for-diat .gompic-diat .gom-title-wrap .gom-title::before {
  background-image: url("./../images/common/sw-logos/icon_b2c_gompic2024_diat_wh.svg");
}

.diat-wrap #container .gom-for-diat .gommix-diat .gom-title-wrap .gom-title::before {
  background-image: url("./../images/common/sw-logos/icon_b2c_gommix2024_diat_wh.svg");
}

.diat-wrap #container .gom-for-diat .sw-spec .gom-title-wrap .gom-title {
  gap: 8px;
  align-items: center;
  font-size: 20px;
  line-height: 1.5;
}

.diat-wrap #container .gom-for-diat .sw-spec .gom-title-wrap .gom-title::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' stroke='%23131313' stroke-linecap='round' stroke-width='1.5' d='m15.5 15.016 5 5' data-name='선 486'/%3E%3Cg fill='none' stroke='%23131313' stroke-width='1.5' data-name='타원 57' transform='translate(4 4)'%3E%3Ccircle cx='6' cy='6' r='6' stroke='none'/%3E%3Ccircle cx='6' cy='6' r='6.75'/%3E%3C/g%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='사각형 282' opacity='.2'/%3E%3C/svg%3E");
  background-size: cover;
}

.diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] {
  margin-top: 8px;
}

.diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] tr:hover {
  background-color: transparent;
}

.diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] th,
.diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] td {
  padding: 12px 6px;
  border-color: #EDEDED;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  text-align: left;
  vertical-align: top;
}

.diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] th {
  padding-left: 0;
  font-weight: 700;
}

.diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] .bullet_list > li + li {
  margin-top: 0;
}

.diat-wrap #container .lecture-video {
  background-color: #131313;
}

.diat-wrap #container .lecture-video .gom-title-wrap {
  color: #FFFFFF;
}

.diat-wrap #container .lecture-video .gom-title-wrap .gom-title {
  display: flex;
  gap: 12px;
  align-items: center;
  color: #FFFFFF;
  font-size: 32px;
  line-height: 1.5;
}

.diat-wrap #container .lecture-video .gom-title-wrap .gom-title::before {
  content: "";
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='1.5' d='M33.333 8.07H6.667a2.917 2.917 0 0 0-2.917 2.917v20a2.917 2.917 0 0 0 2.917 2.917h26.666a2.917 2.917 0 0 0 2.917-2.917v-20a2.917 2.917 0 0 0-2.917-2.917Z'/%3E%3Cpath fill='%23fff' d='M25.33 20.989c0-.534-.25-1.05-.75-1.384l-5.333-3.55c-1.1-.733-2.583.05-2.583 1.384v7.1c0 1.333 1.483 2.133 2.583 1.383l5.334-3.55c.5-.333.75-.85.75-1.383Zm2.5 0c0 1.4-.7 2.7-1.85 3.466l-5.333 3.55a4.163 4.163 0 0 1-4.283.2 4.178 4.178 0 0 1-2.2-3.666v-7.1c0-1.534.85-2.95 2.2-3.667 1.35-.733 3-.65 4.283.2l5.334 3.55a4.126 4.126 0 0 1 1.85 3.467Z'/%3E%3C/svg%3E");
  background-size: cover;
}

.diat-wrap #container .lecture-video .gom-title-wrap .h-desc {
  margin-top: 16px;
  font-size: 18px;
  line-height: 1.5;
}

.diat-wrap #container .lecture-video .lecture-video-wrap {
  color: #FFFFFF;
}

.diat-wrap #container .lecture-video .lecture-video-wrap .gom-title {
  font-size: 24px;
  line-height: 1.5;
}

.diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont {
  margin-top: 80px;
}

.diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(calc(20% - 20px), 1fr));
  margin-top: 40px;
}

.diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item {
  position: relative;
}

.diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item .video-item {
  display: flex;
  height: 100%;
  flex-direction: column;
  border-radius: 10px;
  background-color: #373737;
  color: #FFFFFF;
  overflow: hidden;
}

.diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item .video-item .lecture-video-thumb {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item .video-item .lecture-video-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
  object-fit: cover;
}

.diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item .video-item .lecture-video-thumb .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' data-name='다각형 1'%3E%3Cpath d='M18.692 11.159a1 1 0 0 1 0 1.682L7.541 20.01A1 1 0 0 1 6 19.168V4.832a1 1 0 0 1 1.541-.842Z'/%3E%3Cpath fill='%23ffffff' d='M19.15 12a.992.992 0 0 0-.458-.841L7.54 3.99A1 1 0 0 0 6 4.832v14.336a1 1 0 0 0 1.54.842l11.152-7.169A.992.992 0 0 0 19.15 12m1.5 0c0 .855-.43 1.64-1.148 2.103L8.352 21.27A2.499 2.499 0 0 1 4.5 19.168V4.832a2.499 2.499 0 0 1 3.852-2.103l11.15 7.168A2.49 2.49 0 0 1 20.652 12Z'/%3E%3C/g%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='사각형 304' opacity='.2'/%3E%3C/svg%3E");
  background-size: cover;
}

.diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item .video-item .lecture-video-title {
  padding: 16px;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
}

.diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item .flag {
  position: absolute;
  top: -15px;
  right: -4px;
  padding: 4px 10px;
  border-radius: 8px 8px 8px 0;
  background-color: #5772E8;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
}

.diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item.lock-video .video-item .lecture-video-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(87, 87, 87, 0.8);
  z-index: 1;
}

.diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item.lock-video .video-item .lecture-video-thumb .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.086 18.335a2.917 2.917 0 0 1 2.917-2.917h20a2.917 2.917 0 0 1 2.916 2.917v13.333a2.917 2.917 0 0 1-2.916 2.917h-20a2.917 2.917 0 0 1-2.917-2.917V18.335Zm2.917-.417a.417.417 0 0 0-.417.417v13.333c0 .23.186.417.417.417h20c.23 0 .416-.187.416-.417V18.335a.417.417 0 0 0-.416-.417h-20Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.086 11.667a7.917 7.917 0 1 1 15.833 0v5c0 .69-.56 1.25-1.25 1.25H13.336c-.69 0-1.25-.56-1.25-1.25v-5Zm7.917-5.417a5.417 5.417 0 0 0-5.417 5.417v3.75h10.833v-3.75a5.417 5.417 0 0 0-5.416-5.417ZM20 22.082c.69 0 1.25.56 1.25 1.25v3.333a1.25 1.25 0 0 1-2.5 0v-3.333c0-.69.56-1.25 1.25-1.25Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont.gompic-diat .gom-title::before {
  background-image: url("./../images/common/sw-logos/icon_b2c_gompic2024_diat_wh.svg");
}

.diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont.gommmix-diat .gom-title::before {
  background-image: url("./../images/common/sw-logos/icon_b2c_gommix2024_diat_wh.svg");
}

.diat-wrap #container .sw-price {
  background: linear-gradient(180deg, rgba(188, 197, 246, 0.6) 0%, rgba(188, 197, 246, 0) 80%);
}

.diat-wrap #container .sw-price .diat-package-info {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  padding: 40px;
  border: 2px solid transparent;
  border-radius: 20px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, #FFFFFF 100%) padding-box, linear-gradient(98.57deg, #fb03f5 0%, #0035fe 100%) border-box;
  box-shadow: 0px 0px 60px 0px rgba(251, 3, 245, 0.1);
}

.diat-wrap #container .sw-price .diat-package-info .tit-wrap {
  display: flex;
  gap: 24px;
  align-items: center;
}

.diat-wrap #container .sw-price .diat-package-info .tit-wrap .sw-logo {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}

.diat-wrap #container .sw-price .diat-package-info .tit-wrap .sw-logo img {
  width: 100%;
}

.diat-wrap #container .sw-price .diat-package-info .tit-wrap dt {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 700;
}

.diat-wrap #container .sw-price .diat-package-info .tit-wrap dd {
  margin-top: 2px;
}

.diat-wrap #container .sw-price .diat-package-info .tit-wrap .price-info {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
}

.diat-wrap #container .sw-price .diat-package-info .tit-wrap .price-info .unit {
  color: #575757;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
}

.diat-wrap #container .sw-price .diat-package-info .btn-wrap {
  position: absolute;
  top: 40px;
  right: 40px;
}

.diat-wrap #container .sw-price .diat-package-info .more-info,
.diat-wrap #container .sw-price .diat-package-info .import-notice {
  margin-top: 32px;
}

.diat-wrap #container .sw-price .diat-package-info .more-info .bullet_list.check > li {
  padding-left: 36px;
  font-size: 20px;
  line-height: 1.5;
}

.diat-wrap #container .sw-price .diat-package-info .more-info .bullet_list.check > li::before {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h20v20H0z' data-name='사각형 3998'/%3E%3Cpath fill='none' stroke='%23991FE8' stroke-linecap='round' stroke-linejoin='round' d='M4.5 10.141 8.786 15.5l7.714-10' data-name='패스 2284'/%3E%3C/svg%3E");
  background-size: cover;
}

.diat-wrap #container .sw-price .diat-package-info .more-info .bullet_list.check > li + li {
  margin-top: 5px;
}

.diat-wrap #container .sw-price .diat-package-info .import-notice {
  padding: 20px 24px;
  border-radius: 20px;
  background-color: #F8F8F8;
}

.diat-wrap #container .sw-price .diat-package-info .import-notice dt {
  position: relative;
  padding-left: 30px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
}

.diat-wrap #container .sw-price .diat-package-info .import-notice dt::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' stroke='%23131313' stroke-width='1.5' data-name='타원 623' transform='translate(3.5 3.5)'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' stroke='none'/%3E%3Ccircle cx='8.5' cy='8.5' r='9.25'/%3E%3C/g%3E%3Cg data-name='그룹 2549'%3E%3Cg fill='none' stroke='%23131313' data-name='타원 624' transform='translate(11 6.75)'%3E%3Ccircle cx='1' cy='1' r='1' stroke='none'/%3E%3Ccircle cx='1' cy='1' r='.5'/%3E%3C/g%3E%3C/g%3E%3Cpath fill='none' stroke='%23131313' stroke-linecap='round' stroke-width='1.5' d='M12 10.499v6' data-name='패스 6128'/%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='사각형 569'/%3E%3C/svg%3E");
  background-size: cover;
}

.diat-wrap #container .sw-price .diat-package-info .import-notice dd {
  margin-top: 8px;
}

.diat-wrap #container .sw-price .diat-package-info .import-notice dd li {
  font-size: 16px;
  line-height: 1.6;
}

.diat-wrap #container .etc-info-wrap {
  background: linear-gradient(180deg, #EDEDED 0%, rgba(188, 197, 246, 0.4) 100%);
  overflow: hidden;
}

.diat-wrap #container .etc-info-wrap .etc-info {
  position: relative;
  max-width: 1104px;
  margin: 0 auto;
  padding-right: 24px;
  padding-left: 24px;
  z-index: 2;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(auto-fill, minmax(532px, 1fr));
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down {
  padding: 40px;
  border-radius: 20px;
  background-color: #FFFFFF;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .sw-info {
  display: flex;
  gap: 16px;
  align-items: center;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .sw-info .sw-logo {
  width: 60px;
  height: 60px;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .sw-info .sw-title {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .sw-info .sw-title .desc {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap {
  gap: 16px;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap .btn {
  position: relative;
  width: 56px;
  height: 56px;
  border: 1px solid #DADADA;
  border-radius: 100%;
  background-color: #F8F8F8;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap .btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap .btn .txt {
  position: absolute;
  top: -16px;
  left: 50%;
  padding: 4px 10px;
  border-radius: 6px 6px 6px 0;
  background-color: #131313;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1.7;
  font-weight: 700;
  white-space: nowrap;
  opacity: 0;
  z-index: 1;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap .btn.btn-download::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' stroke='%23131313' stroke-linecap='round' stroke-width='1.5' data-name='Group 172067'%3E%3Cpath d='M12 3.76v12.5' data-name='Path 6124'/%3E%3Cpath stroke-linejoin='round' d='M16.361 11.902 12 16.263l-4.361-4.361' data-name='Path 6123'/%3E%3Cpath d='M20 19.76H4' data-name='Path 6125'/%3E%3C/g%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='Rectangle 61921' opacity='.2'/%3E%3C/svg%3E");
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap .btn.btn-guide::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath stroke='%23131313' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.207 9.098h1.84a.95.95 0 0 1 .953.94v10.325a.95.95 0 0 1-.953.939H2.953a.95.95 0 0 1-.953-.94V10.038a.95.95 0 0 1 .953-.94h1.84'/%3E%3Cpath stroke='%23131313' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m12.004 17.238-.696-.46a8.623 8.623 0 0 0-4.757-1.42H4.797V4.302H6.55a8.7 8.7 0 0 1 4.757 1.418l.696.46v11.059Z'/%3E%3Cpath stroke='%23131313' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.207 15.359h-1.754a8.7 8.7 0 0 0-4.757 1.419l-.696.46V6.18l.696-.46a8.624 8.624 0 0 1 4.757-1.42h1.754V15.36Z'/%3E%3C/svg%3E");
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap .btn:hover, .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap .btn:focus {
  z-index: 1;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap .btn:hover .txt, .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap .btn:focus .txt {
  opacity: 1;
  transition: opacity ease 0.3s;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .update-info {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #EDEDED;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .update-info a {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  color: #575757;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .update-info a::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' stroke='%23575757' stroke-linecap='round' stroke-linejoin='round' d='m7 4 6 6-6 6'/%3E%3Cpath fill='none' d='M0 0h20v20H0z' data-name='사각형 6370' opacity='.2'/%3E%3C/svg%3E");
  background-size: cover;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap + .info-txt {
  margin-top: 24px;
  text-align: center;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap + .info-txt > a {
  color: #5772E8;
  font-weight: 700;
  text-decoration: underline;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-faq-wrap {
  margin-top: 80px;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-faq-wrap .gom-title {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 20px;
  line-height: 1.5;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-faq-wrap .gom-title::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cmask id='a' width='24' height='25' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M24 .3H0v24h24V.3Z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath stroke='%23131313' stroke-linejoin='round' stroke-width='1.5' d='M22.019 20.59a10.31 10.31 0 0 1-2.09-3.65 7.407 7.407 0 0 0 1.66-4.65c0-4.61-4.39-8.34-9.81-8.34-5.42 0-9.81 3.74-9.81 8.34s4.39 8.34 9.81 8.34c1.74 0 3.46-.4 5.02-1.18 1.57.93 3.4 1.33 5.21 1.14h.01Z'/%3E%3Cpath fill='%23131313' d='M8.802 12.3c0 .61-.49 1.1-1.1 1.1-.61 0-1.1-.49-1.1-1.1 0-.61.49-1.1 1.1-1.1.61 0 1.1.49 1.1 1.1ZM13.098 12.3c0 .61-.49 1.1-1.1 1.1-.61 0-1.1-.49-1.1-1.1 0-.61.49-1.1 1.1-1.1.61 0 1.1.49 1.1 1.1ZM17.403 12.3c0 .61-.49 1.1-1.1 1.1-.61 0-1.1-.49-1.1-1.1 0-.61.49-1.1 1.1-1.1.61 0 1.1.49 1.1 1.1Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-faq-wrap .sw-faq-item {
  margin-top: 20px;
  padding: 32px;
  border-radius: 20px 20px 20px 0;
  background-color: #FFFFFF;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-faq-wrap .sw-faq-item .faq-questions {
  display: flex;
  gap: 10px;
  color: #5772E8;
}

.diat-wrap #container .etc-info-wrap .etc-info .sw-faq-wrap .sw-faq-item .faq-asked {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #EDEDED;
  color: #575757;
}

.diat-wrap #container .etc-info-wrap .customer-info-wrap {
  position: relative;
  margin: 80px auto 0 auto;
  z-index: 1;
}

.diat-wrap #container .etc-info-wrap .customer-info-wrap .inner {
  position: relative;
  display: flex;
  max-width: none;
  padding: 64px;
  background-color: #FFFFFF;
  justify-content: center;
}

.diat-wrap #container .etc-info-wrap .customer-info-wrap .customer-info {
  display: flex;
  gap: 12px;
  width: 520px;
  align-items: flex-start;
  justify-content: space-between;
  font-weight: 700;
}

.diat-wrap #container .etc-info-wrap .customer-info-wrap .customer-info dd {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
}

.diat-wrap #container .etc-info-wrap .customer-info-wrap .customer-info a {
  position: relative;
}

.diat-wrap #container .etc-info-wrap .customer-info-wrap .customer-info a[target=_blank] {
  padding-right: 68px;
}

.diat-wrap #container .etc-info-wrap .customer-info-wrap .customer-info a[target=_blank]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 40px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath stroke='%239B9B9B' stroke-linecap='round' stroke-linejoin='round' d='M6.442 4.988H3.664a1 1 0 0 0-1 1v7.334a1 1 0 0 0 1 1h7.333a1 1 0 0 0 1-1v-2.778'/%3E%3Cpath stroke='%239B9B9B' stroke-linecap='round' d='m7.33 9.656 5.334-5.333'/%3E%3Cpath stroke='%239B9B9B' stroke-linecap='round' stroke-linejoin='round' d='M9.804 3.655h3.493v3.493'/%3E%3C/svg%3E");
  transform: translateY(-50%);
}

.diat-wrap #container .etc-info-wrap .customer-info-wrap .customer-info + .customer-info {
  margin-left: 32px;
  padding-left: 32px;
  border-left: 1px solid #EDEDED;
}

.diat-wrap #container .etc-info-wrap .customer-info-wrap::after {
  content: "";
  position: absolute;
  left: -345px;
  bottom: -600px;
  width: 1200px;
  height: 1200px;
  border-radius: 100%;
  background-image: url("./../images/diat/bg-circle05.png");
  z-index: -1;
}

.diat-wrap #container .etc-info-wrap::before, .diat-wrap #container .etc-info-wrap::after {
  content: "";
  position: absolute;
  border-radius: 100%;
  background-size: cover;
}

.diat-wrap #container .etc-info-wrap::before {
  top: -300px;
  left: 108px;
  width: 600px;
  height: 600px;
  background-image: url("./../images/diat/bg-circle03.png");
}

.diat-wrap #container .etc-info-wrap::after {
  top: 220px;
  right: 160px;
  width: 320px;
  height: 320px;
  background-image: url("./../images/diat/bg-circle04.png");
}

.diat-wrap aside#quick-menu ul > li a.btn {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
}

.diat-wrap aside#quick-menu ul > li a.btn.support {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M0 0h24v24H0z' data-name='사각형 62787'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='그룹 174069'%3E%3Cpath fill='none' stroke='%23131313' stroke-linejoin='round' stroke-width='1.5' d='M22.023 20.29a10.191 10.191 0 0 1-2.086-3.645A7.454 7.454 0 0 0 21.6 12c0-4.606-4.393-8.34-9.811-8.34S1.976 7.395 1.976 12s4.393 8.338 9.812 8.338a11.069 11.069 0 0 0 5.021-1.184 8.425 8.425 0 0 0 5.214 1.135Z' data-name='패스 51481'/%3E%3Cpath fill='%23131313' d='M8.8 12a1.1 1.1 0 1 1-1.1-1.1A1.1 1.1 0 0 1 8.8 12' data-name='패스 51482'/%3E%3Cpath fill='%23131313' d='M13.1 12a1.1 1.1 0 1 1-1.1-1.1 1.1 1.1 0 0 1 1.1 1.1' data-name='패스 51483'/%3E%3Cpath fill='%23131313' d='M17.4 12a1.1 1.1 0 1 1-1.1-1.1 1.1 1.1 0 0 1 1.1 1.1' data-name='패스 51484'/%3E%3C/g%3E%3C/svg%3E");
}

.diat-wrap aside#quick-menu ul > li a.btn.top {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' stroke='%23131313' stroke-linecap='round' stroke-linejoin='round' d='m4.5 13.5 6-6 6 6' data-name='패스 137'/%3E%3Cpath fill='none' d='M0 0h20v20H0z' data-name='사각형 316' opacity='.2'/%3E%3C/svg%3E");
}

.pop-diat-status .tbl-board-wrap table[class^=common-table] colgroup col:first-child {
  width: 186px;
}

.pop-diat-status .tbl-board-wrap table[class^=common-table] colgroup col:last-child {
  width: 176px;
}

/* 반응형 */
@media (max-width: 1279px) {
  .diat-wrap .contents-head.head-visual {
    height: 400px;
  }
  .diat-wrap .contents-head.head-visual .head-tit-wrap h1 {
    font-size: 20px;
    line-height: 1.5;
  }
  .diat-wrap .contents-head.head-visual .head-tit-wrap .logo-wrap img {
    height: 32px;
  }
  .diat-wrap .contents-head.head-visual .head-tit-wrap .btn-wrap {
    margin-top: 32px;
    gap: 10px;
  }
  .diat-wrap .contents-head.head-visual .head-tit-wrap .btn-wrap [class^=btn-] {
    height: 36px;
    padding: 0 40px;
  }
  .diat-wrap .contents-head.head-visual .head-visual-wrap picture {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
  .diat-wrap .contents-head.head-visual .head-visual-wrap picture img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .diat-wrap #container .panel {
    padding-top: 0;
    padding-bottom: 0;
  }
  .diat-wrap #container .gom-content-inner {
    padding-top: 0;
  }
  .diat-wrap #container .lnb-wrap {
    width: auto;
    padding: 0 40px;
    border-radius: 20px;
  }
  .diat-wrap #container .lnb-wrap .lnb-inner {
    height: auto;
    padding: 12px 0;
  }
  .diat-wrap #container .lnb-wrap .lnb-inner .intro_wrap {
    flex-direction: column;
  }
  .diat-wrap #container .lnb-wrap .lnb-inner .intro_wrap .intro {
    display: block;
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .lnb-wrap .lnb-inner .btn-downloads {
    margin: auto;
  }
  .diat-wrap #container .lnb-wrap .lnb-inner .btn-lnb-close {
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    transform: none;
  }
  .diat-wrap #container .sticky-nav {
    height: 39px;
  }
  .diat-wrap #container .sticky-nav .sticky-inner {
    height: 38px;
  }
  .diat-wrap #container .sticky-nav .tab-button {
    justify-content: flex-start;
  }
  .diat-wrap #container .sticky-nav .tab-button > li a {
    padding: 0 4px;
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .sticky-nav .tab-button > li a.on::after {
    height: 2px;
  }
  .diat-wrap #container .sticky-nav .tab-button > li a .sw-logo {
    width: 16px;
    height: 16px;
  }
  .diat-wrap #container .diat-info-wrap {
    padding-top: 0;
    padding-bottom: 0;
    background: none;
    box-shadow: none;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont {
    position: relative;
    padding: 64px 47px 70px 47px;
    background: linear-gradient(180deg, #000000 39.96%, rgba(0, 0, 0, 0.5) 79.97%);
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1) inset;
    overflow: hidden;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt {
    width: 100%;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .gom-title-wrap {
    text-align: center;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .gom-title-wrap .gom-title {
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .gom-title-wrap .h-desc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .diat-sw-info {
    margin-top: 20px;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .diat-sw-info .diat-sw {
    display: flex;
    padding: 12px;
    font-size: 12px;
    line-height: 1.7;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .diat-sw-info .diat-sw .sw-logo {
    gap: 8px;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .diat-sw-info .diat-sw .sw-logo img {
    width: 30px;
    height: 30px;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-info-txt .diat-sw-info .diat-sw .sw-logo img + img {
    width: auto;
    height: 20px;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-info .diat-logo-wrap {
    max-width: 280px;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-is {
    margin: 64px auto 0 auto;
    padding: 16px;
    border-radius: 10px;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-is dt {
    gap: 4px;
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-is dt::before {
    content: "";
    width: 16px;
    height: 16px;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont .diat-is dd {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.7;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont::before {
    content: "";
    position: absolute;
    bottom: -110px;
    left: -110px;
    width: 240px;
    height: 240px;
    background-image: url("./../images/diat/bg-circle01-mo.png");
    border-radius: 100%;
    background-size: cover;
  }
  .diat-wrap #container .diat-info-wrap .diat-info-cont::after {
    bottom: 40px;
    width: 26px;
    height: 10px;
    margin-left: -13px;
  }
  @keyframes bounce {
    100% {
      transform: translateY(20px);
    }
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap {
    padding-top: 64px;
    padding-bottom: 64px;
    background: linear-gradient(180deg, rgba(237, 237, 237, 0) 80%, #EDEDED 100%);
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap {
    display: flex;
    gap: 8px;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item {
    position: relative;
    display: flex;
    min-width: auto;
    width: 100%;
    gap: 6px;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 40px;
    background-color: #b8ff56;
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item::before, .diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item::after {
    content: "";
    background-size: cover;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item::before {
    width: 16px;
    height: 16px;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item[target=_blank] {
    background-color: #EDEDED;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .link-wrap .link-item[target=_blank]::after {
    display: none;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info {
    margin-top: 32px;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .sub-title {
    display: none;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .gom-title-wrap {
    flex-direction: column;
    margin-top: 0;
    gap: 12px;
    align-items: center;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .gom-title-wrap .gom-title {
    gap: 6px;
    font-size: 18px;
    line-height: 1.5;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .gom-title-wrap .gom-title .sub {
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .gom-title-wrap [class^=btn-] {
    height: 25px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 11px;
    line-height: 1.5;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap {
    overflow-x: auto;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] {
    min-width: 700px;
    margin-bottom: 16px;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] col.exam-round {
    width: auto;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] col.exam-date {
    width: auto;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] col.exam-anno {
    width: auto;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap::-webkit-scrollbar {
    height: 8px;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap::-webkit-scrollbar-thumb {
    background-color: rgba(161, 161, 161, 0.4);
    border-radius: 3px;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .bullet_list {
    margin-top: 20px;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .bullet_list > li {
    padding-left: 18px;
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .diat-info-wrap::before, .diat-wrap #container .diat-info-wrap::after {
    display: none;
  }
  .diat-wrap #container .gom-for-diat {
    padding-top: 0;
  }
  .diat-wrap #container .gom-for-diat > .inner + .inner {
    padding-top: 48px;
  }
  .diat-wrap #container .gom-for-diat .gom-title-wrap .gom-title {
    gap: 10px;
    font-size: 18px;
    line-height: 1.5;
  }
  .diat-wrap #container .gom-for-diat .gom-title-wrap .gom-title::before {
    width: 24px;
    height: 24px;
  }
  .diat-wrap #container .gom-for-diat .sw-feature-items {
    margin-top: 24px;
    gap: 16px 17px;
    grid-template-columns: repeat(auto-fill, minmax(calc(33.33% - 17px), 1fr));
  }
  .diat-wrap #container .gom-for-diat .sw-feature-items .sw-feature-item .header {
    padding: 16px 8px;
    text-align: center;
  }
  .diat-wrap #container .gom-for-diat .sw-feature-items .sw-feature-item .header .gom-title {
    font-size: 12px;
    line-height: 1.7;
    text-align: center;
  }
  .diat-wrap #container .gom-for-diat .sw-feature-items .sw-feature-item .header .h-desc {
    display: none;
  }
  .diat-wrap #container .gom-for-diat .sw-feature-items .sw-feature-item .gom-thumbnail {
    margin-top: 0;
    padding-top: 63.23%;
  }
  .diat-wrap #container .gom-for-diat .gompic-diat {
    padding-top: 64px;
  }
  .diat-wrap #container .gom-for-diat .sw-spec {
    padding-bottom: 64px;
  }
  .diat-wrap #container .gom-for-diat .sw-spec .gom-title-wrap .gom-title {
    gap: 4px;
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .gom-for-diat .sw-spec .gom-title-wrap .gom-title::before {
    content: "";
    width: 16px;
    height: 16px;
  }
  .diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] {
    margin-top: 12px;
  }
  .diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] colgroup {
    display: none;
  }
  .diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] th,
  .diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] td {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    font-size: 12px;
    line-height: 1.7;
  }
  .diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] th {
    padding-top: 8px;
    font-weight: 700;
  }
  .diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] td {
    padding-top: 4px;
  }
  .diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] tr:first-child th {
    padding-top: 20px;
  }
  .diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] tr:last-child td {
    padding-bottom: 20px;
  }
  .diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] .bullet_list > li {
    font-size: 12px;
    line-height: 1.7;
  }
  .diat-wrap #container .gom-for-diat .sw-spec .tbl-board-wrap table[class^=common-table] .bullet_list > li + li {
    margin-top: 0;
  }
  .diat-wrap #container .lecture-video {
    padding: 64px 0;
  }
  .diat-wrap #container .lecture-video .gom-title-wrap .gom-title {
    gap: 8px;
    font-size: 18px;
    line-height: 1.5;
  }
  .diat-wrap #container .lecture-video .gom-title-wrap .gom-title::before {
    width: 24px;
    height: 24px;
  }
  .diat-wrap #container .lecture-video .gom-title-wrap .h-desc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .lecture-video .lecture-video-wrap {
    color: #FFFFFF;
  }
  .diat-wrap #container .lecture-video .lecture-video-wrap .gom-title {
    gap: 10px;
  }
  .diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont {
    margin-top: 48px;
  }
  .diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item .video-item {
    padding: 16px;
    gap: 20px;
    flex-direction: row;
    align-items: center;
  }
  .diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item .video-item .lecture-video-thumb {
    position: relative;
    width: 120px;
    height: 67px;
    padding-top: 0;
    flex-shrink: 0;
    overflow: hidden;
  }
  .diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item .video-item .lecture-video-thumb img {
    border-radius: 4px;
  }
  .diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item .video-item .lecture-video-thumb .icon {
    width: 24px;
    height: 24px;
  }
  .diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item .video-item .lecture-video-title {
    padding: 0;
  }
  .diat-wrap #container .lecture-video .lecture-video-wrap .lecture-video-cont .lecture-video-list .lecture-video-item.lock-video .video-item .lecture-video-thumb::before {
    border-radius: 4px;
  }
  .diat-wrap #container .sw-price {
    padding-top: 64px;
    padding-bottom: 64px;
    background: linear-gradient(180deg, rgba(188, 197, 246, 0.6) 0%, rgba(188, 197, 246, 0) 100%);
  }
  .diat-wrap #container .sw-price .diat-package-info {
    position: relative;
    padding: 24px 20px;
    border-radius: 10px;
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, #FFFFFF 100%) padding-box, linear-gradient(98.57deg, #fb03f5 0%, #0035fe 100%) border-box;
    box-shadow: 0px 0px 60px 0px rgba(251, 3, 245, 0.1);
  }
  .diat-wrap #container .sw-price .diat-package-info .tit-wrap {
    gap: 16px;
  }
  .diat-wrap #container .sw-price .diat-package-info .tit-wrap .sw-logo {
    width: 48px;
    height: 48px;
  }
  .diat-wrap #container .sw-price .diat-package-info .tit-wrap dt {
    font-size: 18px;
    line-height: 1.5;
  }
  .diat-wrap #container .sw-price .diat-package-info .tit-wrap .price-info {
    font-size: 16px;
    line-height: 1.6;
  }
  .diat-wrap #container .sw-price .diat-package-info .tit-wrap .price-info .unit {
    font-size: 12px;
    line-height: 1.7;
  }
  .diat-wrap #container .sw-price .diat-package-info .btn-wrap {
    position: static;
    margin-top: 20px;
  }
  .diat-wrap #container .sw-price .diat-package-info .btn-wrap [class^=btn-] {
    width: 100%;
    height: 36px;
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .sw-price .diat-package-info .more-info,
  .diat-wrap #container .sw-price .diat-package-info .import-notice {
    margin-top: 24px;
  }
  .diat-wrap #container .sw-price .diat-package-info .more-info .bullet_list.check > li {
    padding-left: 36px;
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .sw-price .diat-package-info .more-info .bullet_list.check > li::before {
    content: "";
    width: 20px;
    height: 20px;
  }
  .diat-wrap #container .sw-price .diat-package-info .more-info .bullet_list.check > li + li {
    margin-top: 2px;
  }
  .diat-wrap #container .sw-price .diat-package-info .import-notice {
    padding: 12px;
    border-radius: 10px;
  }
  .diat-wrap #container .sw-price .diat-package-info .import-notice dt {
    padding-left: 22px;
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .sw-price .diat-package-info .import-notice dt::before {
    width: 16px;
    height: 16px;
  }
  .diat-wrap #container .sw-price .diat-package-info .import-notice dd {
    margin-top: 4px;
  }
  .diat-wrap #container .sw-price .diat-package-info .import-notice dd li {
    font-size: 12px;
    line-height: 1.7;
  }
  .diat-wrap #container .etc-info-wrap {
    background: none;
  }
  .diat-wrap #container .etc-info-wrap .etc-info {
    max-width: none;
    margin: 0 auto;
    padding: 64px 24px;
    background: linear-gradient(180deg, #EDEDED 0%, rgba(188, 197, 246, 0.4) 100%);
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down {
    padding: 20px;
    border-radius: 10px;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap {
    gap: 12px;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .sw-info {
    gap: 12px;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .sw-info .sw-logo {
    width: 40px;
    height: 40px;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .sw-info .sw-title {
    font-size: 16px;
    line-height: 1.6;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .sw-info .sw-title .desc {
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.7;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap {
    gap: 8px;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap .btn {
    width: 40px;
    height: 40px;
    overflow: hidden;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap .btn::after {
    width: 16px;
    height: 16px;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap .btn:hover .txt, .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .sw-info-wrap .btn-wrap .btn:focus .txt {
    opacity: 0;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .update-info {
    margin-top: 16px;
    padding-top: 16px;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .update-info a {
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap .sw-down .update-info a::after {
    width: 20px;
    height: 20px;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap + .info-txt {
    font-size: 12px;
    line-height: 1.7;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-down-wrap + .info-txt > a {
    color: #5772E8;
    text-decoration: underline;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-faq-wrap {
    margin-top: 64px;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-faq-wrap .gom-title {
    font-size: 18px;
    line-height: 1.5;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-faq-wrap .sw-faq-item {
    padding: 16px;
    border-radius: 10px 10px 10px 0;
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-faq-wrap .sw-faq-item .faq-questions {
    gap: 4px;
  }
  .diat-wrap #container .etc-info-wrap .etc-info .sw-faq-wrap .sw-faq-item .faq-asked {
    gap: 4px;
    margin-top: 12px;
    padding-top: 12px;
  }
  .diat-wrap #container .etc-info-wrap .customer-info-wrap {
    margin: 0;
    padding: 0 0 60px 0;
  }
  .diat-wrap #container .etc-info-wrap .customer-info-wrap .inner {
    flex-direction: column;
    padding: 64px 24px;
    border-radius: 0;
    background-color: #FFFFFF;
    justify-content: center;
  }
  .diat-wrap #container .etc-info-wrap .customer-info-wrap .customer-info {
    width: auto;
    flex-direction: column;
    font-size: 14px;
    line-height: 1.6;
  }
  .diat-wrap #container .etc-info-wrap .customer-info-wrap .customer-info dd {
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.7;
  }
  .diat-wrap #container .etc-info-wrap .customer-info-wrap .customer-info a {
    position: relative;
    height: 29px;
    padding-right: 24px;
    padding-left: 24px;
    font-size: 12px;
    line-height: 1;
  }
  .diat-wrap #container .etc-info-wrap .customer-info-wrap .customer-info a[target=_blank] {
    padding-right: 52px;
  }
  .diat-wrap #container .etc-info-wrap .customer-info-wrap .customer-info a[target=_blank]::after {
    right: 24px;
    top: 4px;
    transform: translateY(0);
  }
  .diat-wrap #container .etc-info-wrap .customer-info-wrap .customer-info + .customer-info {
    margin: 24px 0 0 0;
    padding: 24px 0 0 0;
    border-top: 1px solid #EDEDED;
    border-left: 0;
  }
  .diat-wrap #container .etc-info-wrap .customer-info-wrap::after {
    display: none;
  }
  .diat-wrap #container .etc-info-wrap::before, .diat-wrap #container .etc-info-wrap::after {
    display: none;
  }
}
@media (max-width: 768px) {
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap {
    gap: 0;
    flex-direction: column;
    overflow-x: auto;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] {
    margin-bottom: 0;
    border-bottom: 0;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] + table[class^=common-table] {
    margin-bottom: 16px;
    border-top: 0;
    border-bottom: 2px solid #131313;
  }
  .diat-wrap #container .diat-info-wrap .exam-info-wrap .exam-info .exam-info-table .tbl-board-wrap table[class^=common-table] + table[class^=common-table] thead {
    display: none;
  }
  .diat-wrap #container .gom-for-diat .sw-feature-items {
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 17px), 1fr));
  }
  .pop-diat-status .tbl-board-wrap table[class^=common-table] colgroup col:first-child {
    width: 100px;
  }
  .pop-diat-status .tbl-board-wrap table[class^=common-table] colgroup col:last-child {
    width: 90px;
  }
}