@charset "utf-8";

.page_main {font-family:'SUIT';  line-height: 1.2; color: #333; letter-spacing: normal; --fxd-wid1: 60px; --fxd-wid2: 458px;}
.page_main section {padding: 100px 0;}
.page_main section .inner { max-width: 1230px; margin: 0 auto; padding: 0 15px;}
.page_main section .inner .tit {font-size: 40px; font-weight:800;}
.page_main a.link { display: inline-block; font-size: 20px; font-weight: 600; line-height: 1.3; color:#56ACFF; padding-right:15px; background: url(/wp-content/uploads/sites/2/image/main/main_link_arrow.webp) no-repeat right center / 8px 14px; margin-top: 16px;}

.main_visual { position: relative; height: 620px; overflow: hidden; padding-top: 120px;} 
.main_visual .video_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;} 
.main_visual .video_wrap .hero_video { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.main_visual .video_wrap .hero_video_mb { display: none;}
.main_visual .visual_txt { position: relative; z-index: 1; top: 50%; transform: translateY(-50%); color: #000; }
.main_visual .visual_txt .main_tit { font-size: 64px; font-weight: 900; margin-bottom: 18px; text-shadow: 0px 8px 30px #33333333;}
.main_visual .visual_txt .sub { font-size: 24px; line-height: 1.3;}
.main_visual .vs_wrap { display: flex; gap: 24px; margin-top: 48px;}
.main_visual a.btn_qna { color:#56ACFF; box-shadow: inset 0 0 0 2.5px #56ACFF;  background-color: transparent;}
.main_visual a.btn_qna:hover{color: #fff;}
.main_visual a.btn_trial { color:#fff;  background-color: #56ACFF; }
.main_visual a.main_trial {position: relative; overflow: hidden; z-index: 0; display: inline-block; font-size: 24px; font-weight:800; padding: 16px 0; border-radius: 66px; width:238px; text-align: center;}
.main_visual a.main_trial::before { content: ""; position: absolute; inset: -1px; background: #094b7b; z-index: -1; transform-origin: right center; transform: scaleX(0); transition: transform .25s ease-in-out;}
.main_visual a.main_trial:hover::before { transform-origin: left center; transform: scaleX(1);  box-shadow: none;  color:#fff;}

.main_product .slide_wrap { position: relative; margin-top:56px;}
.main_product .accr_wrap {display: none;}
.main_product ul li .pr_img{ position:relative; width:640px; height:406px; cursor:pointer; overflow:hidden; float: right; border-radius: 12px; }
.main_product ul li .pr_bg{ position:relative; height:100%; background-size:100%;   background-position: center;transition:  background-size 0.4s ease; }
.main_product ul li .pr_img:hover .pr_bg{ background-size: 110%; background-position: center;}
.main_product ul li .pr_bg.bg01 {background-image:url(/wp-content/uploads/sites/2/image/main/main_product_bg01.webp);}
.main_product ul li .pr_bg.bg02 {background-image:url(/wp-content/uploads/sites/2/image/main/main_product_bg02.webp);}
.main_product ul li .pr_bg.bg03 {background-image:url(/wp-content/uploads/sites/2/image/main/main_product_bg03.webp);}
.main_product ul li .pr_bg.bg04 {background-image:url(/wp-content/uploads/sites/2/image/main/main_product_bg04.webp);}
.main_product ul li .pr_bg.bg05 {background-image:url(/wp-content/uploads/sites/2/image/main/main_product_bg05.webp);}
.main_product ul li .pr_bg.bg06 {background-image:url(/wp-content/uploads/sites/2/image/main/main_product_bg06.webp);}
.main_product ul li .pr_bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 60.96%, #000 95.94%); background-blend-mode:multiply; z-index:1; }
.main_product ul li .pr_bg .pr_text{ position:absolute; bottom:22px; left:30px; z-index:2; color:#fff; transition:opacity .3s; }
.main_product ul li .pr_bg .pr_text .txt{ font-size:24px; font-weight:800; margin-bottom:12px; }
.main_product ul li .pr_bg .pr_text p{ font-size:16px; line-height:1.3; }
.main_product ul li .pr_bg img{ position:absolute; bottom:22px; right:29.5px; z-index:3; opacity:1; transform:translateX(0); transition:opacity .4s ease, transform .4s ease; }
.main_product ul li .pr_hover{ position:absolute; inset:0; opacity:0; z-index:4; transition:opacity .4s ease; background: #000000B2;}
.main_product ul li .pr_hover .hover_txt{ position:absolute; bottom:22px; left:30px; color:#fff; }
.main_product ul li .pr_hover .hover_txt .txt{ font-size:24px; font-weight:800; margin-bottom:12px; }
.main_product ul li .pr_hover .hover_txt p{ font-size:16px; line-height:1.3; }
.main_product ul li .pr_hover img{ position:absolute; bottom:22px; right:29.5px; opacity:0; transform:translateX(-10px);  }
.main_product ul li .pr_img:hover .pr_bg .pr_text{ opacity:0; }
.main_product ul li .pr_img:hover .pr_bg img{ opacity:0; transform:translateX(5px); }
.main_product ul li .pr_img:hover .pr_hover{ opacity:1; }
.main_product ul li .pr_img:hover .pr_hover img{ opacity:1; transform:translateX(0); right: 19.5px;}
.main_product .slide_wrap .slider_wrap { width: 800px; margin: 0 auto; }
.main_product .slide_wrap .slide_texts { display: flex; justify-content: space-between; flex-direction: column; padding: 0; list-style: none; position: absolute; top: 10px; left: 32px; width: 300px;}
.main_product .slide_wrap .slide_texts li { font-size: 20px; font-weight:700; color:#B2B2B2; cursor: pointer; padding: 20px 0; transition: color 0.3s; color: #999; font-weight: 400;}
.main_product .slide_wrap .slide_texts li.active {font-size: 24px; font-weight: 800; color: #333; font-weight: 700;}
.main_product .slide_wrap .slick-dots { position: absolute; top: 10px; left: 0; height: 381px; width: 3px; display: flex; flex-direction: column; justify-content: space-between; padding: 0; margin: 0;}
.main_product .slide_wrap .slick-dots li { flex: 1;  margin: 0; list-style: none; border-radius: 0; width: 3px;}
.main_product .slide_wrap .slick-dots li:first-child {border-top-left-radius: 27px; border-top-right-radius: 27px;}
.main_product .slide_wrap .slick-dots li:last-child {border-bottom-left-radius: 27px; border-bottom-right-radius: 27px;}
.main_product .slide_wrap .slick-dots li.slick-active { width: 3px}
.main_product .slide_wrap .slick-dots li.slick-active button { background:#56ACFF; border-radius: 27px;}
.main_product .slide_wrap .pause_btn {position: absolute; right: 683px; bottom:0; background-color: #ccc; width: 30px; height:30px; border-radius: 50%; cursor:pointer; background-repeat: no-repeat; background-position: center; }
.main_product .slide_wrap .pause_btn.pause { background-image: url('/wp-content/uploads/sites/2/image/main/main_product_sl_stop.webp'); background-size: 14px 12px;}
.main_product .slide_wrap .pause_btn.play { background-image: url('/wp-content/uploads/sites/2/image/main/main_product_sl_play.webp'); background-size: 15px 17px ;background-position: 9px center; }

.page_main section.main_feature { padding-top:20px;}
.main_feature a.link { display: inline-block; font-size: 20px; font-weight: 600; line-height: 1.3; color:#56ACFF; padding-right:15px; background: url(/wp-content/uploads/sites/2/image/main/main_link_arrow.webp) no-repeat right center / 8px 14px; margin-top: 16px;}
.main_feature .wrap { margin-top: 56px;}
.main_feature .wrap ul.ft_box { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 48px 0;}
.main_feature .wrap ul.ft_box li { width: 25%; max-width: 260px; }
.main_feature .wrap ul.ft_box li .desc { font-size: 20px; font-weight: 800; line-height: 1.3; margin-top: 12px; padding-left:8px; }
.main_feature .wrap ul.ft_box li p { font-size: 18px; line-height: 1.3; color: #666; margin-top:2px; padding-left:8px; } 
@property --angle {syntax: '<angle>';initial-value: 0deg;inherits: false;} 
.main_feature .popup_btn {position:relative; display: block; max-width: 1200px;margin:100px auto 0 auto;border-radius: 66px; box-shadow: 0px 2px 8px #33333333; cursor: pointer;}
.main_feature .popup_btn::before {content: "";position: absolute;top: -3px; right: -3px; bottom: -3px; left: -3px;background: conic-gradient(from var(--angle), #CE8DFF, #1DECFF 20%, #1DECFF 40%, #CE8DFF 60%);border-radius: 66px;animation: rotate 1.8s linear infinite;z-index: -1;}
.main_feature .popup_btn::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-radius: 66px;z-index: -1;}
.main_feature .popup_btn .border {position: relative; display: flex; align-items: center; justify-content: space-between; border-radius: 60px; overflow: hidden;  background-color: #fff; padding:16px 22px 16px 94px; }
.main_feature .popup_btn .border::before  { content: ''; position: absolute; top: 50%; left: 30px; background-image: url(/wp-content/uploads/sites/2/image/main/main_product_popup_btn_icon01.webp); background-size: 48px 48px; width: 48px; height: 48px; transform: translateY(-50%);}
.main_feature .popup_btn .border span {font-size: 28px; font-weight: 800; }
.main_feature .popup_btn .border .grad { display: flex; align-items: center; justify-content: center; width: 49px; height: 49px; border-radius: 50%; background: linear-gradient(117.43deg, #3A8CFF 16.93%, #8D8FFF 84.29%); box-shadow: 0px 2px 8px #33333329;}
.main_feature .popup_btn .border .poptxt_mb { display: none;}
@keyframes rotate {
  0% {--angle: 0deg; }
  100% {--angle: 360deg;}
}
.product_modal .dialog { max-width: 1168px; height:800px; border-radius: 12px; background-color: #fff; padding-top:0; overflow: visible;}
.product_modal .dialog .close_wrap { position: sticky; top: 0; width: 100%; display: flex; justify-content: flex-end; padding: 23px 25px 0; z-index: 6;}
.product_modal .dialog .close_wrap .pr_modal_close { width: 30px; height: 30px; cursor: pointer;}
.product_modal .dialog .dialog_cont { position: relative;border-radius: 12px; padding: 0 100px 60px 120px; overflow: auto; height: 747px; margin-right: 20px;} 
.product_modal .dialog .pr_wrap {color:#0F0F0F;}
.product_modal .dialog .pr_wrap .pr_tit1{ font-size: 20px; font-weight:700; padding-bottom:36px; border-bottom: 1px solid #D9D9D9}
.product_modal .dialog .pr_wrap .pr_tit2{ font-size:15px; color:#0F0F0F; line-height: 1.7; padding: 36px 0; border-bottom: 1px solid #D9D9D9; }
.product_modal .dialog .pr_wrap .pr_tit2 span{ font-weight:700;}
.product_modal .dialog .pr_wrap .pr_tit3 { position: sticky; top: 0; font-size: 20px; font-weight: 700; padding: 36px 0 20px; background-color: #fff; z-index: 5;}
.product_modal .dialog .pr_wrap .pr_tit4 { font-size: 20px; font-weight: 700; padding: 36px 0 24px;}
.product_modal .dialog .pr_wrap .qna {position: relative; line-height:1.7; font-size:15px; padding-left: 13px;}
.product_modal .dialog .pr_wrap .qna::after {content:''; position: absolute; top:3px; left:0; width:3px; height:46px; border-radius: 39px; background-color: #D9D9D9;}
.product_modal .dialog .pr_wrap table { width: 100%; font-size: 14px; border-collapse: separate; } 
.product_modal .dialog .pr_wrap table thead { position: sticky; top: 79px; background-color: #fff; z-index: 5;}
.product_modal .dialog .pr_wrap table thead::after {content:''; width:100%; height:1px; background-color: #000;}
.product_modal .dialog .pr_wrap table thead tr th { font-size: 14px; font-weight:700; line-height: 1.3; text-align: left; padding-bottom:24px; border-bottom: 1px solid #D9D9D9;}
.product_modal .dialog .pr_wrap table tbody tr td {border-bottom: 1px solid #F3F3F3; padding: 24px 0;}
.product_modal .dialog .pr_wrap table tbody tr:last-child td {border-color: #D9D9D9;} 
.product_modal .dialog .pr_wrap table tbody tr td:first-child { font-size: 14px; font-weight: 700; line-height: 1.7;}
.product_modal .dialog .pr_wrap table tbody tr td .lh2 {line-height: 1.7;}
.product_modal .dialog .pr_wrap table tbody tr td .lh2 + .pr_btn {margin-top:6px;} 
.product_modal .dialog .pr_wrap table tbody tr td .sale {margin-right: 5px;}
.product_modal .dialog .pr_wrap table tbody tr td ul {display: flex; flex-direction: column; gap:6px;}
.product_modal .dialog .pr_wrap table tbody tr td ul li { position: relative; padding-left: 11px; line-height: 1.3; }
.product_modal .dialog .pr_wrap table .lh {line-height: 1.7;}

.product_modal .dialog .pr_wrap table tbody tr td ul li span {font-weight: 700;}
.product_modal .dialog .pr_wrap table tbody tr td ul li::before {content:''; position: absolute; top:8px; left: 4px; width:3px; height:3px; border-radius: 50%; background-color: #0F0F0F;}
.product_modal .dialog .pr_wrap table tbody tr td ul li.no_dot {padding-left: 0;}
.product_modal .dialog .pr_wrap table tbody tr td ul li.no_dot::before {display: none;}
.product_modal .dialog .pr_wrap .pr_btn {display: inline-block; font-size: 11px; line-height: 1.7; font-weight: 500; color:#7A7A7A; background-color: #F2F2F2; border-radius: 9.5px; cursor: pointer;}
.product_modal .dialog .pr_wrap .qna_btn { color:#7A7A7A; background-color: #F2F2F2; padding: 0 11px; }
.product_modal .dialog .pr_wrap .trial_btn {padding: 0 10px; color:#fff; background-color: #000; }
body.modal-open { overflow: hidden;}

.main_security { background-color: #073C62;}
.main_security .tit { color: #fff;}
.main_security .wrap {background-color: #fff; border-radius: 12px; padding: 24px 50px; margin-top: 56px;}
.main_security .wrap ul.sc_logo { display: flex; }
.main_security .wrap ul.sc_logo li { width: 20%; display: flex; flex-direction: column; align-items: center; gap: 4px;}
.main_security .wrap ul.sc_logo li img {max-width: 100%; height: auto;}
.main_security .wrap ul.sc_logo li:not(:last-child) { border-right: 0.5px solid #B2B2B2;}
.main_security .wrap ul.sc_logo li .txt {display: flex; flex-direction: column; align-items: center; gap: 4px;}
.main_security .wrap ul.sc_logo li .txt .sc { font-size: 18px; font-weight: 800; line-height: 1.3; color: #333;}
.main_security .wrap ul.sc_logo li .txt p { font-size: 14px; line-height: 1.3; text-align: center; color: #999; margin-top: 4px;}
.main_security .sc_wrap { background-color: #F7F8FC; border-radius: 12px; padding: 32px 24px; margin-top: 35px;}
.main_security .sc_wrap .title {font-size: 24px; font-weight:800; }
.main_security .sc_wrap ul.sc_cont {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 18px 0; margin-top: 26px;}
.main_security .sc_wrap ul.sc_cont li { width: 50%; max-width: 455px; background: url(/wp-content/uploads/sites/2/image/main/main_security_check.webp) no-repeat 2px 5px / 15px 13px; padding-left:25px;}
.main_security .sc_wrap ul.sc_cont li .txt .desc { font-size: 18px; font-weight: 700; line-height: 1.3;}
.main_security .sc_wrap ul.sc_cont li .txt p {font-size: 14px; line-height: 1.4; color: #666; margin-top: 2px;}
.main_security .sc_wrap .more {display: none;}
.main_security .info { font-size: 18px; line-height: 1.3; color:#E5E5E5; margin-top: 20px; }
.main_security .sla { display: inline-block; font-size:20px; line-height: 1.3; font-weight: 600; margin-top: 4px; color: #fff; background: url(/wp-content/uploads/sites/2/image/main/main_security_sla_arrow.webp) no-repeat right center / 6px 12px; padding-right: 12px;}

.main_ranking .sub { font-size: 18px; line-height: 1.3; color:#ccc; margin-top: 16px;}
.main_ranking ul.slot{display:flex; margin-top: 56px;}
.main_ranking ul.slot li{flex:1;display:flex;align-items:center;justify-content:center;border-left:1px solid #E5E5E5;}
.main_ranking ul.slot li:first-child{border-left:0; justify-content: flex-start; max-width: 260px;}
.main_ranking ul.slot li .unit{display:inline-block;height:58px;font-size:48px;font-weight:800;line-height:1.2;vertical-align:bottom;}
.main_ranking ul.slot li p{padding-top:12px;color:#666;font-size:18px;line-height:1.3;}
.lwCounter{display:inline-block;height:58px;vertical-align:bottom;visibility:hidden;color:#333;font-size:48px;font-weight:800;line-height:1.2;}
.lwCounter.ready{visibility:visible;}
.lwCounter .digit-wrap{display:inline-block;height:67px;overflow:hidden;position:relative;}
.lwCounter .digit-inner{display:flex;flex-direction:column;transform:translateY(0);}
.lwCounter .digit-inner span{display:block;color:#333;font-size:48px;font-weight:800;line-height:1.2;}
.lwCounter .digit-wrap.active .digit-inner{transition:transform 2.5s cubic-bezier(0.1,0.5,0.1,1);}
.lwCounter .digit-inner span:first-child {visibility: hidden;}
.main_ranking .review { display: flex; gap: 20px; margin-top: 56px;}
.main_ranking .review .box { position: relative; width: 100%; border-radius: 12px; background-color: #F6F6F6;  cursor: pointer; transition: background-color 0.25s ease}
.main_ranking .review .box .all {display: block; padding: 24px;}
.main_ranking .review .box:hover {background-color: #EBF5FF;}
.main_ranking .review .box .all::after { content:''; position:absolute; right:35px; bottom:24px; width:22px; height:14px; background: url(/wp-content/uploads/sites/2/image/main/main_ranking_arrow.webp) no-repeat 0 0 / 22px 14px; transition: right 0.25s ease;}
.main_ranking .review .box .all:hover::after {right: 24px;}
.main_ranking .review .box .logo {display: flex; align-items: center; margin-bottom: 12px;}
.main_ranking .review .box .logo img {max-width: 100%; height: auto;}
.main_ranking .review .box .logo span {position:relative; padding-left: 18px; font-size: 14px; line-height: 1.3; color: #B2B2B2;}
.main_ranking .review .box .logo span::before { content:''; position:absolute; top:50%; left:10px; transform:translateY(-50%); height: 18px; width: 0.5px; background-color: #B2B2B2;  }
.main_ranking .review .box .cont { font-size: 18px; line-height: 1.3; color: #666;}
.main_ranking .logo_slide_wrap {overflow: hidden; position: relative; margin-top: 56px;}
.main_ranking .logo_slide_wrap ul { display: flex; width: max-content; align-items: center; animation: partnerSlide 30s infinite linear;}
.main_ranking .logo_slide_wrap ul:hover { animation-play-state: paused;}
.main_ranking .logo_slide_wrap ul li { display: inline-block; padding-right: 60px;}
.main_ranking .logo_slide_wrap ul li img {  border: none; max-width: 100% !important; height: auto; vertical-align: middle;}
@keyframes partnerSlide {
    from   { transform: translateX(0%); }
    to   { transform: translateX(-50%); }
}
.page_main section.main_business {padding-top:20px;}
.main_business .sub {font-size:24px; line-height: 1.3; color: #666; margin-top: 8px;}
.main_business .wrap { display: flex; gap: 20px; margin-top: 56px;}
.main_business .wrap .box {width: 50%; border: 1px solid #E9E9E9; border-radius: 12px; padding: 30px 24px;}
.main_business .wrap .box:hover { border-color: #56ACFF;}
.main_business .wrap .box:hover .txt .desc { color:#56ACFF;}
.main_business .wrap .box .txt {padding-bottom: 10px; border-bottom: 0.5px solid #B2B2B2;}
.main_business .wrap .box .txt .desc { font-size:24px; font-weight:800;}
.main_business .wrap .box .txt p {font-size: 20px; line-height: 1.3; color: #666; margin-top: 8px;}
.main_business .wrap .box .info { font-size:18px; line-height: 1.3; color: #666; margin-top: 20px;}
.main_business .wrap .box .wrap_btn {margin-top: 36px; display: flex; gap: 12px;}
.main_business .wrap .box .wrap_btn .btn { width:50%; font-size: 20px; font-weight: 800; line-height: 1.3; text-align: center; border: 1.2px solid; border-radius: 8px; padding: 11px 0;}
.main_business .wrap .box .wrap_btn .btn.border { color: #56ACFF; border-color: #56ACFF; background-color: #fff;}
.main_business .wrap .box .wrap_btn .btn.fill { color: #fff; border-color: #56ACFF; background-color: #56ACFF;}

.page_main section.main_blog {padding-top: 20px;}
.main_blog .blog_slide { max-width: 1200px; margin: 56px auto 0 auto; padding: 0 15px;}
.main_blog ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.main_blog ul li { width: calc(33% - 28px); font-size:0;}
.main_blog ul li .title {font-size: 18px; line-height: 1.3; color: #666; margin-top: 10px;}
.main_blog ul li img {  width: 100%; height: auto; display: block; border-radius: 12px;}

.main_mail { background-color: #F8F8F8;}
.main_mail .wrap { display:flex; flex-direction: row-reverse; justify-content: flex-end; justify-content: space-between;  align-items: center; padding-right: 110px;}
.main_mail #benchmark_contact .letter_wrap {display: flex; gap:18px; align-items: flex-start; margin-top: 48px; /*width: 750px;*/}
.main_mail #benchmark_contact .letter_wrap .letter_box {display: flex; flex-direction: column; flex:1; gap: 16px;}
.main_mail #benchmark_contact .letter_wrap .letter_box .agree { display: flex; flex-direction: column; gap: 6px;}
.main_mail #benchmark_contact .letter_wrap .letter_box .agree label {display: flex; align-items: center; font-size: 14px; line-height: 1.3; color: #999;}
.main_mail #benchmark_contact .letter_wrap .letter_box .agree label span {font-weight: 600;}
.main_mail #benchmark_contact input[type=text] { width: 100%; background-color: #fff; border-radius: 8px; border: 1px solid #CCCCCC; padding: 14px 16px; font-size: 20px; width: 465px; }
.main_mail #benchmark_contact input[type=text]:focus {border-color: #56ACFF; outline: none;}
.main_mail #benchmark_contact input[type=text]::placeholder {font-size:20px; color:#E7E7E7;}
.main_mail #benchmark_contact .letter_wrap .letter_btn { display: inline-block; width:222px; font-size:24px; font-weight: 800; line-height: 1.3; text-align: center; border-radius: 8px; background-color: #56ACFF; color: #fff; padding: 12px 24px; cursor: pointer;}
.main_mail #benchmark_contact input[type=checkbox] { appearance: none; -webkit-appearance: none; width: 14px; height: 14px; border: 0.8px solid #999; border-radius: 2px; display: inline-block; position: relative; cursor: pointer; background-color: #fff; margin-right: 5px; }
.main_mail #benchmark_contact input[type="checkbox"]:checked { background-color: #56ACFF; border-color: #56ACFF;}
.main_mail #benchmark_contact input[type="checkbox"]:checked::after { content: ""; position: absolute; left: 3px; top: 0px; width: 5px; height: 9px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg);}
.main_mail #benchmark_contact .error_msg { padding: 5px; font-size: 14px; color: #FF574A; }

/* newsletter modal */
.newsletter.dialog{max-width:592px;}
.newsletter .dialog_middle{width:100%;padding: 65px 65px 0 65px;}
.newsletter .desc{margin:3.6rem 0 4rem;font-size:1.8rem;text-align: left;}
.newsletter .desc ul{display:flex; flex-direction:column; gap:20px; margin-top: 24px;padding:14px 16px; border-radius: 8px;background-color: #F6F6F6; color: #232429;line-height: 1.22;}
.newsletter .dialog_cont .btn_close{position:relative; width:100%;height:auto; padding: 16px;font-weight:bold;line-height:1.38; cursor:pointer;    background-color: #4885FF; color: #fff; font-size: 24px; line-height: 36px; border-radius: 68px;}
.newsletter .dialog_cont .btn_close::before, .newsletter .dialog_cont .btn_close::after{display:none;}
.dialog_wrap{position:fixed;top:0;left:0;right:0;z-index:9999;height:100%;display:flex;justify-content:center;align-items:center;display:none;}
.dialog_wrap .dim{opacity:0;transition:all .3s ease-out;}
.dialog{position:relative;width:calc(100% - 32px);max-width:592px;max-height:100%;overflow:auto;padding-top:44px;display:none;}
.dialog_cont{overflow:hidden;border-radius: 25px;background-color: #fff;}
.dialog_middle{padding:3.8rem 16px;}
.dialog_bottom .btns_wrap{padding:2.2rem 0;background:var(--color-point);color:var(--color-white);}
.dialog_bottom .btns_wrap .btn{width:100%;height:auto;font-size:2.6rem;font-weight:bold;line-height:1.38;color:inherit;text-align: center;}
.dialog .tit{font-size: 38px; font-weight:bold;line-height:1.25; }
.dialog .tit .icon{display:block;margin-bottom:2.4rem;text-align:center;}
.dialog .tit .icon img{width:4.8rem;height:4.8rem;}
.dialog .desc{margin-top: 36px; margin-bottom: 40px; font-size:18px;line-height:1.45;}
.dialog .btn_close{position:absolute;top:0;right:0;}
.dialog .btn_today_close{position:absolute; top:5px; left:0;}
.dialog_wrap.active{display:flex;}
.dialog_wrap.active .dim {opacity:0.6;}
.dialog_wrap.active .dialog {display:block;}
.dialog_btn {margin: 0 68px 40px 68px;}
.info_red { color: #E91D25;}

@media screen and (max-width: 1920px) {
    .main_visual .video_wrap .hero_video { object-position: right; }

   .product_modal .dialog { max-width: 1168px; height:680px;}
   .product_modal .dialog .dialog_cont {height: 627px;}
}

@media screen and (max-width: 1024px) {
    .page_main section .inner .tit {font-size: 28px;}
    .page_main a.link {font-size: 16px;}

    .main_visual .visual_txt .main_tit { font-size: 40px;}
    .main_visual .visual_txt .sub {font-size: 18px;}
    .main_visual a.main_trial {font-size: 18px;}
    
    .main_feature .wrap ul.ft_box li .desc {font-size: 16px;}
    .main_feature .wrap ul.ft_box li p {font-size: 14px;}

    .main_security .wrap ul.sc_logo li .txt .sc {font-size: 14px;}
    .main_security .wrap ul.sc_logo li .txt p {font-size: 12px;}
    .main_security .sc_wrap .title {font-size: 18px;}
    .main_security .sc_wrap ul.sc_cont li .txt .desc {font-size: 14px;}
    .main_security .sc_wrap ul.sc_cont li .txt p {font-size: 12px;}
    .main_security .info {font-size: 14px;}
    .main_security .sla {font-size: 16px;}

    .main_ranking ul.slot li p {font-size: 14px;}
    .main_ranking .review .box .cont {font-size:14px;}

    .main_business .sub {font-size: 18px;}
    .main_business .wrap .box .txt .desc {font-size: 18px;}
    .main_business .wrap .box .txt p { font-size: 16px;}
    .main_business .wrap .box .info {font-size: 14px;}
    .main_business .wrap .box .wrap_btn .btn {font-size: 16px;}

    .main_blog ul li .title {font-size: 14px; }

    .main_mail .wrap {align-items: flex-start; padding-right:0;  }
    .main_mail .wrap img { max-width: 100%; height: auto; width: 130px;}
}

@media screen and (max-width: 991px) {
    .main_product ul li .pr_img{ width: 500px;}
    .main_mail #benchmark_contact input[type=text] {width: 400px;}
}

@media screen and (max-width: 768px) {
    .main_product .slide_wrap {display: none;}
    .main_product .accr_wrap {display: block; margin-top: 24px;}
    .main_product .accr_wrap ul li { cursor: pointer;}
    .main_product .accr_wrap ul li .desc {position: relative; font-size: 16px; font-weight: 700; color:#B2B2B2; padding:12px 0; border-bottom: 1px solid #B2B2B2;}
    .main_product .accr_wrap ul li .desc::after { position: absolute; content:''; top:50%; right:8px; transform: (-50%); background: url(/wp-content/uploads/sites/2/image/main/main_product_acc.webp) center / cover no-repeat; width: 9px; height:5px;}
    .main_product .accr_wrap ul li .cont { display: none;} 
    .main_product .accr_wrap ul li .cont p { font-size:14px; line-height: 1.3; color: #666; margin-bottom: 12px  }
    .main_product .accr_wrap ul li .cont img { max-width: 100%; width:100%; height:auto; border-radius: 12px;}
    .main_product .accr_wrap ul li.active .desc { font-size: 18px; font-weight: 800; color: #333; border-bottom: none; cursor: pointer; }
    .main_product .accr_wrap ul li.active .desc::after {background-image: url(/wp-content/uploads/sites/2/image/main/main_product_acc_active.webp);}
    .main_product .accr_wrap ul li.active .cont {display: block; padding: 6px 0 16px;}
    .main_product .accr_wrap ul li.active .cont .pr_link {position: relative; }
    .main_product .accr_wrap ul li.active .cont .pr_link::before { content: ""; position: absolute; background-blend-mode: multiply; z-index: 1; inset: 0px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61.45%, #000000 100%);border-radius: 12px; pointer-events: none;}
    .main_product .accr_wrap ul li.active .cont a {display: inline-block;}
    .main_product .accr_wrap ul li.active .cont a::after {content: ""; position: absolute; right:15px; bottom:12px; background-image: url(/wp-content/uploads/sites/2/image/main/main_product_arrow.webp); background-size: 24px 24px; width: 24px; height:24px; z-index: 2; } 
    .main_mail .wrap { flex-direction: column; gap: 24px;}
    .main_mail #benchmark_contact input[type=text] {width: 370px;}
}

/******************** 모바일 *******************/
@media screen and (max-width: 640px) {
    .page_main section {padding: 48px 0;}
    .page_main section .inner {padding: 0 20px;}
    .page_main section .inner .tit {font-size: 24px; }
    .page_main a.link { font-size: 14px; margin-top: 12px; background-size: 5px 10px;}

    section.main_visual {height: 527px;}
    .main_visual .video_wrap .hero_video {display: none;}
    .main_visual .video_wrap .hero_video_mb { display: block; width: 100%; height: 100%; object-fit: cover; object-position: bottom;}
    .main_visual .visual_txt .main_tit {font-size: 32px; margin-bottom: 12px;}
	.main_visual .visual_txt { top: 0; transform: none;}
	.main_visual .visual_txt .inner { text-align: center;}
    .main_visual .visual_txt .sub {font-size: 18px;}
    .main_visual .vs_wrap { flex-direction: column-reverse; align-items: center; gap: 10px; margin-top: 32px; }
    .main_visual a.main_trial { font-size: 18px; width: 248px; padding: 13px 0;}

    .main_feature a.link { font-size: 14px; margin-top: 12px; background-size: 4px 8px;}
    .main_feature .wrap {margin-top: 24px;}
    .main_feature .wrap ul.ft_box {gap: 36px 0;}
    .main_feature .wrap ul.ft_box li { width: calc(50% - 10px); }
    .main_feature .wrap ul.ft_box li:nth-child(odd) {padding-left: 5px;}
    .main_feature .wrap ul.ft_box li img {width: 48px; height: 48px;}
    .main_feature .wrap ul.ft_box li .desc {font-size: 16px; margin-top: 8px; padding-left:6px;}
    .main_feature .wrap ul.ft_box li .desc span {display: none;}
    .main_feature .wrap ul.ft_box li p {font-size: 14px; margin-top: 4px; padding-left:6px;}
    .main_feature .popup_btn {margin-top:36px;}
    .main_feature .popup_btn .border::before {display: none;}
    .main_feature .popup_btn .border .poptxt_pc { display: none;}
    .main_feature .popup_btn .border .poptxt_mb { display: block; font-size: 16px; font-weight: 800;}
    .main_feature .popup_btn::before { top:-1.5px; right:-1.5px; bottom: -1.5px; left:-1.5px;}
    .main_feature .popup_btn .border { padding: 14px 12px 14px 15px;}
    .main_feature .popup_btn .border span {font-size:20px;}
    .main_feature .popup_btn .border .grad {width: 26px; height: 26px;}
    .main_feature .popup_btn .border .grad img { width: 17px; height:11px;}
    .product_modal .dialog { height:510px;    width: calc(100% - 40px);}
    .product_modal .dialog .dialog_cont { height:469px; padding: 15px 3px 48px 24px; margin-right: 5px; }
    .product_modal .dialog .pr_wrap .pr_tit1 {font-size: 17px; padding-bottom: 24px;}
    .product_modal .dialog .pr_wrap .pr_tit2 {font-size:12px; padding: 24px 0;}
    .product_modal .dialog .pr_wrap .pr_tit3 {font-size:16px; padding: 24px 0 18px; position:initial;}
    .product_modal .dialog .close_wrap {top: 12px; padding-right: 12px;}
    .product_modal .dialog .close_wrap .pr_modal_close {width: 18px; height:18px;}
    .product_modal .dialog .pr_wrap .dl_wrap {width: 100%; overflow-x:auto; }
    .product_modal .dialog .pr_wrap .dl_wrap::after { content: ""; position: absolute; top: 0; width: 50px; height: 950px; pointer-events: none; z-index: 2; right: 0; background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));}
    .product_modal .dialog .pr_wrap table {min-width: 748px; font-size: 12px;}
    .product_modal .dialog .pr_wrap table thead {position:initial;}
    .product_modal .dialog .pr_wrap table thead tr th {font-size: 12px; padding-bottom: 12px;}
    .product_modal .dialog .pr_wrap table tbody tr td {padding: 12px 0;}
    .product_modal .dialog .pr_wrap table tbody tr td:first-child {font-size: 12px;}
    .product_modal .dialog .pr_wrap .pr_btn {font-size: 10px;}
    .product_modal .dialog .pr_wrap .pr_tit4 {font-size: 16px; padding: 27px 0 20px;}
    .product_modal .dialog .pr_wrap .qna {font-size: 12px;}

    .main_security .tit {letter-spacing: -0.1px;}
    .main_security .wrap { background-color: transparent; padding: 0; margin-top: 28px; --card-top-offset: 22px;}
    .main_security .wrap ul.sc_logo {gap: 12px; display: grid; align-items: center; grid-template-columns: 1fr; }
    .main_security .wrap ul.sc_logo li { position: sticky; top: 0; z-index: 1; display:flex; flex-direction: row; width: 100%; padding: 24px 14px; gap: 12px; border-radius: 8px; background-color: #fff;}
    .main_security .wrap ul.sc_logo li:nth-child(even) { background-color:#EBF5FF;}
    .main_security .wrap ul.sc_logo li img {width: 45px;}
    .main_security .wrap ul.sc_logo li .txt {align-items: flex-start; gap: 2px;}
    .main_security .wrap ul.sc_logo li .txt .sc {font-size: 16px;}
    .main_security .wrap ul.sc_logo li .txt p {font-size: 12px; color: #666;}
    .main_security .wrap ul.sc_logo li.card1 { margin-top: calc(0 * var(--card-top-offset)); }
    .main_security .wrap ul.sc_logo li.card2 { margin-top: calc(1 * var(--card-top-offset)); }
    .main_security .wrap ul.sc_logo li.card3 { margin-top: calc(2 * var(--card-top-offset)); }
    .main_security .wrap ul.sc_logo li.card4 { margin-top: calc(3 * var(--card-top-offset)); }
    .main_security .wrap ul.sc_logo li.card5 { margin-top: calc(4 * var(--card-top-offset)); }
    .main_security .sc_wrap { padding: 24px 15px; border-radius: 8px;}
    .main_security .sc_wrap .title {font-size: 16px;}
    .main_security .sc_wrap .sc_inner {background-image: url(/wp-content/uploads/sites/2/image/main/main_security_bg_mb.webp); background-size: cover; border-radius: 8px; padding: 13px 14px;}
    .main_security .sc_wrap ul.sc_cont { flex-direction: column; margin-top: 24px; gap:18px;}
    .main_security .sc_wrap ul.sc_cont li:nth-child(n+3) {display: none;}
    .main_security .sc_wrap ul.sc_cont li { min-height: 84px;}
    .main_security .sc_wrap ul.sc_cont li:nth-child(1) { border-bottom: 0.5px solid #ccc; }
    .main_security .sc_wrap ul.sc_cont li {width: 100%; background-size: 10px 8px; padding-left:18px; }
    .main_security .sc_wrap ul.sc_cont li .txt .desc { font-size: 14px;}
    .main_security .sc_wrap ul.sc_cont li .txt p { font-size: 12px; margin-top:4px;}
    .main_security .sc_wrap .more {display: block;}
    .main_security .sc_wrap .more {display: inline-flex; align-items: center; justify-content: center; width: 100%; font-size:14px; font-weight: 600; line-height: 1.3; color:#6F6F6F; border-radius:8px; border: 1px solid #6F6F6F; margin-top:12px; padding: 7px 0; cursor: pointer;}
    .main_security .sc_wrap .more span {width: 9px;}
    .main_security .sc_wrap .more img {margin-left: 8px;}
    .main_security .info { font-size: 12px; margin-top: 24px;}
    .main_security .sla { font-size: 14px; margin-top: 4px; background-size: 4px 8px; padding-right:8px;}

    .main_ranking .sub {font-size: 14px;}
    .main_ranking ul.slot { flex-wrap: wrap; gap: 48px 0; margin-top: 36px;}
    .main_ranking ul.slot li {width:50%; flex: 0 0 50%;  justify-content: flex-start;}
    .main_ranking ul.slot li:first-child { max-width: none; flex: 0 0 50%;}
    .main_ranking ul.slot li:nth-child(3) {border-left: none;}
    .main_ranking ul.slot li:nth-child(even) {padding-left: 16px;}
    .main_ranking ul.slot li p {font-size: 14px;}
    .main_ranking ul.slot li .unit { font-size: 36px; height: 43px;}
    .lwCounter .digit-inner span {font-size: 36px;}
    .lwCounter { font-size: 36px; height: 43px; overflow: hidden;}
    .lwCounter .digit-wrap {height: 43px;}
    .main_ranking .review {flex-direction: column; margin-top: 28px; gap: 16px;}
    .main_ranking .review .box {padding: 0;}
    .main_ranking .review .box .all { padding: 24px 16px;}
    .main_ranking .review .box .all::after { width: 16px; height:10px; background-size: 16px 10px; right: 20px; bottom: 24px; }
    .main_ranking .review .box .all:hover::after {right: 15px;}
    .main_ranking .review .box .cont {font-size: 14px;}
    .main_ranking .review .box .logo img {width: 81px;}
    .main_ranking .logo_slide_wrap {margin-top: 32px;}
    .main_ranking .logo_slide_wrap ul li {padding-right: 24px;}
    .main_ranking .logo_slide_wrap ul li img {height: 17px; width: auto;}

    .page_main section.main_business {padding-top:30px;}
    .main_business .sub {font-size: 16px; margin-top: 12px;}
    .main_business .wrap { flex-direction: column; margin-top:24px; gap: 24px;}
    .main_business .wrap .box {width: 100%; padding: 18px;}
    .main_business .wrap .box .txt .desc { font-size:18px;}
    .main_business .wrap .box .txt p {font-size: 14px; margin-top: 6px;}
    .main_business .wrap .box .txt {padding-bottom: 12px;}
    .main_business .wrap .box .info {font-size: 14px; margin-top: 12px;}
    .main_business .wrap .box .wrap_btn { flex-direction: column-reverse; margin-top: 20px; gap: 8px;}
    .main_business .wrap .box .wrap_btn .btn {width: 100%; font-size: 16px;}

    .page_main section.main_blog {padding-top:30px;}
    .main_blog .blog_slide { margin-top: 32px; padding: 0 0 0 12px;}
    .main_blog ul.common_slide .slick-list { padding: 0 30px 20px 0; }
    .main_blog ul li {padding: 0 6px;}
    .main_blog ul.slick-dots {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 8px 0;}
	.main_blog ul.slick-dots li { width: 8px; height: 8px; background-color: #EAEAEA; padding: 0; margin: 0 6px;}
	.main_blog ul.slick-dots li.slick-active { width: 24px; background-color: #0097E4;}
    .main_blog ul li .title {font-size:16px; margin-top: 12px;}

    .page_main section.main_mail { padding-top:30px;}
    .main_mail .wrap  { flex-direction: column;  gap: 24px;}
    .main_mail .wrap .box {width: 100%;}
    .main_mail .wrap img {width: 96px;}
    .main_mail #benchmark_contact .letter_wrap {flex-direction: column; margin-top: 24px; width: 100%; gap: 10px;}
    .main_mail #benchmark_contact .letter_wrap .letter_box {width: 100%; gap: 10px;}
    .main_mail #benchmark_contact .letter_wrap .letter_box .agree label {font-size: 12px;}
    .main_mail #benchmark_contact .letter_wrap .letter_btn_wrap {width: 100%; max-width: 340px;}
    .main_mail #benchmark_contact .letter_wrap .letter_btn { font-size: 18px; line-height: 1.3; width: 100%;}
    .main_mail #benchmark_contact input[type=text] {font-size: 14px; width: 100%;}
    .main_mail #benchmark_contact input[type=text]::placeholder {font-size: 14px;}
    .main_mail #benchmark_contact input[type=checkbox] {width: 12px; height: 12px;}

    .newsletter .dialog_cont {border-radius: 12px;}
    .newsletter .dialog_middle {padding: 30px 20px 0 20px;}
    .newsletter .dialog .tit {font-size: 24px;}
    .newsletter .dialog .desc {font-size: 14px; margin: 20px 0;}
    .newsletter .dialog_btn { margin: 0 50px 30px 50px;}
    .newsletter .dialog_cont .btn_close {font-size: 18px; line-height: 18px;}
}