/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/PretendardVariable.woff2') format('woff2-variations');
}
@font-face {
	font-family: 'noya';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/30B3EC_2_0.woff2') format('woff2-variations');
}
 * { font-family: 'Pretendard Variable', sans-serif;}
h1, h2, h3, h4, h5, h6, a, p, ul, li { font-family: 'Pretendard Variable', sans-serif;word-break:keep-all;}
body {padding-top: 80px; font-family: 'Pretendard Variable', sans-serif;}
label { font-size: 14px;}
p { margin: 0 0 10px;word-break:keep-all;}
a,a:link,a:focus{text-decoration:none;}
img, svg {max-width: 100%;}
@media (min-width: 768px){.container {width: 750px;}}
@media (min-width: 992px){.container { width: 970px;} .navbar-expand-lg{justify-content: space-between;}}
@media all and (min-width: 1320px){.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1320px;width: 1320px;}}
/*nav*/
[data-target="#mainMenu"] { position: relative; z-index: 999;}
#mainMenu ul{list-style: none;float: right;}
#mainMenu li > a {font-size: 14px;letter-spacing: 1px;color:#fff; font-weight: 400;position: relative;z-index: 1;text-decoration: none;line-height: 20px;}
.main-header.fixed-nav #mainMenu li > a { color: #fff; text-decoration: none;}
#mainMenu li:not(:last-of-type) {margin-right: 30px;}
#mainMenu li > a::before { position: absolute;content: "";width: calc(100% - 1px);height: 1px; background: #666; bottom: -6px;left: 0;-webkit-transform: scale(0, 1); -ms-transform: scale(0, 1);transform: scale(0, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center;transform-origin: right center;z-index: -1;-webkit-transition: transform 0.5s ease; transition: transform 0.5s ease;}
#mainMenu li > a:hover::before,
#mainMenu li > a.active::before {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);-webkit-transform-origin: left center; -ms-transform-origin: left center;transform-origin: left center;}
.main-header .navbar{padding-top:0 !important;margin-bottom: 0 !important;height: 80px;padding-bottom: 0 !important;align-items: center;}
.main-header.fixed-nav #mainMenu li > a::before { background: #000;}
.main-header {position: fixed;top: 0; left: 0; z-index:199; width: 100%; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;line-height: 80px;height: 80px; background:rgba(11,15,26,0.6);}
.main-header.scroll {background:#0b0f1a;}
.main-header.fixed-nav { top: 0;background: #fff;-webkit-box-shadow: 0 8px 12px -8px rgba(0, 0, 0, 0.09);box-shadow: 0 8px 12px -8px rgba(0, 0, 0, 0.09); -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.main-header.fixed-nav .navbar-brand > img:last-of-type {display: block;}
.main-header.fixed-nav .navbar-brand > img:first-of-type {display: none;}
.navbar-brand {color: #fff;padding: 0 !important;height: 80px !important;line-height: 80px !important;display: flex;}
.main-header .navbar-brand img {animation: fadeInLeft 0.4s both 0.4s;width:146px;}
.main-header button.btn.btn-gradient{ overflow: hidden;transition: color 0.5s ease;position: relative;display: inline-block;background: linear-gradient(45deg, #00a2e5, #7c00ff);border: 0;box-shadow: none;color: #fff;font-weight: bold; padding: 0.5em 1.5em;max-width: 150px;border-radius: 50px;margin-right: 10px;}

.main-header button.btn.btn-gradient::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: all 0.5s ease;
  z-index: 0;
}

.main-header button.btn.btn-gradient span {
  position: relative;
  z-index: 1;
}

.main-header button.btn.btn-gradient:hover::before {
  left: 0;
}

.main-header button.btn.btn-gradient:hover {
  color: #6927a6;
}

/*all*/
.clbh{clear:both !important;}
.border0{border:0 !important;}
.br-rd30{border-radius:30px !important;}
.mr_r10{margin-right: 10px !important;}
.mr-b0{margin-bottom:0 !important;}
.mr-b25{margin-bottom:25px !important;}
.mr-b30{margin-bottom:30px !important;}
.mr-b40{margin-bottom:40px !important;}
.mr-b50{margin-bottom:50px !important;}
.mr-b60{margin-bottom:60px !important;}
.mr-b70{margin-bottom:70px !important;}
.mr-b80{margin-bottom:80px !important;}
.mr-b120{margin-bottom:120px !important;}
.mr-t10{margin-top:10px;}
.mr-t22{margin-top:22px;}
.mr-t30{margin-top:30px;}
.mr-t40{margin-top:40px;}
.mr-t50{margin-top:50px;}
.mr-t100{margin-top:100px;}
.pd20{padding:20px 0;}
.pd50{padding:50px 0 !important;}
.pd30-rl{padding:0 30px !important;}
.pd-t0{padding-top:0 !important;}
.pd-t50{padding-top:50px !important;}
.pd-t180{padding-top:180px !important;}
.pd_b20{padding-bottom:20px !important;}
.pd_b30{padding-bottom:30px !important;}
.pd_b50{padding-bottom: 50px !important;}
.pd_b150{padding-bottom: 150px;}
.pcblock1200{display:block;}
.pcblock{display:block;}
.mblock{display:none;}
.ft_pcblock{display:block;}
.row-hp-pd{padding:80px 0;}
.row-hp-pd100{padding:100px 0;}
.row-hp-pd150{padding:150px 0;}
hr.br_style{color:#e6e9ee;margin: 30px 0;width: 100%;max-width:543px;opacity: 1;}
.tit_hp{text-align: center;font-weight: bold;font-size: 42px;margin-top: 0;margin-bottom: 20px;line-height: 52px;letter-spacing: -0.45px;color: #222222;}
.subtit_hp{color: #222;font-size:36px;font-weight:700;text-align: left;line-height:46px;letter-spacing: -0.45px;}
.subtit_hp2{color: #222;font-size: 28px;font-weight: 700;text-align: left;line-height: 38px;letter-spacing: -0.45px;}
.txt_hp {color: #565973;letter-spacing: -0.3px; font-size: 18px;line-height: 28px; font-weight: 400;text-align: left;}
.subtit_black{color:#333;text-align:left;}
.btn_white{ min-width:147px;text-align:center;color: #6927a6;border-color: #fff; background: #fff;padding: 11px 33px;display: inline-block;font-size: 16px;letter-spacing:-0.8px;;line-height:24px;border:1px solid #fff;font-weight:500;}
.btn_white:hover{text-decoration:none;color: #fff;background:transparent;}
.btn_purple,.btn_purple:focus{border-radius:8px;cursor: pointer;text-decoration:none;min-width:224px;text-align:center;color: #fff;border-color:#6927a6;background:#6927a6;padding:14px 50px;display: inline-block;font-size: 16px;letter-spacing:-0.8px;;line-height:24px;border:1px solid #51337b;font-weight:500;}
.btn_purple:hover{text-decoration:none;color: #6927a6;background:#fff;border:1px solid #6927a6;}
.btn_white_br{font-weight:500;min-width:147px;text-align:center;color: #fff;background:transparent;padding: 11px 33px;display: inline-block;font-size: 16px;letter-spacing:-0.8px;;border:1px solid #fff;line-height:24px;}
.btn_white_br:hover{text-decoration:none;color: #6927a6;background: #fff;}
.modal-dialog .wrap_tel .btn_purple:hover,.modal-dialog .wrap_tel .btn_purple:focus,.modal-dialog .wrap_tel .btn_purple:link{color: #fff; border-color: #6927a6;background: #6927a6;}
.btn_purple.btn_hp_tel.active,.btn_purple.btn_hp_tel.active:hover,.btn_purple.btn_hp_tel.active:focus,.btn_purple.btn_hp_tel.active:link {background: #666;border: #666;cursor:default;color:#fff;}
.tit_box_style2{font-weight: bold;font-size: 18px;line-height: 28px;letter-spacing: -0.45px;}
.tit_white_banner{font-size: 54px;color: #FFF;font-weight:bold;line-height: 64px;margin: 30px 0 20px;letter-spacing: -0.45px;}
.tit_white_banner32{font-size:32px;color: #FFF;font-weight:bold;line-height:38px;margin: 30px 0 20px;letter-spacing: -0.45px;}
.txt_white_banner{color: #fff;font-size:20px;line-height: 28px;letter-spacing: -0.3px;margin-bottom:46px;}
.txt_center{text-align:center;}
.txt_purple{color:#a156dd;}
.txt_white{color: #fff;}
.txt_bk{color: #565973;}
.txt_vora{color:#6927a6 !important;}
.txt_blue{color:#1b8cff;}
.bg_vora2{position: relative;display: inline-block;padding:14px 24px;background: #6927a6;color: #fff;text-decoration: none;border-radius: 8px;font-weight: 600;overflow: hidden;transition: color 0.1s ease;}
.bg_vora2::before{content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background:linear-gradient(45deg, #00a1e5, #7c00ff);transition: all 0.5s ease;z-index: 0;}
.bg_vora2 span {position: relative;z-index: 1;}
.bg_vora2:hover::before {left: 0;}
.bg_vora2:hover {color: #fff !important;}
.bg_white2{position: relative;display: inline-block;padding:14px 24px;background:linear-gradient(45deg, #00a1e5, #7c00ff);color:#fff;text-decoration: none;border-radius: 8px;font-weight: 600;overflow: hidden;transition: color 0.5s ease;}
.bg_white2::before{content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: #6927a6;transition: all 0.5s ease;z-index: 0;}
.bg_white2 span {position: relative;z-index: 1;}
.bg_white2:hover::before {left: 0;}
.bg_white2:hover {color: #fff !important;}
@media all and (max-width:991px){
img{ max-width: 100% !important;}
}
@media all and (max-width:1200px){
.pcblock1200{display:none;}
}
/*main-banner*/
.main-banner {padding:0;min-height: 800px; max-width:100%; margin: 0 auto;display: flex;position: relative; top: -80px;background:url('../image/main_bg.svg'), #0b0f1a;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.txt_nomal{display: inline-block;margin-right:8px;}
.main-banner span.txt_gradient {position: relative;display: inline-block;background: linear-gradient(90deg, #05a8ec, #672aa7); background-size: 100% 100%; background-position: 0% 50%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: shine 3s linear 1 3s forwards, sparkle 3s ease-in-out 1 3s forwards; overflow: hidden; }
.main-banner span.txt_gradient::after {content: "";position: absolute;top: 0;left: -60%; width: 50%; height: 100%;background: linear-gradient(120deg, transparent, rgba(255,255,255,0.7), transparent);transform: skewX(-20deg);}
@keyframes shine {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 100%; }
}
@keyframes sparkle {
  0%   { filter: brightness(1);background-size: 100% 100%;}
  50%  { filter: brightness(1.4);background-size: 200% 100%;}
  100% { filter: brightness(1);background-size: 100% 100%;}
}

.main-banner .container {display: flex;align-items: center;justify-content: center;}
.main-banner h2 {font-size: 2rem;font-weight: bold;letter-spacing: -0.15px;line-height: 23px;color: #fff;display: flex;justify-content: center;}
.main-banner h2 span{font-family: 'noya' !important;line-height: 30px;}
.main-banner .row{display:flex;width: 100%;}
.main-banner .row a.bg_white{background:#fff;color: #222;}
.main-banner .bg_vora2{width: 50%;max-width: 200px;}

/*HelpNow AI Product*/
.main-product{background:#f7f9ff;margin-top:-80px;}
.main-product .box-product{ border: 1px solid #f1f1f1;background: #fff;padding: 25px;text-align:center;}
.main-product p{max-width:543px;}
.main-product span.tag_nobg{color: #565973;font-size: 16px;font-weight:700;line-height: 30px;letter-spacing: -0.3px;margin-right: 26px;display: inline-block;float: left;}
/*HelpNow AI horizen slide customer*/
.main-customer-story{background: #fff;}
.main-customer-story p{max-width:543px;}
.main-customer-story .item .row{width:100%;}
.main-customer-story p.txt-customer-slide{color: #565973;font-size: 24px;line-height: 30px;letter-spacing: -0.3px;font-weight: bold;}
.main-customer-story .wrapper_box_gray{background: #f7f9ff;padding:40px 36px 36px;border-radius: 30px;width:100%;}
.main-customer-story .tit_box_style{font-weight:bold;font-size: 18px;line-height: 28px;letter-spacing: -0.3px;margin:0 0 4px;}
.main-customer-story ul.ul_box_style{list-style: '- ';color: #565973;font-size: 18px;line-height: 28px;letter-spacing: -0.3px;padding-left: 12px;margin-bottom: 0;}
.main-customer-story ul.ul_box_style_chk{list-style-image:url("../image/icn_chk.png");color: #565973;font-size: 18px;line-height: 28px;letter-spacing: -0.3px;padding-left:25px;margin-bottom: 0;}
.main-customer-story span.tag_nobg {background: #7a7b8b;padding: 5px 16px; border-radius: 50px;color: #fff; display: inline-block;margin-bottom:10px;letter-spacing: -0.3px;margin-right:4px;}
.main-customer-story .tit_hp{margin-top: 9vh !important;}
.main-customer-story h3.subtit_hp_logo{margin-bottom: 18px;margin-top: 10px;line-height: 38px;letter-spacing: -0.45px;font-size: 24px;font-weight: bold;color: #222222;}
/*main-video-row2*/
.main-video-row2{background:#0b1b29;}
.main-video-row2 .wrapper_box_video{background: #fff;border-radius: 30px;max-width: 600px;margin: 0 auto;padding:60px;}
.main-video-row2 .wrapper_box_video img{transition: transform 0.3s ease-in-out;border-radius:16px;}
.main-video-row2 .wrapper_box_video_img:hover img.video_thum{transform:translateY(-10px);box-shadow: 2px 4px 10px rgb(0, 0, 0, 0.4);cursor: pointer;}
.main-video-row2 .wrapper_box_video .video_icn {position: absolute;top: calc(50% - 4px);left: calc(50% - 46px);z-index:99;background: #fff;padding: 33px 34px; border-radius: 50px;}
.wrapper_box_video_img:hover .video_icn{background:#6927a6;}
.wrapper_box_video_img:hover .video_icn img{filter: brightness(0) invert(1);}

.main-video-row2 .bg_vora2,.main-video-row2 .bg_white2{width:50%;max-width: 240px;}
.main-video-row2 .wrapper_btn{display: flex;justify-content: center;}
 .main-video-row2 .wrapper_btn div{justify-content: space-between;display: flex;align-items: center;}
 .main-video-row2 .wrapper_btn i {margin-right: 10px;}
/*main-icon-box*/
.main-icon-box{background: #f8f9fe;}
.main-icon-box h2{font-weight: bold;font-size:22px;line-height:32px;letter-spacing: -0.3px;color:#565973;}
.main-icon-box .col-md-3 {display: flex;}
.main-icon-box .col-md-3 .wrapper_box_icon {background: #fff;padding:60px 30px;border-radius: 30px;width:100%;}
/**/
.main-logo-box{background: #fff;}
.main-logo-box h2.subtit_hp2{text-align:center !important;}
.main-logo-box .tit_box_style2{letter-spacing:-0.1px;}
.main-logo-box .col-md-3 .wrapper_box_logo {border:1px solid #c9c9d3;padding:34px 16px;border-radius:15px;}
.main-logo-box .subtit_hp{text-align:center;}
.main-logo-box hr{color:#e0d2ec;margin-bottom:20px;opacity: 1;}
/*main-comparison*/
.main-comparison{background:#fff; padding-bottom: 80px;}
.main-comparison .comparison {margin-top: 30px;text-align: center;padding: 10px;}
.main-comparison .comparison table {width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: auto;margin-bottom: 30px;}
.main-comparison .comparison td,.comparison th {text-align:center;word-break: keep-all;}
.main-comparison .comparison td{padding: 21px 30px;color:#0b0f19;font-size: 16px;letter-spacing: -0.1px;line-height: 32px;font-weight:400;}
.main-comparison .comparison .compare-row {background: #f3f6ff;}
.main-comparison .fa-check { color:#000000;}
.main-comparison .comparison th:first-child{text-align:left;border-radius: 8px 0 0 8px;}
.main-comparison .comparison th:last-child{border-radius: 0 8px 8px 0;}
.main-comparison .comparison th {word-break: keep-all;font-weight: normal;border:0;padding: 10px 30px;background: #d9e0f5;font-size: 20px;font-weight: 700;color: #0b0f19;letter-spacing: -0.1px;line-height: 28px;}
.main-comparison .comparison tr td:first-child {text-align: left;font-weight: bold;color: #0b0f19;}
tr.compare-row td:first-child {border-radius: 8px 0 0 8px !important;}
tr.compare-row td:last-child {border-radius:0 8px 8px 0 !important;}
/*기능*/
.main-platform{background:url('../image/bg_ai_plaform2.svg'), linear-gradient(90deg, #0f2036, #171630);background-size: cover;background-position:50% 8%;}
.main-platform .wrapper_box_white{width: 100%;background: #fff;padding: 80px 60px 50px;border-radius: 30px;margin-top: 40px;}
.main-platform .tit_hp{margin-top: 14px;}
.timeline {position: relative;padding-left: 30px;}
.timeline::before {content: '';position: absolute;left: 20px;top: 0;bottom:72px;width:1px;background:linear-gradient(180deg, #ffffff 0%, #000000 100%);border-radius: 2px;}
.step {position: relative;margin-bottom:30px;}
.step:nth-child(1) { animation-delay: 0.1s; }
.step:nth-child(2) { animation-delay: 0.2s; }
.step:nth-child(3) { animation-delay: 0.3s; }
.step:nth-child(4) { animation-delay: 0.4s; }
.step:nth-child(5) { animation-delay: 0.5s; }
 @keyframes slideUp {
   to {
      opacity: 1;
      transform: translateY(0);
      }
}
.step-number {position: absolute;left: -28px;top: 0; width: 38px;height: 38px; background: #000;color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center; font-weight: bold;font-size: 18px;z-index: 2;}
.step-content {background: white;border-radius:0;padding:0;margin-left: 40px;transition: transform 0.3s ease, box-shadow 0.3s ease;border-bottom: 1px solid #f1f3f6;}
.step-content.br0{border-bottom:0 !important;}
.step-title {font-size: 18px;font-weight: bold;color: #2c3e50;margin-bottom: 0;display: flex;align-items: center;float: left;line-height: 28px;letter-spacing: -0.3px;min-width: 130px;}
.step-details {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px;margin-top:0;}
.detail-column {margin-bottom: 16px;}
.detail-column ul {list-style:disc;margin-top:0;}.detail-column li {padding-bottom: 8px; color: #565973; position: relative;transition: color 0.3s ease;font-size:16px;line-height: 24px;letter-spacing: -0.4px;width: 33.33%;float: left;word-break: keep-all;padding-right: 10px;}
/*main-specific*/
.main-specific{background: #f7f9ff;}
.main-specific h2.subtit_hp2{letter-spacing:0.25px;}
.main-specific .template-box ul {list-style: 'ㆍ ';padding-left: 15px;margin-top: 26px;}
.main-specific span.ultit_specific{color: #565973;line-height: 32px;font-size: 18px;font-weight: bold;letter-spacing: -0.45px;}
.main-specific span.ultxt_specific{color: #565973;line-height: 32px;font-size: 16px;font-weight: 400;letter-spacing: -0.45px;}
.main-specific .template-box ul li {margin-bottom: 16px;}
/*main-banner-bottom*/
.main-banner-bottom {margin-bottom: 100px;}
.main-banner-bottom{background:#0b0f1a;min-height: 441px;display: flex; flex-direction: row;background-repeat: no-repeat;}
.main-banner-bottom h2 {font-weight: bold;letter-spacing: -0.15px;line-height: 23px;color: #fff;display: inline-block;}
.main-banner-bottom h2 span.txt_nomal{font-size:20px;margin-bottom:6px;}
.main-banner-bottom h2 span{font-family:'noya' !important;}
.main-banner-bottom span.txt_gradient {position: relative;margin-top:10px;background: linear-gradient(90deg, #05a8ec, #672aa7); background-size: 100% 100%; background-position: 0% 50%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.main-banner-bottom .bg_vora2{max-width:240px;text-align:center;margin-top: 16px;min-width: 240px;}
.main-banner-bottom {transition: all 2s;transform:scale(0.9) !important;}
.main-banner-bottom .container{align-items: center;display: flex;min-height:530px;width: 100%;max-width: 90%;justify-content: center;}
.main-banner-bottom.scroll-spy.show{transform-box: fill-box; transform-origin: 50% 50%;transform:scale(0.8) !important;border-radius:20px;}
.main-banner-bottom .banner-bottom-style{display: flex;flex-direction: row;align-items: center;}
.main-banner-bottom .banner-bottom-style .mb-content-wrapper{width: 100%;padding:0;}
.main-banner-bottom .mb-content-wrapper{transform: scale(1.5);}

/**/

/*foot*/
footer.footer{border-top: 1px solid #ededed;padding:80px 0 60px 0;}
footer .f_util {color: #c3c4c9;text-decoration: none;font-size: 14px;letter-spacing: -0.1;line-height: 25px;}
footer .foot_bottom {background:#fff;}
footer .foot_bottom .container {padding-top:32px;padding-bottom:32px;font-size: 13px;}
footer .foot_bottom strong {color: #8b8d99;font-weight: 700;margin-right: 6px;}
footer .foot_bottom span{color:#8b8d99;font-weight: 400;font-size: 14px;letter-spacing: -0.1;line-height: 25px;}
.ft_logo{text-align:left;margin-top:6px;}
/**/
.mt-38{margin-top: 38px !important;}
.mt-110{margin-top: 110px !important;}
.footer-brand .logo {font-size: 24px;font-weight: 700;color: #2563eb; margin-bottom:80px; }
.company-info {color: #8b8d99;font-size: 14px;line-height:25px;letter-spacing:-0.1px;}
.company-info p {margin-bottom: 4px;}
.footer-section ul {list-style: none;padding: 0;}
.footer-section li {margin-bottom: 12px;}
.footer-section a {color: #8b8d99; text-decoration: none; font-size: 14px;letter-spacing:-0.1px;}
.footer-section h3 a,.footer-section h3,.footer-section a.menu_dep1{font-size: 14px !important;font-weight:700;color: #1a202c !important;margin-bottom: 20px;letter-spacing:-0.1px;}
.footer-section a:hover {color:#6927a6;}

@media all and (max-width:991px){
footer.footer .row {padding: 0 !important;margin: 0 !important;}
.ft_logo { text-align:left; margin-top:10px;}
}
@media all and (min-width: 768px){
.hp-aicc-modal .modal-dialog{width: 500px;}
.hp-aicc-modal .modal-content {width: 500px;}
}
@media all and (max-width:769px){
.hp-aicc-modal .modal-dialog .form-group01{display:block;}
}
/*foot back to top button*/
#backToTop {display: none;  position: fixed;bottom: 20px;  right: 30px; z-index: 99; border-radius: 0;border: 1px solid #51337b;background-color: rgb(255,255,255,0.5) !important;color: #51337b;font-weight: bold;font-size: 2rem;width: 50px;height: 50px;text-align: center;line-height: 50px;}
#backToTop:hover,#backToTop:link,#backToTop:focus {text-decoration:none;}
a#backToTop:before {content: '\f106'; font-family: fontawesome;vertical-align: top;}
/*responsive*/

.heading {font-size: 2.5rem;height: 50vh;display: flex;align-items: center;justify-content: center;text-shadow: 0.04em 0.04rem 0 #81b5ab;}
.section {overflow: hidden;}
.wrapper {height: 100%;}
.item {width:100%;height:80%;display: flex;position: absolute;inset: 0%;box-shadow: rgb(149, 157, 165, 0.2) 0px 8px 24px;overflow: hidden;margin-top:100px;max-width: 1320px;max-height:70vh;top: 10vh;}
.item_content {background-color: #fff;color: #292929;flex-flow: column;justify-content: center; align-items: flex-start;padding:2rem;display: flex;position: relative;}
.item_media {object-fit: cover;width: 50%;height: 100%;}
.padding-global{padding-left: 2.5rem; padding-right: 2.5rem;}
.padding-vertical {padding: 2rem;}
@media (max-width:900px) {
.heading {font-size: 2.5rem;}
.item {display: flex;flex-direction: column;}
.item_content,.item_media {height: 50vh;width: 100%;padding-top: 0;padding-bottom: 0;}
.item_number{font-size: 0.5rem;top: 1.5rem;}
}

@media all and (max-width:1700px){
.main-banner-bottom {background-position: 100% 50%;background-size: auto 100%;}
}
@media all and (max-width: 1500px) {
.main-banner-bottom {background-size: auto 70%;min-height: 540px;}
}
@media all and (max-width:1319px) and (min-width:991px){
.main-video-row2 .wrapper_btn .col-md-6 {width: 60%;}
}
@media all and (max-width:1320px){
.main-video-row2 .bg_vora2, .main-video-row2 .bg_white2 {padding: 14px 0;}
section.row-hp-pd.main-video-row2 .col-md-5,.main-banner-bottom .col-md-5{width: 58.33333333%;}
.main-banner-bottom .col-md-7{width: 41.66666667%;}
section.row-hp-pd150.main-icon-box h2 br {display: none;}
.timeline::before{bottom: 84px;}
.main-banner-bottom .container {min-height: auto;}
.main-banner-bottom {margin-bottom: 100px;}
section.row-hp-pd150.main-comparison {padding-bottom: 80px;}
.main-banner-bottom.scroll-spy.show { transform: scale(0.8) !important;}
}
@media all and (max-width:1319px){
.footer-brand .logo {margin-bottom: 55px;}
}
@media all and (max-width:1199px){
.main-banner{min-height: 750px;}
.main-banner h2{font-size: 1.4rem;}
.tit_white_banner{font-size: 48px;line-height:58px;margin:20px 0;}
.txt_white_banner{font-size: 18px;}
.main-platform .tit_hp {margin-top: 8px;}
.main-platform img.img_he{max-width:340px;}
.tit_hp {font-size: 38px;line-height: 48px;}
.subtit_hp{font-size: 34px;line-height: 44px;}
.subtit_hp2{font-size: 26px;line-height: 36px;}
.main-video-row2 .wrapper_box_video{padding: 40px;}
.main-video-row2 h2.subtit_hp2.mr-b40 {margin-bottom: 20px !important;}
}
@media all and (max-width:1120px){
.main-banner-bottom {min-height:500px;}
.main-banner-bottom .mb-content-wrapper {transform: scale(1.2);}
}
@media all and (max-width:992px){
.main-video-row2 .wrapper_btn .col-md-6 {width: 74% !important;}
.main-platform .wrapper_box_white{padding: 60px 40px 30px;}
.detail-column li {width: 48%;}
.main-video-row2 .wrapper_box_video {padding: 30px;}
.main-banner-bottom {background-size: auto 60%;}
.ft_pcblock{display:none;}
.col-lg-4.col-md-6.mb-4.ft_brand { width: 100%;margin-bottom: 0 !important;}
.company-info br {display: none;}
.footer {padding: 30px 0;}
.footer-brand .logo {margin-bottom: 10px;}
}
@media all and (max-width:991px){
.m_pd0{padding:0 !important;}
.m_txt_center{text-align:center !important;}
.m_txt_center .subtit_black{text-align:center !important;margin-top: 30px;}
}
@media all and (max-width:899px){
.main-banner-bottom {min-height:400px;background-size: auto 70%;}
.main-banner-bottom .mb-content-wrapper{transform: scale(1);}
.main-banner-bottom .banner-bottom-style .mb-content-wrapper {padding-left:0;}
.main-banner {min-height: 700px;}
.tit_white_banner {font-size: 44px;line-height: 54px;}
.main-customer-story .wrapper_box_gray{padding: 40px 30px 36px;}
.row-hp-pd150 {padding: 120px 0;}
.main-video-row2 .wrapper_box_video{padding: 40px;}
.tit_hp {font-size: 34px; line-height:44px;}
.subtit_hp {font-size:30px; line-height:40px;}
.subtit_hp2 {font-size: 24px;line-height: 34px;}
.main-video-row2 .bg_vora2, .main-video-row2 .bg_white2 { max-width: 220px;}
.main-icon-box h2 {font-size: 18px;line-height: 28px;}
.tit_box_style2 { font-size: 16px;line-height: 26px;}
.main-logo-box .subtit_hp2 {font-size: 21px;line-height: 31px;}
.pcblock{display:none;}
.mblock{display:block;}
}
@media all and (max-width:767px){
.container {max-width: 92% !important;}
.main-header .container{max-width:98% !important;}
.row-hp-pd150 {padding: 100px 0;}
.main-banner {padding: 0;min-height:100vh;}
.main-banner .container {max-width: 100% !important;padding-right:0;}

.main-banner h2 {font-size: 1.6rem;}
.main-banner .bg_vora2 {max-width: 180px;}
section.main-banner .col-lg-12 {padding: 0;}
.tit_white_banner {font-size:34px;line-height:46px;margin: 14px 0;}
.txt_white_banner{font-size:16px;}
.bg_vora2,.bg_white2{font-size: 15px;}
.tit_hp {font-size: 30px; line-height:40px;}
.subtit_hp {font-size:26px; line-height:36px;}
.subtit_hp2 {font-size: 22px;line-height: 32px;}
.m-mt30{margin-top:30px;}
.txt_hp {font-size: 16px;line-height: 26px;}
.row-hp-pd150.main-customer-story {padding-top: 140px;}
.main-customer-story span.tag_nobg {font-size: 14px;padding: 5px 10px;}
.main-customer-story .wrapper_box_gray{padding:20px 14px;}
.main-customer-story ul.ul_box_style,.main-customer-story ul.ul_box_style_chk{font-size: 16px;line-height: 26px;}
.main-video-row2 .wrapper_box_video{margin-bottom: 20px;padding: 20px;}
.main-video-row2 .row.mr-b70{margin-bottom: 50px !important;}
.main-video-row2 .bg_vora2, .main-video-row2 .bg_white2 {max-width: 200px;}
.main-icon-box .col-md-3 .wrapper_box_icon{margin-bottom: 20px;padding: 48px 20px;}
.main-logo-box .col-md-3 .wrapper_box_logo {padding:20px 16px;margin-bottom: 20px;}
.main-specific .template-box ul li{margin-bottom: 10px;}
.main-specific .template-box ul {margin-top: 20px;margin-bottom: 30px;}
.main-specific.row-hp-pd150 {padding-bottom:80px;padding-top: 140px;}
.step-title br,.detail-column li br{display: none;}
.step-title{margin-bottom:10px;padding-top: 5px;}
.p-pr2{padding-right: 2em;}
.timeline::before {bottom: 135px;}
.timeline {padding-left: 20px;}
.timeline::before {left: 15px;}
.step-number {left: -25px;width: 40px;height: 40px;font-size: 1rem;}
.step-content {margin-left:20px;padding: 0 10px;}
.step-title {display: block;float: none;font-size: 17px;word-break:keep-all;}
.step-details {grid-template-columns: 1fr;gap: 15px; } 
.detail-column li {width: 100%;}
.detail-column ul {padding-left: 18px;}
.main-platform img.img_he{max-width: 300px !important;}
.main-comparison .comparison {margin-top: 0;padding:0;}
.main-comparison .comparison th {font-size: 15px;line-height: 20px;padding: 10px 4px;}
.main-comparison .comparison td {font-size: 14px;line-height: 24px;padding: 21px 4px;}
.main-comparison .comparison tr th:first-child,.main-comparison .comparison tr td:first-child{text-align: center;}
.main-header .navbar-brand {padding-left: 10px !important;}
.navbar-brand {margin-right: 0.2rem}
.main-header .navbar-brand img {width: 100px;}
.main-header button.btn.btn-gradient {padding:0.5em 0.8em;max-width: 120px;font-size:13px;}
.main-video-row2 h2.subtit_hp2.mr-b40 {margin-bottom:10px !important;}
.main-video-row2 .wrapper_box_video .video_icn{top:calc(50% - 6px);left:calc(50% - 28px);padding: 16px 17px;}
.main-video-row2 .wrapper_box_video img{width: 100%;}
section.row-hp-pd150.main-icon-box h2 br {display:block;}
.main-specific h2.subtit_hp2 br {display: none;}
.main-platform .wrapper_box_white {padding: 30px 20px 10px;}
.main-banner-bottom .container {justify-content: center;text-align: center;align-items:center;}
.main-banner-bottom.scroll-spy.show {transform: scale(0.9) !important;}
.m-mt14{margin-top:14px;}
footer .container {max-width:100% !important;word-break: keep-all;}
}
@media all and (max-width:668px){
.main-video-row2 .bg_vora2{width: 100%;margin-bottom: 16px;}
.main-video-row2 .bg_white2{width: 100%;}
.main-video-row2 .wrapper_btn div {display: block !important;}
.main-video-row2 .bg_vora2, .main-video-row2 .bg_white2 {display: inline-block;}
.main-video-row2 .wrapper_box_video .video_icn {top:50%;}
}
 @media (max-width: 480px) {
.step-content {margin-left: 25px; padding: 15px;}
.step-title { font-size: 1.2rem;}
.step-number {width: 35px; height: 35px;font-size: 0.9rem;}
}
@media all and (max-width:317px){
.main-banner h2 {flex-direction: column;}
}