@charset "UTF-8";
@import "icon.css";

/* 
  Feelanet layout css

  -wrap 
    -section 
        -area 

*/
#wrap {height: 100%;display: flex;flex-direction: column;}
#container {flex: auto;}
.sub-container.no-visual {padding-top: 88px;}
.logo > a {display: block;width: 129px;height: 20px;background: url(../images/logo.svg) no-repeat center;}

/* scrollbar - chrome, safari -------------------------------------------------------------------------------------------*/
::-webkit-scrollbar {width: 8px; height: 8px; border:none;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 8px; background: none;}
::-webkit-scrollbar-track {background: #F5F5F5; -webkit-border-radius: 8px; border-radius:8px;}
::-webkit-scrollbar-thumb {background: #BDBDBD; -webkit-border-radius: 8px; border-radius: 8px;}

/* pagination -------------------------------------------------------------------------------------------*/
.pagination {display:flex;gap: 8px;justify-content: center;align-items: center;text-align: center;margin-top: 60px;}
.pagination li button {position:relative;display: inline-block;padding: 0;line-height: 32px;background:#fff;border-radius:6px;margin: 0;}
.pagination li button.btn {color: var(--gray_3, #BEBEBE);font-size: 24px;}
.pagination li button.btn i {font-size: 16px;vertical-align: middle;padding: 2px 4px;}
.pagination li button.btn:hover {color: var(--gray_1, #6B6B6B);}
.pagination li button.page {width: 36px;height: 36px;color: var(--gray_3, #BEBEBE);font-size: 16px;font-weight: 500;line-height: 36px;border-radius: 100px;border: none;}
.pagination li button.page.active {background: var(--CI_point, #C01054);color: var(--white, #FFF);}

/* header -------------------------------------------------------------------------------------------*/
#header {position: fixed;top: 0;left: 0;width: 100%;height: 88px;border-bottom: 1px solid var(--gray_5, #E7E7E7);background: var(--white, #FFF);transition: 300ms;z-index: 100;}
#header.hide {top: -88px;}
#header.hide .nav .menu-list:hover .sub-menu-list {display: none;}
#header.hide .nav .menu-list:hover::before {display: none;}
#header .header-inner {display:flex;align-items: center;width: 100%;height: 100%;padding: 0 62px;}

/* nav -------------------------------------------------------------------------------------------*/
#header .nav {flex: auto;position: relative;width: 100%;height: 100%;}
#header .nav .menu-list {max-width: 712px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;margin: auto;transition: 0.3s;}
#header .nav .menu-list:hover {max-width: 792px;}
#header .nav .menu-list > li {flex: 1;height: 100%;text-align: center;position: relative;}
#header .nav .sub-menu-list {display: none;position: absolute;top: 100%;left: 0;width: 100%;padding-top: 18px;padding-left: 95px;white-space: nowrap;z-index: -100;}
#header .nav .menu-list:hover .sub-menu-list {display: block;z-index: 100;}
#header .nav .sub-menu-list > li {display: flex;margin-bottom: 8px;}
#header .nav .sub-menu-list.has-depth {padding-left: 0;}
#header .nav .sub-menu-list.has-depth > li {gap: 20px;border-bottom: 1px solid #E7E7E7;padding: 8px 0;margin: 0;}
#header .nav .sub-menu-list.has-depth > li .depth-2 {min-width: 93px;}
#header .nav .sub-menu-list.has-depth > li:last-child {border-bottom: none;}
#header .nav .depth-1 {position: relative;display: inline-flex;align-items: center;justify-content: center;min-width: 112px;height: 100%; color: var(--gray_0, #333);text-align: center;font-size: 18px;font-weight: 600;text-align: left;}
#header .nav .depth-2 {display: block;color: var(--gray_0, #333);font-size: 17px;font-weight: 500;text-align: left;padding: 6px 0;}
#header .nav .depth-3 {display: block;color: var(--gray_txt, #9CA3AF);font-size: 16px;font-weight: 500;text-align: left;padding: 6px 0;}
#header .nav .menu-list > li:hover .depth-1 {color: var(--CI_point, #C01054);transition: 0.3s;}
#header .nav .menu-list > li .depth-1::after {content: '';width: 50%;height: 2px;background: transparent;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: 0.3s;}
#header .nav .menu-list > li:hover .depth-1::after {width: 100%;background: var(--CI_point, #C01054);}
#header .nav .sub-menu-list > li:hover .depth-2 {color: var(--CI_point, #C01054)}
#header .nav .sub-menu-list li > ul > li:hover .depth-3 {color: var(--CI_point, #C01054);}
#header .nav .menu-list::before {content: '';display: none;position: fixed;top: 88px;left: 0;width: 100vw;height: 376px;background: #FFF;z-index: -100;box-shadow: 0 1px 6px 0 rgba(199, 199, 199, 0.30);}
#header .nav .menu-list:hover::before {display: block;z-index: 100;}
#header.hide .nav .menu-list::before {top: 0;}


/* utils -------------------------------------------------------------------------------------------*/
#header .utils {display: flex;gap: 30px;align-items: center;}
#header .utils .lang-area {position: relative;}
#header .utils .lang-area .lang-select {display: inline-flex;align-items: center;gap: 16px;border-radius: 100px;background: var(--CI_point, #C01054);padding: 10px 20px;border: none;color: var(--white, #FFF);font-family: "Noto Sans KR";font-size: 13px;font-weight: 700;}
#header .utils .lang-area .lang-select i {font-size: 7px;}
#header .utils .lang-area .lang-option {display: none;position: absolute;top: calc(100% + 4px);border-radius: 8px;background: var(--CI_point, #C01054);z-index: 101;padding: 13px 32px;}
#header .utils .lang-area.active .lang-option {display: block;}
#header .utils .lang-area .lang-option li {margin-bottom: 16px;}
#header .utils .lang-area .lang-option li:last-child {margin-bottom: 0;}
#header .utils .lang-area .lang-option li a {color: var(--white, #FFF);text-align: center;font-family: "Noto Sans KR";font-size: 14px;font-weight: 700;line-height: 120%;letter-spacing: -0.28px;opacity: 0.6;}
#header .utils .lang-area .lang-option li a:hover {opacity: 1;}
#header .utils .map-link {color: var(--gray_0, #333);font-size: 30px;}
#header .utils .map-link:hover {color: var(--CI_point, #C01054);}
#header .utils .sitemap-btn {color: var(--gray_0, #333);font-size: 30px;}
#header .utils .sitemap-btn:hover {color: var(--CI_point, #C01054);}


/* sitemap -------------------------------------------------------------------------------------------*/
.sitemap {display: none;flex-direction: column;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: #FFF;z-index: 200;}
.sitemap.on {display: flex;}
.sitemap .sitemap-head {flex-shrink: 0;height: 88px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid transparent;padding: 0 62px;}
.sitemap .sitemap-head .mo-lang-area {display: none;align-items: center;}
.sitemap .sitemap-head .mo-lang-area i {color: var(--gray_3, #BEBEBE);font-size: 24px;}
.sitemap .sitemap-head .mo-lang-area a {color: var(--gray_3, #BEBEBE);font-size: 14px;font-weight: 800;line-height: 100%;}
.sitemap .sitemap-head .mo-lang-area a.on {color: var(--CI_point, #C01054);}
.sitemap .sitemap-head .mo-lang-area .line {display: block;width: 1px;height: 12px;background: #BEBEBE;}
.sitemap .sitemap-head .close-btn {color: #6B6B6B;font-size: 30px;}
.sitemap .sitemap-head .close-btn:hover {color: var(--CI_point, #C01054);}
.sitemap .sitemap-body {flex: auto;padding: 50px 20px;overflow: auto;}
.sitemap .sitemap-body .menu-list {max-width: 1440px;width: 100%;margin: auto;}
.sitemap .sitemap-body .menu-list > li {display: flex;border-bottom: 1px solid #E7E7E7;padding: 56px 0;}
.sitemap .sitemap-body .menu-list > li:last-child {border-bottom: none;}
.sitemap .sitemap-body .sub-menu-list {display: flex;gap: 112px;}
.sitemap .sitemap-body .sub-menu-list > li {min-width: 180px;}
.sitemap .sitemap-body .depth-1 {flex-shrink: 0;width: 260px;color: var(--gray_0, #333);font-size: 40px;font-weight: 800;cursor: pointer;}
.sitemap .sitemap-body .depth-2 {display: block;color: var(--gray_0, #333);font-size: 32px;font-weight: 400;padding: 6px 0;word-break: keep-all;white-space: nowrap;}
.sitemap .sitemap-body .depth-2:hover {color: var(--CI_point, #C01054);}
.sitemap .sitemap-body .depth-2 i {display: none;}
.sitemap .sitemap-body .depth-3 {display: block;color: var(--gray_2, #898989);font-size: 18px;font-weight: 500;padding: 8px 0;margin-top: 8px;}
.sitemap .sitemap-body .depth-3:hover {color: var(--CI_point, #C01054);}

/* footer -------------------------------------------------------------------------------------------*/
#footer {background: var(--gray_6, #F7F7F7);}
#footer .footer-inner {max-width: 1440px;height: 192px;padding: 53px 20px 0;margin: 0 auto;}
#footer .footer-inner .link {color: var(--gray_1, #6B6B6B);font-size: 16px;font-weight: 700;line-height: 100%; /* 16px */}
#footer .footer-inner .link:hover {color: var(--CI_point, #C01054);}
#footer .footer-inner .group {display: flex;justify-content: space-between;align-items: flex-start;padding-top: 17px;}
#footer .footer-inner .contact {display: flex;column-gap: 30px;color: var(--gray_blue, #989BA8);font-size: 14px; font-weight: 500;line-height: 100%; /* 14px */}
#footer .footer-inner .copyright {color: var(--gray_4, #CCC);font-size: 14px;font-weight: 400;line-height: 100%; /* 14px */margin-top: 34px;}

/* privacy -------------------------------------------------------------------------------------------*/
.privacy-wrap {position: relative;max-width: 1400px;padding: 0 30px; margin: 0 auto;}
.privacy-wrap .close-btn {display: none;position: absolute;right: 0;top: 30px;color: var(--gray_0, #333333);font-size: 18px;}
.privacy-wrap h2 {color: var(--CI_point, #C01054);font-size: 60px;font-weight: 800;line-height: 140%;padding: 51px 0 106px;}
.privacy-wrap .desc {color: var(--gray_0, #333);font-size: 18px;font-weight: 400;line-height: 160%;margin-bottom: 16px;}
.privacy-wrap .content h3 {color: var(--gray_0, #333);font-size: 32px;font-weight: 700;margin: 60px 0 30px;word-break: keep-all;}
.privacy-wrap .content ol {padding-left: 28px;}
.privacy-wrap .content ol li {color: var(--gray_0, #333);font-size: 18px;font-weight: 400;line-height: 160%;margin-bottom: 16px;}
.privacy-wrap .content a {text-decoration: underline;}
.privacy-wrap .content a:hover {color: var(--CI_point, #C01054);}

/* scrolltop-btn -------------------------------------------------------------------------------------------*/
.scrolltop-btn {position: fixed;bottom: 40px;right: 40px;z-index: 99;overflow: hidden;width: 64px;height: 64px;border-radius: 100px;border: 1px solid var(--sub_gray_1, #E7E7E7);background: var(--White, #FFF);font-size: 17px;}
.scrolltop-btn i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.2s ease-in;display: flex;justify-content: center;align-items: center;}
.scrolltop-btn i.out {transform: translateY(0);color: var(--gray_blue, #989BA8);}
.scrolltop-btn i.in {transform: translateY(100%);color: var(--CI_point, #C01054);}
.scrolltop-btn:hover i.out {transform: translateY(-100%);}
.scrolltop-btn:hover i.in {transform: translateY(0);}

/* chat-btn -------------------------------------------------------------------------------------------*/
.chat-btn {position: fixed;bottom: 40px;right: 40px;z-index: 99;overflow: hidden;
  width: 64px;height: 64px;border-radius: 100px;background: var(--CI_point, #C01054);font-size: 20px;transition: 0.2s ease-in;}
.chat-btn i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.2s ease-in;display: flex;justify-content: center;align-items: center;
color: #FFF;}
.chat-btn i.out {transform: translateY(0);}
.chat-btn i.in {transform: translateY(100%);}
.chat-btn:hover {background: var(--CI_navy, #002967);}
.chat-btn:hover i.out {transform: translateY(-100%);}
.chat-btn:hover i.in {transform: translateY(0);}

/* sub-nav -------------------------------------------------------------------------------------------*/
.sub-nav {position: sticky;top: 88px;left: 0;width: 100%;height: 72px;background: var(--White, #FFF);box-shadow: 0 3px 6px 0 rgba(204, 204, 204, 0.25);transition: 300ms;z-index: 11;}
.sub-nav.top {top: 0;}
.sub-nav .inner {max-width: 1440px;height: 100%;display: flex;align-items: center;padding: 0 20px;margin: 0 auto;}
.sub-nav .home-link {display: block;color: var(--gray_3, #BEBEBE);font-size: 18px;margin-right: 24px;}
.sub-nav .home-link:hover {color: var(--CI_point, #C01054);}
.sub-nav .sub-name {display: block;color: var(--gray_1, #6B6B6B);font-size: 16px;font-weight: 500;line-height: 100%;padding: 0 24px;border-left: 1px solid #E7E7E7;}
.sub-nav .sub-link-area {position: relative;}
.sub-nav .sub-link {width: 244px;display: flex;align-items: center;justify-content: space-between;color: var(--gray_1, #6B6B6B);border-left: 1px solid #CCC;padding: 0 24px;}
.sub-nav .sub-link > span {font-size: 16px;font-weight: 500;line-height: 100%;}
.sub-nav .sub-link > i {font-size: 8px;}
.sub-nav .sub-link-list {display: none;min-width: 192px;position: absolute;top: 36px;left: 15px;padding: 14px 22px;border-radius: 8px;border: 1px solid #D8DEE9;background: #FFF;box-shadow: 0 1px 8px 0 rgba(173, 173, 173, 0.25);z-index: 10;}
.sub-nav .sub-link-list li {border-bottom: 1px solid #E7E7E7;}
.sub-nav .sub-link-list li:last-child {border-bottom: none;}
.sub-nav .sub-link-list li a {display: block;color: var(--gray_txt, #9CA3AF);font-size: 15px;font-weight: 500;line-height: 100%;padding: 14px 0;}
.sub-nav .sub-link-list li a:hover {color: var(--CI_point, #C01054);}
.sub-nav .sub-link-area.on .sub-link-list {display: block;}

img.pc {display: block;}
img.mo {display: none;}


/* visual */
.visual {position: relative;width: 100%;height: calc(100vh - 72px);overflow: hidden;}
.visual-bg {position: fixed;top: 0;left: 0;width: 100%;height: calc(100vh - 72px);z-index: -2;}
.visual-bg img {width: 100%;height: 100%;object-fit: cover;
  transform: scale(1.2);
  animation: zoomOutAni 1000ms ease-in forwards;
}
  @keyframes zoomOutAni {
    0% {transform: scale(1.2);}
    100% {transform: scale(1);}
  }

.page-title {position: fixed;top: 0;width: 100%;height: calc(100vh - 72px);display: flex;flex-direction: column;align-items: center;justify-content: center;color: #FFF;z-index: -1;}
.page-title .line {width: 60px;height: 2px;background: #FFF;margin: 20px 0 30px;}
.page-title .tit {font-size: 24px;font-weight: 800;line-height: 100%;}
.page-title .txt {font-size: 50px;font-weight: 800;line-height: 100%;}

/* sub-contents */
.sub-contents {background: var(--white, #FFF);}

/* board-wrap */
.board-wrap {max-width: 1240px;padding: 72px 0 92px;margin: 0 auto;}
.board-wrap .board-head {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--gray_5, #E7E7E7);padding-bottom: 25px;}
.board-wrap .board-head .total {color: var(--gray_2, #898989);font-size: 16px;font-weight: 500;line-height: 100%; /* 16px */}
.board-wrap .board-head .total .total-count {color: var(--black, #222);font-weight: 700;}
.board-wrap .board-head .search-input {position: relative;width: 325px;}
.board-wrap .board-head .search-input input {width: 100%;border-radius: 8px;border: 1px solid var(--gray_5, #E7E7E7);background: var(--white, #FFF);padding: 14px 42px 13px 16px;color: var(--gray_1, #6B6B6B);font-size: 16px;font-weight: 500;line-height: 100%;}
.board-wrap .board-head .search-input input:focus {border: 1px solid var(--gray_3, #BEBEBE);outline: none;}
.board-wrap .board-head .search-input input::placeholder {color: var(--gray_3, #BEBEBE);}
.board-wrap .board-head .search-input .search-btn {position: absolute;right: 16px;top: 14px;color: var(--gray_3, #BEBEBE);font-size: 20px;}
.board-wrap .board-head .search-input .search-btn:hover {color: var(--gray_1, #6B6B6B);}
.board-wrap .board-list {display: flex;flex-wrap: wrap;row-gap: 64px;column-gap: 72px;padding: 56px 0 24px;border-bottom: 1px solid var(--gray_5, #E7E7E7);}
.board-wrap .board-list .item {width: calc(50% - 36px);}
.board-wrap .board-list .item .thumb-area {display: flex;justify-content: center;align-items: center;height: 320px;border-radius: 16px;overflow: hidden;margin-bottom: 24px;}
.board-wrap .board-list .item .thumb-area img {width: 100%;height: 100%;transition: 0.3s ease-out;}
.board-wrap .board-list .item .thumb-area img:hover {transform: scale(1.05);}
.board-wrap .board-list .item .info-area {min-height: 150px;}
.board-wrap .board-list .item .info-area .date {color: var(--gray_3, #BEBEBE);font-size: 20px;font-weight: 600;line-height: 100%;margin-bottom: 15px;}
.board-wrap .board-list .item .info-area .subject {color: var(--black, #222);font-size: 24px;font-weight: 700;line-height: 140%;
display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;line-clamp: 2;}
.board-wrap .board-list .item .info-area .txt {color: var(--gray_2, #898989);font-size: 18px;font-weight: 400;line-height: 100%;margin-top: 15px;
display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;line-clamp: 1;}

/* nodata */
.nodata {display: flex;justify-content: center;align-items: center;padding: 220px 0;}
.nodata .nodata-txt {color: var(--gray_2, #898989);font-size: 20px;}


/* view-wrap */
.view-wrap {max-width: 1240px;padding: 87px 0 168px;margin: 0 auto;}
.view-wrap .view-head {display: flex;flex-direction: column;align-items: flex-start;row-gap: 40px;border-bottom: 2px solid var(--gray_0, #333);}
.view-wrap .view-head .back-btn {color: var(--black, #222);font-size: 21px;background: none;border: none;padding: 0;}
.view-wrap .view-head .back-btn:hover {color: var(--CI_point, #C01054);}
/* view-wrap : news */
.view-wrap .view-head .news-tit {width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 8px 8px 40px;}
.view-wrap .view-head .news-tit .tit {color: var(--black, #222);font-size: 40px;font-weight: 600;line-height: 140%;}
.view-wrap .view-head .news-tit .date {color: var(--gray_2, #898989);font-size: 18px;font-weight: 400;line-height: 100%;flex-shrink: 0;}
/* view-wrap : employ */
.view-wrap .view-head .employ-tit {width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 8px 8px 40px;}
.view-wrap .view-head .employ-tit .group {flex: 1;display: flex;flex-direction: column;}
.view-wrap .view-head .employ-tit .tit {color: var(--black, #222);font-size: 32px;font-weight: 600;}
.view-wrap .view-head .employ-tit .info-area {display: flex;align-items: center;margin-top: 26px;color: var(--gray_1, #6B6B6B);font-size: 18px;font-weight: 400;line-height: 100%;}
.view-wrap .view-head .employ-tit .info-area .line {display: inline-block;width: 1px;height: 16px;background: #BEBEBE;margin: 0 16px;vertical-align: baseline;}
.view-wrap .view-head .employ-tit .status {flex-shrink: 0;display: inline-flex;width: 128px;height: 64px;justify-content: center;align-items: center;border-radius: 8px;font-size: 16px;line-height: 100%;margin-left: auto;}
.view-wrap .view-head .employ-tit .status.open {background: var(--CI_point, #C01054);color: var(--white, #FFF);font-weight: 600;}
.view-wrap .view-head .employ-tit .status.closed {background: var(--gray_5, #E7E7E7);color: var(--gray_2, #898989);font-weight: 500;}
.view-wrap .view-cont .post {color: var(--black, #222);font-size: 18px;font-weight: 400;line-height: 200%;padding: 40px 20px;}
.view-wrap .view-cont .post img {max-width: 100%;height: auto !important;}
.view-wrap .view-cont .post-attach {display: flex;flex-wrap: wrap;gap: 16px;padding-bottom: 40px;}
.view-wrap .view-cont .post-attach.no-file {display: none;}
.view-wrap .view-cont .post-attach .item {display: inline-flex;align-items: center;justify-content: space-between;gap: 16px;max-width: 100%;border-radius: 100px;background: var(--gray_6, #F7F7F7);color: var(--navy_txt, #333F54);padding: 16px 32px;cursor: pointer;}
.view-wrap .view-cont .post-attach .item:hover {color: var(--CI_point, #C01054);}
.view-wrap .view-cont .post-attach .item p {font-size: 15px;font-weight: 600;line-height: 200%;word-break: break-all;
display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;line-clamp: 1;}
.view-wrap .view-cont .post-attach .item i {font-size: 17px;}
.view-wrap .view-cont .post-nav li {display: flex;align-items: center;border-bottom: 1px solid var(--sub_gray_1, #E7E7E7);padding: 15px 16px;}
.view-wrap .view-cont .post-nav li:first-child {border-top: 1px solid var(--sub_gray_1, #E7E7E7);}
.view-wrap .view-cont .post-nav li .label {color: var(--CI_point, #C01054);font-size: 16px;font-weight: 500;line-height: 180%;margin-right: 48px;flex-shrink: 0;}
.view-wrap .view-cont .post-nav li a {color: var(--gray_1, #6B6B6B);font-size: 16px;font-weight: 400;line-height: 100%;
display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;line-clamp: 1;}


/* newsletter-wrap */
.newsletter-wrap {max-width: 1240px;padding: 72px 0 168px;margin: 0 auto;}
.newsletter-wrap .newsletter-head {display: flex;justify-content: space-between;align-items: center;margin-bottom: 25px;}
.newsletter-wrap .newsletter-head .total {color: var(--gray_2, #898989);font-size: 16px;font-weight: 500;line-height: 100%; /* 16px */}
.newsletter-wrap .newsletter-head .total .total-count {color: var(--black, #222);font-weight: 700;}
.newsletter-wrap .newsletter-head .line-btn {border: 2px solid var(--CI_point, #C01054);background: var(--white, #FFF);padding: 18px 23px;color: var(--CI_point, #C01054);font-size: 16px;font-weight: 700;line-height: 100%;}
.newsletter-wrap .newsletter-head .line-btn:hover {background: var(--CI_point, #C01054);color: var(--white, #FFF);}
.newsletter-wrap .newsletter-list {display: flex;flex-wrap: wrap;gap: 24px;padding-bottom: 48px;}
.newsletter-wrap .newsletter-list .item {display: inline-flex;flex-direction: column;align-items: center;row-gap: 25px;width: calc((100% / 3) - 16px);background: var(--gray_6, #F7F7F7);padding: 50px 68px 30px;}
.newsletter-wrap .newsletter-list .item .cover-area {position: relative;width: 100%;height: 290px;background-color: #103266;background-image: url(../images/at_img02.png);background-position: right -17px top -14px;background-repeat: no-repeat;box-shadow: 16px 16px 24px 0 #BCBCBC;padding: 92px 32px 30px;}
.newsletter-wrap .newsletter-list .item .cover-area .logo {position: absolute;top: 30px;left: 32px;width: 64px;height: 10px;}
.newsletter-wrap .newsletter-list .item .cover-area .vol {color: var(--white, #FFF);font-size: 14px;font-weight: 700;line-height: 100%;margin-left: 4px;margin-bottom: 6px;}
.newsletter-wrap .newsletter-list .item .cover-area .num {color: var(--white, #FFF);font-size: 34px;font-weight: 900;line-height: 100%;letter-spacing: -1px;}
.newsletter-wrap .newsletter-list .item .cover-area .txt {max-height: 44px;color: #FFF;font-size: 16px;font-weight: 500;line-height: 140%;margin-top: 8px;margin-bottom: 30px;
display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;line-clamp: 2;}
.newsletter-wrap .newsletter-list .item .cover-area .date {color: #FFF;font-size: 14px;font-weight: 800;line-height: 100%;border-top: 1px solid #FFF;padding-top: 17px;}
.newsletter-wrap .newsletter-list .download-btn {color: var(--CI_point, #C01054);font-size: 16px;font-weight: 600;line-height: 100%;padding: 4px;}
.newsletter-wrap .newsletter-list .download-btn i {font-size: 19px;margin-right: 12px;}
.newsletter-wrap .newsletter-list .item:hover .cover-area {box-shadow: none;}
.newsletter-wrap .newsletter-list .item:hover .download-btn {color: var(--CI_navy, #002967);}


/* resources-wrap */
.resources-wrap {max-width: 1240px;padding: 104px 0 140px;margin: 0 auto;}
.resources-wrap .resources-head {margin-bottom: 58px;}
.resources-wrap .resources-head .company-file-item {display: flex;background-color: var(--gray_6, #F7F7F7);background-image: url(../images/at_img03.png);background-position: right 41px top -3px;background-repeat: no-repeat;padding: 44px 80px;}
.resources-wrap .resources-head .company-file-item .thumb-area {flex-shrink: 0;width: 312px;height: 200px;border-radius: 2px;box-shadow: 0 12px 20px 0 rgba(168, 168, 168, 0.60);overflow: hidden;}
.resources-wrap .resources-head .company-file-item .thumb-area img {width: 100%;height: auto;}
.resources-wrap .resources-head .company-file-item .info-area {padding: 14px 0 12px 54px;}
.resources-wrap .resources-head .company-file-item .info-area .tit {color: var(--gray_0, #333);font-size: 32px;font-weight: 400;line-height: 100%;}
.resources-wrap .resources-head .company-file-item .info-area .tit b {font-weight: 700;}
.resources-wrap .resources-head .company-file-item .info-area .txt {color: var(--gray_2, #898989);font-size: 18px;font-weight: 500;line-height: 100%;margin-top: 16px;}
.resources-wrap .resources-head .company-file-item .info-area .download-btn {color: var(--CI_point, #C01054);font-size: 16px;font-weight: 600;line-height: 100%;border-radius: 100px;background: var(--white, #FFF);padding: 20px 48px;margin-top: 49px;}
.resources-wrap .resources-head .company-file-item .info-area .download-btn i {font-size: 19px;margin-right: 12px;}
.resources-wrap .resources-head .company-file-item .info-area .download-btn:hover {color: var(--white, #FFF);background: var(--CI_point, #C01054);}
.resources-wrap .resources-list {display: flex;flex-wrap: wrap;gap: 32px;}
.resources-wrap .resources-list .item {display: inline-flex;flex-direction: column;justify-content: space-between;width: calc((100% / 3) - 22px);height: 232px;border-radius: 8px;border: 1px solid transparent;background: var(--gray_6, #F7F7F7);padding: 50px 40px 40px;}
.resources-wrap .resources-list .item .tit {color: var(--gray_0, #333);font-size: 24px;font-weight: 400;    line-height: 140%;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 3;line-clamp: 3;}
.resources-wrap .resources-list .item .tit b {font-weight: 700;}
.resources-wrap .resources-list .item .download-btn {color: var(--CI_point, #C01054);font-size: 16px;font-weight: 600;line-height: 100%;padding: 4px;margin-left: auto;}
.resources-wrap .resources-list .item .download-btn i {font-size: 19px;margin-right: 12px;}
.resources-wrap .resources-list .item:hover {border: 1px solid var(--gray_5, #E7E7E7);background: var(--white, #FFF);box-shadow: 6px 6px 16px 0 rgba(216, 216, 216, 0.20);}
.resources-wrap .resources-list .item:hover .download-btn {color: var(--CI_navy, #002967);}


/* message-wrap */
.message-wrap {max-width: 1340px;padding: 113px 20px 237px;margin: 0 auto;display: flex;align-items: flex-end;}
.message-wrap .video-area {position: relative;width: 400px;height: 400px;overflow: hidden;border-radius: 500px;background: linear-gradient(180deg, #0D1823 5.03%, #09111B 100%);flex-shrink: 0;transition: all 1000ms ease 500ms;}
.message-wrap .video-area video {position: absolute;height: 488px;top: calc(50% - 244px);left: -135px;filter: blur(5px);transition: all 1000ms ease 500ms;}
.message-wrap .text-area {min-height: 735px;padding-top: 7px;padding-left: 87px;}
.message-wrap .text-area .tit {color: var(--CI_point, #C01054);font-size: 20px;font-weight: 700;line-height: 100%;margin-bottom: 49px;opacity: 0;}
.message-wrap .text-area .greeting {opacity: 0;}
.message-wrap .text-area .greeting p {font-size: 48px;font-weight: 800;line-height: 160%;word-break: keep-all;
  color: transparent;-webkit-text-fill-color: transparent;
  background: linear-gradient(
    90deg,
    #222 0%,
    #222 50%,
    #E7E7E7 50%,
    #E7E7E7 100%
  );
  background-size: 200% 100%;
  background-position: 100% 0;
  background-clip: text;
  -webkit-background-clip: text;
  transition: all 1000ms ease 1500ms;}
.message-wrap .text-area .msg {color: var(--black, #222);font-size: 20px;font-weight: 500;line-height: 160%;word-break: keep-all;padding-right: 111px;margin: 42px 0 57px;opacity: 0;}
.message-wrap .text-area .msg b {font-weight: 700;}
.message-wrap .text-area .ceo {display: flex;flex-wrap: wrap;align-items: center;color: var(--black, #222);font-size: 18px;font-weight: 500;line-height: 160%;opacity: 0;}
.message-wrap .text-area .ceo .ceo-name {position: relative;color: var(--black, #222);font-size: 24px;font-weight: 700;line-height: 160%;margin-left: 12px;}
.message-wrap .text-area .ceo .ceo-name .ceo-sign {padding-bottom: 20px;}
.message-wrap.play .video-area {height: 735px;}
.message-wrap.play .video-area video {filter: blur(0px);}
.message-wrap.play .text-area .tit {animation: opacityAniUp 1000ms ease 500ms forwards;}
.message-wrap.play .text-area .greeting {animation: opacityAniUp 1000ms ease 500ms forwards;}
.message-wrap.play .text-area .greeting p {background-position: 0 0;}
.message-wrap.play .text-area .msg {animation: opacityAniUp 1000ms ease 1500ms forwards;}
.message-wrap.play .text-area .ceo {animation: opacityAniDown 1000ms ease 2500ms forwards;}

@keyframes opacityAniUp {
  0% {opacity: 0%;transform: translateY(10px);}
  100% {opacity: 100%;transform: translateY(0px);}
}

@keyframes opacityAniDown {
  0% {opacity: 0%;transform: translateY(-10px);}
  100% {opacity: 100%;transform: translateY(0px);}
}


/* history-wrap */
.history-wrap .history-tabs {position: sticky;top: 72px;border-bottom: 1px solid var(--gray_5, #E7E7E7);background: var(--gray_6, #F7F7F7);transition: 300ms;z-index: 5;}
.history-wrap .history-tabs ul {display: flex;justify-content: center;gap: 16px;padding-top: 6px;}
.history-wrap .history-tabs ul li {width: 130px;}
.history-wrap .history-tabs ul li a {position: relative;display: block;color: var(--gray_3, #BEBEBE);text-align: center;font-size: 18px;font-weight: 700;line-height: 100%;padding: 24px 0;}
.history-wrap .history-tabs ul li a::after {content: '';width: 50%;height: 2px;background: transparent;position: absolute;bottom: -1px;left: 50%;transform: translateX(-50%);transition: 0.3s;}
.history-wrap .history-tabs ul li.active a, 
.history-wrap .history-tabs ul li a:hover {color: var(--gray_0, #333);}
.history-wrap .history-tabs ul li.active a::after, 
.history-wrap .history-tabs ul li a:hover::after {width: 100%;background: var(--CI_point, #C01054);}
.history-wrap .history-cont {max-width: 1400px;padding: 120px 20px 205px;margin: 0 auto;}
.history-wrap .history-area {display: flex;padding-bottom: 94px;}
.history-wrap .history-area:last-child {margin-bottom: 0;}
.history-wrap .history-area .heading {position: relative;}
.history-wrap .history-area .heading .sticky {position: sticky;top: 163px;transition: 300ms;}
.history-wrap .history-area .heading .tit {color: var(--gray_5, #E7E7E7);font-size: 26px;font-weight: 300;line-height: 100%;margin-bottom: 24px;word-break: keep-all;transition: 300ms;}
.history-wrap .history-area .heading .tit b {font-weight: 800;}
.history-wrap .history-area .heading .year {color: var(--gray_5, #E7E7E7);font-size: 64px;font-weight: 800;line-height: 100%;transition: 300ms;}
.history-wrap .history-area.active .heading .tit {color: var(--CI_point, #C01054);}
.history-wrap .history-area.active .heading .year {color: var(--gray_0, #333);}
.history-wrap .history-list {flex: auto;max-width: 794px;margin-left: auto;}
.history-wrap .history-list .item {display: flex;padding: 24px 16px;border-bottom: 1px solid var(--gray_5, #E7E7E7);}
.history-wrap .history-list .item:first-child {padding-top: 0;}
.history-wrap .history-list .item:last-child {border-bottom: 1px solid var(--gray_1, #6B6B6B);}
.history-wrap .history-list .item .date {flex-shrink: 0;width: 140px;color: var(--gray_0, #333);font-size: 20px;font-weight: 800;line-height: 200%;}
.history-wrap .history-list .item .desc p {color: var(--gray_0, #333);font-size: 20px;font-weight: 500;line-height: 200%;word-break: keep-all;}
.history-wrap .history-list .item .desc .ft-red {color: var(--CI_point, #C01054);}
.history-wrap.up .history-tabs {top: 160px;}
.history-wrap.up .history-area .heading .sticky {top: 251px;}


/* map-wrap */
.map-wrap {position: relative;}
.map-wrap .map-area {width: 100%;height: 675px;}
.map-wrap .office-area {position: relative;display: flex;flex-wrap: wrap;row-gap: 83px;column-gap: 53px;max-width: 1240px;transform: translateY(-123px);z-index: 5;margin: 0 auto;}
.map-wrap .main-office {width: 100%;background: var(--CI_navy, #002967);box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.20);color: var(--white, #FFF);padding: 67px 95px 75px;}
.map-wrap .main-office .tit {color: #FFF;font-size: 40px;font-weight: 300;line-height: 100%;}
.map-wrap .main-office .office-info {display: flex;flex-wrap: wrap;gap: 50px;margin-top: 44px;}
.map-wrap .main-office .office-info .line {display: inline-block;width: 2px;height: 18px;opacity: 0.3;background: #FFF;}
.map-wrap .main-office .office-info .info b {font-size: 24px;font-weight: 700;line-height: 100%;margin-right: 8px;}
.map-wrap .main-office .office-info .info span {font-size: 20px;font-weight: 400;line-height: 100%;}
.map-wrap .sub-office {flex: 1;border: 1px solid var(--gray_1, #6B6B6B);background: var(--white, #FFF);padding: 44px 54px 51px;}
.map-wrap .sub-office .office-head {display: flex;align-items: center;justify-content: space-between;border-bottom: 2px solid #333;padding-bottom: 33px;}
.map-wrap .sub-office .office-head .tit {color: var(--gray_0, #333);font-size: 28px;font-weight: 700;line-height: 100%;}
.map-wrap .sub-office .office-head .kakao-link {display: inline-block;width: 52px;height: 52px;border-radius: 99px;background: url(../images/kakao_map.png) no-repeat center / cover;}
.map-wrap .sub-office .office-info {display: flex;flex-direction: column;gap: 26px;padding-top: 44px;}
.map-wrap .sub-office .office-info .info b {color: var(--gray_0, #333);font-size: 20px;font-weight: 700;line-height: 100%;}
.map-wrap .sub-office .office-info .info p {color: var(--gray_0, #333);font-size: 18px;font-weight: 400;line-height: 120%;word-break: keep-all;margin-top: 10px;}


/* client-wrap */
.client-wrap .partner-section {background-color: var(--gray_6, #F7F7F7);background-image: url(../images/partner_bg.png);background-position: top 110px center;background-repeat: no-repeat;}
.client-wrap .partner-section .inner {max-width: 1375px;padding: 185px 43px 77px;margin: 0 auto;}
.client-wrap .partner-section .top-area {display: flex;flex-wrap: wrap;column-gap: 24px;margin-bottom: 33px;}
.client-wrap .partner-section .top-area .tit {display: none;}
.client-wrap .partner-box {flex: 1;border-radius: 16px;background: var(--white, #FFF);box-shadow: 0 8px 20px 0 rgba(231, 231, 231, 0.50);overflow: hidden;}
.client-wrap .partner-box img {width: 100%;}
.client-wrap .bottom-area {overflow: hidden;padding: 20px 6px;}
.client-wrap .partner-list {width: 100%;display: flex;align-items: center;justify-content: flex-start;opacity: 0;transition: opacity 1s 1s;}
.client-wrap .partner-list.play {opacity: 1;}
.client-wrap .partner-list li {flex-shrink: 0;padding-right: 48px;}
.client-wrap .partner-list li img {height: 100%;}
.client-wrap .client-section {max-width: 1385px;padding: 107px 20px 205px;margin: 0 auto;}
.client-wrap .client-section .tit {color: var(--CI_point, #C01054);font-size: 20px;font-weight: 800;line-height: 100%;margin-bottom: 17px;}
.client-wrap .client-section .txt {color: var(--black, #222);font-size: 48px;font-weight: 300;line-height: 140%;margin-bottom: 73px;}
.client-wrap .client-section .txt b {font-weight: 700;}
.client-wrap .client-section .dropdown-area {border-bottom: 1px solid var(--gray_5, #E7E7E7);padding-top: 44px;}
.client-wrap .client-section .dropdown-area .dropdown-head {display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;cursor: pointer;}
.client-wrap .client-section .dropdown-area .dropdown-head p {position: relative;color: var(--black, #222);font-size: 40px;font-weight: 700;line-height: 100%;}
.client-wrap .client-section .dropdown-area .dropdown-head p::after {content: '';position: absolute;top: 100%;left: 0;display: block;width: 0%;height: 2px;background: #222;transition: 0.3s;}
.client-wrap .client-section .dropdown-area .dropdown-head p:hover::after {width: 100%;}
.client-wrap .client-section .dropdown-area .dropdown-head .dropdown-btn {color: var(--black, #222);font-size: 16px;}
.client-wrap .client-section .client-list {display: grid;grid-template-columns: repeat(5, 1fr);gap: 24px;max-height: 0;overflow: hidden;transition: 0.3s ease;}
.client-wrap .client-section .client-list li {display: inline-flex;justify-content: center;align-items: center;height: 144px;border-radius: 16px;border: 1px solid var(--gray_5, #E7E7E7);background: var(--white, #FFF);}
.client-wrap .client-section .client-list li img {max-width: 100%;}
.client-wrap .client-section .dropdown-area.active .dropdown-head p {color: var(--black, #222);}
.client-wrap .client-section .dropdown-area.active .dropdown-head p::after {content: none;}
.client-wrap .client-section .dropdown-area.active .dropdown-head .dropdown-btn {color: var(--black, #222);}
.client-wrap .client-section .dropdown-area.active .client-list {max-height: 1200px;padding-bottom: 44px;}
.client-wrap .client-section .dropdown-area.inactive .dropdown-head p {color: var(--gray_3, #BEBEBE);}
.client-wrap .client-section .dropdown-area.inactive .dropdown-head p::after {content: none;}
.client-wrap .client-section .dropdown-area.inactive .dropdown-head .dropdown-btn {color: var(--gray_3, #BEBEBE);}


/* employ-wrap */
/* .employ-wrap {max-width: 1440px;padding: 100px 20px 150px;margin: 0 auto;} */
.employ-wrap .employ-tabs {position: sticky;top: 72px;border-bottom: 1px solid var(--gray_5, #E7E7E7);background: var(--gray_6, #F7F7F7);transition: 300ms;z-index: 5;}
.employ-wrap .employ-tabs ul {max-width: 1280px;display: flex;justify-content: center;gap: 16px;padding-top: 1px;margin: 0 auto;}
.employ-wrap .employ-tabs ul li {flex: 1;max-width: 412px;}
.employ-wrap .employ-tabs ul li a {position: relative;display: block;color: var(--gray_blue, #989BA8);text-align: center;font-size: 20px;font-weight: 700;line-height: 100%;padding: 25px 0;}
.employ-wrap .employ-tabs ul li a::after {content: '';width: 50%;height: 2px;background: transparent;position: absolute;bottom: -1px;left: 50%;transform: translateX(-50%);transition: 0.3s;}
.employ-wrap .employ-tabs ul li.active a {color: var(--CI_point, #C01054);}
.employ-wrap .employ-tabs ul li.active a::after {width: 100%;background: var(--CI_point, #C01054);}
.employ-wrap.up .employ-tabs {top: 160px;}
.employ-wrap .tab-cont {display: none;}
.employ-wrap .tab-cont.active {display: block;}

.employ-wrap .talent-section {max-width: 1440px;padding: 136px 20px 140px;display: flex;flex-wrap: wrap;align-items: flex-end;margin: 0 auto;}
.employ-wrap .talent-section .left-area {position: relative;width: 614px;min-height: 708px;padding-top: 122px;}
.employ-wrap .talent-section .img-area {width: 320px;height: 400px;overflow: hidden;opacity: 0;transition: 1s;}
.employ-wrap .talent-section .img-area img {width: 480px;height: 584px;}
.employ-wrap .talent-section .img-txt {position: absolute;left: 385px;bottom: 467px;display: flex;flex-direction: column;color: var(--CI_point, #C01054);font-size: 80px;font-weight: 800;line-height: 90%;white-space: nowrap;opacity: 0;transition: 0.5s;transition-delay: 1s;}
.employ-wrap .talent-section .talent-list .item {margin-bottom: 60px;}
.employ-wrap .talent-section .talent-list .item:last-child {margin-bottom: 0;}
.employ-wrap .talent-section .talent-list .group {display: flex;align-items: flex-end;}
.employ-wrap .talent-section .talent-list .tit {color: var(--black, #222);font-size: 40px;font-weight: 800;line-height: 100%;}
.employ-wrap .talent-section .talent-list .en-tit {color: var(--gray_5, #E7E7E7);font-size: 32px;font-weight: 800;line-height: 100%;margin-left: 19px;}
.employ-wrap .talent-section .talent-list .txt {color: var(--gray_1, #6B6B6B);font-size: 20px;font-weight: 500;line-height: 100%;word-break: keep-all;margin-top: 23px;}

.employ-wrap .talent-section .talent-list .item:nth-child(1) {transform: translate3d(0, 100px, 0);opacity: 0;transition: 1s;transition-delay: 1.5s;}
.employ-wrap .talent-section .talent-list .item:nth-child(2) {transform: translate3d(0, 100px, 0);opacity: 0;transition: 1s;transition-delay: 2s;}
.employ-wrap .talent-section .talent-list .item:nth-child(3) {transform: translate3d(0, 100px, 0);opacity: 0;transition: 1s;transition-delay: 2.5s;}
.employ-wrap .talent-section.play .talent-list .item:nth-child(1) {transform: translate3d(0, 0, 0);opacity: 1;}
.employ-wrap .talent-section.play .talent-list .item:nth-child(2) {transform: translate3d(0, 0, 0);opacity: 1;}
.employ-wrap .talent-section.play .talent-list .item:nth-child(3) {transform: translate3d(0, 0, 0);opacity: 1;}
.employ-wrap .talent-section.play .img-area {width: 480px;height: 584px;opacity: 1;transform: translateY(0px);}
.employ-wrap .talent-section.play .img-txt {line-height: 100%;opacity: 1;}

.employ-wrap .benefits-section {max-width: 1440px;padding: 0 20px 112px;display: flex;flex-direction: column;margin: 0 auto;}
.employ-wrap .benefits-section .title-area {margin-bottom: 38px;}
.employ-wrap .benefits-section .title-area .tit {color: var(--CI_point, #C01054);font-size: 20px;font-weight: 800;line-height: 100%;margin-bottom: 23px;}
.employ-wrap .benefits-section .title-area .txt {color: var(--gray_0, #333);font-size: 40px;font-weight: 400;line-height: 100%;}
.employ-wrap .benefits-section .benefits-list {align-self: flex-end;display: grid;grid-template-columns: repeat(2, 1fr);width: 1000px;}
.employ-wrap .benefits-section .benefits-list .item {display: inline-flex;align-items: center;gap: 32px;border-bottom: 1px solid var(--gray_5, #E7E7E7);padding: 0px 0;opacity: 0;transition: 1s;transition-delay: 1s;}
.employ-wrap .benefits-section .benefits-list .item .img-area {flex-shrink: 0;width: 104px;height: 104px;border-radius: 100px;background: var(--gray_6, #F6F6F6);}
.employ-wrap .benefits-section .benefits-list .item .img-area img {width: 100%;height: auto;}
.employ-wrap .benefits-section .benefits-list .item .tit {color: var(--black, #111);font-size: 24px;font-weight: 700;line-height: 120%;letter-spacing: -0.24px;}
.employ-wrap .benefits-section .benefits-list .item .txt {color: var(--gray_1, #717171);font-size: 16px;font-weight: 400;line-height: 120%;letter-spacing: -0.16px;word-break: keep-all;margin-top: 8px;}
.employ-wrap .benefits-section.play .benefits-list .item {padding: 40px 0;opacity: 1;}

.employ-wrap .process-section {max-width: 1440px;padding: 0 20px 150px;position: relative;display: flex;flex-direction: column;margin: 0 auto;}
.employ-wrap .process-section .title-area {margin-bottom: 60px;}
.employ-wrap .process-section .title-area .tit {color: var(--CI_point, #C01054);font-size: 20px;font-weight: 800;line-height: 100%;margin-bottom: 23px;}
.employ-wrap .process-section .title-area .txt {color: var(--gray_0, #333);font-size: 40px;font-weight: 400;line-height: 100%;}
.employ-wrap .process-section .process-list {width: 984px;max-width: 100%;align-self: flex-end;display: flex;gap: 10px;opacity: 0;transition: 1s;transition-delay: 1s;}
.employ-wrap .process-section .process-list .item {position: relative;display: inline-flex;flex-direction: column;justify-content: center;align-items: center;gap: 18px;width: 168px;height: 168px;border-radius: 8px;border: 4px solid var(--navy_txt, #333F54);background: var(--white, #FFF);box-shadow: 0 4px 1px 0 #EEE;}
.employ-wrap .process-section .process-list .item img {width: 32px;height: auto;}
.employ-wrap .process-section .process-list .item .tit {color: var(--navy_txt, #333F54);font-size: 18px;font-weight: 700;line-height: 100%;}
.employ-wrap .process-section .process-list .item::before {content: '';position: absolute;left: 100%;top: calc(50% - 1px);display: block;width: 104px;height: 2px;background: var(--navy_txt, #333F54);opacity: 0;transition: 1s;transition-delay: 1.5s;}
.employ-wrap .process-section .process-list .item::after {content: '';position: absolute;right: -119px;top: calc(50% - 10px);display: block;width: 20px;height: 20px;border-radius: 20px;border: 3px solid var(--navy_txt, #333F54);background: var(--CI_point, #C01054);z-index: 3;opacity: 0;transition: 1s;transition-delay: 1.5s;}
.employ-wrap .process-section .process-list .item:last-child::before,
.employ-wrap .process-section .process-list .item:last-child::after {content: none;}
.employ-wrap .process-section .more-link {position: absolute;top: 60px;right: 0;display: inline-flex;align-items: center;column-gap: 16px;opacity: 0;transition: 1s;transition-delay: 1.5s;}
.employ-wrap .process-section .more-link i {font-size: 16px;color: var(--gray_blue, #989BA8);}
.employ-wrap .process-section .more-link span {font-size: 18px;font-weight: 700;line-height: 100%;color: var(--gray_blue, #989BA8);}
.employ-wrap .process-section .more-link:hover i {color: var(--CI_point, #C01054) !important;}
.employ-wrap .process-section .more-link:hover span {color: var(--CI_point, #C01054) !important;}
.employ-wrap .process-section.play .process-list {gap: 104px;opacity: 1;}
.employ-wrap .process-section.play .process-list .item::before {opacity: 1;}
.employ-wrap .process-section.play .process-list .item::after {opacity: 1;}
.employ-wrap .process-section.play .more-link {opacity: 1;}
.employ-wrap .board-head {border-bottom-color: var(--gray_0, #333) !important;}
.employ-wrap .employ-list .item {border-bottom: 1px solid var(--gray_5, #E7E7E7);}
.employ-wrap .employ-list .item a {display: flex;background: var(--white, #FFF);padding: 40px 24px;}
.employ-wrap .employ-list .item a:hover {background: var(--gray_6, #F7F7F7);}
.employ-wrap .employ-list .item a.closed {cursor: default;pointer-events: none;}
.employ-wrap .employ-list .item a.closed:hover {background: none;}
.employ-wrap .employ-list .item .subject {color: var(--black, #222);font-size: 24px;font-weight: 600;line-height: 100%;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;line-clamp: 1;}
.employ-wrap .employ-list .item .info-area {display: flex;align-items: center;margin-top: 24px;color: var(--gray_1, #6B6B6B);font-size: 18px;font-weight: 400;line-height: 100%;}
.employ-wrap .employ-list .item .info-area .line {display: inline-block;width: 1px;height: 16px;background: #BEBEBE;margin: 0 16px;vertical-align: baseline;}
.employ-wrap .employ-list .item .status {flex-shrink: 0;display: inline-flex;width: 128px;height: 64px;justify-content: center;align-items: center;border-radius: 8px;font-size: 16px;line-height: 100%;margin-left: auto;}
.employ-wrap .employ-list .item .status.open {background: var(--CI_point, #C01054);color: var(--white, #FFF);font-weight: 600;}
.employ-wrap .employ-list .item .status.closed {background: var(--gray_5, #E7E7E7);color: var(--gray_2, #898989);font-weight: 500;}



/* ai-wrap */
.ai-wrap .primary-section {display: flex;max-width: 1280px;padding-top: 88px;margin: 0 auto;}
.ai-wrap .primary-section .img-area {margin-right: 128px;}
.ai-wrap .primary-section .right {flex: auto;}
.ai-wrap .primary-section .text-area {padding: 8px 0 40px;}
.ai-wrap .primary-section .text-area .tit {color: var(--CI_point, #C01054);font-size: 36px;font-weight: 300;line-height: 100%;}
.ai-wrap .primary-section .text-area .tit b {font-weight: 800;}
.ai-wrap .primary-section .primary-list {padding: 8px 0;border-top: 1px solid var(--gray_0, #333);border-bottom: 1px solid var(--gray_0, #333);}
.ai-wrap .primary-section .primary-list .item {display: flex;align-items: center;column-gap: 32px;padding: 32px 0;border-bottom: 1px solid #CCC;}
.ai-wrap .primary-section .primary-list .item:last-child {border-bottom: none;}
.ai-wrap .primary-section .primary-list .item .order {width: 34px;color: var(--gray_4, #CCC);font-size: 56px;font-weight: 200;line-height: 100%;}
.ai-wrap .primary-section .primary-list .item .tit {color: var(--gray_0, #333);font-size: 22px;font-weight: 700;line-height: 100%;}
.ai-wrap .primary-section .primary-list .item .txt {color: var(--gray_1, #6B6B6B);font-size: 18px;font-weight: 500;line-height: 100%;margin-top: 15px;}

.ai-wrap .use-section {padding-top: 152px;padding-bottom: 100px;}
.ai-wrap .use-section .text-area {margin-bottom: 48px;}
.ai-wrap .use-section .text-area .tit {color: var(--CI_point, #C01054);text-align: center;font-size: 32px;font-weight: 700;line-height: 100%;}
.ai-wrap .use-section .use-list {display: flex;justify-content: center;gap: 39px;}
.ai-wrap .use-section .use-list .item .img-area {display: flex;justify-content: center;align-items: center;width: 400px;height: 224px;border-radius: 8px;overflow: hidden;margin-bottom: 40px;}
.ai-wrap .use-section .use-list .item .img-area img {width: 100%;height: auto;}
.ai-wrap .use-section .use-list .item .tit {color: var(--gray_0, #333);text-align: center;font-size: 24px;font-weight: 700;line-height: 100%;}
.ai-wrap .use-section .use-list .item .txt {color: var(--gray_1, #6B6B6B);text-align: center;font-size: 17px;font-weight: 500;line-height: 160%;margin-top: 12px;}

/* digital-wrap */
.digital-wrap .art-section {max-width: 1304px;padding: 52px 0 92px; margin:0 auto;}
.digital-wrap .art-section .text-area {text-align: center;margin-bottom: 40px;}
.digital-wrap .art-section .text-area .tit {color: var(--CI_point, #C01054);font-size: 32px;font-weight: 700;line-height: 100%;}
.digital-wrap .art-section .art-list-area .mo-control {display: none;justify-content: center;align-items: center;gap: 20px;margin-top: 33px;}
.digital-wrap .art-section .art-list-area .mo-control .btn {color: var(--gray_blue_2, #B8BFCC);font-size: 16px;}
.digital-wrap .art-section .art-list-area .mo-control .current {color: var(--CI_point, #C01054);font-size: 14px;font-weight: 700;line-height: 156%;}
.digital-wrap .art-section .art-list-area .mo-control .line {display: inline-block;width: 1px;height: 12px;background: #CCC;margin: 0 15px;vertical-align: middle;}
.digital-wrap .art-section .art-list-area .mo-control .total {color: var(--gray_blue, #989BA8);font-size: 14px;font-weight: 400;line-height: 156%;}
.digital-wrap .art-section .art-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 28px;
  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* IE/Edge */}
.digital-wrap .art-section .art-list::-webkit-scrollbar {display: none;}
.digital-wrap .art-section .art-list .item {height: 272px;border-radius: 24px;border: 1px solid var(--gray_5, #E7E7E7);background: var(--white, #FFF);box-shadow: 0 6px 14px 0 rgba(212, 212, 212, 0.20);padding: 32px 30px;}
.digital-wrap .art-section .art-list .item .group {display: flex;justify-content: space-between;align-items: center;height: 64px;}
.digital-wrap .art-section .art-list .item .txt {height: 88px;padding: 16px 2px;color: var(--gray_0, #333);font-size: 17px;font-weight: 500;line-height: 160%;word-break: keep-all;}
.digital-wrap .art-section .art-list .item .bottom {display: flex;gap: 8px;border-top: 1px solid var(--gray_5, #E7E7E7);padding-top: 20px;}
.digital-wrap .art-section .art-list .item .label {display: inline-block;padding: 12px 12px 11px 12px;border-radius: 100px;text-align: center;font-size: 14px;font-weight: 700;line-height: 100%;/}
.digital-wrap .art-section .art-list .item .label.red {background: #FFF0F6;color: var(--CI_point, #C01054);}
.digital-wrap .art-section .art-list .item .label.gray {background: #F3F5F9;color: var(--navy_txt, #333F54);}

.digital-wrap .groupware-section {max-width: 1304px;padding: 52px 0 116px;margin:0 auto;}
.digital-wrap .groupware-section .text-area {text-align: center;margin-bottom: 40px;}
.digital-wrap .groupware-section .text-area .tit {color: var(--CI_point, #C01054);font-size: 32px;font-weight: 700;line-height: 100%;}
.digital-wrap .groupware-section .teams-area {display: flex;justify-content: space-between;align-items: center;border-top: 2px solid var(--gray_0, #333);padding: 8px 0 8px 56px;}
.digital-wrap .groupware-section .img-area {padding: 10px 25px 9px 25px;}
.digital-wrap .groupware-section .teams-area .right .group {display: flex;flex-wrap: wrap;gap: 50px;}
.digital-wrap .groupware-section .teams-area .right .group:first-child {border-bottom: 1px solid #E7E7E7;}
.digital-wrap .groupware-section .teams-area .right .group .item {display: inline-flex;flex-wrap: wrap;padding: 40px 0;}
.digital-wrap .groupware-section .teams-area .right .tit {width: 200px;color: #5059C9;font-size: 20px;font-weight: 400;line-height: 100%;}
.digital-wrap .groupware-section .teams-area .right .tit b {color: var(--gray_0, #333);font-weight: 700;}
.digital-wrap .groupware-section .teams-area .right .txt {width: 272px;color: var(--gray_1, #6B6B6B);font-size: 18px;font-weight: 400;line-height: 100%;}
.digital-wrap .groupware-section .eum-area {display: flex;flex-wrap: wrap;justify-content: space-between;border-top: 1px solid var(--gray_2, #898989);border-bottom: 1px solid var(--gray_2, #898989);background: #F9F9F9;padding: 56px 64px;}
.digital-wrap .groupware-section .eum-area .group {display: inline-flex;flex-wrap: wrap;align-items: center;gap: 55px;}
.digital-wrap .groupware-section .eum-area .tit {color: var(--gray_0, #333);font-size: 20px;font-weight: 700;line-height: 100%;}
.digital-wrap .groupware-section .eum-area .txt {color: var(--gray_1, #6B6B6B);font-size: 18px;font-weight: 400;line-height: 100%;}

.digital-wrap .support-tabs {position: sticky;top: 72px;border-bottom: 1px solid var(--gray_5, #E7E7E7);background: var(--gray_6, #F7F7F7);transition: 300ms;z-index: 5;}
.digital-wrap .support-tabs ul {max-width: 1280px;display: flex;justify-content: center;gap: 16px;padding-top: 1px;margin: 0 auto;}
.digital-wrap .support-tabs ul li {flex: 1;}
.digital-wrap .support-tabs ul li a {position: relative;display: block;color: var(--gray_blue, #989BA8);text-align: center;font-size: 20px;font-weight: 700;line-height: 100%;padding: 25px 0;}
.digital-wrap .support-tabs ul li a::after {content: '';width: 50%;height: 2px;background: transparent;position: absolute;bottom: -1px;left: 50%;transform: translateX(-50%);transition: 0.3s;}
.digital-wrap .support-tabs ul li.active a {color: var(--CI_point, #C01054);}
.digital-wrap .support-tabs ul li.active a::after {width: 100%;background: var(--CI_point, #C01054);}
.digital-wrap.up .support-tabs {top: 160px;}
.digital-wrap .tab-cont {display: none;}
.digital-wrap .tab-cont.active {display: block;}

.digital-wrap .beneficiary-section {background: var(--gray_6, #F7F7F7);padding: 80px 0;}
.digital-wrap .beneficiary-section .text-area {text-align: center;margin-bottom: 57px;}
.digital-wrap .beneficiary-section .text-area h2.tit {color: #C01054;font-size: 18px;font-weight: 700;line-height: 100%;}
.digital-wrap .beneficiary-section .text-area h3.tit {color: var(--gray_0, #333);font-size: 38px;font-weight: 700;line-height: 100%;margin-top: 12px;}
.digital-wrap .beneficiary-section .beneficiary-list {max-width: 1304px;display: grid;gap: 26px;margin: 0 auto;}
.digital-wrap .beneficiary-section .beneficiary-list.row-4 {grid-template-columns: repeat(4, 1fr);}
.digital-wrap .beneficiary-section .beneficiary-list.row-5 {grid-template-columns: repeat(5, 1fr);}
.digital-wrap .beneficiary-section .beneficiary-list .item {display: inline-flex;justify-content: center;align-items: center;height: 144px;border-radius: 16px;background: var(--white, #FFF);}
.digital-wrap .beneficiary-section .beneficiary-list .item img {max-width: 100%;}

.digital-wrap .scope-section {background: var(--gray_6, #F7F7F7);padding: 80px 0;}
.digital-wrap .scope-section .text-area {text-align: center;margin-bottom: 57px;}
.digital-wrap .scope-section .text-area h2.tit {color: #C01054;font-size: 18px;font-weight: 700;line-height: 100%;}
.digital-wrap .scope-section .text-area h3.tit {color: var(--gray_0, #333);font-size: 38px;font-weight: 700;line-height: 100%;margin-top: 12px;}
.digital-wrap .scope-section .scope-area {max-width: 1200px;margin: 32px auto 0;border-radius: 12px;border: 1px solid var(--CI_navy, #002967);background: var(--white, #FFF);overflow: hidden;}
.digital-wrap .scope-section .scope-area:first-child {margin-top: 0;}
.digital-wrap .scope-section .scope-area .scope-head {background: var(--CI_navy, #002967);padding: 14px 0;}
.digital-wrap .scope-section .scope-area .scope-head p {color: var(--white, #FFF);text-align: center;font-size: 20px;font-weight: 700;line-height: 100%;}
.digital-wrap .scope-section .scope-area .scope-list {display: flex;justify-content: center;gap: 64px;padding: 34px 103px;}
.digital-wrap .scope-section .scope-area .scope-list .item {flex: 1;text-align: center;}
.digital-wrap .scope-section .scope-area .scope-list .item .icon-area {display: inline-flex;justify-content: center;align-items: center;width: 96px;height: 96px;background: var(--gray_6, #F7F7F7);border-radius: 99px;margin-bottom: 24px;}
.digital-wrap .scope-section .scope-area .scope-list .item .tit {color: var(--gray_0, #333);font-size: 20px;font-weight: 600;line-height: 100%;}
.digital-wrap .scope-section .scope-area .scope-list .item .txt {color: var(--gray_1, #6B6B6B);font-size: 16px;font-weight: 500;line-height: 140%;margin-top: 8px;}


/* security-wrap */
.system-section {padding: 52px 0 120px;}
.system-section .text-area {text-align: center;margin-bottom: 40px;}
.system-section .text-area .tit {color: var(--CI_point, #C01054);font-size: 32px;font-weight: 700;line-height: 100%;}
.system-section .system-list {min-height: 456px;display: flex;justify-content: center;align-items: center;gap: 2px;}
.system-section .system-list .item {width: 320px;height: 432px;border: 1px solid var(--gray_5, #E7E7E7);background: var(--white, #FFF);box-shadow: 0 2px 6px 0 rgba(195, 195, 195, 0.20);transition: 0.5s;}
.system-section .system-list .item .system-head {color: var(--CI_point, #C01054);text-align: center;font-size: 18px;font-weight: 600;line-height: 100%;padding: 24px 8px;transition: 0.5s;}
.system-section .system-list .item .group {padding: 44px 35px 0;}
.system-section .system-list .item .group .tit {color: var(--gray_0, #333);text-align: center;font-size: 20px;font-weight: 600;line-height: 100%;transition: 0.5s;}
.system-section .system-list .item .group .img-area {display: inline-flex;justify-content: center;align-items: center;width: 100%;height: 235px;border-radius: 8px;background: var(--gray_6, #F7F7F7);margin-top: 38px;}
.system-section .system-list .item .group .img-area img {max-width: 100%;}
.system-section .system-list .item.focus {height: 456px;border: 3px solid var(--CI_point, #C01054);box-shadow: 0 10px 24px 0 #EBD0DB;}
.system-section .system-list .item.focus .system-head {background: var(--CI_point, #C01054);color: var(--white, #FFF);font-size: 20px;font-weight: 800;}
.system-section .system-list .item.focus .tit {color: var(--gray_0, #333);font-size: 22px;font-weight: 800;}

/* security-wrap */
.security-wrap .solution-section {background: var(--gray_6, #F7F7F7);padding: 104px 0 107px;}
.security-wrap .solution-section .title-area {text-align: center;}
.security-wrap .solution-section .title-area .order {color: var(--black, #222);font-size: 18px;font-weight: 400;line-height: 100%;margin-bottom: 16px;}
.security-wrap .solution-section .title-area .name {color: var(--black, #222);font-size: 56px;font-weight: 800;line-height: 100%;}
.security-wrap .solution-section .title-area .name-info {color: var(--black, #222);font-size: 18px;font-weight: 500;line-height: 100%;margin-top: 6px;}
.security-wrap .solution-section .title-area .tit {color: var(--gray_0, #333);font-size: 28px;font-weight: 700;line-height: 100%;margin-top: 32px;}
.security-wrap .solution-section .sub-tit {color: var(--CI_point, #C01054);text-align: center;font-size: 24px;font-weight: 800;line-height: 100%;padding-top: 80px;background: url(../images/title_line.png) no-repeat center top;margin-top: 28px;}

.security-wrap .solution-section .kdds-group {max-width: 1264px;margin: 0 auto;}
.security-wrap .kdds-group .feature-list {display: flex;gap: 32px;padding: 44px 0 0;}
.security-wrap .kdds-group .feature-list li {flex: 1;height: 400px;border-radius: 8px;background: var(--white, #FFF);overflow: hidden;}
.security-wrap .kdds-group .feature-list li .img-area {display: inline-flex;justify-content: center;align-items: center;margin-bottom: 44px;}
.security-wrap .kdds-group .feature-list li .img-area img {max-width: 100%;}
.security-wrap .kdds-group .feature-list li .tit {color: var(--gray_0, #333);text-align: center;font-size: 24px;font-weight: 700;line-height: 100%;}
.security-wrap .kdds-group .feature-list li .txt {color: var(--gray_1, #6B6B6B);text-align: center;font-size: 18px;font-weight: 500;line-height: 100%;margin-top: 18px;}
.security-wrap .kdds-group .effect-list {display: flex;gap: 32px;padding-top: 32px;}
.security-wrap .kdds-group .effect-list li {flex: 1;display: inline-flex;flex-direction: column;justify-content: center;align-items: center; height: 226px;border-radius: 8px;background: var(--white, #FFF);}
.security-wrap .kdds-group .effect-list li .order {display: inline-block;width: 36px;height: 36px;padding: 8px 14px;border-radius: 100px;background: var(--CI_point, #C01054);color: var(--white, #FFF);font-size: 18px;font-weight: 800;margin-bottom: 24px;}
.security-wrap .kdds-group .effect-list li .tit {color: var(--gray_0, #333);font-size: 24px;font-weight: 700;line-height: 100%;}
.security-wrap .kdds-group .effect-list li .txt {color: var(--gray_1, #6B6B6B);font-size: 18px;font-weight: 500;line-height: 100%;margin-top: 18px;}

.security-wrap .solution-section .eagleeye-group {max-width: 1264px;padding-top: 136px;margin: 0 auto;}
.security-wrap .eagleeye-group .apply-list {display: flex;gap: 26px;padding-top: 40px;}
.security-wrap .eagleeye-group .apply-list li {flex: 1;height: 304px;border-radius: 8px;background: var(--white, #FFF);overflow: hidden;}
.security-wrap .eagleeye-group .apply-list li .img-area {display: inline-flex;justify-content: center;align-items: center;margin-bottom: 32px;}
.security-wrap .eagleeye-group .apply-list li .img-area img {max-width: 100%;}
.security-wrap .eagleeye-group .apply-list li .tit {color: var(--gray_0, #333);text-align: center;font-size: 20px;font-weight: 700;line-height: 120%;}
.security-wrap .eagleeye-group .apply-list li .txt {color: var(--gray_0, #333);text-align: center;font-size: 16px;font-weight: 400;line-height: 140%;margin-top: 16px;}
.security-wrap .eagleeye-group .function-area {display: flex;gap: 90px;padding-top: 122px;}
.security-wrap .eagleeye-group .function-area .right {flex: auto;}
.security-wrap .eagleeye-group .function-area .text-area {padding: 9px 0 29px;}
.security-wrap .eagleeye-group .function-area .text-area .tit {color: var(--CI_point, #C01054);font-size: 30px;font-weight: 400;line-height: 100%;}
.security-wrap .eagleeye-group .function-area .text-area .tit b {font-weight: 800;}
.security-wrap .eagleeye-group .function-area .function-list {border-top: 1px solid var(--gray_0, #333);border-bottom: 1px solid var(--gray_0, #333);}
.security-wrap .eagleeye-group .function-area .function-list .item {display: flex;gap: 20px;border-bottom: 1px solid var(--gray_4, #CCC);padding: 40px 0;}
.security-wrap .eagleeye-group .function-area .function-list .item:last-child {border-bottom: none;}
.security-wrap .eagleeye-group .function-area .function-list .item .order {width: 34px;color: var(--gray_4, #CCC);font-size: 56px;font-weight: 200;line-height: 100%;}
.security-wrap .eagleeye-group .function-area .function-list .item .tit {color: var(--gray_0, #333);font-size: 22px;font-weight: 400;line-height: 100%;word-break: keep-all;}
.security-wrap .eagleeye-group .function-area .function-list .item .tit b {font-weight: 700;}
.security-wrap .eagleeye-group .function-area .function-list .item .txt {color: var(--gray_0, #333);font-size: 16px;font-weight: 500;line-height: 100%;margin-top: 15px;word-break: keep-all;}
.security-wrap .eagleeye-group .alerts-list .status-orange::before {content: '';display: inline-block;width: 22px;height: 22px;background: #FD9245;border-radius: 99px;vertical-align: sub;margin-right: 8px;}
.security-wrap .eagleeye-group .alerts-list .status-green::before {content: '';display: inline-block;width: 22px;height: 22px;background: #3DC882;border-radius: 99px;vertical-align: sub;margin-right: 8px;}
.security-wrap .eagleeye-group .alerts-list .status-red::before {content: '';display: inline-block;width: 22px;height: 22px;background: #EF4354;border-radius: 99px;vertical-align: sub;margin-right: 8px;}
.security-wrap .eagleeye-group .alerts-list {display: flex;flex-wrap: wrap;row-gap: 15px;column-gap: 24px;margin-top: 40px;}
.security-wrap .eagleeye-group .alerts-list li {display: inline-flex;align-items: center;gap: 6px;}
.security-wrap .eagleeye-group .alerts-list li span {color: var(--gray_0, #333);font-size: 16px;font-weight: 500;line-height: 130%;}

.security-wrap .product-section {background: var(--gray_6, #F7F7F7);padding: 92px 0;}
.security-wrap .product-section .group {display: flex;justify-content: space-between;gap: 116px;max-width: 1214px;margin: 0 auto;margin-bottom: 104px;}
.security-wrap .product-section .group:last-child {margin-bottom: 0;}
.security-wrap .product-section .title-area .order {color: var(--black, #222);font-size: 18px;font-weight: 400;line-height: 100%;margin-bottom: 18px;}
.security-wrap .product-section .title-area .order b {font-weight: 600;}
.security-wrap .product-section .title-area .name {color: var(--black, #222);font-size: 48px;font-weight: 800;line-height: 100%;}
.security-wrap .product-section .title-area .tit {color: var(--CI_point, #C01054);font-size: 24px;font-weight: 800;line-height: 100%;margin-top: 24px;}
.security-wrap .product-section .left .desc-list {margin-top: 117px;}
.security-wrap .product-section .left .desc-list li {color: var(--gray_0, #333);font-size: 18px;font-weight: 500;line-height: 130%;padding: 16px 0 ;border-bottom: 1px solid #E7E7E7;}
.security-wrap .product-section .left .desc-list li::before {content: '';display: inline-block;width: 4px;height: 4px;background: var(--CI_point, #C01054);border-radius: 10px;vertical-align: middle;margin-right: 8px;}
.security-wrap .product-section .left .desc-list li:last-child {border-bottom: none;}
.security-wrap .product-section .product-box {display: flex;width: 774px;height: 456px;border-radius: 24px;background: var(--white, #FFF);overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;}
.security-wrap .product-section .product-box::-webkit-scrollbar {display: none;}
.security-wrap .product-section .product-box .product {position: relative;flex: 0 0 100%;scroll-snap-align: start;padding: 57px 64px 56px;}
.security-wrap .product-section .product-box .product .inner {display: flex;flex-direction: column;height: 100%;justify-content: space-between;}
.security-wrap .product-section .product-box .product .name {color: var(--CI_navy, #002967);font-size: 28px;font-weight: 800;line-height: 100%; /* 28px */}
.security-wrap .product-section .product-box .product img {position: absolute;right: 50px;bottom: 50px;max-width: 100%;}

.security-wrap .product-section .product-box .product .desc-list {counter-reset: item;}
.security-wrap .product-section .product-box .product .desc-list li {position: relative;counter-increment: item;color: var(--gray_0, #333);font-size: 16px;font-weight: 600;line-height: 100%; /* 16px */padding: 6px 0 5px 38px;margin-top: 16px;}
.security-wrap .product-section .product-box .product .desc-list li::before {content: counter(item);position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-flex;justify-content: center;align-items: center;width: 26px;height: 26px;border-radius: 100px;background: var(--CI_point, #C01054);color: var(--white, #FFF);font-size: 14px;font-weight: 700;line-height: 100%; /* 14px */}
.security-wrap .product-section .right .product-control {display: flex;justify-content: center;align-items: center;gap: 20px;margin-top: 33px;}
.security-wrap .product-section .right .product-control .btn {color: var(--gray_blue_2, #B8BFCC);font-size: 16px;}
.security-wrap .product-section .right .product-control .current {color: var(--CI_point, #C01054);font-size: 16px;font-weight: 700;line-height: 156%;}
.security-wrap .product-section .right .product-control .line {display: inline-block;width: 1px;height: 12px;background: #CCC;margin: 0 15px;vertical-align: baseline;}
.security-wrap .product-section .right .product-control .total {color: var(--gray_blue, #989BA8);font-size: 16px;font-weight: 400;line-height: 156%;}


/* solution-section */
.network-wrap .solution-section {max-width: 1300px;padding: 52px 0 116px; margin: 0 auto;}
.network-wrap .solution-section .text-area {text-align: center;margin-bottom: 40px;}
.network-wrap .solution-section .text-area .tit {color: var(--CI_point, #C01054);font-size: 32px;font-weight: 700;line-height: 100%;}
.network-wrap .solution-section .solution-list {display: grid;gap: 26px;}
.network-wrap .solution-section .solution-list .item {display: flex;flex-direction: column;align-items: center;flex: 1;border-radius: 8px;border: 1px solid var(--gray_5, #E7E7E7);background: var(--white, #FFF);box-shadow: 0 2px 6px 0 rgba(212, 212, 212, 0.30);padding: 48px 32px;}
.network-wrap .solution-section .solution-list .item .img-area {margin-bottom: 32px;}
.network-wrap .solution-section .solution-list .item .img-area img {max-width: 100%;}
.network-wrap .solution-section .solution-list .item .tit {color: var(--gray_0, #333);font-size: 32px;font-weight: 700;line-height: 100%;}
.network-wrap .solution-section .solution-list .item .tit b {color: var(--CI_point, #C01054);font-size: 32px;font-weight: 400;line-height: 100%;}
.network-wrap .solution-section .solution-list .item .txt {color: var(--gray_0, #333);font-size: 17px;font-weight: 500;line-height: 160%;text-align: center;margin-top: 16px;}
.network-wrap .solution-section .solution-list.row-3 {grid-template-columns: repeat(3, 1fr);}
.network-wrap .solution-section .solution-list.row-3 .item {min-height: 400px;}
.network-wrap .solution-section .solution-list.row-4 {grid-template-columns: repeat(4, 1fr);}
.network-wrap .solution-section .solution-list.row-4 .item {min-height: 392px;}



/* section style ====================================== */

/* info-section */
.info-section {padding-top: 100px;padding-bottom: 64px;}
.info-section .text-area {text-align: center;margin-bottom: 83px;}
.info-section .text-area .tit {color: var(--gray_0, #333);font-size: 40px;font-weight: 400;line-height: 160%;word-break: keep-all;}
.info-section .text-area .tit b {font-weight: 800;}
.info-section .text-area .tit .point {color: var(--CI_point, #C01054);}
.info-section .info-list-area {position: relative;margin: 0 auto;width: 100%;}
.info-section .info-list-area .info-bg {position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);object-fit: cover;opacity: 0; clip-path: inset(0 10% 0 10%);transition: 1s;z-index: 0;}
.info-section .info-list {position: relative;width: 100%;display: flex;align-items: center;justify-content: center;gap: 0px;padding: 64px 0;z-index: 1;opacity: 0;transition: 0.5s;transition-delay: 1s;}
.info-section .info-list .item {display: flex;flex-direction: column;width: 384px;height: 320px;border-radius: 16px;background: var(--white, #FFF);padding: 44px 40px 40px;}
.info-section .info-list .item .point {color: var(--CI_point, #C01054);font-size: 16px;font-weight: 700;line-height: 100%;margin-bottom: 24px;}
.info-section .info-list .item .tit {color: var(--gray_0, #333);font-size: 26px;font-weight: 700;line-height: 100%;}
.info-section .info-list .item .txt {color: var(--gray_1, #6B6B6B);font-size: 18px;font-weight: 500;line-height: 140%;margin-top: 12px;}
.info-section .info-list .item .info-icon {align-self: flex-end;margin-top: auto;}
.info-section.play .info-list-area .info-bg {clip-path: inset(0 0 0 0);opacity: 1;}
.info-section.play .info-list {gap: 48px;opacity: 1;}

.info-section.type-2 .text-area {margin-bottom: 120px;}
.info-section.type-2 .info-list-area .mark {position: absolute;top: -110px;left: 50%;transform: translate(-50%, 10%);z-index: 1;opacity: 0;transition: 0.5s;transition-delay: 1s;}
.info-section.type-2 .info-list {padding: 88px 0 56px;}
.info-section.play .info-list-area .mark {transform: translate(-50%, 0%);opacity: 1;}

.info-section.type-3 {padding-bottom: 0;}
.info-section.type-3 .text-area {max-width: 1280px;text-align: left;margin: 0 auto 70px;}
.info-section.type-3 .text-area .tit b {color: var(--CI_point, #C01054);font-size: 56px;font-weight: 800;line-height: 100%;}
.info-section.type-3 .text-area .tit span {color: var(--CI_point, #C01054);font-size: 16px;font-weight: 400;line-height: 100%;}
.info-section.type-3 .text-area .tit span::before {content: '’ ';}
.info-section.type-3 .text-area .tit span::after {content: ' ’';}
.info-section.type-3 .text-area .txt {color: var(--gray_0, #333);font-size: 24px;font-weight: 400;line-height: 160%;margin-top: 22px;word-break: keep-all;}
.info-section.type-3 .text-area .txt b {font-weight: 700;}
.info-section.type-3 .info-list {padding: 72px 0;}
.info-section.type-3 .info-list .item {height: 208px;padding: 40px 40px 32px;}
.info-section.type-3 .info-list .item .tit {color: var(--CI_point, #C01054);font-size: 24px;font-weight: 400;line-height: 100%;}
.info-section.type-3 .info-list .item .tit b {font-weight: 700;margin-left: 4px;}
.info-section.type-3 .info-list .item .txt {color: var(--gray_0, #333);font-size: 20px;font-weight: 600;line-height: 100%;margin-top: 16px;}

/* feat-section */
.feat-section {padding-top: 64px;padding-bottom: 64px;}
.feat-section .text-area {text-align: center;margin-bottom: 40px;}
.feat-section .text-area .tit {color: var(--CI_point, #C01054);font-size: 32px;font-weight: 700;line-height: 100%;}
.feat-section .feat-list {width: 100%;display: flex;align-items: center;justify-content: center;gap: 26px;}
.feat-section .feat-list .item {display: flex;flex-direction: column;align-items: center;width: 300px;height: 452px;background: var(--gray_6, #F7F7F7);padding-top: 67px;}
.feat-section .feat-list .item .feat-icon {margin-bottom: 50px;}
.feat-section .feat-list .item .point {color: var(--CI_point, #C01054);font-size: 15px;font-weight: 500;line-height: 100%;margin-bottom: 36px;}
.feat-section .feat-list .item .tit {color: var(--gray_0, #333);font-size: 22px;font-weight: 700;line-height: 100%;}
.feat-section .feat-list .item .txt {color: var(--gray_1, #6B6B6B);text-align: center;font-size: 17px;font-weight: 500;line-height: 140%;margin-top: 23px;}

/* link-section */
.link-section {text-align: center;padding: 80px 0 130px;}
.link-section .other-link {display: inline-flex;justify-content: space-between;align-items: center;width: 496px;max-width: 100%;border-radius: 100px;background: var(--CI_navy, #002967);color: var(--white, #FFF);padding: 40px 56px;}
.link-section .other-link span {font-size: 24px;font-weight: 600;line-height: 100%;}
.link-section .other-link i {font-size: 16px;}
.link-section .other-link i.mo {display: none;}
.link-section .other-link i.icon-download2 {font-size: 22px;}
.link-section .other-link:hover {background: var(--CI_point, #C01054);}

/* case-section */
.case-section {background: var(--gray_6, #F7F7F7);padding: 80px 0 83px;}
.case-section .text-area {text-align: center;margin-bottom: 40px;}
.case-section .text-area .tit {color: var(--CI_point, #C01054);font-size: 32px;font-weight: 700;line-height: 100%;}
.case-section .case-list {display: flex;justify-content: center;align-items: center;gap: 28px;}
.case-section .case-list .item {width: 416px;height: 380px;background: var(--white, #FFF);padding: 34px 40px;}
.case-section .case-list .item .top {border-bottom: 1px solid #E7E7E7;padding-bottom: 43px;}
.case-section .case-list .item .tit {position: relative;display: flex;justify-content: center;align-items: center;height: 113px;color: var(--CI_navy, #002967);text-align: center;font-size: 22px;font-weight: 700;line-height: 100%;word-break: keep-all;}
.case-section .case-list .item .tit::before {content: '';position: absolute;left: 0;top: 0;display: block;width: 28px;height: 23px;background: url(../images/quote_start.png) no-repeat center / cover;}
.case-section .case-list .item .tit::after {content: '';position: absolute;right: 0;bottom: 0;display: block;width: 28px;height: 23px;background: url(../images/quote_end.png) no-repeat center / cover;}
.case-section .case-list .item .company {color: var(--gray_0, #333);font-size: 22px;font-weight: 800;line-height: 100%;margin-top: 47px;}
.case-section .case-list .item .txt {color: var(--gray_1, #6B6B6B);font-size: 18px;font-weight: 500;line-height: 160%;word-break: keep-all;word-break: auto-phrase;margin-top: 13px;}
.security-wrap .case-section {background: var(--white, #FFF);}
.security-wrap .case-section .case-list .item {border: 1px solid var(--gray_5, #E7E7E7);box-shadow: 0 2px 6px 0 rgba(195, 195, 195, 0.20);}

/* banner-section */
.banner-section {max-width: 1300px;padding: 15px 0 165px; margin: 0 auto;}
.banner-section .banner-area {display: flex;justify-content: space-between;border-radius: 8px;background: var(--gray_6, #F7F7F7);padding: 44px 94px 44px 67px;}
.banner-section .banner-area .txt {color: var(--gray_0, #333);font-size: 18px;font-weight: 400;line-height: 200%;}
.banner-section .banner-area .txt b {font-weight: 700;}
.banner-section .banner-area .right {display: inline-flex;align-items: center;gap: 24px;}
.banner-section .banner-area .right .info {color: var(--CI_point, #C01054);font-size: 16px;font-weight: 600;line-height: 100%;}
.banner-section .banner-area .right .mail-link {color: var(--gray_0, #333);font-size: 16px;font-weight: 500;line-height: 100%;}
.banner-section .banner-area .right .mail-link::before {content: '';display: inline-block;width: 2px;height: 14px;background: #BEBEBE;margin: 0 14px;}

/* newsletterModal */
#newsletterModal {display: none;}
#newsletterModal.on {display: block;}
#newsletterModal .modal-inner {width: 480px;}
#newsletterForm .group {display: flex;flex-direction: column;gap: 14px;margin-top: 34px;}
#newsletterForm .group label {color: var(--gray_0, #333);font-size: 18px;font-weight: 600;line-height: 100%;}
#newsletterForm .group input {color: var(--gray_1, #6B6B6B);font-size: 16px;font-weight: 500;line-height: 100%;border-radius: 8px;border: 1px solid var(--gray_5, #E7E7E7);background: var(--white, #FFF);padding: 14px 16px;}
#newsletterForm .group input:focus {border: 1px solid var(--gray_3, #BEBEBE);outline: none;}
#newsletterForm .group input::placeholder {color: var(--gray_3, #BEBEBE);}
#newsletterForm .terms {margin-top: 33px;}
#newsletterForm .terms.required .terms-content {height: 110px;}
#newsletterForm .terms.optional .terms-content {height: 80px;}
#newsletterForm .terms-item .terms-label {color: var(--gray_0, #333);font-size: 18px;font-weight: 600;line-height: 100%;padding-left: 6px;}
#newsletterForm .terms-item .terms-label .ft-gray {color: var(--gray_1, #6B6B6B);font-weight: 400;}
#newsletterForm .terms-content {overflow-y: auto;color: var(--gray_1, #6B6B6B);font-size: 15px;font-weight: 400;line-height: 140%;border: 1px solid var(--gray_5, #E7E7E7);background: var(--white, #FFF);padding: 18px 15px;margin-top: 14px;}
#newsletterForm .terms-content .desc {color: var(--gray_0, #333);font-size: 15px;line-height: 140%;margin-top: 13px;}
#newsletterForm .submit-btn {width: 100%;color: var(--white, #FFF);text-align: center;font-size: 18px;font-weight: 700;line-height: 100%;background: var(--CI_navy, #002967);padding: 20px 8px;margin-top: 32px;}





/******************************************************************************************************************/

@media screen and (min-width: 1281px) and (max-width: 1400px) {
    .sitemap .sitemap-body .sub-menu-list {gap: 56px;}
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1280px) {

  /* header */
  #header {height: 72px;}
  #header.dark {background:transparent;border-color: transparent;}
  #header.dark .logo > a {background: url(../images/logo_dark.svg);}
  #header.dark .utils .map-link {color: #FFF;}
  #header.dark .utils .sitemap-btn {color: #FFF;}
  #header .header-inner {justify-content: space-between;padding: 0 32px;}
  .logo > a {width: 126px;height: 19px;}
  #header .nav {display: none;}
  #header .utils .lang-area {display: none;}

  /* sitemap */
  .sitemap {display: flex;left: 200vw;transition: 0.8s;}
  .sitemap.on {left: 0;}
  .sitemap .sitemap-head {height: 64px;padding: 20px 24px;border-bottom: 1px solid var(--gray_5, #E7E7E7);}
  .sitemap .sitemap-head .logo {display: none;}
  .sitemap .sitemap-head .mo-lang-area {display: inline-flex;gap: 10px;}
  .sitemap .sitemap-head .icon-close-thin {color: var(--gray_0, #333333);font-size: 18px;}
  .sitemap .sitemap-head .icon-close-thin:before {content: "\e90e";}
  .sitemap .sitemap-body {padding: 0;}
  .sitemap .sitemap-body .menu-list {padding-top: 20px;}
  .sitemap .sitemap-body .menu-list > li {padding: 0;border: none;}
  .sitemap .sitemap-body .sub-menu-list {display: none;flex-direction: column;gap: 0;position: absolute;width: 56vw;height: calc(100vh - 64px);top: 64px;background: #FFF;flex-direction: column;gap: 0;position: absolute;bottom: 0;right: 0;border-left: 1px solid #E5E5E5;padding: 20px 0 0;overflow: auto;}
  .sitemap .sitemap-body .sub-menu-list > li {border-bottom: 1px solid var(--gray_5, #E7E7E7);}
  .sitemap .sitemap-body .sub-menu-list.has-depth > li > ul {padding: 0 20px 0 32px;max-height: 0;opacity: 0;overflow: hidden;transition: 0.3s;}
  .sitemap .sitemap-body .sub-menu-list.has-depth > li.active > ul {padding: 8px 20px 8px 32px;max-height: 500px;opacity: 1;}
  .sitemap .sitemap-body .active .sub-menu-list {display: flex;}
  .sitemap .sitemap-body .active .depth-1 {color: var(--CI_point, #C01054);}
  .sitemap .sitemap-body .depth-1 {color: var(--gray_2, #898989);font-size: 18px;font-weight: 700;padding: 14px 20px;}
  .sitemap .sitemap-body .depth-2 {position: relative;font-size: 16px;font-weight: 600;padding: 18px 20px 18px 24px;}
  .sitemap .sitemap-body .depth-2 i {position: absolute;display: block;right: 20px;top: 50%;transform: translateY(-50%);color: var(--gray_0, #333333);font-size: 8px;}
  .sitemap .sitemap-body .sub-menu-list.has-depth > li.active i::before {content: "\e90d"}
  .sitemap .sitemap-body .depth-3 {font-size: 14px;padding: 7px 8px;margin: 0;}

  /* footer */
  #footer .footer-inner {height: 216px;padding: 30px 32px 0;}
  #footer .footer-inner .link {display: inline-block;margin-bottom: 24px;}
  #footer .footer-inner .group {row-gap: 20px;flex-direction: column-reverse;padding-top: 24px;border-top: 1px solid var(--gray_5, #E7E7E7);}
  #footer .footer-inner .footer-logo {width: 140px;height: auto;}
  #footer .footer-inner .contact {column-gap: 27px;font-size: 13px;}
  #footer .footer-inner .copyright {font-size: 13px;margin-top: 15px;}

  .scrolltop-btn {width: 56px;height: 56px;right: 32px;bottom: 52px;}
  .chat-btn {width: 56px;height: 56px;right: 32px;bottom: 52px;}

  /* sub-nav */
  .sub-nav {top: 72px;}
  .sub-nav .inner {padding: 0 32px;}

  .sub-contents {padding-left: 32px;padding-right: 32px;}
  .sub-container.no-visual {padding-top: 71px;}
  .visual {height: 400px;}
  .visual-bg {height: 400px;}
  .page-title {height: 400px;padding-top: 72px;}
  .page-title .tit {font-size: 40px;}
  .page-title .line {display: none;}
  .page-title .txt {display: none;}

  /* newsletter-wrap */
  .newsletter-wrap .newsletter-list .item {width: calc((100% / 2) - 12px);padding: 50px 58px 30px;}

  /* resources-wrap */
  .resources-wrap .resources-head .company-file-item {padding: 44px 40px;}
  .resources-wrap .resources-head .company-file-item .info-area {padding: 14px 0 12px 34px;}
  .resources-wrap .resources-head .company-file-item .info-area .txt {line-height: 120%;word-break: keep-all;}
  .resources-wrap .resources-head .company-file-item .info-area .download-btn {margin-top: 24px;}
  .resources-wrap .resources-list .item {width: calc((100% / 2) - 16px);}

  /* message-wrap */
  .message-wrap {padding: 90px 0 140px;}
  .message-wrap .video-area {display: none;}
  .message-wrap .text-area {padding-left: 0;}
  .message-wrap .text-area .msg {padding: 0;}

  /* history-wrap */
  .history-wrap .history-tabs {margin-left: -32px;margin-right: -32px;}
  .history-wrap .history-cont {padding: 60px 0 105px;}
  .history-wrap .history-tabs,
  .history-wrap.up .history-tabs {top: 144px;}
  .history-wrap .history-list {max-width: 60%;}
  .history-wrap .history-area .heading .tit {font-size: 16px;margin-bottom: 18px;}
  .history-wrap .history-area .heading .year {font-size: 42px;}
  .history-wrap .history-list .item .date {width: 80px;font-size: 18px;}
  .history-wrap .history-list .item .desc p {font-size: 18px;}
  .history-wrap .history-area .heading .sticky,
  .history-wrap.up .history-area .heading .sticky {top: 235px;}

  /* map-wrap */
  .map-wrap .map-area {width: 100vw;height: 500px;margin-left: -32px;margin-right: -32px;}
  .map-wrap .main-office {padding: 44px 54px;}
  .map-wrap .office-area {row-gap: 60px;column-gap: 34px;}
  .map-wrap .main-office .office-info {row-gap: 20px;column-gap: 40px;margin-top: 34px;}
  .map-wrap .main-office .office-info .line {display: none;}
  .map-wrap .sub-office {padding: 35px 38px 40px;}
  .map-wrap .sub-office .office-head .tit {font-size: 24px;}
  .map-wrap .sub-office .office-head {padding-bottom: 24px;}
  .map-wrap .sub-office .office-info {padding-top: 24px;}

  /* client-wrap */
  .client-wrap {margin-left: -32px;margin-right: -32px;}
  .client-wrap .partner-section {background-image: none;}
  .client-wrap .partner-section .inner {padding: 120px 0 80px;}
  .client-wrap .partner-section .top-area {padding: 0 32px;margin-bottom: 45px;}
  .client-wrap .client-section {padding-left: 32px;padding-right: 32px;}
  .client-wrap .client-section .txt {font-size: 40px;margin-bottom: 40px;word-break: keep-all;}
  .client-wrap .client-section .client-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
  .client-wrap .client-section .client-list li {height: 120px;}

  /* employ-wrap */
  /* .employ-wrap {padding: 50px 0 100px;} */
  .employ-wrap .employ-tabs {top: 144px;margin: 0 -32px;}
  .employ-wrap.up .employ-tabs {top: 144px;}
  .employ-wrap .talent-section {gap: 30px;padding-top: 50px;padding-left: 0;padding-right: 0;}
  .employ-wrap .talent-section .left-area {flex: 1; max-width: 100%;margin-right: auto;}
  .employ-wrap .talent-section .img-txt {font-size: 60px;left: auto;right: 0;bottom: 500px;}
  .employ-wrap .talent-section .talent-list {margin-left: auto;}
  .employ-wrap .talent-section .talent-list .item {margin-bottom: 40px;}
  .employ-wrap .talent-section .talent-list .tit {font-size: 34px;}
  .employ-wrap .talent-section .talent-list .en-tit {font-size: 26px;}
  .employ-wrap .talent-section .talent-list .txt {font-size: 18px;margin-top: 16px;}

  .employ-wrap .benefits-section {padding-left: 0;padding-right: 0;}
  .employ-wrap .benefits-section .title-area .tit {font-size: 18px;margin-bottom: 16px;}
  .employ-wrap .benefits-section .title-area .txt {font-size: 30px;}
  .employ-wrap .benefits-section .benefits-list {width: 100%;}
  .employ-wrap .benefits-section .benefits-list .item {gap: 20px;}
  .employ-wrap .benefits-section .benefits-list .item .img-area {width: 84px;height: 84px;}
  .employ-wrap .benefits-section .benefits-list .item .tit {font-size: 20px;}

  .employ-wrap .process-section {padding: 0 0 166px;}
  .employ-wrap .process-section .title-area .tit {font-size: 18px;margin-bottom: 16px;}
  .employ-wrap .process-section .title-area .txt {font-size: 30px;}
  .employ-wrap .process-section .process-list {width: 640px;}
  .employ-wrap .process-section.play .process-list {gap: 40px;}
  .employ-wrap .process-section .process-list .item {width: 130px;height: 130px;}
  .employ-wrap .process-section .process-list .item::before {width: 40px;}
  .employ-wrap .process-section .process-list .item::after {right: -56px;}
  .employ-wrap .process-section .more-link {column-gap: 12px;top: auto;bottom: 0;right: 0;}
  .employ-wrap .process-section .more-link i {font-size: 14px;color: var(--CI_point, #C01054);}
  .employ-wrap .process-section .more-link span {font-size: 16px;color: var(--CI_point, #C01054);}

  /* ai-wrap */
  .ai-wrap .primary-section .img-area {display: none;}
  .ai-wrap .primary-section .text-area .tit {text-align: center;}
  .ai-wrap .primary-section .primary-list {padding: 0 8px;}
  .ai-wrap .primary-section .primary-list .item {gap: 24px;padding: 24px 0;}
  .ai-wrap .primary-section .primary-list .item .txt {margin-top: 11px;}

  .ai-wrap .use-section {padding-top: 72px;padding-bottom: 0;}
  .ai-wrap .use-section .use-list {flex-direction: column;}
  .ai-wrap .use-section .use-list .item .img-area {width: 100%;margin-bottom: 24px;}
  .ai-wrap .use-section .use-list .item .txt {line-height: 160%;}
  .ai-wrap .use-section .use-list .item .txt br {display: none;}

  /* digital-wrap */
  .digital-wrap .art-section .art-list {grid-template-columns: repeat(2, 1fr);}

  .digital-wrap .groupware-section .img-area img {transform: scale(0.72);}
  .digital-wrap .groupware-section .teams-area {align-items: flex-start;border-top: 1px solid var(--gray_1, #6B6B6B);padding: 8px 0;}
  .digital-wrap .groupware-section .teams-area .right .tit {min-width: 100%;}
  .digital-wrap .groupware-section .teams-area .right .txt {width: auto;color: var(--gray_0, #333);}
  .digital-wrap .groupware-section .teams-area .right .group {gap: 0;}
  .digital-wrap .groupware-section .teams-area .right .group:first-child {border: none;}
  .digital-wrap .groupware-section .teams-area .right .group .item {flex: auto;align-items: center;gap: 12px;border-bottom: 1px solid #E7E7E7;padding: 24px 0;}
  .digital-wrap .groupware-section .teams-area .right .group:last-child .item:last-child {border-bottom: none;}
  .digital-wrap .groupware-section .eum-area {padding: 4px 16px;}
  .digital-wrap .groupware-section .eum-area .group {gap: 8px;padding: 20px 0;}
  .digital-wrap .groupware-section .eum-area .group:first-child {border-bottom: 1px solid #E7E7E7;}
  .digital-wrap .groupware-section .eum-area .txt {color: var(--gray_0, #333);line-height: 160%;}

  .digital-wrap .support-tabs {top: 144px;margin: 0 -32px;}
  .digital-wrap.up .support-tabs {top: 144px;}

  .digital-wrap .beneficiary-section {margin: 0 -32px;}
  .digital-wrap .beneficiary-section .beneficiary-list {grid-template-columns: repeat(3, 1fr) !important;gap: 20px;padding: 0 32px;}

  .digital-wrap .scope-section {margin: 0 -32px;padding: 60px 32px;}
  .digital-wrap .scope-section .scope-area .scope-list {gap: 34px;padding: 34px 46px;}

  /* info-section */
  .info-section {margin: 0 -32px;}
  .info-section .text-area {padding: 0 32px;margin-bottom: 48px;}
  .info-section .text-area .tit {line-height: 140%;}
  .info-section .info-list {justify-content: flex-start;gap: 24px;padding: 40px 32px;overflow: auto;}
  .info-section .info-list .item {flex-shrink: 0;}
  .info-section .info-list .item .point {margin-bottom: 23px;}
  .info-section.type-2 .info-list {padding: 80px 32px 47px;}
  .info-section.type-3 .info-list {padding: 40px 32px;}

  /* feat-section */
  .feat-section {margin: 0 -32px;}
  .feat-section .feat-list-area {overflow: hidden;}
  .feat-section .feat-list {justify-content: flex-start;padding: 0 32px;overflow: auto;}
  .feat-section .feat-list .item {flex-shrink: 0;width: 296px;height: 296px;padding-top: 32px;}
  .feat-section .feat-list .item .feat-icon {width: 88px;height: 88px;margin-bottom: 20px;}
  .feat-section .feat-list .item .point {margin-bottom: 20px;}
  .feat-section .feat-list .item .txt {line-height: 140%;margin-top: 12px;}

  /* case-section */
  .case-section {margin: 0 -32px;}
  .case-section .case-list {justify-content: flex-start;padding: 0 32px;overflow: auto;}
  .case-section .case-list .item {flex-shrink: 0;}
  
  /* solution-section */
  .network-wrap .solution-section {padding: 64px 0;}
  .network-wrap .solution-section .solution-list.row-3 {grid-template-columns: repeat(1, 1fr);}
  .network-wrap .solution-section .solution-list.row-4 {grid-template-columns: repeat(2, 1fr);}

  /* banner-section */
  .banner-section .banner-area {flex-direction: column;align-items: center;gap: 15px;text-align: center;padding: 40px;}


  .system-section .system-list {flex-direction: column;justify-content: flex-start;gap: 8px;}
  .system-section .system-list .item,
  .system-section .system-list .item.focus {position: relative;width: 100%;height: 195px;}
  .system-section .system-list .item .system-head,
  .system-section .system-list .item.focus .system-head {position: absolute;left: 0;top: 0;width: 36px;height: 100%;writing-mode: sideways-lr;font-size: 16px;font-weight: 600;padding: 10px;}
  .system-section .system-list .item .group {padding: 20px 8px 8px 44px;}
  .system-section .system-list .item .group .tit {font-size: 18px;font-weight: 500;}
  .system-section .system-list .item.focus .group .tit {font-size: 18px;font-weight: 700;}
  .system-section .system-list .item .group .img-area {width: 100%;height: 134px;border-radius: 0;margin-top: 14px;}
  .system-section .system-list .item .group .img-area .pc {display: none;}
  .system-section .system-list .item .group .img-area .mo {display: block;}

  .security-wrap .solution-section {margin: 0 -32px;}
  .security-wrap .solution-section .title-area .order {font-size: 16px;}
  .security-wrap .solution-section .title-area .name {font-size: 36px;}
  .security-wrap .solution-section .title-area .name-info {font-size: 15px;margin-top: 6px;}
  .security-wrap .solution-section .title-area .tit {font-size: 20px;margin-top: 24px;}
  .security-wrap .kdds-group .feature-list {gap: 24px;justify-content: flex-start;overflow: auto;padding: 34px 32px 0;}
  .security-wrap .kdds-group .feature-list li {flex: 0 0 280px;height: 272px;}
  .security-wrap .kdds-group .feature-list li .img-area {height: 160px;margin-bottom: 32px;}
  .security-wrap .kdds-group .feature-list li .tit {font-size: 20px;}
  .security-wrap .kdds-group .feature-list li .txt {font-size: 16px;margin-top: 12px;}
  .security-wrap .kdds-group .sub-tit {background: none;padding: 0;margin-top: 56px;}
  .security-wrap .kdds-group .effect-list {gap: 24px;justify-content: flex-start;overflow: auto;padding: 32px 32px 0;}
  .security-wrap .kdds-group .effect-list li {flex: 0 0 280px;height: 192px;}
  .security-wrap .kdds-group .effect-list li .tit {font-size: 20px;}
  .security-wrap .kdds-group .effect-list li .txt {font-size: 16px;margin-top: 13px;}
  .security-wrap .solution-section .eagleeye-group {padding-top: 80px;}
  .security-wrap .eagleeye-group .sub-tit {margin-top: 9px;}
  .security-wrap .eagleeye-group .apply-list {gap: 24px;justify-content: flex-start;overflow: auto;padding: 32px 32px 0;}
  .security-wrap .eagleeye-group .apply-list li {flex: 0 0 280px;height: 280px;}
  .security-wrap .eagleeye-group .apply-list li .img-area {height: 144px;margin-bottom: 24px;}
  .security-wrap .eagleeye-group .function-area .img-area {width: 100%;}
  .security-wrap .eagleeye-group .function-area {flex-direction: column;gap: 0;}
  .security-wrap .eagleeye-group .function-area .img-area img {width: 100%;}
  .security-wrap .eagleeye-group .function-area .right {background: var(--white, #FFF);padding: 42px 30px 22px;margin: -46px 32px 0;}
  .security-wrap .eagleeye-group .function-area .text-area {padding: 0 0 25px;}
  .security-wrap .eagleeye-group .function-area .text-area .tit {font-size: 24px;}
  .security-wrap .eagleeye-group .function-area .function-list {border-bottom: 0;}
  .security-wrap .eagleeye-group .function-area .function-list .item {padding: 24px 0;border-color: #E7E7E7;}
  .security-wrap .eagleeye-group .function-area .function-list .item .order {display: none;}
  .security-wrap .eagleeye-group .function-area .function-list .item .tit {font-size: 20px;line-height: 140%;}
  .security-wrap .eagleeye-group .function-area .function-list .item .txt {color: var(--gray_1, #6B6B6B);font-size: 15px;margin-top: 7px;}
  .security-wrap .eagleeye-group .alerts-list {margin-top: 26px;}
  .security-wrap .eagleeye-group .function-area .img-area img.pc {display: none;}
  .security-wrap .eagleeye-group .function-area .img-area img.mo {display: block;}

  .security-wrap .product-section {margin: 0 -32px;padding-left: 32px;padding-right: 32px;}
  .security-wrap .product-section .group {flex-direction: column;}
  .security-wrap .product-section .title-area {text-align: center;}
  .security-wrap .product-section .product-box {width: 100%;}

  .privacy-wrap {padding: 50px 0 0;}
  .privacy-wrap .close-btn {display: block;}

}

/* Mobile */
@media screen and (max-width: 767px) {
  .mo-hide {display: none !important;}

  #header {height: 64px;}
  #header.dark {background:transparent;border-color: transparent;}
  #header.dark .logo > a {background: url(../images/logo_dark.svg);}
  #header.dark .utils .map-link {color: #FFF;}
  #header.dark .utils .sitemap-btn {color: #FFF;}
  #header .header-inner {justify-content: space-between;padding: 0 18px;}
  .logo > a {width: 126px;height: 19px;}
  #header .nav {display: none;}
  #header .utils .lang-area {display: none;}

  /* sitemap */
  .sitemap {display: flex;left: 200vw;transition: 0.8s;}
  .sitemap.on {left: 0;}
  .sitemap .sitemap-head {height: 64px;padding: 20px 24px;border-bottom: 1px solid var(--gray_5, #E7E7E7);}
  .sitemap .sitemap-head .logo {display: none;}
  .sitemap .sitemap-head .mo-lang-area {display: inline-flex;gap: 10px;}
  .sitemap .sitemap-head .icon-close-thin {color: var(--gray_0, #333333);font-size: 18px;}
  .sitemap .sitemap-head .icon-close-thin:before {content: "\e90e";}
  .sitemap .sitemap-body {padding: 0;}
  .sitemap .sitemap-body .menu-list {padding-top: 20px;}
  .sitemap .sitemap-body .menu-list > li {padding: 0;border: none;}
  .sitemap .sitemap-body .sub-menu-list {display: none;flex-direction: column;gap: 0;position: absolute;width: 56vw;height: calc(100vh - 64px);top: 64px;background: #FFF;flex-direction: column;gap: 0;position: absolute;bottom: 0;right: 0;border-left: 1px solid #E5E5E5;padding: 20px 0 0;overflow: auto;}
  .sitemap .sitemap-body .sub-menu-list > li {border-bottom: 1px solid var(--gray_5, #E7E7E7);}
  .sitemap .sitemap-body .sub-menu-list.has-depth > li > ul {padding: 0 20px 0 32px;max-height: 0;opacity: 0;overflow: hidden;transition: 0.3s;}
  .sitemap .sitemap-body .sub-menu-list.has-depth > li.active > ul {padding: 8px 20px 8px 32px;max-height: 500px;opacity: 1;}
  .sitemap .sitemap-body .active .sub-menu-list {display: flex;}
  .sitemap .sitemap-body .active .depth-1 {color: var(--CI_point, #C01054);}
  .sitemap .sitemap-body .depth-1 {color: var(--gray_2, #898989);font-size: 18px;font-weight: 700;padding: 14px 20px;}
  .sitemap .sitemap-body .depth-2 {position: relative;font-size: 16px;font-weight: 600;padding: 18px 20px 18px 24px;}
  .sitemap .sitemap-body .depth-2 i {position: absolute;display: block;right: 20px;top: 50%;transform: translateY(-50%);color: var(--gray_0, #333333);font-size: 8px;}
  .sitemap .sitemap-body .sub-menu-list.has-depth > li.active i::before {content: "\e90d"}
  .sitemap .sitemap-body .depth-3 {font-size: 14px;padding: 7px 8px;margin: 0;}

  /* footer */
  #footer .footer-inner {height: 250px;padding: 32px 20px 0;}
  #footer .footer-inner .link {display: inline-block;font-size: 15px;line-height: 100%;margin-bottom: 28px;}
  #footer .footer-inner .group {flex-direction: column-reverse;border-top: 1px solid var(--gray_5, #E7E7E7);padding-top: 28px;}
  #footer .footer-inner .footer-logo {width: 140px;height: 21px;}
  #footer .footer-inner .contact {row-gap: 10px;font-size: 13px;flex-wrap: wrap;margin-top: 20px;}
  #footer .footer-inner .contact .address {min-width: 100%;}
  #footer .footer-inner .contact .tel > span {font-weight: 700;}
  #footer .footer-inner .copyright {font-size: 13px;margin-top: 11px;}

  /* sub-nav */
  .sub-nav {position: static;height: 77px;border-bottom: none;box-shadow: none;padding: 24px 0;}
  .sub-nav .inner {height: auto;justify-content: flex-end;padding: 0 10px;}
  .sub-nav .home-link {color: var(--gray_2, #898989);margin-right: 16px;}
  .sub-nav .sub-name {color: var(--gray_2, #898989);font-size: 14px;line-height: 12px;padding: 0 16px;border-left: 1px solid #CCC;}
  .sub-nav .sub-name:last-child {border-right: none;}
  .sub-nav .sub-link {width: auto;padding: 0 16px;}
  .sub-nav .sub-link > span {color: var(--gray_1, #6B6B6B);font-size: 14px;}
  .sub-nav .sub-link > i {display: none;}
  .sub-nav .sub-link-list {display: none !important;}
  .sub-nav.mo-bg-gray {background-color: var(--gray_6, #F7F7F7);}

  .scrolltop-btn {width: 56px;height: 56px;right: 20px;bottom: 24px;}
  .chat-btn {width: 56px;height: 56px;right: 20px;bottom: 24px;}

  .pagination {margin-top: 40px;}
  .pagination li a.btn {font-size: 16px;}
  .pagination li button.btn i {font-size: 16px;}

  .nodata {padding: 80px 0 0;}
  .nodata .nodata-txt {font-size: 18px;}

  img.pc {display: none;}
  img.mo {display: block;}

  .sub-container.no-visual {padding-top: 64px;}
  .visual {height: 305px;}
  .visual-bg {height: 305px;}
  .page-title {height: 305px;padding-top: 64px;}
  .page-title .tit {font-size: 32px;}
  .page-title .line {display: none;}
  .page-title .txt {display: none;}

  .sub-contents {padding: 0 20px;}

  /* board-wrap */
  .board-wrap {padding: 0 0 96px;}
  .board-wrap .board-head {padding-bottom: 18px;}
  .board-wrap .board-head .total {font-size: 14px;}
  .board-wrap .board-head .search-input {width: 222px;}
  .board-wrap .board-head .search-input input {font-size: 14px;padding: 11px 42px 11px 16px;}
  .board-wrap .board-head .search-input .search-btn {font-size: 20px;top: 10px;}
  .board-wrap .board-list {flex-direction: column;row-gap: 40px;padding: 32px 0;}
  .board-wrap .board-list .item {width: 100%;}
  .board-wrap .board-list .item .thumb-area {height: 184px;margin-bottom: 16px;}
  .board-wrap .board-list .item .thumb-area img:hover {transform: none;}
  .board-wrap .board-list .item .info-area {min-height: auto;}
  .board-wrap .board-list .item .info-area .date {font-size: 16px;margin-bottom: 6px;}
  .board-wrap .board-list .item .info-area .subject {font-size: 20px;}
  .board-wrap .board-list .item .info-area .txt {font-size: 15px;margin-top: 8px;}
  
  /* view-wrap */
  .view-wrap {padding: 0 0 73px;}
  .view-wrap .view-head {row-gap: 32px;}
  .view-wrap .view-head .back-btn {font-size: 26px;}
  .view-wrap .view-head .news-tit {flex-direction: column;align-items: flex-start;padding: 8px 8px 24px;}
  .view-wrap .view-head .news-tit .tit {font-size: 26px;}
  .view-wrap .view-head .news-tit .date {font-size: 15px;margin-top: 16px;}
  .view-wrap .view-head .employ-tit {flex-direction: column;align-items: flex-start;padding: 8px 8px 24px;}
  .view-wrap .view-head .employ-tit .tit {font-size: 24px;font-weight: 600;line-height: 32px;}
  .view-wrap .view-head .employ-tit .info-area {font-size: 16px;margin-top: 16px;}
  .view-wrap .view-head .employ-tit .info-area .line {height: 14px;}
  .view-wrap .view-head .employ-tit .status {width: 96px;height: 40px;font-size: 14px;margin-left: 0;margin-top: 24px;}
  .view-wrap .view-cont .post {font-size: 16px;line-height: 170%;padding: 24px 0;}
  .view-wrap .view-cont .post-attach {gap: 8px;}
  .view-wrap .view-cont .post-attach .item {width: 100%;padding: 12px 32px;}
  .view-wrap .view-cont .post-attach .item p {font-size: 14px;}
  .view-wrap .view-cont .post-nav li {padding: 11px 0;}
  .view-wrap .view-cont .post-nav li .label {font-size: 15px;margin-right: 24px;}
  .view-wrap .view-cont .post-nav li a {font-size: 15px;}

  /* newsletter-wrap */
  .newsletter-wrap {padding: 0 0 67px;}
  .newsletter-wrap .newsletter-head {margin-bottom: 16px;}
  .newsletter-wrap .newsletter-head .total {font-size: 14px;}
  .newsletter-wrap .newsletter-head .line-btn {font-size: 14px;padding: 12px 16px;}
  .newsletter-wrap .newsletter-list {gap: 8px;padding-bottom: 10px;}
  .newsletter-wrap .newsletter-list .item {row-gap: 16px;width: calc(50% - 4px);padding: 16px 12px 19px;}
  .newsletter-wrap .newsletter-list .item .cover-area {height: 204px;background-size: auto 130px;box-shadow: 0 6px 12px 0 #BCBCBC;padding: 70px 16px 25px;}
  .newsletter-wrap .newsletter-list .item .cover-area .logo {left: 22px;top: 26px;}
  .newsletter-wrap .newsletter-list .item .cover-area .vol {font-size: 14px;margin-left: 6px;margin-bottom: 5px;}
  .newsletter-wrap .newsletter-list .item .cover-area .num {font-size: 32px;margin-left: 6px;margin-bottom: 28px;}
  .newsletter-wrap .newsletter-list .item .cover-area .txt {display: none;}
  .newsletter-wrap .newsletter-list .item .cover-area .date {padding: 16px 6px 0;}
  .newsletter-wrap .newsletter-list .download-btn {font-size: 14px;}
  .newsletter-wrap .newsletter-list .download-btn i {font-size: 17px;}

  /* resources-wrap */
  .resources-wrap {padding: 0 0 76px;}
  .resources-wrap .resources-head {margin-bottom: 24px;}
  .resources-wrap .resources-head .company-file-item {flex-direction: column;background-image: none;padding: 32px 26px 34px;}
  .resources-wrap .resources-head .company-file-item .thumb-area {max-width: 100%;height: auto;}
  .resources-wrap .resources-head .company-file-item .info-area {display: flex;justify-content: space-between;align-items: center;padding: 0;margin-top: 26px;}
  .resources-wrap .resources-head .company-file-item .info-area .tit {font-size: 24px;}
  .resources-wrap .resources-head .company-file-item .info-area .txt {display: none;}
  .resources-wrap .resources-head .company-file-item .info-area .download-btn {width: 49px;height: 49px;padding: 0;margin: 0;}
  .resources-wrap .resources-head .company-file-item .info-area .download-btn i {font-size: 17px;margin: 0;}
  .resources-wrap .resources-head .company-file-item .info-area .download-btn span {display: none;}
  .resources-wrap .resources-list {flex-direction: column;gap: 8px;}
  .resources-wrap .resources-list .item {width: 100%;}
  .resources-wrap .resources-list .item .tit {font-size: 20px;-webkit-line-clamp: 1;line-clamp: 1;}
  .resources-wrap .resources-list .item {height: 112px;padding: 32px 32px 23px;}
  .resources-wrap .resources-list .item .download-btn {font-size: 14px;}
  .resources-wrap .resources-list .item .download-btn i {font-size: 17px;}

  /* message-wrap */
  .message-wrap {padding: 10px 0 90px;}
  .message-wrap .video-area {display: none;}
  .message-wrap .text-area {min-height: auto;padding: 0;}
  .message-wrap .text-area .tit {font-size: 18px;margin-bottom: 32px;}
  .message-wrap .text-area .greeting p {font-size: 26px;line-height: 140%;}
  .message-wrap .text-area .msg {font-size: 15px;line-height: 160%;margin: 18px 0 40px;}
  .message-wrap .text-area .ceo {font-size: 15px;}
  .message-wrap .text-area .ceo > span {min-width: 100%;}
  .message-wrap .text-area .ceo .ceo-name {font-size: 24px;line-height: 100%;margin-left: 0;}
  .message-wrap .text-area .ceo .ceo-name.first {margin-right: 19px;}
  .message-wrap .text-area .ceo .ceo-name.first .ceo-sign {width: 114px;height: auto;margin-left: -9px;}
  .message-wrap .text-area .ceo .ceo-name.last .ceo-sign {width: 71px;height: auto;margin-left: -3px;}

  /* history-wrap */
  .history-wrap .history-tabs {top: 64px;background: #FFF;margin-left: -20px;margin-right: -20px;}
  .history-wrap.up .history-tabs {top: 64px;}
  .history-wrap .history-tabs ul {justify-content: flex-start;padding: 0 20px;overflow: auto;}
  .history-wrap .history-tabs ul li {width: 100px;flex-shrink: 0;}
  .history-wrap .history-tabs ul li a {font-size: 16px;white-space: nowrap;}
  .history-wrap .history-area {display: none;}
  .history-wrap .history-area.active {display: block;}
  .history-wrap .history-area .heading .tit {display: none;}
  .history-wrap .history-area .heading .year {color: var(--gray_0, #333);font-size: 32px;margin-bottom: 30px;}
  .history-wrap .history-cont {padding: 37px 0 0;}
  .history-wrap .history-area {flex-direction: column;}
  .history-wrap .history-list .item {padding: 16px 0;}
  .history-wrap .history-list .item .date {width: 64px;font-size: 16px;line-height: 140%;}
  .history-wrap .history-list .item .desc p {font-size: 15px;line-height: 140%;margin-bottom: 8px;}
  .history-wrap .history-list .item .desc p:last-child {margin-bottom: 0;}

  /* map-wrap */
  .map-wrap .map-area {width: 100vw;height: 431px;margin-left: -20px;margin-right: -20px;}
  .map-wrap .office-area {flex-direction: column;gap: 0;transform: translateY(-72px);}
  .map-wrap .main-office {padding: 38px 38px 47px;margin-bottom: 24px;box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.20);}
  .map-wrap .main-office .tit {font-size: 24px;}
  .map-wrap .main-office .office-info {margin-top: 20px;row-gap: 23px;column-gap: 30px;}
  .map-wrap .main-office .office-info .line {display: none;}
  .map-wrap .main-office .office-info .info b {display: block;font-size: 16px;margin-bottom: 8px;margin-right: 0;}
  .map-wrap .main-office .office-info .info span {font-size: 15px;}
  .map-wrap .sub-office {width: 100%;padding: 24px 29px 30px;margin-bottom: 8px;}
  .map-wrap .sub-office .office-info {gap: 18px;padding-top: 24px;}
  .map-wrap .sub-office .office-head {padding-bottom: 18px;}
  .map-wrap .sub-office .office-head .tit {font-size: 20px;}
  .map-wrap .sub-office .office-head .kakao-link {width: 40px;height: 40px;}
  .map-wrap .sub-office .office-info .info b {font-size: 16px;}
  .map-wrap .sub-office .office-info .info p {font-size: 15px;}

  /* client-wrap */
  .client-wrap {margin-left: -20px;margin-right: -20px;}
  .client-wrap .partner-section {background-image: none;}
  .client-wrap .partner-section .inner {padding: 0 0 27px;}
  .client-wrap .partner-section .top-area {flex-direction: column;gap: 16px;padding: 0 20px;margin-bottom: 22px;}
  .client-wrap .partner-section .top-area .tit {display: block;color: var(--CI_point, #C01054);font-size: 18px;font-weight: 800;line-height: 100%;margin-bottom: 8px;}
  .client-wrap .partner-box {width: 100%;border: 1px solid var(--gray_5, #E7E7E7);}
  .client-wrap .bottom-area {padding: 0 8px;}
  .client-wrap .partner-list {padding: 16px;}
  .client-wrap .partner-list li {height: 20px;padding-right: 24px;}
  .client-wrap .client-section {padding: 43px 20px;}
  .client-wrap .client-section .tit {font-size: 18px;margin-bottom: 18px;}
  .client-wrap .client-section .txt {display: none;}
  .client-wrap .client-section .client-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;}
  .client-wrap .client-section .client-list li {height: 98px;padding: 0 22px;}
  .client-wrap .client-section .dropdown-area {padding-top: 24px;}
  .client-wrap .client-section .dropdown-area .dropdown-head {margin-bottom: 24px;}
  .client-wrap .client-section .dropdown-area .dropdown-head p {font-size: 28px;}
  .client-wrap .client-section .dropdown-area .dropdown-head .dropdown-btn {font-size: 13px;}
  .client-wrap .client-section .dropdown-area.active .client-list {padding-bottom: 24px;}

  /* employ-wrap */
  /* .employ-wrap {padding: 12px 0 30px;} */
  .employ-wrap .employ-tabs {top: 64px;margin: 0 -20px;}
  .employ-wrap.up .employ-tabs {top: 64px;}
  .employ-wrap .board-wrap {padding-top: 55px;}
  .employ-wrap .employ-tabs ul {gap: 0;background: #FFF;padding: 0 8px;}
  .employ-wrap .employ-tabs ul li a {font-size: 18px;white-space: nowrap;padding: 24px 0;}

  .employ-wrap .employ-list .item a {flex-direction: column;padding: 23px 8px;}
  .employ-wrap .employ-list .item .subject {font-size: 16px;line-height: 150%;-webkit-line-clamp: 2;line-clamp: 2;}
  .employ-wrap .employ-list .item .info-area {font-size: 14px;margin-top: 12px;}
  .employ-wrap .employ-list .item .info-area .line {height: 14px;margin: 0 8px;}
  .employ-wrap .employ-list .item .status {width: 96px;height: 40px;font-size: 14px;margin-left: 0;margin-top: 22px;}

  .employ-wrap .talent-section {row-gap: 30px;column-gap: 100px;padding: 64px 0 88px;}
  .employ-wrap .talent-section .img-txt .txt1 { order: 2; }  /* Responsible */
  .employ-wrap .talent-section .img-txt .txt2 { order: 3; }  /* Sincere */
  .employ-wrap .talent-section .img-txt .txt3 { order: 1; }  /* Always Growing */
  .employ-wrap .talent-section .left-area {width: auto;min-height: 182px;padding-top: 60px;}
  .employ-wrap .talent-section .img-area {width: 159px;height: 123px;}
  .employ-wrap .talent-section .img-area img {width: 259px;height: 223px;}
  .employ-wrap .talent-section.play .img-area {width: 259px;height: 223px;}
  .employ-wrap .talent-section .img-txt {gap: 8px;right: -70px;left: auto;top: 0;bottom: auto;font-size: 36px;}
  .employ-wrap .talent-section .talent-list .item {margin-bottom: 34px;}
  .employ-wrap .talent-section .talent-list .tit {font-size: 26px;}
  .employ-wrap .talent-section .talent-list .en-tit {font-size: 26px;margin-left: 8px;}
  .employ-wrap .talent-section .talent-list .txt {font-size: 15px;line-height: 120%;margin-top: 15px;}
  
  .employ-wrap .benefits-section {padding: 0 0 50px;}
  .employ-wrap .benefits-section .title-area {margin-bottom: 32px;}
  .employ-wrap .benefits-section .title-area .tit {font-size: 18px;margin-bottom: 0;}
  .employ-wrap .benefits-section .title-area .txt {display: none;}
  .employ-wrap .benefits-section .benefits-list {grid-template-columns: repeat(1, 1fr);width: 100%;}
  .employ-wrap .benefits-section .benefits-list .item {gap: 18px;border: none;padding: 0;}
  .employ-wrap .benefits-section .benefits-list .item .img-area {width: 72px;height: 72px;}
  .employ-wrap .benefits-section .benefits-list .item .tit {font-size: 20px;}
  .employ-wrap .benefits-section .benefits-list .item .txt {font-size: 15px;line-height: 140%}
  .employ-wrap .benefits-section.play .benefits-list .item {padding: 0 0 24px;}

  .employ-wrap .process-section {padding: 0 0 66px;}
  .employ-wrap .process-section .title-area {margin-bottom: 27px;}
  .employ-wrap .process-section .title-area .tit {font-size: 18px;margin: 0;}
  .employ-wrap .process-section .title-area .txt {display: none;}
  .employ-wrap .process-section .process-list {flex-direction: column;margin: 0;}
  .employ-wrap .process-section .process-list .item {width: 100%;height: 64px;flex-direction: row;border: 3px solid var(--navy_txt, #333F54);;}
  .employ-wrap .process-section .process-list .item .tit {font-size: 16px;}
  .employ-wrap .process-section.play .process-list {gap: 30px;}
  .employ-wrap .process-section .process-list .item::before {left: calc(50% - 1px);top: 100%;width: 2px;height: 30px;}
  .employ-wrap .process-section .process-list .item::after {right: calc(50% - 8px);top: calc(100% + 27px);width: 16px;height: 16px;}
  .employ-wrap .process-section .more-link {column-gap: 12px;top: auto;bottom: 11px;right: 0;}
  .employ-wrap .process-section .more-link i {font-size: 14px;color: var(--CI_point, #C01054);}
  .employ-wrap .process-section .more-link span {font-size: 16px;color: var(--CI_point, #C01054);}

  /* ai-wrap */
  .ai-wrap .primary-section {padding-top: 60px;}
  .ai-wrap .primary-section .img-area {display: none;}
  .ai-wrap .primary-section .text-area {padding-top: 0;padding-bottom: 24px;}
  .ai-wrap .primary-section .text-area .tit {font-size: 24px;text-align: center;}
  .ai-wrap .primary-section .primary-list {padding: 0 8px;}
  .ai-wrap .primary-section .primary-list .item {gap: 24px;padding: 24px 0;}
  .ai-wrap .primary-section .primary-list .item .order {font-size: 48px;}
  .ai-wrap .primary-section .primary-list .item .tit {font-size: 18px;}
  .ai-wrap .primary-section .primary-list .item .txt {font-size: 16px;margin-top: 11px;}

  .ai-wrap .use-section {padding-top: 72px;padding-bottom: 0;}
  .ai-wrap .use-section .text-area .tit {font-size: 26px;}
  .ai-wrap .use-section .use-list {flex-direction: column;}
  .ai-wrap .use-section .use-list .item .img-area {width: 100%;height: 160px;margin-bottom: 24px;}
  .ai-wrap .use-section .use-list .item .tit {font-size: 22px;}
  .ai-wrap .use-section .use-list .item .txt {font-size: 16px;line-height: 160%;}

  /* digital-wrap */
  .digital-wrap .art-section .text-area {margin-bottom: 32px;}
  .digital-wrap .art-section .text-area .tit {font-size: 26px;}
  .digital-wrap .art-section .art-list {display: grid;grid-auto-rows: 1fr;grid-template-rows: repeat(3, 1fr);grid-auto-flow: column;grid-auto-columns: 100%;row-gap: 8px;
    overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;grid-template-columns: none;}
  .digital-wrap .art-section .art-list .item {height: 224px;padding: 24px 32px;border-radius: 8px;border: 1px solid var(--gray_4, #CCC);background: var(--white, #FFF);box-shadow: none;
    scroll-snap-align: start;}
  .digital-wrap .art-section .art-list .item .group {height: 56px;}
  .digital-wrap .art-section .art-list .item .group img {transform: scale(0.8);}
  .digital-wrap .art-section .art-list .item .group .art-logo {transform-origin: left center;}
  .digital-wrap .art-section .art-list .item .group .mark {transform-origin: right center;}
  .digital-wrap .art-section .art-list .item .txt {height: 56px;font-size: 15px;padding: 0;margin: 6px 0;}
  .digital-wrap .art-section .art-list .item .bottom {padding-top: 16px;}
  .digital-wrap .art-section .art-list .item .label {padding: 12px 12px 11px 12px;font-size: 14px;}
  .digital-wrap .art-section .art-list-area .mo-control {display: flex;}

  .digital-wrap .groupware-section .text-area .tit {font-size: 26px;}
  .digital-wrap .groupware-section .img-area {padding: 12px 0;}
  .digital-wrap .groupware-section .img-area img {transform: scale(0.72);}
  .digital-wrap .groupware-section .teams-area {align-items: flex-start;border-top: 1px solid var(--gray_1, #6B6B6B);padding: 8px 0;}
  .digital-wrap .groupware-section .teams-area .right .tit {min-width: 100%;font-size: 20px;}
  .digital-wrap .groupware-section .teams-area .right .txt {width: auto;color: var(--gray_0, #333);font-size: 15px;}
  .digital-wrap .groupware-section .teams-area .right .group {gap: 0;}
  .digital-wrap .groupware-section .teams-area .right .group:first-child {border: none;}
  .digital-wrap .groupware-section .teams-area .right .group .item {flex: auto;align-items: center;gap: 12px;border-bottom: 1px solid #E7E7E7;padding: 24px 0;}
  .digital-wrap .groupware-section .teams-area .right .group:last-child .item:last-child {border-bottom: none;}
  .digital-wrap .groupware-section .eum-area {padding: 4px 16px;}
  .digital-wrap .groupware-section .eum-area .group {gap: 8px;padding: 20px 0;}
  .digital-wrap .groupware-section .eum-area .group:first-child {border-bottom: 1px solid #E7E7E7;}
  .digital-wrap .groupware-section .eum-area .tit {font-size: 20px;}
  .digital-wrap .groupware-section .eum-area .txt {color: var(--gray_0, #333);font-size: 15px;line-height: 160%;}

  .digital-wrap .support-tabs {top: 64px;margin: 0 -20px;}
  .digital-wrap.up .support-tabs {top: 64px;}
  .digital-wrap .support-tabs ul {gap: 0;background: #FFF;padding: 0 8px;}
  .digital-wrap .support-tabs ul li a {font-size: 18px;white-space: nowrap;padding: 24px 0;}
  
  .digital-wrap .beneficiary-section {padding: 56px 20px;margin: 0 -20px;}
  .digital-wrap .beneficiary-section .text-area {margin-bottom: 32px;}
  .digital-wrap .beneficiary-section .text-area h2.tit {font-size: 14px;}
  .digital-wrap .beneficiary-section .text-area h3.tit {font-size: 26px;margin-top: 10px;}
  .digital-wrap .beneficiary-section .beneficiary-list {grid-template-columns: repeat(2, 1fr) !important;gap: 16px;}
  .digital-wrap .beneficiary-section .beneficiary-list .item {height: 100px;}
  .digital-wrap .beneficiary-section .beneficiary-list .item img {transform: scale(0.9);}

  .digital-wrap .scope-section {padding: 56px 20px;margin: 0 -20px;}
  .digital-wrap .scope-section .text-area {margin-bottom: 32px;}
  .digital-wrap .scope-section .text-area h2.tit {font-size: 14px;}
  .digital-wrap .scope-section .text-area h3.tit {font-size: 26px;margin-top: 10px;}
  .digital-wrap .scope-section .scope-area {margin-top: 16px;}
  .digital-wrap .scope-section .scope-area .scope-head {padding: 11px 0;}
  .digital-wrap .scope-section .scope-area .scope-head p {font-size: 18px;}
  .digital-wrap .scope-section .scope-area .scope-list {flex-direction: column;gap: 24px;padding: 30px 15px 35px;}
  .digital-wrap .scope-section .scope-area .scope-list .item {display: flex;align-items: center;gap: 16px;}
  .digital-wrap .scope-section .scope-area .scope-list .item .icon-area {flex-shrink: 0;width: 72px;height: 72px;margin: 0;}
  .digital-wrap .scope-section .scope-area .scope-list .item .icon-area img {transform: scale(0.7);}
  .digital-wrap .scope-section .scope-area .scope-list .item .tit {text-align: left;font-size: 18px;}
  .digital-wrap .scope-section .scope-area .scope-list .item .txt {color: var(--gray_0, #333);font-size: 15px;word-break: keep-all;text-align: left;}

  /* info-section */
  .info-section {padding-top: 17px;margin: 0 -20px;}
  .info-section .text-area {padding: 0 20px;margin-bottom: 48px;}
  .info-section .text-area .tit {font-size: 24px;line-height: 140%;}
  .info-section .info-list {justify-content: flex-start;gap: 24px;padding: 40px 20px;overflow: auto;}
  .info-section .info-list .item {flex-shrink: 0;width: 280px;height: 264px;padding: 30px;}
  .info-section .info-list .item .point {font-size: 16px;margin-bottom: 23px;}
  .info-section .info-list .item .tit {font-size: 22px;}
  .info-section .info-list .item .txt {font-size: 16px;}

  .info-section.type-2 .info-list-area .mark {transform: translate(-50%, 5%) scale(0.85);}
  .info-section.type-2 .info-list {gap: 24px;padding: 80px 20px 47px;}
  .info-section.play .info-list-area .mark {transform: translate(-50%, 0%) scale(0.85);}

  .info-section.type-3 {padding-top: 52px;}
  .info-section.type-3 .text-area {margin-bottom: 40px;}
  .info-section.type-3 .text-area .tit b {display: block;font-size: 40px;}
  .info-section.type-3 .text-area .tit span {font-size: 13px;}
  .info-section.type-3 .text-area .tit span::before,
  .info-section.type-3 .text-area .tit span::after {content: none;}
  .info-section.type-3 .text-area .txt {font-size: 18px;font-weight: 600;word-break: keep-all;margin-top: 16px;}
  #M365 .info-section.type-3 .text-area .txt {margin-top: 25px;}
  .info-section.type-3 .text-area .txt b {font-weight: 600;}
  .info-section.type-3 .info-list-area {padding: 0 20px;}
  .info-section.type-3 .info-list-area .info-bg {display: none;}
  .info-section.type-3 .info-list {flex-direction: column;gap: 0;border-top: 2px solid var(--CI_point, #C01054);padding: 0;opacity: 1;}
  .info-section.type-3 .info-list .item {flex-direction: row;align-items: center;width: 100%;height: auto;border-bottom: 1px solid var(--gray_4, #CCC);border-radius: 0;padding: 0;}
  .info-section.type-3 .info-list .item .tit {flex-shrink: 0;text-align: center;font-size: 15px;font-weight: 600;background: var(--gray_6, #F7F7F7);width: 93px;padding: 16px 8px;}
  .info-section.type-3 .info-list .item .tit b {font-weight: 600;}
  .info-section.type-3 .info-list .item .txt {font-size: 15px;padding: 0 8px;margin: 0;}
  .info-section.type-3 .info-list .item .info-icon {display: none;}

  /* feat-section */
  .feat-section {margin: 0 -20px;padding-top: 32px;padding-bottom: 32px;}
  .feat-section .text-area {margin-bottom: 32px;}
  .feat-section .text-area .tit {font-size: 26px;}
  .feat-section .feat-list-area {overflow: hidden;}
  .feat-section .feat-list {justify-content: flex-start;padding: 0 20px;overflow: auto;}
  .feat-section .feat-list .item {flex-shrink: 0;width: 296px;height: 296px;padding-top: 32px;}
  .feat-section .feat-list .item .feat-icon {width: 88px;height: 88px;margin-bottom: 20px;}
  .feat-section .feat-list .item .point {font-size: 14px;margin-bottom: 20px;}
  .feat-section .feat-list .item .tit {font-size: 22px;}
  .feat-section .feat-list .item .txt {font-size: 16px;line-height: 140%;margin-top: 12px;}

  /* link-section */
  .link-section {padding: 72px 0 70px;}
  .link-section .other-link {padding: 30px 40px;}
  .link-section .other-link span {font-size: 16px;}
  .link-section .other-link i {font-size: 14px;}
  .link-section .other-link i.icon-download2 {font-size: 18px;}
  .link-section .other-link i.pc {display: none;}
  .link-section .other-link i.mo {display: block;}

  /* case-section */
  .case-section {padding: 54px 0 48px;margin: 0 -20px;}
  .case-section .text-area {margin-bottom: 32px;}
  .case-section .text-area .tit {font-size: 26px;}
  .case-section .case-list {justify-content: flex-start;overflow: auto;padding: 0 20px;}
  .case-section .case-list .item {flex-shrink: 0;width: 296px;height: 280px;padding: 26px 30px;}
  .case-section .case-list .item .top {padding-bottom: 23px;}
  .case-section .case-list .item .tit {height: 90px;font-size: 18px;line-height: 140%;}
  .case-section .case-list .item .tit::before, 
  .case-section .case-list .item .tit::after {width: 22px;height: 18px;}
  .case-section .case-list .item .company {font-size: 20px;margin-top: 23px;}
  .case-section .case-list .item .txt {font-size: 16px;margin-top: 10px;}

  /* solution-section */
  .network-wrap .solution-section {padding: 40px 0 72px;}
  .network-wrap .solution-section .text-area {margin-bottom: 32px;}
  .network-wrap .solution-section .text-area .tit {font-size: 26px;}
  .network-wrap .solution-section .solution-list {flex-direction: column;gap: 8px;}
  .network-wrap .solution-section .solution-list .item .img-area {width: 178px;height: 178px;margin-bottom: 24px;}
  .network-wrap .solution-section .solution-list .item .txt {font-size: 16px;margin-top: 15px;}
  .network-wrap .solution-section .solution-list.row-3 {grid-template-columns: repeat(1, 1fr);}
  .network-wrap .solution-section .solution-list.row-3 .item {min-height: auto;padding: 40px 32px;}
  .network-wrap .solution-section .solution-list.row-4 {grid-template-columns: repeat(1, 1fr);}
  .network-wrap .solution-section .solution-list.row-3 .item {min-height: auto;padding: 40px 32px;}


  /* banner-section */
  .banner-section {padding: 0 0 75px;}
  .banner-section .banner-area {flex-direction: column;gap: 25px;padding: 35px 28px;}
  .banner-section .banner-area .txt {font-size: 14px;line-height: 160%;word-break: keep-all;}
  .banner-section .banner-area .right {gap: 30px;}
  .banner-section .banner-area .right img {width: 64px;height: auto;}
  .banner-section .banner-area .right .info {display: block;font-size: 14px;margin-bottom: 8px;}
  .banner-section .banner-area .right .mail-link {display: block;font-size: 14px;}
  .banner-section .banner-area .right .mail-link::before {content: none;}


  .system-section .text-area {margin-bottom: 32px;}
  .system-section .text-area .tit {font-size: 26px;}
  .system-section .system-list {flex-direction: column;justify-content: flex-start;gap: 8px;}
  .system-section .system-list .item,
  .system-section .system-list .item.focus {position: relative;width: 100%;height: 195px;}
  .system-section .system-list .item .system-head,
  .system-section .system-list .item.focus .system-head {position: absolute;left: 0;top: 0;width: 36px;height: 100%;writing-mode: sideways-lr;font-size: 16px;font-weight: 600;padding: 10px;}
  .system-section .system-list .item .group {padding: 20px 8px 8px 44px;}
  .system-section .system-list .item .group .tit {font-size: 18px;font-weight: 500;}
  .system-section .system-list .item.focus .group .tit {font-size: 18px;font-weight: 700;}
  .system-section .system-list .item .group .img-area {width: 100%;height: 134px;border-radius: 0;margin-top: 14px;}

  .security-wrap .solution-section {margin: 0 -20px;}
  .security-wrap .solution-section .title-area .order {font-size: 16px;}
  .security-wrap .solution-section .title-area .name {font-size: 36px;}
  .security-wrap .solution-section .title-area .name-info {font-size: 15px;margin-top: 6px;}
  .security-wrap .solution-section .title-area .tit {font-size: 20px;margin-top: 24px;}
  .security-wrap .kdds-group .feature-list {gap: 24px;justify-content: flex-start;overflow: auto;padding: 34px 20px 0;}
  .security-wrap .kdds-group .feature-list li {flex: 0 0 280px;height: 272px;}
  .security-wrap .kdds-group .feature-list li .img-area {height: 160px;margin-bottom: 32px;}
  .security-wrap .kdds-group .feature-list li .tit {font-size: 20px;}
  .security-wrap .kdds-group .feature-list li .txt {font-size: 16px;margin-top: 12px;}
  .security-wrap .kdds-group .sub-tit {background: none;padding: 0;margin-top: 56px;}
  .security-wrap .kdds-group .effect-list {gap: 24px;justify-content: flex-start;overflow: auto;padding: 32px 20px 0;}
  .security-wrap .kdds-group .effect-list li {flex: 0 0 280px;height: 192px;}
  .security-wrap .kdds-group .effect-list li .tit {font-size: 20px;}
  .security-wrap .kdds-group .effect-list li .txt {font-size: 16px;margin-top: 13px;}
  .security-wrap .solution-section .eagleeye-group {padding-top: 80px;}
  .security-wrap .eagleeye-group .sub-tit {margin-top: 9px;}
  .security-wrap .eagleeye-group .apply-list {gap: 24px;justify-content: flex-start;overflow: auto;padding: 32px 20px 0;}
  .security-wrap .eagleeye-group .apply-list li {flex: 0 0 280px;height: 280px;}
  .security-wrap .eagleeye-group .apply-list li .img-area {height: 144px;margin-bottom: 24px;}
  .security-wrap .eagleeye-group .function-area .img-area {width: 100%;}
  .security-wrap .eagleeye-group .function-area {flex-direction: column;gap: 0;}
  .security-wrap .eagleeye-group .function-area .img-area img {width: 100%;}
  .security-wrap .eagleeye-group .function-area .right {background: var(--white, #FFF);padding: 42px 30px 22px;margin: -46px 20px 0;}
  .security-wrap .eagleeye-group .function-area .text-area {padding: 0 0 25px;}
  .security-wrap .eagleeye-group .function-area .text-area .tit {font-size: 24px;}
  .security-wrap .eagleeye-group .function-area .function-list {border-bottom: 0;}
  .security-wrap .eagleeye-group .function-area .function-list .item {padding: 24px 0;border-color: #E7E7E7;}
  .security-wrap .eagleeye-group .function-area .function-list .item .order {display: none;}
  .security-wrap .eagleeye-group .function-area .function-list .item .tit {font-size: 20px;line-height: 140%;}
  .security-wrap .eagleeye-group .function-area .function-list .item .txt {color: var(--gray_1, #6B6B6B);font-size: 15px;margin-top: 7px;}
  .security-wrap .eagleeye-group .alerts-list {margin-top: 26px;}


  .security-wrap .product-section {padding: 56px 20px 50px;margin: 0 -20px;}
  .security-wrap .product-section .group {flex-direction: column;gap: 10px;margin-bottom: 72px;}
  .security-wrap .product-section .title-area {text-align: center;}
  .security-wrap .product-section .title-area .order {font-size: 16px;}
  .security-wrap .product-section .title-area .name {font-size: 36px;}
  .security-wrap .product-section .title-area .tit {font-size: 20px;margin-top: 16px;}
  .security-wrap .product-section .product-box {width: 100%;height: auto;}
  .security-wrap .product-section .product-box .product {padding: 32px;}
  .security-wrap .product-section .left .desc-list {margin-top: 32px;border-top: 1px solid var(--gray_2, #898989);padding: 8px 0;}
  .security-wrap .product-section .left .desc-list li {font-size: 16px;padding: 12px 0;}
  .security-wrap .product-section .product-box .product .name {font-size: 24px;margin-bottom: 30px;}
  .security-wrap .product-section .product-box .product img {position: static;}
  .security-wrap .product-section .product-box .product .desc-list li {font-size: 15px;margin-top: 12px;}
  .security-wrap .product-section .right .product-control {margin-top: 24px;}
  .security-wrap .product-section .right .product-control .current,
    .security-wrap .product-section .right .product-control .total {font-size: 14px;}

  /* privacy */
  .privacy-wrap {padding: 50px 0;}
  .privacy-wrap .close-btn {display: block;}
  .privacy-wrap h2 {font-size: 30px;padding: 0 0 44px;}
  .privacy-wrap .desc {font-size: 14px;}
  .privacy-wrap .content h3 {font-size: 20px;margin: 30px 0 15px;}
  .privacy-wrap .content ol li {font-size: 14px;}

  /* newsletter Modal */
  #newsletterForm .group {margin-top: 30px;}
  #newsletterForm .group input {font-size: 15px;}
  #newsletterForm .terms.optional .terms-content {display: none;}
  #newsletterForm .terms {margin-top: 26px;}
  #newsletterForm .terms-content {font-size: 14px;padding: 15px;}
  #newsletterForm .terms.required .terms-content {height: 155px;}
  #newsletterForm .submit-btn {font-size: 16px;padding: 16px 8px;margin-top: 30px;}
}