@charset "UTF-8";

@import "reset.css";
@import "layout.css";
@import "font.css";

@import "component/badge.css";
@import "component/button.css";
@import "component/bullet.css";
@import "component/checkbox.css";
@import "component/colors.css";
@import "component/form-group.css";
@import "component/input.css";
@import "component/package.css";
@import "component/radio.css";
@import "component/select.css";
@import "component/table.css";
@import "component/textarea.css";
@import "component/typography.css";



/*——————————————————————————————————————————————————————————————
>>> 커스텀 CSS
———————————————————————————————————————————————————————————————*/

/*================================
기본셋팅 & 공통
================================*/
body,
body > section {overflow-x: hidden;}
.container {position: relative; width: 100%; max-width: 1280px; margin: 0 auto !important; padding-right: 64px; padding-left: 64px;}
.page-content {min-height: calc(100vh - 380px);}
.page-title {display: none;}
.hand {cursor: pointer;}
.black-type {background: #202020;}
.white-type {background: #ffffff;}
.scroll-prevent {overflow: hidden;}
@media (max-width: 1024px) {
    .container {padding-right: 32px; padding-left: 32px;}
}
@media (max-width: 767px) {
    .container {padding-right: 24px; padding-left: 24px;}
    .page-content {margin-top: 0;}
    .page-content h2.page-title {font-size: 24px; padding-left: 16px; padding-bottom: 16px;}
}


/*================================
Header
================================*/
header {background: #fff;}
header .notice-bar {background: #7055FF; color: #fff; text-align: center; height: 60px; display: flex; align-items: center; justify-content: center;}
header .notice-bar .tag {background: #FFF27C; font-size: 14px; font-weight: 600; color: #202020; border-radius: 3rem; padding: 6px 12px; margin-right: 8px; line-height: 1;}
header .header-wrap {height: 82px; padding: 24px 0;}
header .header-wrap > .inner {display: flex; align-items: center; height: auto; max-width: 1200px; margin: 0 auto; padding: 0 15px;}
header .header-logo {margin-right: 40px;}
header .header-logo img {width: 127px; height: auto; display: block;}
.gnb-wrap > ul {display: flex;}
header .gnb-wrap > ul > li > a {padding: 32px 24px; color: #202020; font-size: 16px; font-weight: 500;}
header .sub-menu {display: none;}
header .header-link-wrap {margin-left: auto; display: flex; align-items: center;}
/*header .header-link-wrap:after {content: ""; display: inline-block; width: 1px; height: 12px; margin-right: 16px; margin-left: 16px; background: #202020;} 한영 kr en 번역 */
header .header-link-wrap a {margin-left: 8px;}
/*header .global-menu button {background: #EEEEEE; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}*/
/*header .global-menu button img {width: 16px;}*/
header .global-menu {position: relative;}
header .global-menu button {background: #EEEEEE; width: auto; height: 34px; border-radius: 3rem; display: flex; align-items: center; justify-content: center; padding: 0 12px; font-size: 14px; font-weight: 500;}
header .global-menu button img {width: 6px; margin-left: 6px;}
header .global-menu ul {display: none; position: absolute; top: 40px; left: 0; background: #fff; border-radius: 12px; width: 54px; z-index: 10; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.2);}
header .global-menu ul li {display: block; border-bottom: 1px solid #ececec;}
header .global-menu ul li:last-child {border-bottom: 0;}
header .global-menu ul li.active a {color: #7055FF; font-weight: 600;}
header .global-menu ul li:hover a {color: #202020; font-weight: 600;}
header .global-menu ul li a {display: block; padding: 6px 0; font-size: 14px; color: #aaa;}
header .global-menu ul.active {display: block;}
/*html:lang(en-US) header .gnb-wrap ul li a {font-size: 18px;}*/
/*html:lang(en-US) header .gnb-wrap > ul > li {padding: 0 8px;}*/
/*html:lang(en-US) header .gnb-wrap > ul > li > a {padding: 24px 8px;}*/
/* 메뉴호버,클릭 */
.gnb-wrap > ul > li.menu-item:hover > a {color: #7055FF;}
.gnb-wrap > ul > li.menu-item:hover .sub-menu,
.gnb-wrap > ul > li.menu-item.active .sub-menu {display: block;  transition: 0.5s all;}
.sub-menu {padding: 48px 0; position: absolute; top: 142px; left: 0; background: #ffffff; z-index: 99; transition: 0.5s all; width: 100%; border-top: 1px solid #ececec;}
.sub-menu .inner {max-width: 1200px; margin: 0 auto; padding: 0 30px; display: flex;}
.sub-menu .menu-cont {width: 30%;}
.sub-menu .menu-cont > .title {font-size: 22px; font-weight: 700; color: #202020; padding-bottom: 8px;}
.sub-menu .sub-cont {width: 70%;}
.sub-cont ul {display: flex; flex-wrap: wrap;}
.sub-cont ul li {width: 50%; padding: 16px 0 16px 80px;}
.sub-cont ul li a {display: flex; align-items: start;}
.sub-cont ul li .icon {margin-right: 12px; width: 20px;}
.sub-cont ul li .icon i {font-size: 20px; color: #202020; margin-top: 4px;}
.sub-cont ul li .icon img {width: 22px; max-width: 22px;}
.sub-cont ul li .title {color: #202020; font-weight: 700;}
.sub-cont ul li .desc {font-size: 14px;}
.sub-cont ul li:hover .title {color: #7055FF !important;}
/* 페이지 이동시 */
li.menu-item.focus > a {color: #7055FF;}
li.menu-item.focus .sub-menu {top: 80px;}
/* 모바일메뉴 */
#mobileMenu {display: none;}
/* 헤더 고정 */
header.fixed .header-wrap {width: 100%; position: fixed; top: 0; background-color: #fff; z-index: 10; box-shadow: 0 4px 20px rgba(0,0,0,0.1);}
header.fixed .header-wrap .sub-menu {top: 82px;}
@media (max-width: 1280px) {

}

@media (max-width: 1024px) {
    header .gnb-wrap {display: none;}
    /* 모바일 */
    #mobileMenu {position: relative; display: flex; margin-left: 16px;}
    .hamburger {display: block; cursor: pointer; width: 18px; height: 22px; position: relative; z-index: 1000;}
    .hamburger span {background: #202020; display: block; height: 2px; margin: 4px 0; transition: all 0.3s ease;}
    #menuToggle {display: none;}
    #menuToggle:checked ~ .mobile-menu-wrap {right: 0;}
    #menuToggle:checked + .hamburger span {background: #fff;}
    #menuToggle:checked + .hamburger span:nth-child(1) {transform: translateY(6px) rotate(45deg);}
    #menuToggle:checked + .hamburger span:nth-child(2) {opacity: 0;}
    #menuToggle:checked + .hamburger span:nth-child(3) {transform: translateY(-6px) rotate(-45deg);}
    .mobile-menu-wrap {position: fixed; width: 100%; height: 100vh; top: 0; right: -100%; background: #202020; list-style-type: none; box-shadow: 0 2px 10px rgba(0,0,0,0.1); transition: right 0.3s ease; z-index: 999;}
    .mobile-menu-wrap h1.header-logo {height: 82px; display: flex; align-items: center; padding-left: 24px;}
    .mobile-menu-wrap ul {padding: 0; margin: 0;}
    .mobile-menu-wrap ul li a {text-decoration: none; color: #fff; font-size: 32px; font-weight: 700;}
    .mobile-header {position: absolute; width: 100%; top: 0; left: 0; background: #202020; z-index: 999;}
    .m-gnb-wrap {padding-top: 142px; padding-left: 24px; padding-right: 24px; overflow-y: auto; max-height: 100vh;}
    .m-gnb-wrap > ul {min-height: calc(100vh - 350px);}
    .m-gnb-wrap li {display: flex; flex-wrap: wrap; padding: 8px 0;}
    .m-gnb-wrap li.active > a {color: #FFF27C;}
    .m-gnb-wrap .menu-item.menu-item-has-children > a {position: relative;}
    .m-gnb-wrap .menu-item.menu-item-has-children > a:after {content: ""; display: inline-block; width: 24px; height: 24px; background: url(../images/ico/ico-dropdown-w.png) no-repeat center; background-size: 24px; position: absolute; right: -32px; top: 14px;}
    .menu-footer {padding-bottom: 24px;}
    .menu-footer .m-global-menu {margin-top: 32px;}
    .menu-footer .m-global-menu ul {display: flex; align-items: center;}
    .menu-footer .m-global-menu li {font-size: 18px;}
    .menu-footer .m-global-menu li a {font-size: 24px; color: #555; font-weight: 400;}
    .menu-footer .m-global-menu li.active a {color: #fff; font-weight: 600;}
    .menu-footer .m-global-menu li.bar {color: #E0E0E0; margin: 0 8px;}
    .menu-footer .button-wrap {display: flex; margin-top: 32px; margin-left: -4px; margin-right: -4px;}
    .menu-footer .button-wrap > div {width: 50%; padding: 0 4px;}
    .menu-footer .button-wrap a {display: flex; height: 56px; font-size: 16px;}
    /* 메뉴 클릭 */
    .menu-item.active .sub-menu {display: block;}
    .menu-item .sub-menu {position: relative; top: 0; background: transparent; border: 0; margin-top: 8px;}
    .menu-item .sub-menu li {padding: 4px 0;}
    .menu-item .sub-menu li a {font-size: 18px; padding-left: 0; color: #ececec; font-weight: 400;}
}

@media (max-width: 767px) {
    header .inner {margin-top: 0; height: 48px;}
    header .gnb-wrap,
    header .global-menu,
    header .header-link-wrap {display: none;}
    /* 공지사항 */
    header .notice-bar {height: 35px; font-size: 12px;}
    header .notice-bar .tag {font-size: 10px; padding: 4px 8px 5px 8px;}
    /* 모바일 헤더 */
    header .header-wrap {height: 48px; padding: 0; display: flex;}
    header .header-wrap > .inner {width: 100%; justify-content: space-between; padding: 0 24px;}
    header .header-logo img {width: 94px;}
    /* 모바일 */
    #mobileMenu {margin-left: 0;}
    .mobile-menu-wrap h1.header-logo {height: 48px;}
    .mobile-menu-wrap ul li a {font-size: 20px;}
    .m-gnb-wrap {padding-top: 100px;}
    .m-gnb-wrap > ul {min-height: calc(100vh - 288px);}
    .m-gnb-wrap .menu-item.menu-item-has-children > a:after {width: 16px; height: 16px; background-size: 16px; right: -24px; top: 8px;}
    .menu-footer .button-wrap a {height: 48px; font-size: 14px;}
    .menu-footer .m-global-menu li a {font-size: 18px;}
}


/*================================
Footer
================================*/
footer {background: transparent; padding: 64px 0; font-size: 15px;}
footer .title {font-size: 18px; font-weight: 700; padding-bottom: 4px;}
footer a:hover {text-decoration: underline; opacity: 0.8;}
.footer-logo img {width: 270px;}
.footer-cont {margin-top: 32px; display: flex; justify-content: space-between;}
.fnb-wrap {display: flex; flex-wrap: wrap; width: 75%;}
.fnb-wrap .item + .item {padding-left: 90px;}
.fnb-wrap ul li {display: block; padding: 2px 0;}
.newsletter {padding-left: 120px;}
.newsletter input,
.newsletter button {border-radius: 0;}
.footer-bottom {margin-top: 48px; display: flex; justify-content: space-between;}
.footer-bottom .copyright {font-weight: 700; padding-bottom: 12px;}
.footer-bottom .footer-link a {color: #aaa; text-decoration: underline; padding-right: 12px; margin-right: 12px; position: relative;}
.footer-bottom .footer-link a:after {content: ""; display: inline-block; width: 2px; height: 2px; border-radius: 50%; background: #DCDCDC; position: absolute; top: 8px; margin-left: 12px;}
.footer-bottom .footer-link a:last-child:after {content: ""; display: none;}
.footer-bottom .add-item {display: flex; align-items: center; padding-bottom: 8px;}
.footer-bottom .add-item .label {font-weight: 600; width: 110px; margin-left: 6px;}
/* 백그라운드 컬러 타이별 상이한 스타일 */
.black-type footer {color: #dcdcdc;}
.black-type footer .title,
.black-type .footer-bottom .copyright {color: #fff;}
.black-type footer .logo-b {display: none;}
.white-type footer {color: #555;}
.white-type footer .title,
.white-type .footer-bottom .copyright,
.white-type .footer-bottom .add-item .label {color: #202020;}
.white-type footer .logo-w {display: none;}
/* 번역 푸터 영역 */
.otgs-development-site-front-end,
.wpml-ls-statics-footer.wpml-ls-legacy-list-horizontal {display: none;}
@media (max-width: 1240px) {
    .fnb-wrap .item + .item {padding-left: 60px;}
}
@media (max-width: 1024px) {
    .fnb-wrap {width: 100%;}
    .footer-cont {flex-wrap: wrap;}
    .newsletter {padding-left: 0; margin-top: 40px;}
    .footer-bottom {flex-wrap: wrap; justify-content: center; padding-top: 32px; margin-top: 32px; border-top: 1px solid #555;}
    .footer-bottom .left {width: 100%; order: 2; text-align: center; padding-top: 32px;}
    .footer-bottom .copyright {color: #aaa !important; font-weight: 400;}
    .footer-bottom .footer-link a {font-size: 14px; padding-right: 8px; margin-right: 8px;}
    .footer-bottom .footer-link a:after {margin-left: 8px;}
    .footer-bottom .add-item {flex-wrap: nowrap; opacity: 0.7;}
    .footer-bottom .add-item .add {width: 100%;}
}
@media (max-width: 767px) {
    footer {font-size: 13px; padding: 32px 0;}
    footer .footer-logo img {width: 94px;}
    footer .title {font-size: 14px;}
    .footer-cont {margin-top: 16px;}
    .fnb-wrap .item {width: 50%; margin-bottom: 16px;}
    .fnb-wrap .item + .item {padding-left: 0;}
    .newsletter {font-size: 12px;}
    .footer-bottom {padding-top: 24px; margin-top: 24px;}
    .footer-bottom .footer-link a {font-size: 12px;}
    .footer-bottom .add-item {flex-wrap: wrap;}
}


/*================================
Main
================================*/
/* main 인트로 */
.home .main-intro-wrap {padding-bottom: 100px; max-width: 1920px; margin: auto;}
.home .main-intro-wrap > div {position: relative; padding-top: 64px;}
.home .main-intro-obj {position: absolute; right: 25%; top: 22%;}
.home .copy-01 {}
.home .copy-02 {padding-top: 70px;}
.home .copy-03 {margin-top: -80px;}
.home .copy-04 {margin-top: -80px;}
.home .left-copy {position: absolute; left: 0; top: 364px;}
.home .right-copy {position: absolute; right: 0; top: 64px;}
.home .right-copy .main-intro-obj-oval {margin-right: 12px;}
.home .right-copy span {writing-mode: vertical-rl;}
/* main section 공통 */
.main-section {padding-bottom: 120px;}
/* main section-01 */
.main-section-01 .text {padding-bottom: 56px;}
/* main section-02 */
.main-section-02 {position: relative;}
.main-section-02 > div {position: relative;}
.main-section-02 .box-wrap {position: absolute; top: 0; height: 100%;}
.main-section-02 .box-01 {position: absolute; top: 90px; left: -80px;}
.main-section-02 .box-02 {position: absolute; right: -130px; top: -40px;}
.main-section-02 .box-03 {position: absolute; bottom: 100px;}
.main-section-02 .box-04 {position: absolute; right: -80px; bottom: 200px;}
.main-section-02 .elementor-icon {display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 12px; background: #fff;}
/* main section-03 : 기대효과 */
.effect-cont-wrap {position: relative; width: 100%; overflow: hidden; white-space: nowrap;}
.effect-cont-wrap::before, .effect-cont-wrap::after {content: ''; position: absolute; top: 0; width: 80px; height: 100%; z-index: 1;}
.effect-cont-wrap::before {left: 0; background: linear-gradient(to right, rgba(32, 32, 32, 1), rgba(32, 32, 32, 0));}
.effect-cont-wrap::after {right: 0; background: linear-gradient(to left, rgba(32, 32, 32, 1), rgba(32, 32, 32, 0));}
.main-section-03 .effect-wrap {width: 100%; overflow: hidden;}
.main-section-03 .effect-wrap ul li {padding: 8px 32px 8px 12px; border-radius: 3rem; background: #fff; margin-right: 8px; cursor: pointer; font-size: 18px; font-weight: 600; color: #202020;}
.main-section-03 .effect-wrap ul li:hover {background: #FFF27C;}
.main-section-03 .effect-wrap ul li i {background: #f6f6f6; width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 12px;}
.main-section-03 .effect-wrap ul li:hover i {background: #202020; color: #fff;}
.main-section-03 .blockquote-box-wrap > div {flex: 1 0 33.333%; /*width: 33.333% !important;*/ height: 350px; font-size: 18px; font-weight: 600; color: #202020;}
.main-section-03 .blockquote-box-wrap .subject {font-size: 14px; font-weight: 600; color: #202020; background: #f6f6f6; padding: 2px 6px; border-radius: 4px; margin-bottom: 8px;}
.main-section-03 .blockquote-box-wrap .elementor-blockquote {display: flex; flex-direction: column; height: 100%;}
.main-section-03 .blockquote-box-wrap .elementor-blockquote .e-q-footer {margin-top: auto !important;}
/* main section-04 : why action mmm */
.main-section-04 {position: relative;}
.main-section-04 .bg-wrap .bg {position: absolute; top: -40px;}
.main-section-04 .bg-wrap .bg img {width: auto; height: 550px;}
.main-section-04 .bg-wrap .bg.bg-01 {left: -140px;}
.main-section-04 .bg-wrap .bg.bg-02 {right: -230px;}
/* main 설명영역-01 */
.main-explain-01 > div {overflow: hidden;}
/* main 설명영역-02 */
.main-explain-02 .report-slide-wrap {position: relative;}
.main-explain-02 .report-slide-wrap .swiper-slide {height: 400px; border: 1px solid #ececec; border-radius: 56px; padding: 32px 0; overflow: hidden;}
.main-explain-02 .report-slide-wrap .swiper-slide figure {display: flex; flex-direction: column; align-items: center; height: 100%;}
.main-explain-02 .report-slide-wrap .swiper-slide figure figcaption {margin-bottom: 16px;}
.main-explain-02 .report-slide-wrap .swiper-slide img {width: 70% !important; order: 2;}
.main-explain-02 .report-slide-wrap .elementor-swiper-button {position: absolute; top: -74px !important; width: 38px; height: 38px; border-radius: 50%; background: #f6f6f6; display: inline-flex; align-items: center; justify-content: center;}
.main-explain-02 .report-slide-wrap .elementor-swiper-button i {color: rgba(0, 0, 0, 0.2) !important;}
.main-explain-02 .report-slide-wrap .elementor-swiper-button-prev {left: auto !important; right: 18% !important;}
.main-explain-02 .report-slide-wrap .elementor-swiper-button-next {right: 20.5% !important;}
.main-explain-02 .report-slide-wrap .elementor-swiper-button:hover {background: #202020;}
.main-explain-02 .report-slide-wrap .elementor-swiper-button:hover i {color: #fff !important;}
.main-explain-02 .report-grid > div > div {height: 100%;}
/* main 설명영역-03 */
.explain-tab-wrap .elementor-tabs .elementor-tabs-wrapper {width: 100%; background: #f6f6f6; border-radius: 24px; padding: 8px; display: inline-flex;}
.explain-tab-wrap .elementor-tabs .elementor-tabs-wrapper > div {width: 25%; padding: 12px; text-align: center;}
.explain-tab-wrap .elementor-tabs .elementor-tabs-wrapper .elementor-active {background: #fff; border-radius: 3rem;}
.explain-tab-wrap .elementor-tabs .elementor-tabs-content-wrapper {background: #f6f6f6; border-radius: 24px; margin-top: 16px; height: 540px; padding: 40px 24px 24px 24px;}
.explain-tab-wrap .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content.elementor-active {padding: 0; display: flex; flex-direction: column; height: 100%; overflow: hidden;}
/* main 포인트 영역 */
.main-point-area {position: relative;}
.main-point-area .line-01 {width: 730px; height: 3px; background: #7055FF; transform: rotate(150deg); position: absolute; top: -180px; right: -90px;}
.main-point-area .line-02 {width: 400px; height: 1px; background: #7055FF; transform: rotate(-150deg); position: absolute; top: -50px; left: 90px;}
.point-copy-wrap .point-01 {transform: rotate(10deg); animation: tilt-01 3s infinite;}
.point-copy-wrap .point-02 {transform: rotate(-15deg); animation: tilt-02 3s infinite;}
.point-copy-wrap .point-03 {transform: rotate(8deg); animation: tilt-03 3s infinite;}
@keyframes tilt-01 {
    0% {transform: rotate(5deg);}
    50% {transform: rotate(10deg);}
    100% {transform: rotate(5deg);}
}
@keyframes tilt-02 {
    0% {transform: rotate(-5deg);}
    50% {transform: rotate(-15deg);}
    100% {transform: rotate(-5deg);}
}
@keyframes tilt-03 {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(8deg);}
    100% {transform: rotate(0deg);}
}
/* 하단 뉴스레터 영역 */
.newsletter-wrap {position: relative;}
.newsletter-wrap .bg-wrap .bg {position: absolute; top: -60px;}
.newsletter-wrap .bg-wrap .bg img {width: auto; height: 530px;}
.newsletter-wrap .bg-wrap .bg.bg-01 {left: -140px;}
.newsletter-wrap .bg-wrap .bg.bg-02 {top: -300px; right: -130px;}
.newsletter-wrap .bg-wrap .bg.bg-02 img {transform: rotate(10deg); animation: tilt-01 3s infinite;}
.newsletter-wrap .bg-wrap .bg.bg-03 {top: 200px; left: 50%; transform: translate(-50%, 0)}
/* main footer 영역 */
.main-footer {overflow: hidden;}
.main-footer .elementor-heading-title {background: linear-gradient(to bottom, #FFFFFF, #FFF27C) !important; -webkit-background-clip: text !important; color: transparent !important; display: flex; justify-content: center;}

@media (min-width: 1025px) and (max-width: 1280px) {
    /* main 인트로 */
    .home .main-intro-wrap {max-width: 100%; margin: auto;}
    .elementor-82 .copy-01.elementor-element.elementor-element-d5cc4ae .elementor-heading-title,
    .elementor-82 .copy-02.elementor-element.elementor-element-37879c5 .elementor-heading-title,
    .elementor-82 .copy-03.elementor-element.elementor-element-d76bb2c .elementor-heading-title,
    .elementor-82 .copy-04.elementor-element.elementor-element-183ae05 .elementor-heading-title {font-size: 225px;}
    /* main section-04 : why action mmm */
    .main-section-04 .bg-wrap .bg img {height: 350px;}
    .main-section-04 .bg-wrap .bg.bg-01 {left: -40px;}
    .main-section-04 .bg-wrap .bg.bg-02 {right: -50px; top: 90px;}
    .main-section-02 .box-01 {left: -10px;}
    .main-section-02 .box-02 {right: 10px;}
    .main-section-02 .box-04 {right: -10px;}
    /* main 설명 영역 */
    .main-explain-01 > div > div,
    .main-explain-02 > div > div,
    .main-explain-03 > div > div,
    .main-explain-04 > div > div,
    .main-explain-05 > div > div {width: 100% !important; padding: 0 80px;}
    .main-explain-02 > div > div.report-slide {padding: 0; margin-bottom: 40px;}
    .main-explain-02 > div > div.report-slide .swiper {width: 100%; padding: 0 8px;}
    .main-explain-02 > div > div.report-grid {margin: auto;}
    .main-explain-02 .report-slide-wrap .swiper-slide {height: 280px;}
    .main-explain-02 .report-slide-wrap .elementor-swiper-button {display: none !important;}
    /* main footer 영역 */
    .elementor-82 .main-footer.elementor-element.elementor-element-200d01e .elementor-heading-title {font-size: 340px;}
}

@media (max-width: 1024px) {
    /* main 인트로 */
    .home .main-intro-wrap {max-width: 100%; margin: auto;}
    .home .main-intro-obj img {height: 280px; width: auto;}
    .home .copy-04 {margin-top: 0;}
    .home .left-copy {position: relative; left: 0; top: 24px; margin-bottom: 40px;}
    /* main section-01 */
    .main-section-01 {word-break: keep-all;}
    /* main section-02 */
    .main-section-02 .box-01 {top: 90px; left: -10px;}
    .main-section-02 .box-02 {right: 0;}
    .main-section-02 .box-03 {bottom: -10px;}
    .main-section-02 .box-04 {right: -20px; bottom: 90px;}
    /* main section-02 */
    .main-section-03 .blockquote-box-wrap > div {height: 380px;}
    /* main section-04 : why action mmm */
    .main-section-04 .bg-wrap .bg img {height: 290px;}
    .main-section-04 .bg-wrap .bg.bg-01 {left: -40px;}
    .main-section-04 .bg-wrap .bg.bg-02 {right: -50px; top: 90px;}
    /* main 설명영역-02 */
    .main-explain-02 .report-slide-wrap .swiper {padding: 0 32px; width: 100% !important;}
    .main-explain-02 .report-slide-wrap .elementor-swiper-button {display: none !important;}
    /* main 포인트 영역 */
    .main-point-area .line-01,
    .main-point-area .line-02 {display: none;}
    /* 하단 아티클 영역 */
    .article-wrap .elementor-grid .e-loop-item:last-child {display: none;}
    /* 하단 뉴스레터 영역 */
    .newsletter-wrap .bg-wrap .bg img {height: 340px;}
    .newsletter-wrap .bg-wrap .bg.bg-02 {top: -220px; right: -10px;}
    .newsletter-wrap .bg-wrap .bg.bg-03 {display: none;}
}

@media (max-width: 767px) {
    /* main 인트로 */
    .home .main-intro-wrap > div {padding-top: 32px;}
    .home .main-intro-obj {top: 39%; z-index: 1; left: 18%; right: auto;}
    .home .main-intro-obj img {height: 128px; width: auto;}
    .home .copy-02 {padding-top: 0; margin-top: -20px;}
    .home .copy-03 {position: relative; margin-top: 0; z-index: 1; top: -10px;}
    .home .copy-04 {margin-top: 0; position: relative; z-index: 1;}
    /* main section 공통 */
    .main-section {padding-bottom: 80px;}
    /* main section-01 */
    .main-section-01 .text {padding-bottom: 24px;}
    .main-section-01 .elementor-button {width: 180px !important; margin-bottom: 8px;}
    /* main section-02 */
    .main-section-02 .main-browser {overflow-x: auto; margin-bottom: 24px !important; padding: 0 24px;}
    .main-section-02 .main-browser > div {max-width: 100%; min-width: 480px;}
    .main-section-02 .box-wrap {position: relative;}
    .main-section-02 .box-01,
    .main-section-02 .box-02,
    .main-section-02 .box-03,
    .main-section-02 .box-04 {position: relative; top: auto; left: auto; right: auto; bottom: auto;}
    .main-section-02 .elementor-icon {border-radius: 50%; font-size: 18px !important;}
    /* main section-03 : 기대효과 */
    .main-section-03 {padding-bottom: 130px;}
    .main-section-03 .effect-wrap ul li {font-size: 13px; padding: 8px 20px; font-weight: 500;}
    .main-section-03 .effect-wrap ul li i {display: none;}
    .main-section-03 .blockquote-box-wrap {overflow-x: auto; flex-wrap: nowrap; padding: 0 24px;}
    .main-section-03 .blockquote-box-wrap > div {flex: 0 0 auto; max-width: 85% !important; height: 250px;}
    .main-section-03 .blockquote-box-wrap .subject {font-size: 12px;}
    /* main section-04 : why action mmm */
    .main-section-04 .bg-wrap .bg img {height: 168px;}
    .main-section-04 .bg-wrap .bg.bg-01 {left: -40px;}
    .main-section-04 .bg-wrap .bg.bg-02 {right: -50px; top: 90px;}
    /* main 설명영역-02 */
    .main-explain-02 .report-slide-wrap .swiper {padding: 0 32px;}
    .main-explain-02 .report-slide-wrap .swiper-slide {height: 250px; padding: 24px 0; border-radius: 32px;}
    .main-explain-02 .report-slide-wrap .swiper-slide img {height: 100%; width: auto !important; max-width: max-content;}
    /* main 설명영역-03 */
    .explain-tab-wrap .elementor-tabs .elementor-tabs-wrapper > div {padding: 8px;}
    .explain-tab-wrap .elementor-tabs .elementor-tabs-content-wrapper {margin-top: 8px; padding: 16px; height: 320px;}
    .explain-tab-wrap .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-title {display: none;}
    /* 하단 아티클 영역 */
    .article-wrap .elementor-grid {display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 0 24px;}
    .article-wrap .elementor-grid .e-loop-item {flex: 0 0 auto; max-width: 80%;}
    /* 하단 뉴스레터 영역 */
    .newsletter-wrap .bg-wrap .bg img {height: 140px;}
    .newsletter-wrap .bg-wrap .bg.bg-01 {left: -40px;}
    .newsletter-wrap .bg-wrap .bg.bg-01 img {height: 190px;}
    .newsletter-wrap .bg-wrap .bg.bg-02 {top: -90px; right: -20px;}

}





/* ----------------------------------------------------------------------------------------------- */




/*================================
SUB-컨셉A
================================*/
/* 상단 인트로 영역 */
#subA.sub-intro-wrap .title-tag {border: 1px solid #fff; padding: 8px 24px; border-radius: 50%;}
#subA.sub-intro-wrap > .e-con-inner {position: relative; width: 100%; height: 780px; display: flex; align-items: center; justify-content: center;}
#subA.sub-intro-wrap .intro-bg-wrap {position: relative; width: 100%;}
#subA.sub-intro-wrap .bg {position: absolute; top: -40px;}
#subA.sub-intro-wrap .bg-01 {left: -140px;}
#subA.sub-intro-wrap .bg-02 {right: -140px;}
#subA.sub-intro-wrap .bg-03 {top: -240px;}
#subA.sub-intro-wrap .bg-03 img {animation: tilt-01 3s infinite;}
#subA.sub-intro-wrap .keyword-wrap {position: absolute;}
#subA.sub-intro-wrap .keyword-wrap .keyword p {display: inline-block; font-size: 28px; padding: 16px 32px; border-radius: 3rem; min-width: 200px; text-align: center;}
#subA.sub-intro-wrap .keyword-wrap .keyword-purple p {background: #7055FF; color: #fff;}
#subA.sub-intro-wrap .keyword-wrap .keyword-yellow p {background: #FFF27C; color: #202020;}
#subA.sub-intro-wrap .keyword-wrap .keyword-blur p {background: rgba(255,255,255,0.2); backdrop-filter: blur(10px); color: #fff;}
#subA.sub-intro-wrap .keyword-wrap .keyword:first-child {position: absolute; top: -210px;}
#subA.sub-intro-wrap .keyword-wrap .keyword:nth-child(2) {position: absolute; top: -30px; right: 0;}
#subA.sub-intro-wrap .keyword-wrap .keyword:last-child {position: absolute; left: -24px; top: 80px;}
#subA.sub-intro-wrap.white-type .title-tag {border: 1px solid #202020; padding: 8px 24px; border-radius: 50%;}
#subA.sub-intro-wrap.white-type .keyword-wrap .keyword-blur p {backdrop-filter: blur(10px); color: #202020; background: rgba(179, 179, 179, 0.2);}
#subA.sub-intro-wrap.partner-intro-wrap .keyword-wrap .keyword:first-child {position: absolute; top: -240px;}
#subA.sub-intro-wrap.partner-intro-wrap .keyword-wrap .keyword:nth-child(2) {position: absolute; top: -60px; right: -70px;}
#subA.sub-intro-wrap.partner-intro-wrap .keyword-wrap .keyword:last-child {position: absolute; left: -74px; top: 70px;}
@media (min-width: 1025px) and (max-width: 1280px) {
    .elementor-7 #subA .elementor-element.elementor-element-dd5497e {width: 100%; padding: 0 32px;}
    #subA.sub-intro-wrap.partner-intro-wrap .keyword-wrap .keyword:first-child {top: -326px;}
    #subA.sub-intro-wrap.partner-intro-wrap .keyword-wrap .keyword:nth-child(2) {top: -10px; right: 50px;}
    #subA.sub-intro-wrap.partner-intro-wrap .keyword-wrap .keyword:last-child {left: 120px;}
    #subA.sub-intro-wrap .keyword-wrap.about-keyword .keyword:first-child {left: 40px; top: -260px;}
    #subA.sub-intro-wrap .keyword-wrap.about-keyword .keyword:nth-child(2) {top: -40px; right: 60px;}
    #subA.sub-intro-wrap .keyword-wrap.about-keyword .keyword:last-child {left: 70px; top: 130px;}
}
@media (max-width: 1024px) {
    #subA.sub-intro-wrap > .e-con-inner {height: 640px;}
    #subA.sub-intro-wrap .bg {top: -20px;}
    #subA.sub-intro-wrap .bg img {height: 380px;}
    #subA.sub-intro-wrap .bg-03 {top: -110px;}
    #subA.sub-intro-wrap .bg-03 img {height: auto;}
    #subA.sub-intro-wrap .keyword-wrap {width: 100%; height: 100%;}
    #subA.sub-intro-wrap .keyword-wrap .keyword p {font-size: 18px;}
    #subA.sub-intro-wrap .keyword-wrap .keyword:first-child {top: 110px;}
    #subA.sub-intro-wrap .keyword-wrap .keyword:nth-child(2) {top: 90px; right: 30px;}
    #subA.sub-intro-wrap .keyword-wrap .keyword:last-child {left: 76px; top: auto; bottom: 80px;}
    #subA.sub-intro-wrap .keyword-wrap.about-keyword .keyword:last-child {bottom: 60px;}
    #subA.sub-intro-wrap.partner-intro-wrap .keyword-wrap .keyword:first-child {top: 90px;}
    #subA.sub-intro-wrap.partner-intro-wrap .keyword-wrap .keyword:nth-child(2) {top: 60px; right: 40px;}
    #subA.sub-intro-wrap.partner-intro-wrap .keyword-wrap .keyword:last-child {left: 10px; top: 330px;}
}
@media (max-width: 767px) {
    #subA.sub-intro-wrap .title-tag {padding: 6px 24px; margin-bottom: 24px !important;}
    #subA.sub-intro-wrap > .e-con-inner {height: 500px;}
    #subA.sub-intro-wrap .bg img {height: 120px;}
    #subA.sub-intro-wrap .bg-01 {left: -30px; top: -100px;}
    #subA.sub-intro-wrap .bg-02 {right: -30px; top: auto; bottom: -330px;}
    #subA.sub-intro-wrap .bg-03 {top: -30px;}
    #subA.sub-intro-wrap .bg-03 img {height: auto;}
}


/*================================
SUB-컨셉B
================================*/
/* 상단 인트로 영역 */
#subB.sub-intro-wrap .title-tag {display: inline-block; border: 1px solid #202020; padding: 8px 24px; border-radius: 50%;}
#subB.sub-intro-wrap .title-tag.white-tag {border: 1px solid #fff;}
#subB.sub-intro-wrap .inner {align-items: center;}
@media (min-width: 1025px) and (max-width: 1280px) {
    .elementor-10 #subB .elementor-element.elementor-element-749e6a1 {width: 100%; padding: 0 32px;}
}
@media (max-width: 767px) {
    #subB.sub-intro-wrap .title-tag {padding: 6px 24px;}
}


/*================================
SUB-컨셉C
================================*/
/* 상단 인트로 영역 */
#subC.sub-intro-wrap .title-tag {display: inline-block; border: 1px solid #202020; padding: 8px 24px; border-radius: 50%;}
@media (min-width: 1025px) and (max-width: 1280px) {
    #subC.sub-intro-wrap .e-con-full {padding-left: 32px; padding-right: 32px;}
}
@media (max-width: 767px) {
    #subC.sub-intro-wrap .title-tag {padding: 6px 24px;}
}





/* ----------------------------------------------------------------------------------------------- */




/*================================
SUB-하단A
================================*/
#footerFixA .content-bg .bg-01 {position: absolute; top: 400px; left: -200px;}
#footerFixA .content-bg .bg-01 img {transform: rotate(10deg); animation: tilt-01 3s infinite;}
#footerFixA .content-bg .bg-02 {position: absolute; top: 100px; right: -330px;}
#footerFixA .content-bg .bg-02 img {transform: rotate(-10deg); animation: tilt-02 3s infinite;}
#footerFixA .box-02,
#footerFixA .box-03 {position: relative; overflow: hidden;}
#footerFixA .box-02 .bg-obj {position: absolute; right: -48px; top: -110px;}
#footerFixA .box-03 .bg-obj {position: absolute; right: 56px; top: -56px;}
@media (min-width: 1025px) and (max-width: 1280px) {
    .elementor-7 #footerFixA .elementor-element.elementor-element-bb5329f {width: 100%; padding: 0 32px;}
    #footerFixA .box-link-wrap {gap: 7px;}
}
@media (max-width: 1024px) {
    #footerFixA .content-bg img {height: 400px;}
    #footerFixA .bg-obj img {height: 400px;}
    #footerFixA .box-link .elementor-widget-button {margin-top: auto;}
    #footerFixA .box-02 .bg-obj {right: -68px; top: -10px;}
    #footerFixA .box-03 .bg-obj {right: -80px; top: -10px;}
}
@media (max-width: 767px) {
    #footerFixA .content-bg img {height: 250px;}
    #footerFixA .content-bg .bg-01 {top: -60px; left: -80px;}
    #footerFixA .content-bg .bg-02 {top: 770px; right: -140px;}
    #footerFixA .bg-obj img {height: 250px;}
    #footerFixA .box-02 .bg-obj {right: -26px; top: -30px;}
    #footerFixA .box-03 .bg-obj {right: -50px; top: -30px;}
    .footer-fix-button .elementor-button {width: 180px !important; margin-bottom: 8px;}
}

/*================================
SUB-하단B
================================*/
#footerFixB .content-bg .bg-01 {position: absolute; top: 400px; left: -40px;}
#footerFixB .content-bg .bg-02 {position: absolute; top: -30px; right: -140px; transform: rotate(-10deg); animation: tilt-02 3s infinite;}
#footerFixB .content-bg .bg-02 img {width: 500px;}
#footerFixB .content-bg .bg-03 {position: absolute; top: 850px; right: -150px; transform: rotate(-200deg); animation: tilt-04 3s infinite;}
#footerFixB.about-footer-wrap .content-bg .bg-01 {top: -90px;}
#footerFixB.about-footer-wrap .content-bg .bg-03 {top: 240px;}
#footerFixB .box-chat {position: relative;}
#footerFixB .box-chat:before {content: ""; position: absolute; left: -20px; top: 50%; margin-top: -12px; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 20px solid #fff; border-radius: 0;}
@keyframes tilt-04 {
    0% {transform: rotate(-200deg);}
    50% {transform: rotate(-190deg);}
    100% {transform: rotate(-200deg);}
}
@media (max-width: 1024px) {
    #footerFixB .content-bg .bg-01 img {width: 350px;}
    #footerFixB .content-bg .bg-02 img {width: 400px;}
    #footerFixB .content-bg .bg-03 {top: 1100px;}
    #footerFixB .content-bg .bg-03 img {height: 350px;}
    #footerFixB.about-footer-wrap .content-bg .bg-03 {top: 430px;}
    #footerFixB .box-chat:before {display: none;}
}
@media (max-width: 767px) {
    #footerFixB .content-bg .bg-01 img {width: 250px;}
    #footerFixB .content-bg .bg-02 {top: -50px; right: -120px;}
    #footerFixB .content-bg .bg-02 img {width: 250px;}
    #footerFixB .content-bg .bg-03 {top: 900px;}
    #footerFixB .content-bg .bg-03 img {height: 250px;}
    #footerFixB.about-footer-wrap .content-bg .bg-01 {top: -60px;}
    #footerFixB.about-footer-wrap .content-bg .bg-03 {top: 260px;}
    #footerFixB .elementor-button {width: 180px !important; margin-bottom: 8px;}
    #footerFixB .btn-m .elementor-button {width: 100% !important; margin-bottom: 8px;}
}

/*================================
SUB-하단C
================================*/
#footerFixC .content-bg .bg-01 {position: absolute; top: 60px; left: -340px; transform: rotate(-10deg); animation: tilt-02 3s infinite;}
#footerFixC .content-bg .bg-02 {position: absolute; top: -430px; right: -400px; transform: rotate(-10deg); animation: tilt-03 3s infinite;}
#footerFixC .content-bg .bg-02-b {top: -300px; right: -400px;}
#footerFixC .box-01,
#footerFixC .box-02 {position: relative; overflow: hidden;}
#footerFixC .box-01 .bg-obj {position: absolute; right: -48px; bottom: -40px;}
#footerFixC .box-02 .bg-obj {position: absolute; right: -48px; top: -110px;}
#footerFixC .newsletter-box {padding-left: 64px; padding-right: 64px;}
@media (min-width: 1025px) and (max-width: 1280px) {
    .elementor-22 #footerFixC .elementor-element.elementor-element-25d06b6 {width: 100%; padding: 0 32px;}
}
@media (max-width: 1024px) {
    #footerFixC .content-bg .bg-01 img,
    #footerFixC .content-bg .bg-02 img {width: 400px;}
    #footerFixC .content-bg .bg-01 {top: 400px; left: -90px;}
    #footerFixC .content-bg .bg-02 {top: -80px; right: -160px;}
    #footerFixC .box-02 .bg-obj {right: -68px; top: -10px;}
    #footerFixC .box-02 .bg-obj img {height: 400px;}
}
@media (max-width: 767px) {
    #footerFixC .content-bg .bg-01 img,
    #footerFixC .content-bg .bg-02 img {width: 200px;}
    #footerFixC .content-bg .bg-01 {top: 450px; left: -30px;}
    #footerFixC .content-bg .bg-02 {top: -10px; right: -60px;}
    #footerFixC .content-bg .bg-01-b {top: 260px; right: -60px;}
    #footerFixC .content-bg .bg-02-b {top: -80px; right: -60px;}
    #footerFixC .box-01 .bg-obj {right: -38px; bottom: -20px;}
    #footerFixC .box-01 .bg-obj img {height: 120px;}
    #footerFixC .box-02 .bg-obj {right: -26px; top: -30px;}
    #footerFixC .box-02 .bg-obj img {height: 250px;}
    #footerFixC .newsletter-box {padding-left: 32px; padding-right: 32px;}
}





/* ----------------------------------------------------------------------------------------------- */





/*================================
Product 01 : Overview
================================*/
.explain-box-wrap .step-wrap .step > div {height: 100% !important;}
@media (min-width: 1025px) and (max-width: 1280px) {
    .elementor-7 .explain-box-wrap .elementor-element.elementor-element-81a132b {width: 100%; padding: 0 32px;}
}

/*================================
Product 02 : Automated Report
================================*/
@media (min-width: 1025px) and (max-width: 1280px) {
    .elementor-10 .report-content .elementor-element.elementor-element-ebe8a11,
    .elementor-10 .report-content .elementor-element.elementor-element-e0a9466,
    .elementor-10 .report-content .elementor-element.elementor-element-d1ae0de,
    .elementor-10 .report-content .elementor-element.elementor-element-0d8a9a4,
    .elementor-10 .report-content .elementor-element.elementor-element-e05a1c4,
    .elementor-10 .report-content .elementor-element.elementor-element-4e8c1f8 {width: 100%; padding: 0 32px;}
}

/*================================
Product 04 : AI Actions
================================*/
.actions-01 .graph-box {justify-content: center;}
.actions-02 .tag p {display: inline-block; font-size: 14px; font-weight: 700; padding: 6px 16px; border-radius: 3rem; margin-bottom: 6px;}
.actions-02 .tag-before p {background: #202020; color: #fff;}
.actions-02 .tag-after p {background: #fff; color: #7055FF;}
.actions-02 .box-wrap .box-02 {position: relative;}
.actions-02 .box-wrap .box-02:before {content: ""; display: inline-block; width: 80px; height: 80px; border-radius: 50%; box-shadow: 0 4px 36px rgba(0, 0, 0, 0.2); position: absolute; left: -58px; top: 50%; margin-top: -40px; background: url(../images/ico/ico-arrow-right.png) no-repeat center center; background-color: #fff; background-size: 28px;}
@media (min-width: 1025px) and (max-width: 1280px) {
    .elementor-2177 .explain-box .elementor-element.elementor-element-81a132b,
    .elementor-2177 .footer-fix-wrap .elementor-element.elementor-element-bb5329f {width: 100%; padding: 0 32px;}
}
@media (max-width: 1024px) {
    .actions-01 .action-report:nth-child(3) .text {min-height: 51px;}
    .actions-02 .box-wrap .box-02:before {left: -48px;}
}
@media (max-width: 767px) {
    .actions-02 .tag p {font-size: 12px; padding: 4px 16px;}
    .actions-02 .box-wrap .box-02:before {width: 48px; height: 48px; left: 50%; margin-left: -20px; top: 2px; background-size: 14px; transform: rotate(90deg);}
}


/*================================
Product 05 : Chat MMM
================================*/
.chat-content-wrap.section-04 .graph-slider-wrap .swiper {width: 100%;}
.chat-content-wrap.section-04 .graph-slider-wrap .swiper-slide {padding: 32px; border: 1px solid #ececec; border-radius: 16px;}
.chat-content-wrap.section-04 .graph-slider-wrap .swiper-slide figure {display: flex; flex-direction: column;}
.chat-content-wrap.section-04 .graph-slider-wrap .swiper-slide figure img {order: 2; margin-top: 16px;}
.chat-content-wrap.section-04 .graph-slider-wrap .elementor-swiper-button {position: absolute; top: -20px; width: 40px; height: 40px; background-color: #f5f5f5; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;}
.chat-content-wrap.section-04 .graph-slider-wrap .elementor-swiper-button i {color: #aaa; font-size: 16px;}
.chat-content-wrap.section-04 .graph-slider-wrap .elementor-swiper-button:hover {background-color: #202020;}
.chat-content-wrap.section-04 .graph-slider-wrap .elementor-swiper-button:hover i {color: #fff;}
.chat-content-wrap.section-04 .graph-slider-wrap .elementor-swiper-button.elementor-swiper-button-prev {left: auto; right: 52px;}
@media (max-width: 767px) {
    .chat-content-wrap.section-04 .graph-slider-wrap .elementor-swiper-button {display: none;}
}



/*================================
Resources 게시판 공통
================================*/
#boardWrap .board-list-wrap .elementor-widget-theme-post-excerpt > div {-webkit-line-clamp: 2;}
#boardWrap .board-list-wrap .e-loop__load-more {width: 200px; margin: 64px auto auto auto !important;}
#boardWrap .board-list-wrap .e-loop__load-more > a {width: 100%; display: inline-flex;}
#boardWrap .board-list-wrap .e-loop__load-more .elementor-button-content-wrapper {justify-content: space-between; width: 100%;}
.board-list-wrap.elementor-widget-loop-grid.e-loading-overlay {animation: none !important;}
/* 뷰페이지 */
.board-detail-wrap .btn-list a.elementor-button {width: 100%;}
.board-related-content .related-wrap {position: relative;}
.board-related-content .related-wrap .elementor-widget-theme-post-excerpt > div {-webkit-line-clamp: 2;}
.board-related-content .elementor-pagination {position: absolute; top: 20%; width: 100%;}
.board-related-content .elementor-pagination .page-numbers {width: 60px; height: 60px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); color: #fff; display: inline-flex; align-items: center; justify-content: center;}
.board-related-content .elementor-pagination .page-numbers.prev {margin: 0; left: -30px; position: absolute;}
.board-related-content .elementor-pagination .page-numbers.next {margin: 0; right: -30px; position: absolute;}
.board-related-content .elementor-pagination .page-numbers i {color: #555; font-size: 20px;}
@media (min-width: 1025px) and (max-width: 1280px) {
    #boardWrap.board-content-wrap {padding: 0 32px;}
}
@media (max-width: 767px) {
    .board-detail-wrap p {font-size: 14px; line-height: 1.6;}
    .board-related-content .elementor-pagination {top: 27%;}
    .board-related-content .elementor-pagination .page-numbers {width: 40px; height: 40px;}
    .board-related-content .elementor-pagination .page-numbers.prev {left: -16px;}
    .board-related-content .elementor-pagination .page-numbers.next {right: -16px;}
}


/*================================
Pricing 공통
================================*/
.price-box-wrap .box .btn-arrow .elementor-button {width: 100%;}
.price-box-wrap .box .btn-arrow .elementor-button > span {width: 100%; justify-content: space-between;}
.program-method {position: relative !important;}
.program-method .line-dashed-wrap {position: absolute; left: 28px; top: 20px; z-index: -1;}
.program-method .line-dashed {width: 1px; height: 580px; border-left: 1px dashed #202020;}
.program-method .num {width: 56px; height: 56px; border-radius: 50%; border: 1px solid #202020; display: inline-flex; align-items: center; justify-content: center; background-color: #fff;}
.program-method .num h5 {display: flex; align-items: center; height: 100%;}
.program-method .method-cont {width: calc(100% - 80px);}
/* 클라이언트 가격 */
.client-program-wrap .price-enterprise {position: relative;}
.client-program-wrap .price-enterprise:before {content: "POPULAR"; display: inline-block; font-size: 16px; font-weight: 700; color: #fff; background-color: #FF764A; border-radius: 3rem; position: absolute; height: auto; text-align: center; width: auto; padding: 4px 24px; left: 50%; top: -50px; transform: translate(-50%, 0); font-family: "Montserrat", Sans-serif;}
.client-program-wrap .price-enterprise:after {content: ""; position: absolute; left: 50%; top: -28px; width: 0; height: 0; border-top: 20px solid #FF764A; border-left: 16px solid transparent; border-right: 16px solid transparent; transform: translate(-50%, 0);}
/* 파트너 가격 */
.partner-program-wrap .price-enterprise {position: relative;}
.partner-program-wrap .price-enterprise:before {content: "POPULAR"; display: inline-block; font-size: 16px; font-weight: 700; color: #fff; background-color: #7055FF; border-radius: 3rem; position: absolute; height: auto; text-align: center; width: auto; padding: 4px 24px; left: 50%; top: -50px; transform: translate(-50%, 0); font-family: "Montserrat", Sans-serif;}
.partner-program-wrap .price-enterprise:after {content: ""; position: absolute; left: 50%; top: -28px; width: 0; height: 0; border-top: 20px solid #7055FF; border-left: 16px solid transparent; border-right: 16px solid transparent; transform: translate(-50%, 0);}
.partner-program-wrap .banner-price .elementor-icon {width: 58px; height: 58px; border-radius: 50%; background-color: #7055FF; color: #fff; display: inline-flex; align-items: center; justify-content: center;}
.partner-program-wrap .banner-content .elementor-icon {width: 58px; height: 58px; border-radius: 50%; background-color: #47B172; color: #fff; display: inline-flex; align-items: center; justify-content: center;}
.partner-program-wrap .banner-common .elementor-icon {width: 58px; height: 58px; border-radius: 50%; background-color: #FF764A; color: #fff; display: inline-flex; align-items: center; justify-content: center;}
@media (min-width: 1025px) and (max-width: 1280px) {
    .elementor-2666 .explain-box-wrap .elementor-element.elementor-element-81a132b,
    .elementor-2666 .program-method-wrap .elementor-element.elementor-element-03b546b,
    .elementor-2819 .explain-box-wrap .elementor-element.elementor-element-81a132b,
    .elementor-2819 .program-method-wrap .elementor-element.elementor-element-03b546b,
    .elementor-2945 .sub-intro-wrap .elementor-element.elementor-element-4490684,
    .elementor-2945 .explain-box-wrap .elementor-element.elementor-element-81a132b {width: 100%; padding: 0 32px;}
}
@media (max-width: 1024px) {
    .partner-program-wrap .price-enterprise:before {top: -10px;}
    .partner-program-wrap .price-enterprise:after {top: 12px;}
    .partner-program-wrap .banner .cont {width: 60%;}
}
@media (max-width: 767px) {
    .program-method .line-dashed-wrap {left: 20px;}
    .program-method .line-dashed {height: 390px;}
    .program-method.ver2 .line-dashed {height: 410px;}
    .program-method .num {width: 40px; height: 40px;}
    .program-method .method-cont {width: calc(100% - 56px);}
    .client-program-wrap .price-enterprise:before,
    .partner-program-wrap .price-enterprise:before {font-size: 14px; top: -24px;}
    .client-program-wrap .price-enterprise:after,
    .partner-program-wrap .price-enterprise:after {top: -2px;}
    .partner-program-wrap .banner-price .elementor-icon,
    .partner-program-wrap .banner-content .elementor-icon,
    .partner-program-wrap .banner-common .elementor-icon {width: 40px; height: 40px;}

}


/*================================
회사소개 : About
================================*/
.about-02 {position: relative;}
.about-02 .bg-wrap .bg {position: absolute;}
.about-02 .bg-wrap .bg-01 {left: -180px; top: 100px;}
.about-02 .bg-wrap .bg-01 img {width: 800px; transform: rotate(10deg); animation: tilt-01 3s infinite;}
.about-02 .bg-wrap .bg-02 {right: -250px;}
.about-03 {position: relative;}
.about-03 .bg {position: absolute; top: 140px; right: -200px;}
.about-03 .bg img {transform: rotate(45deg); animation: tilt-05 3s infinite;}
.about-03 .team .team-img {width: 160px;}
.about-03 .team .team-cont {width: calc(100% - 160px);}
@keyframes tilt-05 {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(-45deg);}
    100% {transform: rotate(0deg);}
}
@media (min-width: 1025px) and (max-width: 1280px) {
    .elementor-40 .about-02 .elementor-element.elementor-element-9bc449c,
    .elementor-40 .about-03 .elementor-element.elementor-element-2dc40c0 {width: 100%; padding: 0 32px;}
}
@media (max-width: 1024px) {
    .about-02 .bg-wrap .bg-01 {top: 300px;}
    .about-02 .bg-wrap .bg-01 img {width: 600px;}
    .about-02 .bg-wrap .bg-02 img {width: 400px;}
    .about-03 .bg img {width: 800px;}
    .about-03 .team .team-cont {width: 100%;}
}
@media (max-width: 767px) {
    .about-02 .bg-wrap .bg-01 img {width: 400px;}
    .about-02 .bg-wrap .bg-02 {right: -90px;}
    .about-02 .bg-wrap .bg-02 img {width: 200px;}
}



/*================================
회사소개 : Career
================================*/
.career-box-wrap .career-box .career-ico {width: 64px; height: 64px; border-radius: 16px; background-color: #7055FF; display: inline-flex; align-items: center; justify-content: center;}
.career-box-wrap .career-box .career-ico > div {height: auto;}
.career-box-wrap .career-box .career-ico img {width: auto; height: 28px;}
.welfare-box .elementor-widget-container {overflow: hidden;}
.welfare-box .elementor-image-box-content {padding: 0 40px 40px 40px;}
.hire-tab-wrap .elementor-tabs-wrapper {display: flex; justify-content: center; margin-bottom: 40px;}
.hire-tab-wrap.elementor-widget-tabs .elementor-tab-desktop-title {padding: 12px 24px; border-radius: 3rem; background-color: #f5f5f5; margin: 0 4px;}
.hire-tab-wrap.elementor-widget-tabs .elementor-tab-desktop-title:hover,
.hire-tab-wrap.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {background-color: #7055FF; color: #fff !important;}
.hire-tab-wrap.elementor-widget-tabs .elementor-tab-content {padding: 0;}
.hire-tab-wrap.elementor-widget-tabs .elementor-tab-content .e-con {padding-left: 15px; padding-right: 15px;}
.hire-tab-wrap .elementor-accordion .elementor-tab-title {padding: 32px 32px 32px 0 !important; display: flex; align-items: center;}
.hire-tab-wrap .elementor-accordion .elementor-tab-title > span.elementor-accordion-icon {margin-left: auto; order: 2;}
.hire-tab-wrap .elementor-accordion .elementor-tab-title > span.elementor-accordion-icon svg {fill: #202020 !important;}
.hire-tab-wrap .elementor-accordion-title p {font-size: 20px; font-weight: 700; font-family: "Montserrat", Sans-serif !important; color: #202020; padding: 8px 0 12px 0;}
.hire-tab-wrap .category {font-size: 14px; font-weight: 700; font-family: "Montserrat", Sans-serif !important; color: #202020; padding: 6px 12px; line-height: 1; border-radius: 8px;}
.hire-tab-wrap .category-analyst {background: #FFF27C;}
.hire-tab-wrap .category-engineer {background: #7055FF; color: #fff;}
.hire-tab-wrap .category-brand {background: #FF764A; color: #fff;}
.hire-tab-wrap .category-sales {background: #47B172; color: #fff;}
.hire-tab-wrap .desc {font-size: 16px; color: #aaa;}
.hire-tab-wrap .elementor-accordion .elementor-accordion-item {border: 0; border-bottom: 1px solid #ececec;}
.hire-tab-wrap .elementor-accordion .elementor-accordion-item .elementor-tab-content {padding: 32px !important; background-color: #f5f5f5; flex-direction: column; justify-content: center;}
.hire-tab-wrap .elementor-accordion .elementor-accordion-item .elementor-tab-content .group {background-color: #fff; padding: 32px; border-radius: 16px;}
.hire-tab-wrap .elementor-accordion .elementor-accordion-item .elementor-tab-content .group + .group {margin-top: 8px;}
.hire-tab-wrap .elementor-accordion .elementor-accordion-item .elementor-tab-content .group .title {font-weight: 700; font-size: 16px; color: #202020; padding-bottom: 12px; margin-bottom: 16px; border-bottom: 1px solid #ececec;}
.hire-tab-wrap .elementor-accordion .elementor-accordion-item .elementor-tab-content a {font-size: 14px; font-weight: 600; background-color: #202020; width: 180px; height: 40px; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 3rem; margin: 32px auto 0 auto;}
.hire-tab-wrap .elementor-accordion .elementor-accordion-item .elementor-tab-content a i {width: 24px; height: 24px; background-color: #fff; border-radius: 50%; color: #202020; margin-left: 16px; display: inline-flex; align-items: center; justify-content: center;}
@media (min-width: 1025px) and (max-width: 1280px) {
    .elementor-3310 .sub-intro-wrap .elementor-element.elementor-element-88a37c9,
    .elementor-3310 .footer-fix-wrap .elementor-element.elementor-element-f4bace9 {width: 100%; padding: 0 32px;}
    .elementor-3310 .elementor-element.elementor-element-b074085.career-box-wrap,
    .elementor-3310 .elementor-element.elementor-element-be20cb2.welfare-wrap,
    .hire-tab-wrap.elementor-widget-tabs .elementor-tab-content .e-con {padding-left: 32px; padding-right: 32px;}
    .elementor-3310 .elementor-element.elementor-element-b074085.career-box-wrap > div {width: 49.5%;}
}
@media (max-width: 1024px) {
    .career-box-wrap .career-box .career-ico {width: 48px; height: 48px;}
    .welfare-box .elementor-image-box-content {padding: 0 24px 32px 24px;}
    .hire-tab-wrap.elementor-widget-tabs .elementor-tab-content .e-con {padding-left: 0; padding-right: 0;}
}
@media (max-width: 767px) {
    .hire-tab-wrap .elementor-tabs-wrapper {display: flex !important; flex-wrap: wrap; justify-content: start; margin-bottom: 8px;}
    .hire-tab-wrap .elementor-tabs-content-wrapper .elementor-tab-mobile-title {display: none;}
    .hire-tab-wrap.elementor-widget-tabs .elementor-tab-desktop-title {margin: 4px;}
    .hire-tab-wrap .elementor-accordion .elementor-tab-title {padding: 24px 24px 24px 0 !important;}
    .hire-tab-wrap .category {font-size: 12px;}
    .hire-tab-wrap .elementor-accordion-title p {font-size: 16px;}
    .hire-tab-wrap .desc {font-size: 14px;}
    .hire-tab-wrap .elementor-accordion .elementor-accordion-item .elementor-tab-content {padding: 16px 16px 24px 16px !important;}
    .hire-tab-wrap .elementor-accordion .elementor-accordion-item .elementor-tab-content .group {padding: 16px 24px;}
    .hire-tab-wrap .elementor-accordion .elementor-accordion-item .elementor-tab-content .group .title {padding-bottom: 8px; margin-bottom: 8px; font-size: 14px;}
}


/*================================
회사소개 : News
================================*/
.news-list-wrap .elementor-button {height: 56px !important; display: inline-flex; align-items: center;}
.news-list-wrap .elementor-button > span.elementor-button-content-wrapper {align-items: center;}
.news-list-wrap .elementor-button .elementor-button-icon {background: #ffffff; width: 32px; height: 32px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #202020; }
.news-list-wrap .elementor-post__text { display: flex !important; justify-content: center !important;}
.news-list-wrap .elementor-post__excerpt { display: block; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.event-list-wrap .category-event-progress .elementor-widget-image {overflow: hidden; border-radius: 16px; position: relative;}
.event-list-wrap .category-event-progress .elementor-widget-image:before {content: "진행중"; display: inline-block; font-size: 14px; font-weight: 700; color: #fff; background: #7055FF; padding: 6px 12px; border-radius: 8px; line-height: 1; position: absolute; top: 16px; left: 16px; z-index: 10;}
.event-list-wrap .category-event-finished > a {pointer-events : none;}
.event-list-wrap .category-event-finished .elementor-widget-image {overflow: hidden; border-radius: 16px; position: relative;}
.event-list-wrap .category-event-finished .elementor-widget-image:before {content: "진행종료"; display: inline-block; font-size: 14px; font-weight: 700; color: #fff; background: #202020; padding: 6px 12px; border-radius: 8px; line-height: 1; position: absolute; top: 16px; left: 16px; z-index: 10;}
.event-list-wrap .category-event-finished .elementor-widget-image img {filter: blur(6px) !important; opacity: 0.4;}
.event-list-wrap .category-event-finished .elementor-widget-heading,
.event-list-wrap .category-event-finished .elementor-widget-theme-post-excerpt {opacity: 0.4;}
.event-list-wrap.elementor-widget-loop-grid.e-loading-overlay {animation: none !important;}
@media (min-width: 1025px) and (max-width: 1280px) {
    .elementor-3615 .sub-intro-wrap .elementor-element.elementor-element-e9f8352 {width: 100%; padding: 0 32px;}
    .news-title, .news-list-wrap {padding: 0 32px;}
}
@media (max-width: 767px) {
    .news-list-wrap article {flex-wrap: wrap !important;}
    .news-list-wrap article > a {margin-righr: 0 !important; margin-bottom: 12px;}
}