/*공통 헤더*/
.nav {
  position: fixed;
  display: flex;
  padding: 0 48px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  top: 0;
  background: hsla(0,0%,100%,.9);
  z-index: 99999;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.priceNav {
  background: #fff;
}
.onlyMb {
  display: none !important;
}
.gnbMenu {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.gnbLogo a {
  display: inline-block;
  width: 108px;
  height: 21px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/logo.svg")
    center no-repeat;
  background-size: 108px;
}
.mainWrap .gnbMenu li a.btnProfile {
  background: url("https://recruit.jobda.im/hubfs/ATS_OnlineStore/component/Frame%203468530.svg") right no-repeat;
  filter: initial !important;
}
.mainWrap .gnbMenu li a.btnProfile:hover {
  background: url("https://recruit.jobda.im/hubfs/ATS_OnlineStore/component/Frame%203468531.svg") right no-repeat;
  filter: initial !important;
}
.mainWrap .nav .gnbLogo a {
  filter: invert(1);
}
.mainWrap .gnbMenu li a.btnProfile {
  filter: invert(1);
}
.mainWrap .gnbMenu li a {
  filter: invert(1);
}
.onlyPc ul li a {
  filter: initial !important;
}
.mainWrap .nav {
  background: rgba(0, 0, 0, 0.7);
}
.gnbMenu li {
  position: relative;
  display: flex;
  float: left;
  height: 50px;
  align-items: center;
}
.mr72 {
  margin-right: 72px;
}
.gnbMenu li a {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #121619;
}
.gnbMenu li ul {
  background: #121619;
  border-radius: 16px;
  display: none;
  height: fit-content;
  border: 0;
  position: absolute;
  top: 43px;
  left: -10px;
  width: 126px;
  z-index: 200;
  padding: 12px 0;
}
.gnbMenu li:hover ul {
  display: block;
}
.gnbMenu li:hover ul.testDisplayNone {
  display: none;
}
.gnbMenu li li {
  display: flex;
  color: #fff;
  height: 45px;
  width: 100%;
  padding: 0 16px;
  align-items: center;
  cursor: pointer;
}
.gnbMenu li li:hover {
  background: #F5F6F7;
}
.gnbMenu li li:active {
  background: #E7F5FF;
}
.gnbMenu li li:focus {
  background: #E7F5FF;
}
.gnbMenu li li:last-child {
  margin-bottom: 0;
}
.gnbMenu li:hover li a {
  background: 0 0;
}
.gnbMenu li ul a {
  display: block;
  margin: 0;
  color: #fff;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  width: 100%;
  height: 45px;
  line-height: 45px;
}
.gnbMenu li ul a:hover,
.gnbMenu li ul li:hover a {

}
.icoBlog {
  display: inline-block;
  margin-left: 7px;
  width: 15px;
  height: 15px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/blog.svg")
    center no-repeat;
}
.icoInquiry {
  display: inline-block;
  margin-left: 7px;
  width: 32px;
  height: 32px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/MO_inquiry.svg")
    center no-repeat;
}


.gnbMenu li.gnbRight ul {
  background: #ffffff;
  border: 1px solid #cfd1d5;
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15), 0px 4px 6px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  top: 48px;
  left: -85px;
}
.gnbMenu li.gnbRight li a {
  color: #656a71;
}


.gnbMenu li.gnbRight.mr72 {
  margin-right: 16px;
}
.gnbMenu li a.btnProfile {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: 20px;
  background: url("https://recruit.jobda.im/hubfs/ATS_OnlineStore/component/Frame%203468530-1.svg")
    right no-repeat;
}
.gnbMenu li a.btnProfile:hover {
  background: url("https://recruit.jobda.im/hubfs/ATS_OnlineStore/component/Frame%203468531-1-1.svg") right no-repeat;
}

.gnbMenu li.gnbBtn a.btnContact {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 78px;
  height: 36px;
  background: #000;
  border-radius: 20px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  filter: initial !important;
}
.gnbMenu li.gnbBtn a.btnContact:hover {
  background: #495057;
}
.nav.dark .gnbMenu li.gnbBtn a.btnContact:hover {
  background: #dee2e6;
  filter: none;
  color: #121619;
  font-weight: 900;
}
.navTrigger {
  display: none;
}
.nav div.logo a {
  background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/inhr+/main_logo.svg)
    center no-repeat;
  float: left;
  width: 100px;
  height: 60px;
  background-size: contain;
  margin-left: 24px;
  text-decoration: none;
  color: #fff;
  font-size: 2.5rem;
}
.navTrigger {
  display: none;
}
.consultingTxt {
  display: inline-block;
  margin: 0 0 30px 0;
  line-height: 140%;
}

.gnbMenu li ul.btnContactList {
  width: 120px;
  top: 48px;
  left: -39px;
}

/*공통 푸터*/
.footer {
  display: flex;
  width: 100%;
  padding: 48px;
  justify-content: space-between;
  align-items: center;
  min-height: 258px;
  z-index: 9999;
  background: #e9ecef;
}
.footer.mainFooter {
  background: #121619;
  color: #cfd1d5;
}
.footerInner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 13px;
  color: #495057;
}
.footerLogo {
  display: inline-block;
  margin-bottom: 28px;
  width: 90px;
  height: 20px;
  background-size: 90px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/footer_logo.svg")
    center no-repeat;
}
.copyright {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.01em;
  color: #121619;
  margin-bottom: 6px;
}
.mainFooter .policy a {
  color: #cfd1d5;
}
.mainFooter .copyright {
  color: #cfd1d5;
}
.mainFooter .info table td {
  border-right: 1px solid #44474b;
}
.mainFooter .footerMenu ul li a {
  color: #fff;
}
.mainFooter .footerMenu ul li ul li a {
  color: #cfd1d5;
}
.mainFooter .icoBlog {
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/whiteblog.svg")
    center no-repeat;
}
.policy a {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #121619;
  padding: 0 12px;
}
.policy a:first-child {
  padding-left: 0; /*border-right:1px solid #CFD1D5;;*/
  font-weight: 700;
}
.info {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #656a71;
  margin-top: 48px;
  white-space: nowrap;
}
.info table tr:first-child {
  margin-bottom: 6px;
}
.info table td {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #656a71;
  display: inline-block;
  padding: 0 12px;
  border-right: 1px solid #cfd1d5;
}
.info table tr td:last-child {
  border-right: none;
}
.info table td:first-child {
  padding-left: 0;
}
.footerMenu ul li a,
.footerMenu ul li ul li a {
  display: flex;
  align-items: center;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #121619;
}
.footerMenu ul li {
  display: flex;
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  float: left;
}
.footerMenu ul li a {
  font-weight: 700;
  font-size: 16px;
  margin-right: 64px;
  margin-bottom: 24px;
}
.footerMenu ul li ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.footerMenu ul li ul li {
  display: block;
}
.footerMenu ul li ul li:first-child {
  border-top: none;
}
.footerMenu ul li ul li a {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 12px; /*텍스트 인덴트 없애기-요청 들어오면*/ /*text-indent: -9999px;*/
}
.navLast a:last-child {
  margin-right: 0;
}
/*-----공통 끝-----*/

/*-----------------------------------------------------contact.html-----------------------------------------------------*/
.formInner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 160px 24px;
  width: 100%;
  margin: 0 auto;
}
.formTitle span {
  display: block;
  padding-bottom: 80px;
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 40px;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #121619;
  border-bottom: 1px solid #121619;
  text-align: center;
}
.hs_jobda_inquiry_type label span:first-child {
  display: block;
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #121619;
}
.hs_jobda_inquiry_type label span {
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #121619;
}
.formInner input[type="checkbox"] {
  display: inline-block;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  border: 2px solid #656a71;
  border-radius: 4px;
}
.formInner input[type="text"],
.formInner input[type="email"],
.formInner input[type="number"],
.formInner input[type="tel"] {
  width: 100%;
  height: 56px;
  padding: 0 16px;
  background: #ffffff;
  border: 1px solid #9fa4ab;
  border-radius: 4px;
}
.jobda_comments-c9235244-89a3-4948-9209-46f35e3fd475 {
  width: 100% !important;
  height: 56px;
  padding: 0 16px;
  background: #ffffff;
  border: 1px solid #9fa4ab;
  border-radius: 4px;
}
.formInner textarea {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  width: 100% !important;
  height: 56px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #9fa4ab;
  border-radius: 4px;
  font-family: "Pretendard", sans-serif;
}
textarea {
  font-family: "Pretendard", sans-serif;
}
.formInner input[type="text"]:focus,
.formInner input[type="email"]:focus,
.formInner textarea:focus {
  outline: none;
  border: 1px solid #656a71;
}
.formInner input[type="text"]::placeholder,
.formInner input[type="email"]::placeholder,
.formInner textarea::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: #9fa4ab;
}
.hs-fieldtype-text {
  margin-bottom: 24px;
}
.hs-mobilephone {
  margin-bottom: 24px;
}
.inputs-list {
  margin-bottom: 16px;
}
.hs-form-checkbox {
  margin-bottom: 16px;
}
.hs-dependent-field {
  margin-bottom: 40px;
}
.hs-dependent-field .hs-form-required {
  display: none;
}
.actions input {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  width: 100%;
  height: 56px;
  color: #fff;
  background: #121619;
  border-radius: 4px;
  cursor: pointer;
  border: none;
}
.actions input:hover {
  background: #44474b;
  border: none;
}
.no-list {
  margin-top: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  display: flex;
  align-items: center;
  letter-spacing: -0.01em;
  color: #fb4e4e;
}

/*-----form 모달-----*/
.wrap_modal {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 9999999;
}
.wrap_modal.on {
  display: block;
}
.wrap_modal .dim {
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
}
.wrap_modal.on .dim {
  display: block;
}
.wrap_modal .btn_close {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 36px;
  height: 36px;
  background: url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/HREVTALKS/Ep.02/ico_close.png)
    center center no-repeat;
  background-size: 12px;
  cursor: pointer;
}
.wrap_modal div[class^="modal"] {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 640px;
  padding: 32px;
  border-radius: 8px;
  background-color: #ededed;
}
.wrap_modal div[class^="modal"].modal_privacy.on {
  display: block;
}
.wrap_modal div[class^="modal"].modal_marketing.on {
  display: block;
}
.wrap_modal div[class^="modal"] strong {
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  color: #222;
}
.wrap_modal div[class^="modal"] dt {
  margin-top: 12px;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  color: #333;
}
.wrap_modal div[class^="modal"] dd {
  padding-left: 12px;
  font-size: 15px;
  font-weight: normal;
  line-height: 22px;
  color: #4e4e4e;
  position: relative;
}
.wrap_modal div[class^="modal"] dd:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 15px;
  font-weight: normal;
  color: #4e4e4e;
}
.formInner .wrap_links {
  width: 640px;
  margin: 48px auto 0;
  padding: 48px 0;
  border-top: 1px solid #393a3c;
  text-align: center;
}
.formInner .wrap_links span {
  font-size: 16px;
  color: #cecece;
  line-height: 38px;
}
.formInner .wrap_links ul {
  margin-left: 32px;
  display: inline-block;
  vertical-align: top;
}
.formInner .wrap_links ul li {
  float: left;
}
.formInner .wrap_links ul li + li {
  margin-left: 10px;
}
.formInner .wrap_links ul li a {
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-color: #39404a;
  border-radius: 50%;
  font-size: 24px;
  color: #bbb;
  transition: 0.3s;
}
.formInner .wrap_links ul li:nth-child(3) a {
  font-weight: 800;
}
.formInner .wrap_links ul li a i {
  margin-top: 7px;
  font-size: 24px;
  color: #bbb;
  transition: 0.3s;
}
.formInner .wrap_links ul li a:hover,
.formInner .wrap_links ul li a:hover i {
  color: #eee;
}
.submitted-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 600px;
  height: 301px;
  background: #f9f9fa;
  border: 1px solid #656a71;
  border-radius: 16px;
}
.submitted-message p:first-child:before {
  content: "";
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/form.svg")
    center no-repeat;
  margin: 0 auto;
  margin-bottom: 20px;
}
.submitted-message p:first-child,
.submitted-message p:nth-child(2) {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #121619;
}
.submitted-message p:nth-child(3) {
  display: inline-block;
  margin-top: 16px;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  align-items: center;
  text-align: center;
  letter-spacing: -0.01em;
  color: #44474b;
}

/* 정책 */
.policyInner {
  position: relative;
  margin: 0 auto;
  word-break: keep-all;
  white-space: pre-wrap;
}
.contBox {
  width: 990px;
  margin: 0 auto;
  line-height: 22px;
}
.contBox h1 {
  font-size: 30px;
  font-weight: bold;
}
.contBox h2 {
  font-size: 24px;
  font-weight: bold;
}
.contBox table {
  width: 100%;
  margin: 30px 0;
}
.contBox table th {
  vertical-align: middle;
  padding: 15px;
  height: 40px;
  background: #7ebcff70;
}
.contBox table td {
  vertical-align: middle;
  padding: 15px;
  height: 40px;
  text-align: center;
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}
.contBox table td:last-child {
  border-right: none;
}

.introInner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4000px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/MicrosoftTeams-image%20(31).png")
    center no-repeat;
  background-size: cover;
}
.introA {
}
.introTxt {
  position: sticky;
  top: 0;
  height: 100vh;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.introTxt p {
  font-weight: 800;
  font-size: 180px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #000;
}
.introTxt em,
.introTxt span {
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #000;
}
.introTxt span {
  font-size: 32px;
  line-height: 130%;
  margin: 34px 0 54px;
}
.introTxt em {
  font-size: 24px;
  line-height: 160%;
  font-style: normal;
}

.contact_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #000;
  height: 858px;
}
.contact_inner span {
  color: #fff;
  font-weight: 700;
  font-size: 40px;
  line-height: 130%;
}
.contact_inner a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 54px;
  border: 1px solid #ffffff;
  border-radius: 27px;
  color: #fff;
}
/* 그리드 관련 */
.gridInner {
  position: relative;
  max-width: 1416px;
  margin: 0 auto;
}
.grid-container {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 800px;
  grid-column-gap: 24px;
  column-gap: 24px;
  grid-row-gap: 24px;
  row-gap: 24px;
}

.grid-container section {
  border-radius: 32px;
}
.grid-container section .grid-content {
  border-radius: 32px;
}
.chl label {
  position: absolute;
}
.grid-container section a {
  display: flex;
  padding: 48px;
  width: 100%;
  height: 100%;
  border-radius: 48px;
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: #fff;
}
.gridInner p {
  font-weight: 700;
  font-size: 48px;
  line-height: 130%;
  letter-spacing: -0.01em;
  margin-bottom: 40px;
  word-break: keep-all;
}

.cardTop {
  position: relative;
}
.cardTop_Title {
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px;
}
.cardTop_Text {
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #121619;
  white-space: pre-wrap;
  word-break: keep-all;
}
.cardBack-top {
  text-align: left;
}
.overlayText {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 40px;
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: -0.01em;
}

.popup-price {
  position: relative;
  top: 6px;
  left: 3px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/icon_info_24_filled.svg")
    center no-repeat;
}

.modalPu {
  display: none;
  position: fixed;
  z-index: 9999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.popupList {
  padding: 12px 0 48px 0;
  border-top: 1px solid #9fa4ab;
}
.modal-contentPu .popupList span {
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  align-items: center;
  letter-spacing: -0.01em;
  color: #121619;
  margin-bottom: 24px;
}
.modal-contentPu p {
  font-weight: 700;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #121619;
}
.modal-contentPu span {
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #121619;
}
.popupService {
  display: flex;
  flex-direction: column;
}
.modal-contentPu {
  border-radius: 8px;
  background-color: #fefefe;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 700px;
  height: 80%;
  overflow-y: scroll;
}
.popupService .popupList li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  gap: 10px;

  width: 112px;
  height: 48px;
  margin: 0 12px 12px 0;
  /* COOL GRAY/CG 30 */

  background: #f4f4f5;
  float: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #44474b;
}

.closePu {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.closePu:hover,
.closePu:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.cardBack-middle {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cardBack-middle span {
  white-space: pre-wrap;
  word-break: keep-all;
}
.cardMiddle-big span {
  display: block;
  padding-left: 48px;
  font-weight: 700;
  font-size: 56px;
  line-height: 130%;
  letter-spacing: -0.01em;
  white-space: pre-wrap;
}
.cardMiddle-big img {
  display: block;
  width: 200px;
  height: 200px;
  position: relative;
  left: 6px;
  margin-bottom: 32px;
}
.cardMiddle-big {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 800px;
  position: absolute;
  top: 0;
}
.cardMiddle-big img.gifLoc {
  position: absolute;
  width: 800px;
  height: 800px;
  margin-bottom: 0;
  left: -88px;
  z-index: -9;
}
/*카드 내부 이미지*/
.cardImg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.bgCardImg {
  position: absolute;
  z-index: -9;
  left: 0;
  top: 0;
}
.cardImgTwo {
  left: 15%;
  position: relative;
  top: -25px;
}
.cardFrame {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 766px;
  height: 554px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/frame.png")
    38% 60% no-repeat;
}
.tracking03 .cardTop_sub {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 86px;
  height: 25px;
  margin-top: 8px;
  border: 1px solid #ae3ec9;
  color: #ae3ec9;
  border-radius: 20px;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 130%;
}
.zeroLoss01 .cardTop_sub {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 86px;
  height: 25px;
  margin-top: 8px;
  border: 1px solid #f76707;
  color: #f76707;
  border-radius: 20px;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 130%;
}

.cardFrame02 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/oImg01.png")
    bottom no-repeat;
}
.cardFrame03 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1000px;
  height: 716px;
  background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/frame.png)
    center no-repeat;
  top: 87px;
  background-size: 1000px;
}
.cardFrameLandScape {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 828px;
  height: 592px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/iPad%20Pro%2011%20-%20Space%20Gray%20-%20Landscape.png")
    38% 60% no-repeat;
  top: 41px;
  right: -54px;
}
.cardFrameMb {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 540px;
  background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/iPhone%2013%20-%20Midnight%20-%20%20Portrait.png)
    center no-repeat;
  right: 692px;
  bottom: -123px;
}
.cardImg.cardLoc01 {
  left: initial;
  right: -54px;
  bottom: -104px;
}
.cardImg01a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 641px;
  background: url(https://recruit.jobda.im/hubfs/ATS_OnlineStore/a_img01%201.png)
    center -23% no-repeat;
  top: 81px;
}
.cardImg01mb {
  display: none;
}
.cardImg01 {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/a_img02.png")
    0 100% no-repeat;
  background-size: 100%;
}
.cardImg02 {
  position: relative;
  width: 918px;
  border-radius: 22px;
  top: -12px;
}
.cardImg02a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/%EC%B1%84%EC%9A%A9%ED%99%8D%EB%B3%B4pc.png)
    center 6% no-repeat;
  background-size: 100%;
  position: relative;
  top: 50px;
}

.cardImg03 {
  position: absolute;
  width: 141%;
  bottom: -2px;
  border-radius: 40px;
  z-index: -9;
}
.cardImg04 {
  width: 701px;
  height: 492px;
  border-radius: 10px;
}
.cardImg04a {
  width: 234px;
  height: 234px;
  object-fit: cover;
  position: relative;
  top: 56px;
}
.cardImg05 {
  width: 800px;
  border-radius: 23px 0 40px 0;
  right: 0;
  position: relative;
  left: 16px;
  top: 21px;
}
.cardImg06 {
  position: relative;
  right: -116px;
  bottom: -39px;
}

.cardImg08 {
  position: relative;
  z-index: -9;
}
.cardImg09 {
  position: relative;
  z-index: -9;
  top: 40px;
}
.cardImg12 {
  width: 100%;
}
.cardImg13 {
  position: relative;
  bottom: -16px;
}
.cardImg15 {
  display: inline-block;
  width: 704px;
  height: 566px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/T_4.png")
    center no-repeat;
  background-size: 100%;
  position: absolute;
  left: -12%;
  top: 39%;
}
.cardImg16 {
  display: inline-block;
  width: 589px;
  height: 594px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/Banner_T10.png")
    bottom no-repeat;
  background-size: 100%;
  position: relative;
  left: -9%;
  top: 8%;
}
.cardImg17 {
  display: inline-block;
  width: 907px;
  height: 590px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/Frame%203467673.png")
    center no-repeat;
  background-size: 100%;
  position: relative;
  left: 6%;
  top: 8%;
}
.cardImg18 {
  position: relative;
  width: 110%;
}
.cardImg19 {
  position: absolute;
  width: 50%;
  right: 0;
  bottom: 0;
}

.cardImg20 {
  display: inline-block;
  width: 1194px;
  height: 774px;
  background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/%EC%B1%84%EC%9A%A9%EC%BB%A4%EC%8A%A4%ED%85%80%EB%A6%AC%ED%8F%AC%ED%8A%B8-2.png)
    center no-repeat;
  background-size: 100%;
  position: relative;
  top: 13%;
}
.cardImg21 {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/%EC%8A%A4%EB%A7%88%ED%8A%B8%EC%8A%A4%ED%81%AC%EB%A6%AC%EB%8B%9D.png)
    bottom no-repeat;
  background-size: 100%;
  position: relative;
  left: -6%;
  top: 43px;
}
.cardImg22 {
  position: relative;
  top: 42px;
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/Frame%203467671-1.png)
    bottom no-repeat;
}
.cardImg23 {
  position: relative;
  top: 42px;
  display: inline-block;
  width: 729px;
  height: 630px;
  background: #fff
    url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/%EA%B2%B0%EA%B3%BC%ED%91%9C%201.png)
    bottom no-repeat;
  background-size: 540px;
}

.tracking04 .cardImg video {
  border-radius: 14px;
  width: 85%;
  position: relative;
  top: 10%;
}

.mainVideo {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  position: relative;
}
.mainVideo .title {
  width: 100%;
  position: absolute;
  text-align: center;
  top: 24%;
  font-size: 96px;
  line-height: 115%;
  font-weight: 700;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1479px) {
  .mainVideo .title {
    font-size: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .mainVideo .title {
    font-size: 40px;
  }
}

.mainVideo video {
  display: inherit;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.attract01 .gridInner p {
  color: #20c997;
}
.attract01 .gridInner .cardTop_Title {
  color: #20c997;
}
.attract01 .items .item1 {
  background-color: #0ca678;
}

#part-o {
  position: sticky;
  margin-top: -80vh;
  z-index: -9;
}

#part-z {
  position: sticky;
  margin-top: -80vh;
  z-index: -9;
}

#part-t {
  position: sticky;
  margin-top: -80vh;
  z-index: -9;
}

.gridMain section {
  overflow: hidden;
  background: #ffffff;
}
.attract01 {
  background: #000000;
  padding-bottom: 104px;
  padding-top: 180vh;
}
.attract01 .gridMain section:first-child {
  grid-column: 1 / 13;
}
.attract01 .gridMain section:nth-child(2) {
  grid-column: 1 / 9;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/Banner_A2-1.png")
    60% 25% no-repeat;
}
.attract01 .gridMain section:nth-child(3) {
  grid-column: 9 / 13;
}
.attract01 .gridMain section:nth-child(4) {
  grid-column: 1 / 9;
}
.attract01 .gridMain section:nth-child(5) {
  grid-column: 9 / 13;
}
.attract01 .gridMain section:nth-child(6) {
  grid-column: 1 / 13;
}
.attract01 .gridMain section:nth-child(7) {
  grid-column: 1 / 5;
}
.attract01 .gridMain section:nth-child(8) {
  grid-column: 5 / 13;
}
.attract01 .gridMain section:nth-child(9) {
  grid-column: 1 / 13;
}

.attract02 .gridInner .cardTop_Title {
  color: #1098ad;
}
.attract02 .items .item1 {
  background-color: #1098ad;
}
.attract02 .gridInner p {
  color: #22b8cf;
}
.attract02 .gridMain section:first-child {
  grid-column: 1 / 9;
}
.attract02 .gridMain section:nth-child(2) {
  grid-column: 9 / 13;
}
.attract02 .gridMain section:nth-child(3) {
  grid-column: 1 / 13;
}
.attract02 .gridMain section:nth-child(4) {
  grid-column: 1 / 5;
}
.attract02 .gridMain section:nth-child(5) {
  grid-column: 5 / 13;
}
.attract02 .gridMain section:nth-child(6) {
  grid-column: 1 / 13;
}

.tracking01 {
  background: #000000;
  padding-bottom: 104px;
}
.tracking01 .gridInner p {
  color: #748ffc;
}
.tracking01 .gridInner .cardTop_Title {
  color: #748ffc;
}
.tracking01 .items .item1 {
  background-color: #7048e8;
}
.tracking01 .gridMain section:first-child {
  grid-column: 1 / 9;
}
.tracking01 .gridMain section:nth-child(2) {
  grid-column: 9 / 13;
  background: #fff
    url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/image%203129.png")
    center 95% no-repeat;
  background-size: 100%;
}

.tracking02 {
  background: #000000;
  padding-bottom: 104px;
}
.tracking02 .gridInner p {
  color: #845ef7;
}
.tracking02 .gridInner .cardTop_Title {
  color: #845ef7;
}
.tracking02 .items .item1 {
  background-color: #7048e8;
}
.tracking02 .gridMain section:first-child {
  grid-column: 1 / 5;
}
.tracking02 .gridMain section:nth-child(2) {
  grid-column: 5 / 13;
}
.tracking02 .gridMain section:nth-child(3) {
  grid-column: 1 / 9;
}
.tracking02 .gridMain section:nth-child(4) {
  grid-column: 9 / 13;
}

.tracking03 {
  background: #000000;
  padding-bottom: 104px;
}
.tracking03 .gridInner p {
  color: #cc5de8;
}
.tracking03 .gridInner .cardTop_Title {
  color: #cc5de8;
}
.tracking03 .items .item1 {
  background-color: #ae3ec9;
}
.tracking03 .gridMain section:first-child {
  grid-column: 1 / 7;
}
.tracking03 .gridMain section:nth-child(2) {
  grid-column: 7 / 13;
}
.tracking03 .gridMain section:nth-child(3) {
  grid-column: 1 / 7;
}
.tracking03 .gridMain section:nth-child(4) {
  grid-column: 7 / 13;
}

.tracking04 .gridInner p {
  color: #f06595;
}
.tracking04 .gridInner .cardTop_Title {
  color: #fff;
}
.tracking04 .cardTop_Text {
  color: #fff;
}
.tracking04 .items .item1 {
  background-color: #ae3ec9;
}
.tracking04 .gridMain section:first-child {
  grid-column: 1 / 13;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/%EB%B0%B0%EA%B2%BD%ED%99%94%EB%A9%B4.png")
    center no-repeat;
}

.optimize01 {
  background: #000000;
  padding-bottom: 104px;
}
.optimize01 .gridInner p {
  color: #339af0;
}
.optimize01 .gridInner .cardTop_Title {
  color: #339af0;
}
.optimize01 .items .item1 {
  background-color: #4263eb;
}
.optimize01 .gridMain section:first-child {
  grid-column: 1 / 7;
  background: #339af0
    url("https://recruit.jobda.im/hubfs/ATS_OnlineStore/%EC%97%AD%EA%B2%80%20%EB%8B%A4%EC%9D%B4%EC%96%B4%EA%B7%B8%EB%9E%A8_684_611%201.png")
    center 48% no-repeat;
  background-size: 75%;
}
.optimize01 .gridMain section:nth-child(2) {
  grid-column: 7 / 13;
}
.optimize01 .gridMain section:nth-child(3) {
  grid-column: 1 / 13;
}
.optimize01 .gridMain section:nth-child(4) {
  grid-column: 1 / 7;
}
.optimize01 .gridMain section:nth-child(5) {
  grid-column: 7 / 13;
  background: linear-gradient(180deg, #339af0 0%, #748ffc 100%);
  color: #fff;
}
.optimize01 section:first-child .cardTop_Title {
  color: #fff;
}
.optimize01 section:first-child .cardTop_Text {
  color: #fff;
}
.optimize01 .cardBottom_Text span {
  display: block;
  color: #fff;
}
.optimize01 .cardBottom_Text span:first-child {
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  margin-bottom: 8px;
}
.optimize01 .cardBottom_Text {
  position: relative;
  bottom: -530px;
  left: 47px;
  text-align: left;
}

.optimize02 .gridInner p {
  color: #5c7cfa;
}
.optimize02 .gridInner .cardTop_Title {
  color: #5c7cfa;
}
.optimize02 .items .item1 {
  background-color: #5c7cfa;
}
.optimize02 .gridMain section:first-child {
  grid-column: 1 / 13;
}
.optimize02 .gridMain section:nth-child(2) {
  grid-column: 1 / 5;
}
.optimize02 .gridMain section:nth-child(3) {
  grid-column: 5 / 13;
  background: #fff
    url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/%EB%B6%80%EC%A0%95%ED%96%89%EC%9C%84.png)
    center 100% no-repeat;
  background-size: 100%;
}

.zeroLoss01 .grid-container .cardMiddle-big span {
  margin-top: 0;
  padding-left: 0;
  word-break: keep-all;
}
.zeroLoss01 {
  background: #000000;
  padding-bottom: 104px;
}
.zeroLoss01 .gridInner p {
  color: #ff922b;
}
.zeroLoss01 .gridInner .cardTop_Title {
  color: #ff922b;
}
.zeroLoss01 .gridMain section:first-child {
  grid-column: 1 / 13;
}

.zeroLoss02 {
  background: #000000;
  padding-bottom: 104px;
}
.zeroLoss02 .gridInner p {
  color: #f06595;
}
.zeroLoss02 .gridInner .cardTop_Title {
  color: #f06595;
}
.zeroLoss02 .items .item1 {
  background-color: #d6336c;
}
.zeroLoss02 .gridMain section:first-child {
  grid-column: 1 / 9;
}
.zeroLoss02 .gridMain section:nth-child(2) {
  grid-column: 9 / 13;
}

.zeroLoss03 {
  background: #000000;
  padding-bottom: 104px;
}
.zeroLoss03 .gridInner p {
  color: #ff6b6b;
}
.zeroLoss03 .gridInner .cardTop_Title {
  color: #ff6b6b;
}
.zeroLoss03 .items .item1 {
  background-color: #f03e3e;
}

.zeroLoss03 .gridMain section:first-child {
  grid-column: 1 / 13;
  background: #fff
    url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/G-SEED%20%EB%A6%AC%ED%8F%AC%ED%8A%B8-1.png")
    bottom no-repeat;
  background-size: 100%;
}

.gridBoxInner,
.items,
.items .pic {
  border-radius: 26px;
}
.items .pic,
.mainWrap input[type="checkbox"] + label {
  cursor: pointer;
  display: block;
  position: absolute;
}
.gridItem {
  position: relative;
}
.grid-container section a.outLink {
  position: absolute;
  display: inline-block;
  width: 48px;
  height: 48px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/outlink.svg")
    center no-repeat;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  padding: 0;
}
.gridBoxInner {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 40px 40px 0 40px;
  width: 100%;
  height: 100%;
}
.grid-content,
.items {
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 100%;
}
.mainWrap input[type="checkbox"],
input[type="radio"] {
  display: none;
}
.items {
  z-index: 100;
}
.items .pic {
  width: 100%;
  height: 100%;
  float: left;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  left: 0;
  top: 0;
}
.items .item1 {
  display: flex;
  transition: opacity 0.66s cubic-bezier(0.66, 0, 0.01, 1) 0.66s,
    visibility 0s linear 1s;
}
.mainWrap input[type="checkbox"]:checked ~ .items .pic {
  opacity: 1;
  transition: opacity 0.66s cubic-bezier(0.66, 0, 0.01, 1) 0.66s,
    visibility 0s linear 1.32s;
}
.mainWrap input[type="checkbox"]:checked ~ .items .pic.item1 {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.mainWrap
  input[type="checkbox"]:checked
  ~ .items
  input:not(.close-input):checked
  ~ .close {
  -webkit-transition: -webkit-transform 0.3s 0.4s;
  -moz-transition: -moz-transform 0.3s 0.4s;
  -o-transition: -o-transform 0.3s 0.4s;
  transition: transform 0.3s 0.4s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.mainWrap input[type="checkbox"] + label {
  height: 75px;
  width: 75px;
  right: 0;
  bottom: 0;
  z-index: 10000;
  text-align: center;
  transition: opacity 0.66s cubic-bezier(0.66, 0, 0.01, 1) 0.66s,
    visibility 0s linear 1.32s;
}
.mainWrap .overlayText span {
  transition: all 0.66s cubic-bezier(0.66, 0, 0.2, 1);
  word-break: keep-all;
}
.mainWrap input[type="checkbox"] + label span {
  display: block;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.66s;
  -moz-transition: -moz-transform 0.66s;
  -o-transition: -o-transform 0.66s;
  transition: transform 0.66s;
}
.mainWrap input[type="checkbox"] + label .flip-hide {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mainWrap input[type="checkbox"] + label .flip-show,
input[type="checkbox"]:checked + label .flip-hide {
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/overlayCardPlus.svg")
    center no-repeat;
  text-indent: -9999px;
  width: 48px;
  height: 48px;
  background-size: 48px;
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}
.mainWrap input[type="checkbox"]:checked + label .flip-show {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*가격정책 모달*/
.modal {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.64);
  justify-content: center;
  align-items: center;
}
.modal-content {
  background: #ffffff;
  box-shadow: 16px 16px 48px rgba(0, 0, 0, 0.24);
  border-radius: 8px;
  padding: 40px;
  border: 1px solid #888;
  width: 560px;
  flex-direction: row;
  flex-wrap: wrap;
}
.modal-content.formInner {
  padding: 40px;
}
.close {
  position: absolute;
  top: 4%;
  right: 6%;
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modal-content p {
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 32px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #121619;
  text-align: center;
}
.modal-content .hbspt-form {
  width: 100%;
}
.modal-content
  .hs-form-c9235244-89a3-4948-9209-46f35e3fd475_a970decc-15a6-4977-b96c-4215d80ea7f9
  fieldset.form-columns-1
  .hs-input {
  width: 100%;
}
.modal-content
  .hs-form-c9235244-89a3-4948-9209-46f35e3fd475_a970decc-15a6-4977-b96c-4215d80ea7f9
  fieldset.form-columns-1
  .hs-input[type="checkbox"] {
  width: initial;
}
.modal-content
  #label-optimize_500_phs_____-c9235244-89a3-4948-9209-46f35e3fd475,
#label-price_type-c9235244-89a3-4948-9209-46f35e3fd475,
#label-contact_contents-c9235244-89a3-4948-9209-46f35e3fd475,
#label-jobda_inquiry_type-c9235244-89a3-4948-9209-46f35e3fd475 {
  display: block;
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #121619;
}
.modal-content
  .hs-form-c9235244-89a3-4948-9209-46f35e3fd475_a970decc-15a6-4977-b96c-4215d80ea7f9
  fieldset.form-columns-1
  .input {
  margin-right: 0;
}
.modal-content fieldset {
  max-width: initial !important;
  min-width: 100%;
  width: 100% !important;
}
.modal-content fieldset input {
  width: 100% !important;
}
.modal-content fieldset input[type="checkbox"] {
  width: initial !important;
}
.modal-content .hs_price_type {
  margin-bottom: 32px !important;
}
.modal-content .hs-form-checkbox {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
}
.modal-content .multi-container input[type="checkbox"] {
  width: 24px !important;
  height: 24px;
}
.modal-content .multi-container label {
  cursor: pointer;
}
.modal-content
  #jobda_privacy_policy_agreement-c9235244-89a3-4948-9209-46f35e3fd475 {
  width: 24px !important;
  height: 24px;
}
.modal-content #jobda_marketing_agreement-c9235244-89a3-4948-9209-46f35e3fd475 {
  width: 24px !important;
  height: 24px;
}
.modal-content .submitted-message {
  width: 100%;
  height: 301px;
  background: #f4f4f5;
  border: none;
  border-radius: 16px;
  word-break: keep-all;
}
.modal-content .submitted-message p:first-child:before {
  display: none;
}
.modal-content .submitted-message p {
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  margin: 0 !important;
}
/*가격정책*/
.tabInnerPc {
  margin: 0 auto;
  width: 1416px;
}
.tabInnerMb {
  display: none;
}
.priceTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 208px 0 80px 0;
  text-align: center;
}
.priceTitle p {
  font-weight: 700;
  font-size: 40px;
  line-height: 140%;
  color: #121619;
  word-break: keep-all;
}
.priceTitle span {
  margin-top: 32px;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  text-align: center;
  color: #656a71;
}

.priceList {
  position: relative;
  display: flex;
  margin: 0 auto;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 48px;
}
.priceBox {
  position: relative;
  display: flex;
  width: 456px;
  padding-bottom: 48px;
  flex-direction: column;
  align-items: center;
  border: 1px solid #cfd1d5;
  border-radius: 16px;
}

.firstBox .priceSticky {
  border-top: 24px solid #12b886;
}
.secondBox .priceSticky {
  border-top: 24px solid #228be6;
}
.thirdBox .priceSticky {
  border-top: 24px solid #e64980;
}

.priceSticky {
  position: sticky;
  text-align: center;
  padding-top: 32px;
  border-radius: 16px;
  top: 0;
  background: #fff;
  z-index: 99;
  width: 100%;
}
.priceSticky p {
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
}
.priceSticky p:nth-child(2) {
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
  color: #121619;
}
.priceSticky p:nth-child(2) i {
  font-weight: 700;
  font-size: 48px;
  line-height: 160%;
  color: #121619;
}
.priceSticky p:first-child {
  margin-bottom: 24px;
}
.greenTxt {
  color: #12b886;
}
.blueTxt {
  color: #228be6;
}
.pinkTxt {
  color: #e64980;
}
.beforePrice {
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: -0.01em;
  text-decoration-line: line-through;
  color: #9fa4ab;
  font-style: normal;
  text-align: center;
  margin-bottom: 55px;
}
.priceText {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.priceText span {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #656a71;
}
.priceMain {
  margin: 35px 0 4px 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #121619;
  padding: 0 10px;
}
.priceMain i {
  font-weight: 700;
  font-size: 48px;
  line-height: 160%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #121619;
}
.priceMain span {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #9fa4ab;
}
.priceMain span em {
  font-weight: 700;
  font-style: normal;
  color: #228be6;
}
.switchInner {
  margin-bottom: 24px;
}
.colorPrice {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 320px;
  min-height: 48px;
  border-radius: 24px;
  margin-top: 24px;
  padding: 0 24px;
}
.colorPrice span {
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
}
.colorPrice i {
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  text-align: center;
  letter-spacing: -0.01em;
  text-decoration-line: line-through;
  color: #44474b;
}

.priceGray {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 205px;
  min-height: 48px;
  border-radius: 24px;
  margin: 24px 12px;
  padding: 0 24px;
  background: #e7e8ea;
}
.priceGray span {
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  color: #121619;
}
.priceGray em {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #44474b;
}
.over5000 {
  display: none;
  margin-top: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #228be6 !important;
}
em {
  font-style: normal;
}

.colorPrice02 {
  width: 320px;
  margin-top: 93px;
  padding: 32px 0;
  display: flex;
  height: 224px;
  justify-content: center;
  align-items: center;
  background: #fff0f6;
  border-radius: 16px;
  flex-direction: column;
}
.secondBox .colorPrice {
  margin-top: 24px;
}
.colorPrice02 span {
  font-weight: 700;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #121619;
}
.colorPrice02 em {
  margin: 8px 0 32px 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #121619;
}
.colorPrice02 i {
  width: 153px;
  height: 56px;
  background: #fcc2d7;
  border-radius: 8px;
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.01em;
  color: #e64980;
}
.priceCheck {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.innerPrice_title {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #44474b;
}
.innerPrice_title02 {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
  color: #121619;
}
.noticeInner {
  margin: 40px 0 80px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #9fa4ab;
}
.noticeInner span {
  white-space: pre-wrap;
}

.priceTable {
  margin-top: 24px;
  width: 256px;
}
.priceTable th {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #656a71;
  text-align: center;
  background: #f4f4f5;
  height: 64px;
  vertical-align: middle;
  border-top: 1px solid #cfd1d5;
  border-bottom: 1px solid #cfd1d5;
}
.priceTable td {
  height: 42px;
  border-bottom: 1px solid #cfd1d5;
  text-align: center;
  vertical-align: middle;
}
.priceTable tr td:first-child {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #9fa4ab;
}
.priceTable tr td:nth-child(2) {
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #121619;
}
.addPeople {
  display: flex;
  border-bottom: 1px solid #e7e8ea;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.priceChoose {
  margin: 0 auto;
  width: 1416px;
}
.priceSetting {
  border-radius: 16px;
  border: 1px solid #cfd1d5;
  border-top: 24px solid #cfd1d5;
  margin-bottom: 80px;
  padding: 48px;
  color: #121619;
}
.priceSetting dl {
  width: 25%;
  padding: 0 0;
}
.priceSetting dt {
  font-weight: 700;
  font-size: 24px;
  line-height: 160%;
  color: #121619;
  margin-bottom: 32px;
}
.priceSetting dt span {
  display: block;
}
.priceSetting dt span:nth-child(2) {
  font-size: 16px;
  line-height: 160%;
  letter-spacing: -0.01em;
}
.priceSetting dd {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
  flex-direction: column;
}
.priceSetting dd:last-child {
  margin-bottom: 0;
}
.mb08 {
  margin-bottom: 8px;
}
.value-button,
input.number {
  text-align: center;
  width: 40px;
  margin: 0;
}
.ckImg {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #121619;
}
.ckImg:before {
  content: "";
  margin-right: 16px;
  display: inline-block;
  width: 17px;
  height: 17px;
  position: relative;
  top: 2px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/checked.svg")
    center no-repeat;
}
.priceSetting label {
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  align-items: flex-start;
  letter-spacing: -0.01em;
  color: #121619;
}

.priceSetting label.chkTxt {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.chkTxt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ckImg02 {
  margin-right: 16px;
  display: inline-block;
  width: 17px;
  height: 17px;
  position: relative;
  top: 2px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/checked.svg")
    center no-repeat;
}
.setTxt {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #9fa4ab;
}
.priceLoc {
  display: flex;
}

/* 인풋은 화면에 안보이게.*/
.priceSetting input[type="checkbox"] {
  display: none;
}
.priceSetting input[type="checkbox"] + label span {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 24px;
  margin-right: 12px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/chk.svg")
    center no-repeat;
  border-radius: 4px;
  vertical-align: middle;
  background-size: 24px;
}

.priceSetting input[type="checkbox"]:checked + label span {
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/chked.svg")
    center no-repeat;
}
.priceSetting input[type="checkbox"]:disabled + label span {
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/disabled.svg")
    center no-repeat;
  opacity: 50%;
  cursor: default;
}
.priceSetting input[type="checkbox"].disabledBox:disabled + label span {
  cursor: default;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/chked.svg")
    center no-repeat;
  opacity: 50%;
}

.setFix {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 40px;
  border-radius: 8px;
  border: none;
}
.setFix em {
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-style: normal;
}
.secondBox .setFix {
  background: #e7f5ff;
}
.secondBox .setFix em {
  color: #228be6;
}
.thirdBox .setFix {
  background: #fff0f6;
}
.thirdBox .setFix em {
  color: #e64980;
}

.value-button {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  height: 40px;
  vertical-align: middle;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.value-button:hover {
  cursor: pointer;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.settingRight input[type="number"] {
  width: 38px;
  height: 40px;
  text-align: center;
  border: none;
}
.settingRight input[type="number"]:focus {
  outline: none;
}
.settingRight {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column-reverse;
  margin-right: 32px;
}
.settingRight .setNum {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #9fa4ab;
  border-radius: 8px;
  width: 112px;
}
.settingRight span {
  margin-right: 14px;
  font-weight: 400;
  font-size: 12px;
  line-height: 160%;
  color: #9fa4ab;
}
.btnDec {
  display: inline-block;
  margin-left: 14px;
  width: 24px;
  height: 24px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/decBtn.svg")
    center no-repeat;
}
.btnInc {
  display: inline-block;
  margin-right: 14px;
  width: 24px;
  height: 24px;
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/incBtn.svg")
    center no-repeat;
}
.btnDec:hover {
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/decHover.svg")
    center no-repeat;
}
.btnInc:hover {
  background: url("https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/incHover.svg")
    center no-repeat;
}

button.btnPrice {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 56px;
  background: #121619;
  border-radius: 4px;
  color: #fff;
  margin: 0 auto;
  margin-bottom: 160px;
}
.shareInner button.btnPrice {
  margin: initial;
}
.shareRight img {
  width: 333px;
  height: 409px;
}
.shareLeft label,
.shareLeft p {
  color: #121619;
  line-height: 160%;
}
.shareInner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 96px 108px;
  width: 1416px;
  height: 607px;
  background: #f9f9fa;
  border: 1px solid #e7e8ea;
  border-radius: 16px;
  margin: 0 auto 72px;
}
.shareLeft p {
  margin-bottom: 48px;
  font-weight: 400;
  font-size: 28px;
}
.shareLeft label {
  font-weight: 700;
  font-size: 20px;
}
.radio-switch {
  background: #e7e8ea;
  border-radius: 28px;
  color: #333;
  text-align: center;
}
.switch {
  display: block;
  width: 268px;
  height: 56px;
  position: relative;
  border-radius: 28px;
  margin: 0 auto;
}
.radio-switch label {
  text-transform: uppercase;
  color: #bbb;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: color 0.1s;
  -o-transition: color 0.1s;
  transition: color 0.1s;
}
.switch label {
  position: relative;
  z-index: 2;
  width: 50%;
  height: 100%;
  margin: 0;
  text-align: center;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 2%;
}
.switch a,
.switch input:last-of-type:checked ~ a {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  border-radius: 28px;
  height: 45px;
}
.switch label.rchk02 {
  right: 2%;
  left: initial;
}
.radio-switch * {
  outline: 0 !important;
}
.switch input {
  position: absolute;
  opacity: 0;
}
.switch a {
  display: block;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  position: absolute;
  top: 10%;
  padding: 0;
  z-index: 1;
  width: 50%;
  color: #656a71;
  left: 2%;
}
.switch input:last-of-type:checked ~ a {
  left: 48%;
  position: relative;
}
.radioCheck span:first-child {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 160%;
  color: #656a71;
}
.radioCheck span:nth-child(2) {
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  color: #121619;
}

@media only screen and (max-width: 1479px) {
  /*footer*/
  .footer {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .footerMenu {
    width: 100%;
  }
  .footerMenu ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 48px;
  }
  .footerMenu ul li a {
    margin-right: 0;
  }

  .btnMenu li:hover ul {
    display: block;
  }
  .gnbRight a.gnbDrop {
    height: 40px;
  }
  .footerMenu.btnMenu li.gnbRight ul {
    position: absolute;
    padding: 12px 0;
    background: #ffffff;
    border: none;
    box-shadow: none;
    border-radius: 16px;
    width: 141px;
    top: 20px;
    left: -10px;
  }
  .footerMenu ul li ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 16px;
    width: 100%;
    justify-content: flex-start;
    cursor: pointer;
  }
  .footerMenu ul li ul li:hover {
    background: #F5F6F7;
  }

  .footerMenu ul li ul li a{
    margin-bottom: 0;
  }
  .footerMenu.btnMenu li.gnbRight li a {
    color: #656a71;
  }
  .footerMenu.btnMenu li.gnbRight li:last-child a {
    margin-bottom: 0;
  }
  .btnMenu ul li ul {
    display: none;
  }

  .footerMenu.btnMenu .btnLink {
    border-top: 1px solid #cfd1d5;
    padding: 12px 0;
  }
  .footerMenu.btnMenu li.gnbRight {
    height: 23px;
    margin-right: 27px;
  }
  .footerMenu ul li a {
    margin-bottom: 0;
  }

  .icoDropDown {
    display: inline-block;
    margin-left: 7px;
    width: 19px;
    height: 19px;
    background: url("https://recruit.jobda.im/hubfs/ATS_OnlineStore/component/icon_down_s_48_filled-1.svg")
      center no-repeat;
    background-size: 19px;
  }
  .mainWrap .icoDropDown {
    filter: invert(1);
  }
  .gnbRight:hover a i,
  .gnbRight:active a i {
    transform: scaleY(-1);
    transition: 0.3s;
  }
  .gnbRight a {
    align-items: center;
  }
  .cardImg20 {
    top: 11%;
  }
}

@media only screen and (min-width: 1023px) and (max-width: 1479px) {
  .modal section {
    height: 560px;
  }
  .modal .popup1024 {
    padding: 80px 0;
    height: initial;
    align-items: center;
    justify-content: center;
  }
  .modal .popupTxt li {
    border-bottom: 1px solid #656a71;
    width: 384px;
  }
  .gridInner {
    padding: 0 32px;
  }

  /*가격정책*/
  .tabInnerPc {
    width: initial;
    padding: 0 32px;
  }
  .priceBox {
    max-width: 456px;
    width: 32%;
    min-width: 309px;
  }

  .priceSetting dd {
    align-items: flex-start;
    flex-direction: column;
  }
  .priceSetting {
    padding: 20px;
  }
  .settingRight {
    padding-left: 38px;
    margin-top: 8px;
  }
  .shareInner {
    width: calc(100% - 64px);
    padding: 0 32px;
  }
  .priceText {
    height: 100px;
    padding: 8px;
  }
  .optimize01 .gridMain section:first-child {
    background-size: 67%;
  }
  .priceChoose {
    width: 100%;
    padding: 0 37px;
  }

  .colorPrice {
    width: 90%;
    padding: 16px;
    flex-direction: column;
  }
  .colorPrice02 {
    width: 90%;
    padding: 16px;
    flex-direction: column;
  }
  .priceTable {
    padding: 0 10px;
    width: 90%;
  }

  /*main grid*/
  .gridBoxInner {
    padding: 40px 32px;
  }
  .cardMiddle-big span {
    font-size: 48px;
    padding-left: 0;
  }
  .cardMiddle-big img {
    width: 140px;
    height: 140px;
    left: -28px;
    margin-bottom: 32px;
  }
  .cardFrame03 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 766px;
    height: 554px;
    top: 144px;
    background-size: 766px;
  }
  .cardImg03 {
    width: 200%;
    bottom: -85px;
  }
  .cardImgTwo {
    top: 37px;
    zoom: 85%;
    left: 20%;
  }
  .cardImg18 {
    width: 115%;
  }
  .tracking01 .cardFrameLandScape {
    top: 85px;
    right: -39px;
    zoom: 95%;
  }
  .cardImg08 {
    width: 400px;
    height: 400px;
  }
  .optimize01 .gridMain section:nth-child(4) {
    background-size: 80%;
  }
  .cardImg13 {
    width: 400px;
    height: 400px;
  }
  .cardImg17 {
    top: 24%;
  }
  .cardImg20 {
    top: 23%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1169px) {
  .cardImgTwo {
    top: 37px;
    zoom: 70%;
    left: 18%;
  }
  .tracking01 .cardFrameLandScape {
    top: 159px;
    right: -54px;
    zoom: 80%;
  }
  .cardImg07 {
    left: -50px;
    top: 261px;
    zoom: 66%;
  }
  .brMb1024 {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*popup*/
  .modal section {
    height: 420px;
  }
  .modal .popup1024 {
    padding: 80px 0;
    height: initial;
    align-items: center;
    justify-content: center;
  }
  .modal .popupTxt li {
    border-bottom: 1px solid #656a71;
    width: 384px;
  }
  .popupTitle {
    font-size: 40px;
  }
  .cardFrameMb {
    top: 235px;
    right: -55px;
    zoom: 68%;
  }
  .cardImg16 {
    height: 509px;
    top: 153px;
  }
}

@media only screen and (max-width: 1023px) {
  /* 모바일 gnb 시작*/
  .nav {
    display: inline-block;
    position: fixed;
    height: 56px;
    padding: 0;
  }
  .onlyMb {
    display: inline-block !important;
  }
  .onlyPc {
    display: none !important;
  }
  .gnbLogo.onlyPc {
    display: none !important;
  }
  .mbBr {
    display: block;
  }
  .formInner {
    display: inline-block;
    padding: 88px 16px 32px 16px;
  }
  .formTitle span {
    padding-bottom: 48px;
    font-size: 32px;
  }
  .formInner .input {
    font-size: 16px;
  }
  .actions input {
    font-size: 16px;
  }
  .gnbMenu {
    display: none;
  }
  .gnbBtn {
    display: none;
  }
  .gnbLogo {
    display: flex !important;
    align-items: center;
    padding-left: 24px;
    height: 56px;
  }
  .gnbLogo a {
    width: 106px;
    height: 21px;
    background-size: 106px;
  }

  .nav div.main_list {
    width: 100%;
    height: 0;
    overflow: hidden;
  }
  .nav div.show_list {
    height: 100vh;
    background: #fff;
    display: none;
  }
  .nav div.main_list ul {
    flex-direction: column;
    width: 100%;
    height: fit-content;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    background-position: center top;
  }
  .nav div.main_list ul li {
    width: 100%;
    text-align: left;
    line-height: 54px;
  }
  .nav div.main_list ul li a {
    text-align: left;
    width: 100%;
    padding: 0 56px;
    font-weight: 700;
    font-size: 18px;
    line-height: 40px;
    height: 40px;
  }
  .mainWrap .gnbMenu li a {
    filter: initial;
  }
  .nav div.main_list ul li.nowGnb a {
    color: #202020;
  }
  .nav div.media_button {
    display: block;
  }
  .gnbMenu li:hover ul {
    display: inline-block;
  }
  .nav div.main_list.gnbMenu li ul {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    padding: 24px 24px 0 24px;
  }
  .gnbMenu li {
    margin-top: 32px;
    height: initial;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .gnbMobile {
    margin: 0 56px 0px 56px;
  }
  .gnbMobile li:first-child {
    margin-top: 49px;
    padding-top: 52.5px;
    border-top: 1px solid #cfd1d5;
  }
  .nav div.main_list ul.gnbMobile {
    width: -webkit-fill-available;
  }
  .nav div.main_list ul.gnbMobile li a {
    padding: 0;
  }
  .nav div.main_list ul li a.gnbMbLog {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    align-items: center;
    letter-spacing: -0.01em;
    color: #656a71;
  }
  .nav div.main_list.gnbMenu li li {
    background: #fff;
    height: initial;
    text-decoration: none;
  }
  .nav div.main_list.gnbMenu li li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #656a71;
  }

  .gnbRight {
    display: none;
  }

  .navTrigger {
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 14px;
    margin: auto;
    position: absolute;
    right: 24px;
    top: 0;
    bottom: 0;
  }
  .navTrigger i {
    background-color: #202020;
    border-radius: 2px;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
  }
  .mainWrap .navTrigger i {
    filter: invert(1);
  }
  .navTrigger i:nth-child(1) {
    -webkit-animation: outT 0.8s backwards;
    animation: outT 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
  }
  .navTrigger i:nth-child(2) {
    margin: 5px 0;
    -webkit-animation: outM 0.8s backwards;
    animation: outM 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
  }
  .navTrigger i:nth-child(3) {
    -webkit-animation: outBtm 0.8s backwards;
    animation: outBtm 0.8s backwards;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
  }
  .navTrigger.active i:nth-child(1) {
    -webkit-animation: inT 0.8s forwards;
    animation: inT 0.8s forwards;
  }
  .navTrigger.active i:nth-child(2) {
    -webkit-animation: inM 0.8s forwards;
    animation: inM 0.8s forwards;
  }
  .navTrigger.active i:nth-child(3) {
    display: none;
  }

  @-webkit-keyframes inM {
    50% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(45deg);
    }
  }

  @keyframes inM {
    50% {
      transform: rotate(0deg);
    }
    100% {
      transform: translateY(-2px) rotate(45deg);
    }
  }

  @-webkit-keyframes outM {
    50% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(45deg);
    }
  }

  @keyframes outM {
    50% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(45deg);
    }
  }

  @-webkit-keyframes inT {
    0% {
      -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
      -webkit-transform: translateY(9px) rotate(0deg);
    }
    100% {
      -webkit-transform: translateY(9px) rotate(135deg);
    }
  }

  @keyframes inT {
    0% {
      transform: translateY(0px) rotate(0deg);
    }
    50% {
      transform: translateY(9px) rotate(0deg);
    }
    100% {
      transform: translateY(4.4px) rotate(132deg);
    }
  }

  @-webkit-keyframes outT {
    0% {
      -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
      -webkit-transform: translateY(9px) rotate(0deg);
    }
    100% {
      -webkit-transform: translateY(9px) rotate(135deg);
    }
  }

  @keyframes outT {
    0% {
      transform: translateY(0px) rotate(0deg);
    }
    50% {
      transform: translateY(9px) rotate(0deg);
    }
    100% {
      transform: translateY(9px) rotate(135deg);
    }
  }

  @-webkit-keyframes inBtm {
    0% {
      -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
      -webkit-transform: translateY(-9px) rotate(0deg);
    }
    100% {
      -webkit-transform: translateY(-9px) rotate(135deg);
    }
  }

  @keyframes inBtm {
    0% {
      transform: translateY(0px) rotate(0deg);
    }
    50% {
      transform: translateY(-9px) rotate(0deg);
    }
    100% {
      transform: translateY(-9px) rotate(135deg);
    }
  }

  @-webkit-keyframes outBtm {
    0% {
      -webkit-transform: translateY(0px) rotate(0deg);
    }
    50% {
      -webkit-transform: translateY(-9px) rotate(0deg);
    }
    100% {
      -webkit-transform: translateY(-9px) rotate(135deg);
    }
  }

  @keyframes outBtm {
    0% {
      transform: translateY(0px) rotate(0deg);
    }
    50% {
      transform: translateY(-9px) rotate(0deg);
    }
    100% {
      transform: translateY(-9px) rotate(135deg);
    }
  }
  /* 모바일 gnb 끝*/

  /*가격정책*/
  .tabInnerPc {
    width: initial;
    padding: 0 32px;
  }
  .priceBox {
    max-width: 456px;
    width: 32%;
    min-width: 224px;
  }
  .priceSticky {
    top: 0;
  }
  .priceSetting dt {
    font-size: 16px;
  }
  .priceSetting dd {
    align-items: flex-start;
    flex-direction: column;
  }
  .settingRight {
    padding-left: 38px;
    margin-top: 8px;
  }
  .shareInner {
    width: calc(100% - 64px);
    padding: 0 32px;
  }
  .priceText {
    height: 150px;
    padding: 20px;
  }
  .switch {
    width: 100%;
  }
  .priceSetting {
    padding: 32px 16px;
    flex-wrap: wrap;
  }
  .priceSetting dl {
    width: 50%;
  }
  .priceSetting dl:nth-child(3),
  .priceSetting dl:nth-child(4) {
    margin-top: 40px;
  }
  .priceChoose {
    width: 100%;
    padding: 0 37px;
  }
  .colorPrice {
    width: 90%;
    padding: 16px;
    flex-direction: column;
  }
  .colorPrice02 {
    width: 90%;
    padding: 16px;
    flex-direction: column;
  }
  .priceTable {
    padding: 0 10px;
    width: 90%;
  }
  /*그리드 카드 영역*/
  .brMb {
    display: block;
  }
  .gridInner {
    padding: 0 159px;
  }
  .gridMain section {
    grid-column: 1 / 13 !important;
  }
  .gridBoxInner {
    padding: 40px 32px;
  }
  .cardMiddle-big span {
    font-size: 48px;
  }
  .cardImg01a {
    display: none;
  }
  .cardImg01mb {
    position: relative;
    display: inline-block;
    width: 960px;
    height: 750px;
    background: url(https://recruit.jobda.im/hubfs/ATS_OnlineStore/a_mb%201.png)
      bottom no-repeat;
    top: -95px;
    background-size: 437px;
  }
  .cardImg02a {
    position: absolute;
    max-width: 704px;
    height: 566px;
    background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/A_1.png)
      center no-repeat;
    bottom: -75px;
    top: initial;
    background-size: contain;
  }
  .cardFrame03 {
    width: 766px;
    height: 554px;
    top: 257px;
    background-size: 610px;
    zoom: 76%;
  }
  .cardImg02 {
    position: absolute;
    width: 100%;
    top: 273px;
  }
  .cardImg03 {
    width: 126%;
    bottom: -45px;
  }
  .cardImgTwo {
    zoom: 64%;
    top: 67px;
  }
  .cardFrameMb {
    top: 512px;
    left: -18%;
    zoom: 0;
  }
  .cardImg18 {
    width: 165%;
  }
  .cardFrameLandScape {
    top: 338px;
    right: -95px;
    zoom: 57%;
  }
  .tracking01 .gridMain section:nth-child(2) {
    background-size: 73%;
  }
  .cardImg12 {
    width: 100%;
    position: relative;
    bottom: -170px;
  }
  .cardImg12 video {
    width: 100%;
  }

  .cardImg17 {
    top: 24%;
  }
  .optimize01 .gridMain section:first-child {
    background-size: 73%;
  }
  .optimize01 .gridMain section:nth-child(4) {
    background-size: 73%;
  }
  .cardImg20 {
    top: 45%;
    width: 594px;
    height: 589px;
    background-size: 100%;
    position: absolute;
  }
  .cardImg21 {
    max-width: 704px;
    height: 566px;
    background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/T_3.png)
      center no-repeat;
    background-size: 100%;
    position: relative;
    left: 0;
    top: 15%;
  }
  .cardImg04 {
    width: 100%;
    height: 530px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 210px;
  }
  .cardImg16 {
    width: 100%;
    max-width: 704px;
    height: 566px;
    background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/T_5.png)
      bottom no-repeat;
    left: initial;
    top: 250px;
    position: absolute;
    background-size: contain;
  }
  .cardImg05 {
    width: 100%;
    right: 0;
    position: absolute;
    top: 276px;
    left: initial;
  }
  .cardImg06 {
    position: absolute;
    width: 100%;
    right: initial;
    bottom: -67px;
  }
  .cardImg15 {
    width: 100%;
    height: 566px;
    background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/T_4.png)
      center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 319px;
    left: 0;
  }
  .tracking04 .cardImg video {
    border-radius: 14px;
    width: 100%;
    height: fit-content;
    object-fit: cover;
    top: 290px;
  }
  .cardImg22 {
    width: 100%;
    max-width: 704px;
    height: 566px;
    background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/O_1.png)
      bottom no-repeat;
    left: initial;
    top: 250px;
    position: absolute;
    background-size: contain;
  }
  .cardImg23 {
    width: 100%;
    max-width: 704px;
    height: 566px;
    background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/O_2.png)
      bottom no-repeat;
    left: initial;
    top: 250px;
    position: absolute;
    background-size: contain;
  }
}

@media only screen and (max-width: 767px) {
  /*footer*/
  .footerMenu ul {
    flex-direction: column;
  }
  .info {
    white-space: initial;
  }
  .info table td {
    padding: 0;
    border-right: 0;
    margin-bottom: 8px;
    word-break: keep-all;
  }
  .footerMenu ul li {
    margin-bottom: 24px;
  }
  .footerMenu ul li ul li {
    margin-bottom: 0;
  }
  .footerMenu ul li ul li:last-child a {
    margin-bottom: 0;
  }
  .footerMenu.btnMenu li.gnbRight ul {
    z-index: 999;
    top: 24px;
  }
  .gnbRight a.gnbDrop {
    height: initial;
  }

  /*grid*/
  .gridInner {
    padding: 0 16px;
  }
  .gridMain section:first-child {
    grid-column: 1/13;
  }
  .gridMain section:nth-child(2) {
    grid-column: 1/13;
  }
  .gridMain section:nth-child(4) {
    grid-column: 1/13;
  }
  .gridMain section:nth-child(5) {
    grid-column: 1/13;
  }

  /*price*/
  .tabInnerPc {
    display: none;
  }
  .tabInnerMb {
    display: inline-block;
    width: 100%;
  }
  .tab {
    display: flex;
    overflow: hidden;
  }
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    width: -webkit-fill-available;
    font-weight: 700;
    font-size: 16px;
    line-height: 160%;
    border-bottom: 2px solid #cfd1d5;
  }
  .tab button.greenTxt.active {
    border-bottom: 2px solid #12b886;
  }
  .tab button.blueTxt.active {
    border-bottom: 2px solid #228be6;
  }
  .tab button.pinkTxt.active {
    border-bottom: 2px solid #e64980;
  }
  .tabcontent {
    display: none;
    border-top: none;
    animation: fadeEffect 1s;
  }

  @keyframes fadeEffect {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .priceSticky {
    top: 0;
  }
  .priceBox {
    max-width: initial;
    min-width: initial;
    width: 100%;
    border: none;
    border-radius: 0;
  }
  .firstBox .priceSticky {
    border: none;
  }
  .secondBox .priceSticky {
    border: none;
  }
  .thirdBox .priceSticky {
    border: none;
  }
  .priceTitle {
    margin: 118px 0 80px 0;
  }
  .priceText {
    height: initial;
    border-bottom: none;
  }
  .btnFooter {
    position: fixed;
    padding: 16px;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 96px;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 40%);
    z-index: 999;
  }
  .btnFooter button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    height: 48px;
    width: 48%;
    font-weight: 700;
    font-size: 14px;
    line-height: 160%;
  }
  .btnFooter button:first-child {
    background: #e7e8ea;
    color: #121619;
  }
  .btnFooter button:nth-child(2) {
    background: #121619;
    color: #fff;
  }
  .priceFooter {
    position: absolute;
  }
  .priceSetting {
    padding: 16px;
  }
  .shareInner {
    height: initial;
    width: 90%;
    flex-direction: column;
    padding: 32px 24px;
  }
  .priceTitle p {
    font-size: 32px;
    white-space: pre-wrap;
  }
  .priceTitle span {
    font-size: 16px;
  }
  .switchInner {
    margin-bottom: 24px;
  }
  .shareLeft p {
    font-weight: 700;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
  }
  button.btnPrice {
    font-weight: 700;
    font-size: 16px;
    line-height: 160%;
    width: 90%;
    margin-bottom: 64px;
  }
  .shareInner .btnPrice {
    width: 100%;
  }
  .shareInner .priceSetting {
    padding: 0;
    width: 100%;
  }
  .switch {
    width: 268px;
    margin-bottom: 27px;
  }
  .modal-content {
    width: 90%;
    max-height: 80%;
    overflow-y: auto;
  }
  .modal-content p {
    font-size: 24px;
  }
  .modal-content
    #label-optimize_500_phs_____-c9235244-89a3-4948-9209-46f35e3fd475,
  #label-price_type-c9235244-89a3-4948-9209-46f35e3fd475,
  #label-contact_contents-c9235244-89a3-4948-9209-46f35e3fd475 {
    font-size: 16px;
  }
  .modal-content .hs-form-checkbox {
    font-size: 16px;
  }

  .wrap_modal div[class^="modal"] {
    width: 80%;
  }
  .modal-contentPu {
    margin: 20% auto;
    width: 80%;
  }

  /*그리드 카드 영역*/
  .grid-container {
    grid-auto-rows: 596px;
  }
  .cardMiddle-big {
    height: 596px;
  }
  .gridInner {
    padding: 0 32px;
  }
  .cardImg01a {
    display: none;
  }
  .cardImg01mb {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 680px;
    background: url(https://recruit.jobda.im/hubfs/ATS_OnlineStore/a_mb%201.png)
      center no-repeat;
    top: 35px;
    background-size: 100%;
  }
  .introTxt {
    padding: 0 38px;
  }
  .introTxt span {
    margin: 32px 0 16px;
  }
  .introTxt p {
    font-size: 64px;
  }
  .introTxt span {
    font-size: 20px;
  }
  .introTxt em {
    font-size: 16px;
  }
  .gridInner p {
    font-size: 32px;
    margin-bottom: 32px;
  }
  .attract02 .cardFrame {
    background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/frame.png) -4%
      60% no-repeat;
  }
  .cardImgTwo {
    left: 20%;
    top: 46px;
    zoom: 71%;
  }
  .cardFrameMb p {
    top: 512px;
    left: 0%;
  }
  .cardFrameLandScape {
    top: 85px;
    right: 13%;
    zoom: 61%;
  }
  .tracking01 .gridMain section:nth-child(2) {
    background-size: 53%;
  }
  .cardImg03 {
    width: 104%;
    bottom: -87px;
  }
  .cardFrameMb {
    top: 43%;
  }
  .bgCardImg {
    top: -83px;
  }
  .cardImg13 {
    z-index: -9;
  }
  .cardImg19 {
    right: 0%;
  }
  .zeroLoss01 .cardMiddle-big {
    height: 490px;
  }
  .cardImg17 {
    background-size: 45%;
    position: absolute;
    left: -265px;
    top: 30%;
  }
  .addPeople {
    flex-direction: column;
  }
  .zeroLoss03 .gridMain section:first-child {
    background-size: 130%;
  }
  .cardImg05 {
    top: 158px;
  }
  .cardImg06 {
    bottom: 0;
  }
  .cardImg15 {
    top: 186px;
    height: 390px;
  }
  .tracking04 .cardImg video {
    height: 140px;
    top: 18px;
  }
}

@media only screen and (min-width: 360px) and (max-width: 766px) {
  .mainFooter .info table td {
    border-right: none;
  }
  .cardImg01mb {
    height: 325px;
  }
  .cardMiddle-big span {
    padding-left: 0;
  }
  .cardMiddle-big span {
    font-size: 32px;
  }
  .cardMiddle-big img {
    width: 150px;
    height: 150px;
    left: -35px;
    margin-bottom: 32px;
  }
  .cardFrame03 {
    top: 70px;
  }
  .cardImg03 {
    width: 100%;
    bottom: 0%;
  }
  .cardImgTwo {
    left: 9%;
  }
  .cardImg18 {
    width: 275%;
  }
  .tracking01 .gridMain section:nth-child(2) {
    background-size: 70%;
  }
  .cardImg04 {
    height: 327px;
    top: 240px;
  }
  .cardImg08 {
    width: 100%;
  }
  .cardImg09 {
    width: 100%;
    top: 0px;
  }
  .cardMiddle-big img.gifLoc {
    width: 500px;
    height: 500px;
    top: 30%;
    left: -90%;
  }
  .optimize01 .gridMain section:nth-child(4) {
    background-size: 100%;
  }
  .cardImg13 {
    width: 100%;
  }
  .attract02 .cardFrame {
    background: url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/frame.png)
      66% 60% no-repeat;
  }
  .cardImg20 {
    top: 39%;
  }
  .priceSetting dl {
    width: 100%;
    margin-bottom: 32px;
  }
  .shareRight img {
    margin-top: 40px;
  }
  .tracking04 .cardImg video {
    top: 57px;
  }
  .cardImg19 {
    position: absolute;
    width: 75%;
    bottom: 0;
  }
  .cardImg16 {
    height: 509px;
    top: 166px;
  }
  .cardImg02a {
    bottom: -55px;
    height: 400px;
  }
  .cardImg21 {
    top: 7%;
    height: 377px;
  }
  .cardImg02 {
    top: 177px;
  }
  .cardImg22 {
    top: 0;
  }
  .cardImg23 {
    top: 0;
  }
  .optimize02 .gridMain section:nth-child(3) {
    background: #fff
      url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/%EB%B6%80%EC%A0%95%ED%96%89%EC%9C%84.png)
      center 160% no-repeat;
    background-size: 100%;
  }
  .optimize01 .cardBottom_Text {
    bottom: -300px;
    left: 0;
  }
}

@media only screen and (min-width: 360px) and (max-width: 600px) {
  .cardImg16 {
    height: 509px;
    top: 76px;
  }
  .cardImg02 {
    top: 291px;
  }
  .cardImg05 {
    top: 300px;
  }
  .cardImg06 {
    bottom: 35px;
  }
  .tracking04 .cardImg video {
    top: 118px;
  }
  .optimize02 .gridMain section:nth-child(3) {
    background: #fff
      url(https://21626933.fs1.hubspotusercontent-na1.net/hubfs/21626933/ATS_OnlineStore/%EB%B6%80%EC%A0%95%ED%96%89%EC%9C%84.png)
      center 75% no-repeat;
    background-size: 100%;
  }
}