@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&family=Poppins:wght@400;500;600&display=swap'); 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;	padding: 0;	border: 0;	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: 'Poppins', sans-serif,'Noto Sans KR', sans-serif;font-weight:400;font-size:14px;line-height:16px;color:#2C2F3F;overflow-x:hidden;letter-spacing:-0.5px
}
img{display:block;width:100%}
a, strong{display:block;text-decoration:none;color:#17181A}
strong{font-weight:bold}
em{font-weight:bold;font-style:normal}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';	content: none; 
}
table {
	border-collapse: collapse;	border-spacing: 0;
}
.row-fluid [class*="span"]{float:none !important}
.header-container{height:0}
.ico{display:inline-block;background:url(https://www.midasstructure.com/hubfs/MTS_KO/images/ico_mts_0616_v2.png) 0 0 no-repeat;background-size:400px 400px;vertical-align:top}

.br{display:block}
.inner{width:1120px;margin:0 auto}
html.hidden {overflow:hidden;touch-action:none}
body.hidden {overflow:hidden;touch-action:none}
.contact_form .form_area .hs_private_consent_box,
.contact_form .form_area .hs_marketing_consent,
.contact_form .form_area form>div.legal-consent-container,
.contact_form .form_area .hs_submit{
  width:100%;
}
.contact_form .form_area form>div.legal-consent-container{
  margin-top: 15px;
}
.contact_form .form_area .hs_marketing_consent label{
  font-size: 14px;
  line-height: 17px;
}
.contact_form .form_area .hs_private_consent_box .hs-error-msg{
  left: 44px;
  top: 35px;
}
.contact_form .form_area .hs-dependent-field .hs-error-msgs .hs-error-msg{
  padding-left: 23px;
}
.contact_form .form_area .link_popup{
  left: initial;
  right: 21px;
  bottom: 140px;
}
.contact_form .form_area input[type="submit"]{
  width:100%;
}
.contact_form .form_area form>div.hs_error_rollup{
  position: absolute;
  bottom: 76px;
  right: 0;
  width: auto;
}
.contact_form .form_area form>div.hs_error_rollup .hs-error-msgs{
  color: red;
} 
.legal-consent-container .hs-form-booleancheckbox-display>span{
  margin-left:0;
}
/* 띠배너 220224*/
#leadinModal-2954356{top:72px;display:none;}
#leadinModal-3077613{display:none;}
.leadinModal{z-index:100 !important;top:72px;display:none;}
.leadinModal .leadin-button{font-family:'Noto Sans KR', sans-serif}
.header_mts_m{display:none}
.header_mts{position:fixed;left:0;top:0;right:0;z-index:1000;background-color:#fff;transition:.5s}
.header_mts .bg{display:none;position:fixed;left:0;right:0;top:72px;bottom:0;height:226px;background:#fff;content:'';border-top:1px solid #F0F0F0;}
.header_mts .inner{display:flex;justify-content:space-between;width:auto;margin:0 60px}
.header_mts .logo{position:relative}
.header_mts .logo img{height:20px;margin-top:26px}
.header_mts .logo a img+img.wht{display:none}
.header_mts ul{display:flex;column-gap:50px;}
.header_mts ul>li>a{position:relative;font-size:16px;font-weight:600;line-height:72px;z-index:10;letter-spacing: -0.32px;}

.header_mts ul>li>a>span{position:relative;transition:0.5s}
.header_mts ul>li>a:before{position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#2C2F3F;width:0;content:'';transition:0.5s}
.white .header_mts ul>li>a>span:before {background-color:#fff}
.white .header_mts ul>li.depth>a>span:before {background-color:#2C2F3F}
.white .header_mts.on ul>li>a>span:before {background-color:#2C2F3F}
.header_mts ul>li:hover>a>span{font-weight:bold}
.header_mts ul>li:hover>a:before{width:100%}
.header_mts ul>li .sub{display:none;position:absolute;top:102px;}
.header_mts ul>li .sub>a{margin-bottom:20px;color: #86868C;font-size: 14px;font-weight: 400;letter-spacing: -0.28px;}
.header_mts ul>li .sub>a>span{display:block;margin-bottom:6px;color: #2C2F3F;font-size: 16px;font-weight: 600;letter-spacing: -0.32px;}
.header_mts ul>li .sub>a:hover>span{color: #305AE2;}
.header_mts ul>li .sub>a:last-child{margin-bottom:0;}
.header_mts .links{position:relative;display:flex;align-items:center;column-gap:8px;}
.header_mts .links > a{display:flex;justify-content:center;align-items:center;height: 38px;padding:0 18px;color: #2C2F3F;font-size: 14px;font-weight: 700;letter-spacing: -0.28px;}
.header_mts .links > a.btn-guide{column-gap:6px;padding-left:10px;padding-right:10px;}
.header_mts .links > a.btn-guide:hover{color:#305AE2;}
.header_mts .links > a.btn-guide:hover svg path{stroke:#305AE2;}
.header_mts .links > a.btn-inquiry{color:#305AE2;border-radius:4px;border:1px solid #305AE2;}
.header_mts .links > a.btn-trial{color:#fff;border-radius:4px;background:#305AE2;}

.header_mts ul>li.active>a {font-weight:bold}

.footer_mts{background-color:#FAFAFA;padding-top:166px;position:relative}
.footer_mts .inner{position:relative;width:auto;height:75px;margin:0 170px}
.footer_mts .inner:after{display:block;clear:both;content:''}
.footer_mts .share{float:left}
.footer_mts .share a{float:left;text-align:center;padding:0 4px}
.footer_mts .share a i{font-size:18px;line-height:20px;color:#101117;opacity:0.35;transition:0.5s}
.footer_mts .share a:nth-child(2) i{font-size:17px;}
.footer_mts .share a:nth-child(3) i{font-size:16px;}
.footer_mts .share a:hover i{opacity:1}
.footer_mts .links{position:absolute;left:50%;width:500px;top:-34px;margin-left:-250px;text-align:center;font-size:0}
.footer_mts .links strong{font-size:22px;line-height:30px;color:#2C2F3F}
.footer_mts .links a{display:inline-block;vertical-align:top;font-size:12px;line-height:31px;color:#86868C;padding:0 8px}
.footer_mts .links a:hover{text-decoration:underline}
.footer_mts .copy{float:right;font-size:13px;color:#86868C;}

.banner_roll{position:relative;background-color:#1E2029;height:56px;overflow:hidden}
.banner_roll a{font-size:14px;line-height:56px;color:#fff;font-weight:bold;text-align:center;transition:0.5s}
.banner_roll a:hover{background-color:#fff;color:#222}
.banner_roll img{width:auto;display:inline-block;vertical-align:middle;margin-right:10px}

.brin {display:block}
.inbr {display:inline}
br.pc{display:block}
br.mo{display:none}
img.pc{display:block}
img.mo{display:none}
.contact_form .form_area label.hs-form-booleancheckbox-display{
  font-size: 14px;
  line-height: 16px;
  color: #ADAFB3;
}
/* 분기에서 padding-bottom:220px 지우기 */
#main .sect_home {position:relative;padding-bottom:0 !important}
#main .bg_slider {height:100vh}
#main .bg_slider .swiper-slide .bg{height:100vh;background:url(https://www.midasstructure.com/hubfs/MTS_KO/images/mainvisual/bg_slide_1.png) center right no-repeat;background-size:cover;transform:scale(1.5);transition: transform 5s;transition-timing-function:ease-in-out}
#main .bg_slider .swiper-slide.slide2 .bg {background-image:url(https://www.midasstructure.com/hubfs/MTS_KO/images/mainvisual/bg_slide_2.png)}
#main .bg_slider .swiper-slide.slide3 .bg {background-image:url(https://www.midasstructure.com/hubfs/MTS_KO/images/mainvisual/bg_slide_3.png)}
#main .bg_slider .swiper-slide.swiper-slide-active .bg, #main .bg_slider .swiper-slide.swiper-slide-duplicate-active .bg {transform:scale(1)}
#main .bg_slider .swiper-pagination {display:none}
#main .bg_slider .swiper-button-prev,
#main .bg_slider .swiper-button-next {top:50%;left:0;height:50vh;width:9vw;transform:translateY(-50%);margin-top:0;background-image:none}
#main .bg_slider .swiper-button-next {left:auto;right:0}
#main .bg_slider .swiper-button-prev:after,
#main .bg_slider .swiper-button-next:after {display:none}
#main .bg_slider .swiper-button-prev i,
#main .bg_slider .swiper-button-next i {width:50px;height:50px;padding:0 3px 0 0;line-height:50px;background-color:rgba(3,21,84,1);border-radius:50%;text-align:center;font-size:20px;color:#fafafa;transition:.3s}
#main .bg_slider .swiper-button-next i {padding:0 0 0 3px}
#main .bg_slider .swiper-button-prev i:before,
#main .bg_slider .swiper-button-next i:before {opacity:0.6}
#main .bg_slider .swiper-button-prev:hover i ,
#main .bg_slider .swiper-button-next:hover i {background-color:rgba(28,39,132,.9)}

#main .txt {position:absolute;top:24vh;left:50%;width:1120px;transform:translateX(-50%);z-index:2;}
#main .txt em {display:block;margin-bottom:34px;font-size:18px;font-weight:400;color:#fafafa;line-height:26px;}
#main .txt strong {margin-bottom:24px;font-size:56px;line-height:74px;color:#fff;}
#main .txt .group_btn{display:flex; column-gap:10px;}
#main .txt a {display:flex; column-gap:8px;align-items:center;width:auto;height:56px;line-height:56px;border:1px solid #fff;box-sizing:border-box;border-radius:28px;font-weight:bold;color:#fff;text-align:center;background-color:transparent;padding: 0 30px;}
#main .txt a+a{border-color:#12C0CC;background-color:#12C0CC;}

#main .bg_slider .swiper-slide-active .txt em {transform:translateY(0);opacity:1}
#main .bg_slider .swiper-slide-active .txt strong {transform:translateY(0);opacity:1}
#main .bg_slider .swiper-slide-active .txt a {transform:translateY(0);opacity:1}
#main .wrap_review {position:absolute;left:50%;bottom:5vh;width:1140px;transform:translateX(-50%);overflow:hidden;font-size:0;z-index:2}
#main .wrap_review>div {display:inline-block;vertical-align:top;width:calc(33.33% - 20px);margin:0 10px;max-width:360px;min-height:260px;position:relative;background-color:#1C2784;transition:.3s}
#main .sect_home .wrap_review>div {background-color:#0B0F4A;}
#main .wrap_review>div:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;transition:.3s;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1c2784+39,3544d8+92 */
background: #1c2784; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #1c2784 39%, #3544d8 92%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #1c2784 39%,#3544d8 92%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #1c2784 39%,#3544d8 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c2784', endColorstr='#3544d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
#main .sect_home .wrap_review>div:before {display:none;}
#main .wrap_review>div:hover:before {opacity:1}
#main .wrap_review>div a {min-height:260px;height:100%;padding:60px 32px 24px;box-sizing:border-box;position:relative}  
#main .wrap_review>div a>strong {margin-bottom:10px;font-size:16px;line-height:24px;color:#fff;position:relative}
#main .wrap_review>div a>strong:before {content:'';position:absolute;left:0;top:-35px;width:14px;height:35px;background:url(https://www.midasstructure.com/hubfs/MTS_KO/images/mainvisual/img_quotemark.png) 0 0 no-repeat;background-size:cover}
#main .wrap_review>div a>span {display:inline-block;vertical-align:top;font-size:13px;font-weight:500;line-height:22px;color:#93A5CE}
#main .wrap_review>div a>em {position:absolute;left:32px;bottom:24px;font-size:13px;font-weight:500;color:#5A90FF;line-height:22px}
#main .wrap_review>div a>em .ico {display:inline-block;vertical-align:top;width:4px;height:8px;margin:8px 0 0 6px;line-height:22px;background:url(https://www.midasstructure.com/hubfs/MTS_KO/images/mainvisual/ico_more_arr.png) 0 0 no-repeat;background-size:cover}
#main .wrap_review>div a>img {position:absolute;top:24px;right:24px;width:96px}
#main .wrap_review>div a>img+img {top:auto;bottom:0;width:160px}
#main .wrap_review>div a>img.wide{width: 128px;top:35px;}
#main .wrap_review>div.review3 a>img+img {right:11px;}

#main .wrap_review.type_product>div a {padding:0;pointer-events: none}  
#main .wrap_review.type_product>div a>strong {position:absolute;top:25px;left:151px;font-weight:400}
#main .wrap_review.type_product>div a>strong:before{display:none;}
#main .wrap_review.type_product>div.review3 a>strong{left:174px;}
#main .wrap_review.type_product>div a>img {
  top:25px;
  left:25px;
}
#main .wrap_review.type_product>div.review1 a>img {
  width:108px;
}
#main .wrap_review.type_product>div.review2 a>img {
  width:107px;
}
#main .wrap_review.type_product>div.review3 a>img {
  width:131px;
}
#main .wrap_review.type_product>div a>img+img {
  top:auto;
  left:0;
  bottom:0;
}
#main .wrap_review.type_product>div.review1 a>img+img{
  width:100%;
}
#main .wrap_review.type_product>div.review2 a>img+img{
  width:100%;
}
#main .wrap_review.type_product>div.review3 a>img+img{
  width:266px;
  bottom:10px;
  left:50%;
  transform: translateX(-50%);
}


#main .sect_count{padding:180px 0 160px;text-align:center;font-weight: 700}
#main .sect_count>strong{font-size:56px;line-height:64px;color:#1E2029;margin-bottom:123px}
#main .sect_count .count_list{
  display: flex;
  column-gap: 190px;
  justify-content: center;
  text-align: center;
}
#main .sect_count .count_list strong{
  font-size: 170px;
  font-weight: 700;
  line-height: 170px;
  background: linear-gradient(180deg, #12C0CC 27.45%, #6B8FF9 78.82%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 15px;
}
#main .sect_count .count_list span{
  color: rgba(30, 32, 41, 0.60);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
#main .sect_product{position:relative;background-color:#000;text-align:center;box-sizing:border-box;padding:180px 0 160px}
#main .sect_product>em{display:block;font-weight:bold;font-size:18px;line-height:20px;color:#86868C;}
#main .sect_product>strong{font-size:56px;line-height:64px;color:#fff;margin-bottom:25px}
#main .sect_product .wrap_vod{position:relative;width:800px;margin:0 auto}
#main .sect_product .wrap_vod video{display:block;width:100%}
#main .sect_product>img{display:block;width:530px;margin:0 auto;display:none}
#main .sect_product .txt{
  position:relative;
  text-align:center;
  top: unset;
  left: unset;
  width: 100%;
  transform: unset;
}
#main .sect_product .txt strong{font-size:32px;line-height:42px;color:#fff;text-align: center;margin-bottom:56px}
#main .sect_product .txt .group_btn{
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  justify-content: center;
  margin-bottom: 56px;
}
#main .sect_product .txt a{
  display: flex;
  align-items: center;
  column-gap: 10px;
  width:auto;
  height: 56px;
  border-radius: 56px;
  font-weight:bold;
  font-size:14px;
  color:#fff;
  border: 1px solid #fff;
  padding:0 30px;
}
#main .sect_product .txt a+a{
  width:auto;
  background: #12C0CC;
  border-color: #12C0CC;
}
#main .sect_product .txt a .ico{
  width:19px;
  height:15px;
  background-position:0 -230px;
  margin:2px 0 0 6px;
  transition:.3s;
}
#main .sect_product+.sect_product>strong{color:#1E2029}
#main .sect_product+.sect_product{background-color:#fff;}
#main .sect_product+.sect_product .txt strong{color:#1E2029}
#main .sect_product+.sect_product .txt a{color:#1E2029;border-color:#1E2029;}
#main .sect_product+.sect_product .txt a+a{color:#fff;border-color:#12C0CC;}
#main .sect_product+.sect_product .wrap_vod{width:1120px;height:820px}

#main .sect_case{background-color:#FAFAFA;padding-top:180px;box-sizing:border-box;overflow:hidden} 
#main .sect_case .inner{position:relative;padding-bottom:180px;overflow:visible}
#main .sect_case .inner>strong{margin-bottom:32px;font-size:32px;line-height:42px;color:#1E2029;}
#main .sect_case .inner .btn_more{display:inline-block;vertical-align:top;font-size:14px;line-height:20px;color:#2C2F3F;transition:0.5s;font-weight:bold;margin-right:16px}
#main .sect_case .inner .btn_more:hover{color:#5A90FF}
#main .sect_case .inner .btn_more .ico{width:19px;height:15px;background-position:0 -190px;margin:2px 0 0 6px}
#main .sect_case .inner .btn_more:hover .ico{background-position:0 -230px}
#main .sect_case ul{overflow:hidden;margin-top:48px}
#main .sect_case ul li{float:left;width:352px}
#main .sect_case ul li+li{margin-left:32px}
#main .sect_case ul .wrap_thumb{margin-bottom:24px;overflow:hidden}
#main .sect_case ul .wrap_thumb img{transition:0.5s}
#main .sect_case ul .wrap_thumb:hover img{transform:scale(1.2)}
#main .sect_case ul a:hover strong{text-decoration:underline}
#main .sect_case .cont_thumb em{font-size:12px;line-height:20px;color:#5A90FF;font-weight:bold;margin-bottom:8px}
#main .sect_case .cont_thumb em.NFX{color:#1FC9D5}
#main .sect_case .cont_thumb strong{font-size:20px;line-height:30px;margin-bottom:16px}
#main .sect_case .cont_thumb span{display:inline-block;vertical-align:top;font-size:13px;line-height:20px;color:#86868C}
#main .sect_case .cont_thumb span+span{position:relative;padding-left:16px;}
#main .sect_case .cont_thumb span+span:after{position:absolute;left:6px;top:6px;width:1px;height:8px;background-color:#86868c;content:''}
#main .sect_case .img_logos{margin-top:32px;width:3132px;left:0;bottom:180px;animation:crawling 40s linear infinite}

/* .filter{position:relative;width:1120px;margin:40px auto 48px;}
.filter a.btn_all{display:inline-block;width:40px;vertical-align:top;line-height:44px;font-size:16px;font-weight:600;color:#4A4E5E;border:1px solid #F0F0F0;border-radius:6px;background-color:#FAFAFA;text-align:center}
.filter .list_show{display:inline-block;vertical-align:top;font-size:0;}
.filter .list_show {display:inline-block;vertical-align:top;margin-right:6px}
.filter .list_show a{padding:0 14px;font-size:14px;line-height:44px;border:1px solid #F0F0F0;height:44px;border-radius:6px;color:#4A4E5E;transition:0.5s;background-color:#FAFAFA;text-align:center;}
.filter .list_show a:hover{border-color:#B0AFB7}
.filter .list_show a.active {
    background-color: #2c2f3f;
    border-color: #2c2f3f;
    color: #fff
} */
.filter {
    margin: 40px auto 48px;
    position: relative;
    width: 1120px
}
.filter .list_show {
    display: inline-block;
    font-size: 0;
    vertical-align: top
}
.filter .list_show li {
    display: inline-block;
    margin-right: 6px;
    vertical-align: top
}
.filter a {
    background-color: #fafafa;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    color: #4a4e5e;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    padding: 0 14px;
    text-align: center;
    transition: .5s
}
.filter a:hover {
    border-color: #b0afb7
}
.filter a.btn_all {
    display: inline-block;
    vertical-align: top
}
.filter a.active {
    background-color: #2c2f3f;
    border-color: #2c2f3f;
    color: #fff
}
.post-listing .post-header .tag{font-size:13px;line-height:20px;color:#86868C}

.blog-section{position:relative;z-index:100}
.blog-section .head_post:after{display:block;clear:both;content:''}
.blog-section .feature_image{width:1120px;margin:-24px auto 0}
.blog-section .feature_image:before{position:absolute;left:0;right:0;top:0;height:180px;background-color:#fafafa;content:''}
.blog-section .feature_image img{position:relative}
.blog-section .share_sns ul{font-size:0}
.blog-section .share_sns li{display:inline-block;vertical-align:top;margin-left:8px}
.blog-section .share_sns li i{font-size:16px;line-height:20px;color:rgba(0,0,0,0.35)}
.blog-section .share_sns li:first-child i{font-size:18px}

.post-header{background-color:#FAFAFA;padding-top:192px}
.post-header h2{font-weight:bold;font-size:40px;line-height:52px}
.blog_category{font-size:0}
.blog_category em{display:inline-block;vertical-align:top;font-size:13px;line-height:25px;font-weight:bold;color:#5A90FF;padding-right:8px}
.blog_category span{display:inline-block;vertical-align:top;position:relative;font-size:13px;line-height:25px;color:#86868C;padding:0 8px}
.blog_category span:first-of-type:before{position:absolute;left:0;top:8px;width:1px;height:8px;background-color:#B0AFB7;content:''}
.blog_category span:first-of-type:after{position:absolute;right:0;top:8px;width:1px;height:8px;background-color:#B0AFB7;content:''}

.blog-cae .post-header{padding-bottom:64px}
.blog-cae .post-header h1{font-size: 40px;font-weight: 700;line-height: 52px;margin-bottom:16px}
.blog-cae .post-header h2{margin-bottom:16px}
.blog-cae .post-header:after{display:block;clear:both;content:''}
.blog-cae .blog_category{float:left;}
.blog-cae .share_sns{float:right;}

.blog-story .blog_category{margin-bottom:24px}
.blog-story .post-header h2{width:80%;margin-bottom:40px}
.blog-story .share_sns{position:absolute;right:0;bottom:0}
.blog-story .post-header .inner{position:relative;}
.blog-story .feature_image{margin-top:0}

.info_story{display: flex;justify-content:center;margin-bottom:66px;border-top:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;font-size:0;padding: 25px 0}
.info_story .item{display: flex;margin:0 25px}
.info_story .item.type_logo{justify-content: center;width:91px}
.info_story .item img{width:inherit;height:24px}
.info_story .item span{font-size:13px;line-height:27px;color:#86868C;margin-right:24.6px}
.info_story .item strong{font-size:15px;line-height:27px;color:#4A4E5E}
.info_story .item_box{display: flex;flex-direction: column;row-gap: 16px;}
.info_story .item_row{display: flex;}


.content_area{position:relative}
.content_area h2{font-size:16px;line-height:24px}
.blog-story .content_area h2{color:#4A4E5E;}
.content_area .section{position:relative;width:1120px;margin:72px auto 120px;padding-right:385px;box-sizing:border-box;min-height:800px}
.content_area .section p{font-size:15px;line-height:25px;font-family:'Noto Sans KR', sans-serif}
.content_area .section blockquote{display:block;position:relative;font-size:20px;line-height:28px;color:#5A90FF;font-weight:bold;padding-left:16px}
.content_area .section blockquote:before{position:absolute;width:1px;left:0;top:0;bottom:0;background-color:#5A90FF;content:''}
.content_area .hr{height:1px;background-color:#F0F0F0;margin:72px 0 40px}
.content_area .btn_list{width:110px;height:48px;border-radius:24px;background-color:#86868C;font-size:13px;line-height:48px;font-weight:bold;color:#fff;text-align:center;transition:0.5s}
.content_area .btn_list:hover{background-color:#4A4E5E}
.aside_area{position:absolute;right:0;top:0;width:288px}
.aside_area .banner_aside{position:relative;height:215px;background:url(https://www.midasmts.com/hubfs/MTS_KO/images/banner_aside1.png) 0 0 no-repeat;padding:32px;box-sizing:border-box;background-size:cover;margin-bottom:32px}
.aside_area .banner_aside em{display:block;font-weight:bold;font-size:12px;line-height:18px;color:#86868C;margin-bottom:8px}
.aside_area .banner_aside strong{font-size:20px;line-height:24px;color:#fff}
.aside_area .banner_aside p{position:absolute;left:32px;bottom:32px;font-weight:bold;font-size:13px;line-height:20px;color:#5A90FF}
.aside_area .banner_meshfree{background-image:url(https://www.midasmts.com/hubfs/MTS_KO/images/banner_aside1.png)}
.aside_area .banner_meshnfx{background-image:url(https://www.midasmts.com/hubfs/MTS_KO/images/banner_aside2.png)}
.aside_area .list_recomm > strong{font-size:20px;line-height:22px;padding-bottom:24px;border-bottom:1px solid #F0F0F0;color:#1E2029}
.aside_area .list_recomm li{overflow:hidden;padding:22px 0;border-bottom:1px solid #f0f0f0}
.aside_area .list_recomm .wrap_thumb{float:left;width:64px;height:64px;margin-right:16px}
.aside_area .list_recomm .cont_thumb{overflow:hidden}
.aside_area .list_recomm .cont_thumb em{display:block;font-size:12px;line-height:14px;color:#5A90FF;margin-bottom:6px}
.aside_area .list_recomm .cont_thumb strong{display:block;display:-webkit-box;overflow:hidden;height:46px;font-size:14px;line-height:23px;color:#4A4E5E;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.aside_area .list_recomm a:hover .cont_thumb strong{text-decoration:underline}

.feature_blog{background-color:#fafafa;padding-top:200px;height:562px;box-sizing:border-box;margin-bottom:180px}
.feature_blog .inner>em{display:block;font-size:13px;line-height:22px;text-align:center;font-weight:bold;margin-bottom:8px}
.feature_blog .inner>strong{margin-bottom:48px;font-size:40px;line-height:52px;font-family:'Noto Sans KR', sans-serif;text-align:center}
.feature_blog .list_feature{position:relative}
.feature_blog .list_feature .swiper-pagination{position:absolute;left:48px;bottom:48px;width:auto;font-size:0}
.feature_blog .list_feature .swiper-pagination-bullet{width:20px;height:2px;background-color:#86868B;transition:0.5s;border-radius:0;margin:0 4px !important}
.feature_blog .list_feature .swiper-pagination-bullet-active{background-color:#fff;}

.feature_blog .swiper-slide{overflow:hidden}
.feature_blog .swiper-slide .wrap_thumb{float:right;width:560px;height: 360px}
.feature_blog .swiper-slide .wrap_thumb img{height:100%}
.feature_blog .swiper-slide .txt{overflow:hidden;background-color:#2C2F3F;padding:48px;color:#fff;height:360px;box-sizing:border-box}
.feature_blog .swiper-slide .txt em{display:Block;font-size:12px;line-height:14px;color:#5A90FF;font-weight:bold;margin-bottom:8px}
.feature_blog .swiper-slide .txt em.NFX{color:#1FC9D5}
.feature_blog .swiper-slide .txt strong{display:block;display:-webkit-box;overflow:hidden;font-size:24px;line-height:35px;max-height:70px;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#fff;margin-bottom:16px}
.feature_blog .swiper-slide .txt p{display:block;display:-webkit-box;overflow:hidden;font-size:14px;line-height:23px;max-height:69px;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#F0F0F0}

.topics h3{font-size:20px;line-height:30px;color:#1E2029;margin-bottom:16px}
.topics ul{font-size:0;}
.topics ul li{display:inline-block;vertical-align:top;margin:0 6px 6px 0}
.topics ul li a{font-size:14px;line-height:44px;padding:0 14px;border:1px solid #F0F0F0;border-radius:6px;background-color:#FAFAFA;color:#4A4E5E;text-align:center;transition:0.5s}
.topics ul li a:hover{border-color:#B0AFB7;}
.topics .filter-link-count{display:none}

.area_form{background-color:#FAFAFA;padding:160px 0}
.area_form .inner{width:1152px;margin:0 auto}
.area_form .inner h1 strong{display:inline;font-size:40px;line-height:52px;font-weight:bold;color:#1E2029;text-align:center}
.area_form form{text-align:center}
.area_form form>div{display:inline-block;position:relative;vertical-align:top;width:352px;margin:0 16px;text-align:left;padding-bottom:16px}
.area_form form>div:first-of-type{display:block;width:auto}
.area_form form>div:nth-of-type(5){padding-bottom:32px}
.area_form form>div:nth-of-type(6){padding-bottom:24px}
.area_form form>div input{display:block;width:100%;margin:0;padding:0;font-size:15px;color:#4a4e5e;line-height:54px;height:54px;border:1px solid #F0F0F0;border-radius:4px;box-sizing:border-box;padding:0 10px;transition:0.5s;outline:0}
.area_form form>div input:hover{border-color:#B0AFB7}
.area_form form>div input:focus{border-color:#B0AFB7}
.area_form form>div select{display:block;width:100%;margin:0;padding:0;font-size:15px;line-height:54px;height:54px;border:1px solid #F0F0F0;border-radius:4px;box-sizing:border-box;padding:0 10px;transition:0.5s;outline:0;cursor:pointer}
.area_form form>div label{display:block;font-size:13px;line-height:16px;color:#86868C;margin-bottom:8px}
.area_form form>div.hs_error_rollup label{color: red}
.area_form form .hs_submit{display:block;width:auto}
.area_form form .hs_submit input{display:block;height:56px;border-radius:28px;background-color:#5A90FF;font-size:15px;line-height:56px;color:#fff;font-weight:bold;cursor:pointer;border:0;transition:0.5s}
.area_form form .hs_submit input:hover{background-color:#305AE2}
.area_form form .hs-form-booleancheckbox-display{position:relative;padding-left:24px;text-align:left;font-size:14px;line-height:18px;cursor:pointer}
.area_form form .hs-form-booleancheckbox-display span{color:#4A4E5E}
.area_form form .hs-form-booleancheckbox-display a{display:inline;color:#5A90FF;font-weight:bold;text-decoration:underline}
.area_form form .hs_private_consent_box{display:block;width:auto}
.area_form form input[type="checkbox"]{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0}
.area_form form input[type="checkbox"]+span:after{position:absolute;left:0;top:0;width:18px;height:18px;border:2px solid #B0AFB6;content:'';border-radius:4px;box-sizing:border-box}
.area_form form input[type="checkbox"]:checked+span:after{border:5px solid #488FF6}
.area_form form .hs-error-msg{position:absolute;top:0;right:0;color:red;font-size:12px;line-height:14px}
.area_form form .hs_error_rollup{display:none}
.area_form .hs_mech_product{margin-bottom:32px}
.area_form .hs_mech_product>label{display:block;font-size:18px;line-height:20px;font-weight:bold;color:#4A4E5E;margin-bottom:24px}
.area_form .hs_mech_product>label strong{display:inline;font-size:14px}
.area_form .hs_mech_product ul[role="checkbox"]{font-size:0;text-align:center}
.area_form .hs_mech_product ul[role="checkbox"] li{display:inline-block;vertical-align:top;width:352px;text-align:left}
.area_form .hs_mech_product ul[role="checkbox"] li+li{margin-left:32px}
.area_form .hs_mech_product ul[role="checkbox"] li label{padding-left:24px;position:relative;font-size:14px;line-height:18px;color:#86868C;cursor:pointer}
.area_form .hs_sefefw{display:block;width:auto;margin-top:56px;text-align:left}

.area_form .hs_mech_cad{margin:32px 16px 0;width:auto;display:block}
.area_form .hs_mech_cad>label{display:block;font-size:18px;line-height:20px;font-weight:bold;color:#4A4E5E;margin-bottom:24px}
.area_form .hs_mech_cad>label strong{display:inline;font-size:14px}
.area_form .hs_mech_cad ul[role="checkbox"]{font-size:0;}
.area_form .hs_mech_cad ul[role="checkbox"] li{display:inline-block;vertical-align:top;width:222px;text-align:left;margin-bottom:14px}
.area_form .hs_mech_cad ul[role="checkbox"] li label{padding-left:24px;position:relative;font-size:14px;line-height:18px;color:#86868C;cursor:pointer}

.area_form .hs_mech_contact_open_question{display:block;width:auto;padding-bottom:24px;margin-top:32px}
.area_form .hs_mech_contact_open_question>label{display:block;font-size:18px;line-height:20px;font-weight:bold;color:#4A4E5E;margin-bottom:24px}
.area_form .hs_mech_contact_open_question textarea{display:block;width:100%;resize:none;height:160px;box-sizing:border-box;padding:24px;font-size:14px;line-height:20px;border-radius:4px;border:1px solid #F0F0F0;font-family:'Noto Sans KR', sans-serif;}


.blog-listing-wrapper{padding-bottom:196px}
.post-listing{width:1152px;margin:0 auto}
.post-listing:after{display:block;clear:both;content:''}
.post-listing .post-item{float:left;width:33.333%;padding:0 16px;box-sizing:border-box}
.post-listing .post-item .inner_item{position:relative;padding-bottom:144px;margin-bottom:40px;box-sizing:border-box;transition:0.5s}
.post-listing .post-item .inner_item:hover .post-header h2 a{color:#488FF6;text-decoration:underline}
.post-listing .post-item .inner_item .tags{position:absolute;left:20px;top:20px}
.post-listing .post-item .inner_item .tags em{display:inline-block;height:18px;background-color:#222222;font-weight:bold;font-size:13px;line-height:18px;text-align:center;padding:0 4px;color:#fff;transition:0.5s;vertical-align:top}
.post-listing .post-item .inner_item .tags em:hover{background-color:#fff;color:#222}
.post-listing .post-item .inner_item .tags em:first-child{display:none}
.post-listing .post-item .post-header{position:absolute;left:0;right:0;bottom:0;height:144px;box-sizing:border-box;padding-top:16px;background-color:#fff}
.post-listing .post-item .post-header em{display:block;font-size:14px;line-height:16px}
.post-listing .post-item .post-body{height:240px;overflow:hidden;border-radius:4px}
.post-listing .post-item .more-link{display:none}
.post-listing .post-item .custom_listing_comments{display:none}
.post-listing .post-item .author-link{display:none} 
.post-listing .post-item div[data-hubspot-form-id="author_data"]{font-size:12px;line-height:14px;color:#B0AFB7;margin-bottom:8px}
@keyframes itemThumb{
    0%{background-size: auto 100%;}
    100%{background-size: auto 120%;}
}
.post-listing .post-item .inner_item .hs-featured-image-wrapper{overflow:hidden;position:relative;width:100%;height:240px;background-position:center center;background-size:cover;transition:0.5s}
.post-listing .post-item .inner_item:hover .hs-featured-image-wrapper{animation:itemThumb 0.5s ease-out forwards;}
.post-listing .post-header h2{display:-webkit-box;overflow:hidden;max-height:60px;margin:8px 0;font-size:20px;line-height:30px;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:bold}
.post-header h2 a{transition:0.5s;color:#222222}
.post-listing #hubspot-topic_data{display:block}
.post-listing #hubspot-topic_data em{display:none;height:18px;font-weight:bold;font-size:13px;line-height:18px;text-align:center;color:#5A90FF;transition:0.5s}
.post-listing #hubspot-topic_data em.NFX{color:#1FC9D5}
.post-listing #hubspot-topic_data em:first-child{display:inline-block;vertical-align:top}
.post-listing .hs-featured-image-link{display:block;position:relative;z-index:10;width:100%;height:100%;border:1px solid rgba(0,0,0,0.05);box-sizing:border-box;transition:1s}
.post-listing .hs-featured-image-link:hover{background-color:rgba(34,34,34,0.88)}
.post-listing .hs-featured-image-link:hover:after{position:absolute;left:50%;top:50%;margin-left:-24px;width:48px;height:1px;background-color:#fff;content:''}
.post-listing .hs-featured-image-link:hover:before{position:absolute;left:50%;top:50%;margin-top:-24px;width:1px;height:48px;background-color:#fff;content:''}

.list_technote{position:relative;width:1152px;margin:-348px auto 144px;font-size:0;text-align:center}
.list_technote li{display:inline-block;vertical-align:top;width:352px;margin:0 16px 56px}
.list_technote li .wrap_thumb{height:352px;overflow:hidden}
.list_technote li .wrap_thumb img{transition:0.5s}
.list_technote li a:hover .wrap_thumb img{transform:scale(1.1)}
.list_technote li a:hover .cont_thumb strong{text-decoration:underline}
.list_technote .cont_thumb{text-align:left;padding-top:24px}
.list_technote .cont_thumb em{font-size:12px;line-height:14px;font-weight:bold;color:#5A90FF;margin-bottom:8px}
.list_technote .cont_thumb em.NFX{color:#1FC9D5}
.list_technote .cont_thumb strong{display:block;display:-webkit-box;overflow:hidden;max-height:60px;font-size:20px;line-height:30px;color:#2C2F3F;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:16px}
.list_technote .cont_thumb p{font-size:13px;line-height:15px;color:#86868C}

.head_technote{background-color:#FAFAFA;padding-top:200px}
.head_technote h3{font-size:40px;line-height:52px;color:#1E2029}
.head_technote .info{font-size:0;margin-bottom:16px}
.head_technote .info em{display:inline-block;vertical-align:top;font-size:13px;line-height:25px;font-weight:bold;color:#5A90FF;padding-right:8px}
.head_technote .info span{display:inline-block;vertical-align:top;position:relative;font-size:13px;line-height:25px;color:#86868C;padding:0 8px}
.head_technote .info span:first-of-type:before{position:absolute;left:0;top:8px;width:1px;height:8px;background-color:#B0AFB7;content:''}
.head_technote .info span:first-of-type:after{position:absolute;right:0;top:8px;width:1px;height:8px;background-color:#B0AFB7;content:''}
.head_technote .area_form{padding:72px 0 100px}
.head_technote .area_form:after{display:block;clear:both;content:''}
.head_technote .area_form .wrap_thumb{float:left;width:544px;margin-right:128px}
.head_technote .area_form .hbspt-form{overflow:hidden}
.head_technote .area_form form>div{display:block;width:auto;margin:0}

.view_technote .txt_technote{width:1120px;margin:0 auto;padding:100px 0}
.view_technote .txt_technote p{font-size:15px;line-height:25px;}
.view_technote .txt_technote blockquote{display:block;position:relative;font-size:20px;line-height:28px;color:#5A90FF;font-weight:bold;padding-left:32px}
.view_technote .txt_technote blockquote:before{position:absolute;width:1px;left:0;top:0;bottom:0;background-color:#5A90FF;content:''}

.view_request .page{width:1152px;margin:0 auto}
.view_request .page>strong{font-size:32px;line-height:36px;color:#1E2029}
.view_request .area_form{background-color:#fff;padding-top:0}
.view_request .area_form form{text-align:left}

.request_msg{padding:232px 0 160px;text-align:center}
.request_msg>em{display:block;font-size:13px;line-height:22px;text-align:center;font-weight:bold;margin-bottom:8px}
.request_msg>strong{margin-bottom:48px;font-size:40px;line-height:52px;font-family:'Noto Sans KR', sans-serif;text-align:center}
.request_msg>p{font-size:16px;line-height:27px;color:#4A4E5E;text-align:center}

.list_down{border-top:1px solid #F0F0F0;padding-bottom:160px}
.list_down li{border-bottom:1px solid #F0F0F0}
.list_down li a{position:relative;padding:28px 16px;transition:0.5s}
.list_down li a:hover{background-color:#FAFAFA}
.list_down li a strong{overflow:hidden;font-size:16px;line-height:27px;white-space:nowrap;text-overflow:ellipsis}
.list_down li .info{font-size:0;margin-bottom:6px}
.list_down li .info em{display:inline-block;vertical-align:top;font-size:12px;line-height:14px;font-weight:bold;color:#5A90FF}
.list_down li .info em.NFX{color:#1FC9D5}
.list_down li .info span{display:inline-block;vertical-align:top;font-size:13px;line-height:14px;color:#86868C;padding-left:8px;border-left:1px solid #86868C;margin-left:8px}
.list_down li .ico{position:absolute;right:20px;top:32px;width:16px;height:24px;background-position:-180px -30px}
  
/* 블로그 페이지네이션 */
.blog-pagination{margin-top:20px;text-align:center;font-size:0}
.blog-pagination>a{display:inline-block;vertical-align:top;width:38px;height:38px;margin:0 2px;font-size:14px;line-height:38px;border:1px solid #383A44;color:#AAAAAA}
.blog-pagination>a i{display:block;width:100%;height:100%;line-height:38px;text-align:center}
.blog-pagination .blog-pagination__link--active{border-color:blue}
.blog-pagination .blog-pagination__prev-link--disabled{display:none}
.blog-pagination .blog-pagination__next-link--disabled{display:none}
.blogMain{display:none}

.page-numbers-container .page-numbers{text-align:center;font-size:0}
.page-numbers-container .page-numbers li{display:inline-block;vertical-align:top;;margin:0 2px;}
.page-numbers-container .page-numbers li a{color:#B0AFB7;font-weight:bold;font-size:14px;line-height:38px;width:38px;height:38px}
.page-numbers-container .page-numbers li a:hover{color:#305AE2}
.page-numbers-container .page-numbers li.current a{color:#305AE2}

.cae .sect_top{height:80vh;background-color:#fff}
.cae .sect_top .inner{position:relative;height:100%}
.cae .sect_top .inner .wrap_cont{position:absolute;left:0;right:0;top:50%;margin-top:-132px}
.cae .sect_top .wrap_vod{float:right;margin-top:-160px}
.cae .sect_top .txt{float:left}
.cae .sect_top .txt strong{font-size:40px;line-height:52px;color:#2C2F3F}
.cae .sect_top .txt p{font-size:14px;line-height:23px;color:#86868C;margin:16px 0 32px}
.cae .sect_top .txt .links{font-size:0}
.cae .sect_top .txt .links a{display:inline-block;vertical-align:top;font-size:13px;line-height:20px;color:#4A4E5E;font-weight:bold;margin-right:16px;transition:0.5s}
.cae .sect_top .txt .links a .ico{width:13px;height:10px;background-position:-240px -190px;margin:4px 0 0 6px}
.cae .sect_top .txt .links a:hover{color:#305AE2}
.cae .sect_top .txt .links a:hover .ico{background-position:-240px -200px}
.cae .sect_top .wrap_vod{overflow:hidden}
.cae #explain1,.cae #explain3{background-color:#FAFAFA}
.cae .sect_explain .inner>em{display:block;font-size:14px;line-height:24px;color:#373737;text-align:center;margin-bottom:8px}
.cae .sect_explain .inner>strong{font-size:48px;line-height:60px;color:#1E2029;text-align:center;margin-bottom:180px}
.cae .sect_explain .inner p{font-size:24px;line-height:34px;font-weight:bold;color:#2C2F3F}
.cae .sect_explain .inner .item2 p {text-align:center}
.cae .sect_explain .inner p b{display:block;font-size:12px;line-height:28px;color:#B0AFB7;}
.cae .sect_explain .inner>div{overflow:hidden}
.cae .sect_explain .inner>div+div{margin-top:180px}
.cae .sect_explain .wrap_img{overflow:hidden;margin-top:56px}
.cae #explain1 .item1 img{float:left;width:514px}
.cae #explain1 .item1 img+img{float:right;width:484px}
.cae #explain1 .item2 p{float:left;width:50%;margin-right:84px;padding-top:180px}
.cae #explain1 .item2 .wrap_img{overflow:hidden;}
.cae #explain1 .msg{display:block;text-align:center;padding:180px 0;font-size:40px;line-height:52px;font-weight:bold;}
.cae #explain1 .item3 p{padding-left:50%}
.cae #explain1 .item4 p{float:left;width:50%;margin-right:84px;padding-top:210px}
.cae #explain1 .item4 .wrap_img{overflow:hidden;}

.cae #explain2 .wrap_img{font-size:0}
.cae #explain2 .wrap_img .box{display:inline-block;vertical-align:top;width:352px;}
.cae #explain2 .wrap_img .box+.box{margin-left:32px}
.cae #explain2 .item1 .wrap_img .box span{display:block;font-size:15px;line-height:23px;color:#5A90FF;margin-top:14px;font-weight:bold}
.cae #explain2 .item2 .wrap_img>div:first-of-type{width:420px;margin:0 60px 0 48px}
.cae #explain2 .item2 .wrap_img .box+.box{width:264px;margin:36px 0 0 32px}
.cae #explain2 .item2 .wrap_img .box span{display:block;font-size:14px;line-height:23px;color:#5A90FF;margin-top:14px;font-weight:bold}
.cae #explain2 .item3 .wrap_img .box{background-color:#F8F8F8}
.cae #explain2 .item3 .wrap_img .box em{display:block;font-size:14px;line-height:22px;padding:54px 0 16px;text-align:center}

.cae #explain3 .item1 p{float:right;width:50%;margin-left:90px;padding-top:230px}
.cae #explain3 .item2 ul{width:270px;margin:0 auto}
.cae #explain3 .item2 ul:after{display:block;clear:both;content:''}
.cae #explain3 .item2 li{text-align:center;width:84px;transform:translateY(40px);opacity:0;transition:1s}
.cae #explain3.on .item2 li{transform:translateY(0);opacity:1}
.cae #explain3 .item2 li:nth-child(odd){float:left;padding-right:186px}
.cae #explain3 .item2 li:nth-child(even){float:right;padding-left:186px}
.cae #explain3 .item2 li:nth-child(1){transition-delay:0}
.cae #explain3 .item2 li:nth-child(2){transition-delay:0.3s}
.cae #explain3 .item2 li:nth-child(3){transition-delay:0.9s}
.cae #explain3 .item2 li:nth-child(4){transition-delay:1.2s}
.cae #explain3 .item2 li:nth-child(5){transition-delay:1.5s}
.cae #explain3 .item2 li em{display:block;font-size:40px;line-height:42px;color:#305AE2;margin-bottom:8px}
.cae #explain3 .item2 li span{display:block;font-size:12px;line-height:18px;color:#86868C;}
.cae .sect_explain .tab_explain a.active{color:#5A90FF}
.cae .sect_explain .tab_explain a.active:before{background-color:#5A90FF}

.intro {position:relative}
.intro .btn_trial{width: 162px;height: 56px;margin:0 auto 8px;font-weight: bold;font-size: 14px;line-height: 56px;color: #fff;border: 1px solid #fafafa;border-radius: 28px;text-align: center;box-sizing: border-box;transition: 0.5s;}
.intro .btn_trial .ico {width:19px;height:15px;margin:20px 0 0 6px}
.intro .sect_top {padding:240px 0 0 0;text-align:center;background-color:#000304}
.intro .sect_top .inner {position:relative;padding-bottom:422px}
.intro .sect_top .inner>em {margin-bottom:8px;font-size:24px;line-height:35px;font-weight:bold;color:#fff}
.intro .sect_top .inner>h3 {margin-bottom:32px;font-size:56px;line-height:74px;color:#fff}
.intro .sect_top .txt {position:absolute;left:0;bottom:159px;text-align:left}
.intro .sect_top .txt strong {margin-bottom:16px;font-size:40px;font-weight:bold;line-height:52px;color:#fff}
.intro .sect_top .txt p {margin-bottom:91px;font-size:20px;line-height:30px;font-weight:bold;color:#86868C}
.intro .sect_top .txt .btns {overflow:hidden}
.intro .sect_top .txt .btns a {float:left;color:#fff;transition:.2s}
.intro .sect_top .txt .btns a+a {margin-left:16px}
.intro .sect_top .txt .btns a:hover {color:#1FC9D5}
.intro .sect_top .txt .btns a .ico{width:12px;height:19px;margin: 0 6px 0 0}
.intro .sect_top video {width:800px}
.intro .inner>em {display:block;margin-bottom:14px;font-weight:600;line-height:24px;color:#86868C;text-align:center}
.intro .inner>strong {margin-bottom:140px;font-size:48px;line-height:60px;color:#1E2029;text-align:center;letter-spacing: -0.05em;}

.intro .sect_why {position:relative;padding:180px 0;overflow:hidden;box-sizing:border-box}
.intro.nfx .sect_why {height:1268px}
.intro.nfx .sect_why .inner>strong {margin-bottom:120px}
.intro.nfx .btn_trial .ico{background-position:0 -270px}
.intro.nfx .btn_trial:hover{background-color:#fff;color:#222}
.intro.nfx .btn_trial:hover .ico{background-position:0 -190px}
.intro.nfx .sect_why:after {display:block;content:'';clear:both}
.intro.nfx .sect_why>img {width:1040px;height:auto}
.intro.nfx .sect_why .txt {overflow:hidden;padding-top:210px}
.intro.nfx .sect_why .txt .item {opacity:1;transition:1.2s}
.intro.nfx .sect_why .txt .item + .item {opacity:0;transform:translateY(-138px)}
.intro.nfx .sect_why .txt .item.on {opacity:0}
.intro.nfx .sect_why .txt .item.on + .item {opacity:1;transform:translateY(-178px)}
.intro.nfx .sect_why .txt strong {margin-bottom:16px;font-size:32px;line-height:42px;color:#1E2029}
.intro.nfx .sect_why .txt p {font-size:20px;line-height:30px;font-weight:bold;color:#86868C}
.intro.nfx .sect_why .bg {float:right;width:640px;height:696px;position:relative}
.intro.nfx .sect_why .bg img {width:1040px}
.intro.nfx .sect_top .txt .btns a .ico{background-position:-200px -210px}
.intro.nfx .sect_top .txt .btns a:hover .ico{background-position:-180px -210px}

.sect_start {height:716px;padding:220px 0;box-sizing:border-box;background-color:#FAFAFA} 
.sect_start img {height:44px;width:auto;margin: 0 auto 16px}
.intro div.sect_start .inner>strong {margin-bottom:32px;transform:translateY(40px);transition:.5s;opacity:0;}
.intro div.sect_start .inner>strong.on {transform:translateY(0);opacity:1}
.intro .sect_start .btn_trial {background-color:transparent;transform:translateY(40px);transition:0.5s;opacity:0;font-weight:bold}
.intro .sect_start .btn_trial.on {transform:translateY(0);opacity:1}
.intro .sect_start .btn_trial .ico{width:19px;height:15px;background-position:0 -250px}

.intro.nfx .sect_start .btn_trial{color:#1FC9D5;border:1px solid #1FC9D5}
.intro.nfx .sect_start .btn_trial .ico{background-position:0 -250px}
.intro.nfx .sect_start .btn_trial:hover{color:#fff;background-color:#1fc9d5}
.intro.nfx .sect_start .btn_trial:hover .ico{background-position:0 -270px}

.sect_explain .tab_explain {position:absolute;width:230px;top:180px;left:10vw;z-index:100;overflow:visible;padding:0;background-color:transparent;transition:.5s}
.sect_explain .tab_explain.fixed {position:fixed}
.sect_explain .tab_explain.bot {position:fixed;;opacity:0}
.sect_explain .tab_explain a{font-weight:500;color:#86868C;line-height:27px;position:relative;transition:.5s}
.sect_explain .tab_explain a:before {content:'';position:absolute;top:7px;left:-8px;width:1px;height:12px;background-color:#B0AFB7;transition:.5s}
.sect_explain .tab_explain a+a {margin-top:18px}
.sect_explain .tab_explain a:hover {color:#2C2F3F}
.sect_explain .tab_explain a:hover:before {background-color:#2C2F3F}
.sect_explain .tab_explain a.active {color:#1FC9D5}
.sect_explain .tab_explain a.active:before {width:2px;background-color:#5DC6D3}
.sect_explain .tab_explain a.on {color:#1FC9D5}
.sect_explain .tab_explain a.on:before {width:2px;background-color:#5DC6D3}

.sect_explain {position:relative}
.sect_explain>div {overflow:hidden;padding:180px 0;background-color:#fafafa}
.nfx .sect_explain>div.usability, .nfx .sect_explain>div.cost {background-color:#fff}
.sect_explain>div>em {display:block;margin-bottom:8px;font-weight:bold;line-height:20px;color:#86868C;text-align:center}
.sect_explain>div>strong {margin-bottom:140px;font-size:48px;font-weight:bold;line-height:60px;color:#1E2029;text-align:center}
.sect_explain .txt em {display:block;margin-bottom:8px;line-height:20px;color:#1FC9D5}
.sect_explain .txt strong {font-size:24px;line-height:33px;color:#2C2F3F;letter-spacing:-1.2px}
.sect_explain .usability img {width:961px;margin:24px auto}
.sect_explain .usability .slider_nfx_report img {width:928px;margin:48px auto 0}
.sect_explain .usability video {display:block;width:960px;margin:24px auto}
.sect_explain .txt.mid {width:100%;margin-top:180px;text-align:center}
.sect_explain .usability .txt.right {padding-left:594px}
.sect_explain .interpret .txt.right {padding-left:606px}
.sect_explain .txt span {color:#86868C}
.sect_explain .txt span.mo{color: #2c2f3f;}
.sect_explain .usability img:nth-of-type(2) {padding:48px 0 0 0}
.sect_explain .usability video {display:block;width:928px;height:562px;margin:48px auto 0}

.sect_explain .interpret .slider_element {margin:48px 0 180px;overflow:visible}
.sect_explain .interpret .slider_element .swiper-slide {width:448px;height:280px;padding:109.5px 0 0 38px;box-sizing:border-box;border-radius:10px;overflow:hidden;background:url(https://hello.midasmts.com/hubfs/MTS_KO/images/ele1.png) no-repeat}
.sect_explain .interpret .slider_element .swiper-slide:nth-child(2) {background-image:url(https://hello.midasmts.com/hubfs/MTS_KO/images/ele2.png)}
.sect_explain .interpret .slider_element .swiper-slide:nth-child(3) {background-image:url(https://hello.midasmts.com/hubfs/MTS_KO/images/ele3.png)}
.sect_explain .interpret .slider_element .swiper-slide:nth-child(4) {background-image:url(https://hello.midasmts.com/hubfs/MTS_KO/images/ele4.png)}
.sect_explain .interpret .slider_element .swiper-slide:nth-child(5) {background-image:url(https://hello.midasmts.com/hubfs/MTS_KO/images/ele5.png)}
.sect_explain .interpret .slider_element .swiper-slide:nth-child(6) {background-image:url(https://hello.midasmts.com/hubfs/MTS_KO/images/ele6.png)}
.sect_explain .interpret .slider_element .swiper-slide:nth-child(7) {background-image:url(https://hello.midasmts.com/hubfs/MTS_KO/images/ele7.png)}
.sect_explain .interpret .slider_element .swiper-slide p {font-weight:500;line-height:20px;color:#86868C}
.sect_explain .interpret .slider_element .swiper-slide strong {margin-bottom:6px;font-size:17px;font-weight:bold;color:#2C2F3F;line-height:25px} 
.sect_explain .interpret .inner>video {width:100%;height:678px;margin:48px auto 0}
.sect_explain .interpret .inner>img {margin-top:48px}
.sect_explain .interpret .inner>img:nth-of-type(2) {width: 928px;margin: 48px auto 0;}

.intro.nfx .sect_explain .predict{background-color:#ffffff}
.sect_explain .predict .txt.flow {margin-top:88px}
.sect_explain .predict .txt>em {color:#86868C}
.sect_explain .predict .txt>strong {color:#1E2029}
.sect_explain .predict ul {overflow:hidden;margin-top:40px;position:relative}
.sect_explain .predict ul:after {content:'';display:block;clear:both}
.sect_explain .predict ul li {float:left;width:352px;background-color:#fff}
.sect_explain .predict ul[class^="list_"]>li {margin-bottom:32px}
.sect_explain .predict ul li+li {margin-left:32px}
.sect_explain .predict ul li:nth-child(4) {margin-left:0}
.sect_explain .predict .cont_thumb {height:180px;padding:40px;box-sizing:border-box;transition:.5s;position:relative}
.sect_explain .predict ul li:hover .cont_thumb {background-color:#2C2F3F}
.sect_explain .predict .cont_thumb .ico_more {position:absolute;top:40px;right:40px;width:21px;height:21px}
.sect_explain .predict .cont_thumb .ico_more:before{position:absolute;left:10px;top:0;bottom:0;width:1px;background-color:#B0AFB6;content:''}
.sect_explain .predict .cont_thumb .ico_more:after{position:absolute;top:10px;left:0;right:0;height:1px;background-color:#B0AFB6;content:''}
.sect_explain .predict .cont_thumb em {display:block;margin-bottom:6px;font-size:16px;color:#5A90FF;font-weight:600;line-height:22px}
.sect_explain .predict .cont_thumb strong {margin-bottom:8px;font-size:20px;line-height:30px;color:#2C2F3F;transition:.5s}
.sect_explain .predict ul li:hover .cont_thumb strong {color:#fff}
.sect_explain .predict .cont_thumb .tags {display:flex;flex-direction:column;align-items:flex-start;font-size:0}
.sect_explain .predict .cont_thumb .tags span {display:inline-block;vertical-align:top;font-size:13px;line-height:20px;color:#86868C;position:relative;padding-right:8px;}
.sect_explain .predict .cont_thumb .tags span:after {content:'';position:absolute;top:6px;right:0;width:1px;height:8px;background-color:#707070}
.sect_explain .predict .cont_thumb .tags span.type_single:after {display:none;}
.sect_explain .predict .cont_thumb .tags span:nth-child(4) {margin-left:0}
.sect_explain .predict .cont_thumb .tags span:nth-child(4):before {display:none}
.sect_explain .predict ul li img {height:180px}

.faq {padding:180px 0;background-color:#fff;position:relative}
.faq .inner>strong {margin-bottom:48px;font-size:40px;line-height:52px;color:#1E2029;text-align:center}
.faq ul {width:734px;margin:0 auto;border-top:1px solid #86868B}
.faq ul li {border-bottom:1px solid #F0F0F0}
.faq ul li strong {margin-bottom:0;padding:20px 24px 20px 0;font-size:15px;line-height:22px;color:#2C2F3F;position:relative;cursor:pointer}
.faq ul li strong i {position:absolute;top:22px;right:0;transition:.5s;color:#B0AFB7;font-size:16px}
.faq ul li strong i.on {transform:rotateZ(180deg);color:#2D2F3E}
.faq ul li p {display:none;padding:10px 52px 40px 0;box-sizing:border-box;font-size:15px;line-height:25px;color:#86868C}
.faq ul li p span {font-weight: 700;}
.faq ul li p a {color:#5A90FF;text-decoration:underline}

.list_popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}
.list_popup .bg{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(16,17,23,.8)}
.list_popup .list{top:50%;width:1120px;position:relative;margin:-360px auto 0}
.list_popup .list .slick-slide{width:1120px}
.list_popup .slick-arrow{position:absolute;width:82px;height:104px;padding:32px;top:50%;margin-top:-52px;z-index:10;box-sizing:border-box}
.list_popup .slick-arrow.prev{left:50%;margin-left:-642px}
.list_popup .slick-arrow.prev .ico{width:19px;height:40px;background-position:-160px -290px}
.list_popup .slick-arrow.next{right:50%;margin-right:-642px}
.list_popup .slick-arrow.next .ico{width:19px;height:40px;background-position:-180px -290px}
.list_popup .list .container {margin:0 auto;width:1120px;height:720px;padding:72px 64px;box-sizing:border-box;background-color:#fff;position:relative}
.list_popup .list .btn_close {position:absolute;top:32px;right:32px;margin:0;transform:rotateZ(45deg)}
.list_popup .list .btn_close .ico {width:32px;height:32px;background-position:2px -158px;transform:rotateZ(45deg);opacity:0.4}
.list_popup .list .btn_arr {width:18px;height:40px;position:absolute;top:50%;left:-36px;transform:translateY(-50%) rotateZ(0);border:1px dashed red}
.list_popup .list .btn_arr.next {left:auto;right:-36px;transform:translateY(-50%) rotateZ(-180deg)}
.list_popup .list .topic {margin-bottom:48px}
.list_popup .list .topic em {display:block;margin-bottom:8px;font-size:13px;font-weight:600;line-height:19px;color:#5A90FF}
.list_popup .list .topic strong {font-size:32px;line-height:46px;color:#1E2029}

.list_popup .content {overflow:hidden}
.list_popup .abstract {float:left;width:248px;padding-right:32px;box-sizing:border-box}
.list_popup .abstract strong {margin-bottom:6px;font-size:16px;line-height:24px;color:#4A4E5E}
.list_popup .abstract p {font-size:12px;line-height:18px;color:#86868C}

.list_popup.flow .abstract p span {display:block;position:relative;padding-left:16px}
.list_popup.flow .abstract p span:before {content:'';position:absolute;width:6px;height:1px;top:8px;left:0;background-color:#4A4E5E}

.list_popup .analysis {height:480px;overflow-y:scroll;padding:0 0 72px 32px;box-sizing:border-box;border-left:1px solid #F0F0F0}
.list_popup .analysis div[class^="part"]:not(:first-of-type) {margin-top:48px}
.list_popup .analysis div[class^="part"]>strong {margin-bottom:24px;font-size:16px;line-height:24px;color:#4A4E5E}
.list_popup .analysis .wrap_box {overflow:hidden}
.list_popup .analysis .wrap_box .box {float:left;width:calc(50% - 16px)}
.list_popup .analysis .wrap_box .box+.box {margin-left:32px}
.list_popup .analysis .wrap_box .box.wide {float:none;width:100%}
.list_popup .analysis .wrap_box .box.triple {float:none;width:100%;font-size:0}
.list_popup .analysis .wrap_box .box.triple img {display:inline-block;vertical-align:top;width:calc(33.33% - 10.66px)}
.list_popup .analysis .wrap_box .box.triple img+img {margin-left:16px}
.list_popup .analysis .wrap_box .box strong {margin-top:16px;font-size:14px;line-height:20px;color:#4A4E5E}
.list_popup .analysis .wrap_box .box p {margin-top:8px;font-size:12px;line-height:18px;color:#86868C}

.banner{background:url() right center no-repeat;background-size:cover;position:relative}
.banner .inner{overflow:hidden;position:relative;padding-top:100px;height:500px;box-sizing:border-box}
.banner .inner strong{font-size:32px;line-height:42px;color:#2C2F3F;margin-bottom:30px;}
.banner .inner a{width:162px;height:56px;font-weight:bold;font-size:14px;line-height:56px;color:#2C2F3F;border:1px solid #2C2F3F;border-radius:28px;text-align:center;;box-sizing:border-box;transition:0.5s}
.banner .inner a .ico{width:19px;height:15px;background-position:0 -190px;margin:20px 0 0 6px}
.banner .inner a:hover{background-color:#2C2F3F;color:#fff}
.banner .inner a:hover .ico{background-position:0 -270px}
.banner .inner p{margin:-16px 0 32px;font-size:14px;line-height:32px;color:#2C2F3F}
.banner .inner p .ico{width:19px;height:16px;margin:9px 6px 0 0;background-position:-20px -210px}
.banner.dark{position:relative}
.banner.dark strong{color:#fff;text-align:left}
.banner.dark:before{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.38);content:''}
.banner.dark a{border-color:#fff;color:#fff}
.banner.dark a:hover{background-color:#fff;color:#2c2f3f}
.banner.dark a .ico{width:19px;height:15px;background-position:0 -270px}
.banner.dark a:hover .ico{background-position:0 -190px}

.banner.file{background-color:#2A2F3A}
.banner.file .inner{position:relative}
.banner.file img{position:absolute;bottom:-60px;right:0;width:334px}
.banner.file strong{color:#fff}
.banner.file a{border-color:#fff;color:#fff}
.banner.file a .ico{width:19px;height:15px;background-position:0 -270px}
.banner.file a:hover{background-color:#fff;color:#2c2f3f}
.banner.file a:hover .ico{background-position:0 -190px}

.banner_recomm{overflow:hidden;background-color:#fafafa}
.banner_recomm .inner{margin:160px auto;}
.banner_recomm .inner>strong{margin-bottom:32px;font-size:32px;line-height:42px;color:#1E2029;text-align:left;font-family:'Noto Sans KR', sans-serif}
.banner_recomm ul{overflow:hidden;margin-top:48px}
.banner_recomm ul li{float:left;width:352px}
.banner_recomm ul li+li{margin-left:32px}
.banner_recomm ul .wrap_thumb{margin-bottom:24px;overflow:hidden}
.banner_recomm ul .wrap_thumb img{transition:0.5s}
.banner_recomm ul .wrap_thumb:hover img{transform:scale(1.2)}
.banner_recomm ul a:hover strong{text-decoration:underline}
.banner_recomm .cont_thumb em{display:block;font-size:12px;line-height:20px;color:#5A90FF;font-weight:bold;margin-bottom:8px}
.banner_recomm .cont_thumb strong{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;height:60px;font-size:20px;color:#2C2F3F;line-height:30px;margin-bottom:16px}
.banner_recomm .cont_thumb span{font-size:13px; color:#86868c}

/* meshfree */
.intro.meshfree .btn_trial .ico {width:19px;height:15px;background-position:0 -190px}
.intro.meshfree .sect_top {background-color:#fff;padding-top:300px}
.intro.meshfree .sect_top .inner {padding-bottom:490px}
.intro.meshfree .sect_top .inner>em {font-size:32px;color:#2C2F3F;line-height:42px;margin-bottom:10px}
.intro.meshfree .sect_top .inner>h3 {color:#2C2F3F}
.intro.meshfree .btn_trial {color:#2C2F3F;border-color:#86868B;transition:.5s;margin-bottom:100px}
.intro.meshfree .btn_trial:hover {background-color:#2C2F3F;color:#fff}
.intro.meshfree .btn_trial:hover .ico {background-position:0 -270px}
.intro.meshfree .sect_top .txt {bottom:100px}
.intro.meshfree .sect_top .txt strong {color:#1E2029}
.intro.meshfree .sect_top .txt p {color:#B0AFB7;line-height: 28px;margin-bottom: 32px}
.intro.meshfree .sect_top .txt .btns a {color:#4A4E5E;font-weight:bold;transition:.5s}
.intro.meshfree .sect_top .txt .btns a:hover {color:#5A90FF}
.intro.meshfree .sect_top .txt .btns a .ico {background-position:-120px -210px}
.intro.meshfree .sect_top .txt .btns a:hover .ico {background-position:-160px -210px}
.intro.meshfree .sect_top .wrap_vod {height:820px}

/* meshfree - sect_why */
.intro.meshfree .sect_why {height:1992px} 
.intro.meshfree .sect_why .inner>em {font-size:15px;color:#373737}
.intro.meshfree .sect_why .inner>strong {font-size:40px;color:#1E2029;line-height: 52px;margin-bottom:180px}
.intro.meshfree .sect_why .item strong {margin-bottom:56px;font-size:24px;line-height:35px;color:#1E2029}
.intro.meshfree .sect_why .item+.item {margin-top:180px;overflow:hidden}
.intro.meshfree .sect_why .slider_chart{height:508px}
.intro.meshfree .sect_why .slider_analysis{float:left;width:423px}
.intro.meshfree .sect_why .item+.item p {overflow:hidden;padding:102px 0 0 172px;box-sizing:border-box;font-size:15px;color:#86868C;line-height:24px}
.intro.meshfree .sect_why .item+.item strong {margin-bottom:16px;font-size:24px;color:#1E2029;line-height:35px}

/* meshfree - sect_start */
.intro.meshfree .sect_start .btn_trial {border-color:#6790F7;color:#6790F7}
.intro.meshfree .sect_start .btn_trial:hover {color:#fff;background-color:#6790F7}
.intro.meshfree .sect_start .btn_trial .ico {background-position:0 -230px}
.intro.meshfree .sect_start .btn_trial:hover .ico {background-position:0 -270px}
.intro.meshfree .sect_start .inner>strong {margin-bottom:32px}

.meshfree #sHeight {position:absolute;height:2200px;margin-top:800px}
.meshfree .video_scroll .wrap_scroll {position:absolute;left:0;right:0;top:336px;background-color:#fff}
.meshfree .video_scroll .wrap_scroll.fixed {position:fixed;top:50%;left:0;right:0;margin-top:-320px}
.meshfree .video_scroll .wrap_vod {width:851px;margin:0 auto}
.meshfree .video_scroll .wrap_vod video {width:100%}
.meshfree .video_scroll .txt {width:1120px;margin:0 auto;position:relative;z-index:100}
.meshfree .video_scroll .step{margin-top:700px}
.meshfree .video_scroll .step:first-of-type{margin-top:324px;padding-top:600px}
.meshfree .video_scroll .step:last-of-type{margin-bottom:700px}
.meshfree .video_scroll .step.right {text-align:right}

.meshfree .video_ie .step {margin-top:240px}
.meshfree .video_ie .step .cont_thumb {float:left;width:560px;padding:120px 0 0 60px;box-sizing:border-box}
.meshfree .video_ie .step .wrap_thumb {overflow:hidden}
.meshfree .video_ie .step:nth-of-type(2) .cont_thumb {float:right;padding-left:100px}
.meshfree .sect_explain .video_ie .txt .step em {margin-bottom:16px}

body .video_scroll{display:block}
body .video_ie {display:none}
body[data-browser="Safari"] .video_ie {display:none}
body[data-browser="IE"] .video_scroll {display:none}
body[data-browser="IE"] .video_ie {display:block}
body[data-browser="IE"] .intro.meshfree #explain1 {background-color:#fafafa}

.meshfree .sect_explain .txt .step em {margin-bottom:4px;font-size:12px;line-height:17px;color:#5A90FF}
.meshfree .sect_explain .txt .step strong {color:#1E2029}
.intro.meshfree div[id^="explain"] {position:relative;background-color:#fafafa}
.intro.meshfree div[id^="explain"] .inner>em {font-size:15px;color:#373737}
.intro.meshfree div[id^="explain"] .inner>strong {margin-bottom:32px}
.intro.meshfree #explain1 {background-color:#fff;position:static}
.intro.meshfree #explain1 .inner>strong {margin-bottom:180px}
.intro.meshfree #explain2 {overflow:visible}
.intro.meshfree #explain2 p {margin-bottom:56px;text-align:center;font-size:15px;line-height:25px;color:#86868C}
.intro.meshfree .slider_guide{width:832px;height:475px;margin:0 auto}}
.ex_2{position:relative}
.meshfree .ex_2:before {position: absolute;left: 0;right: 0;top: -300px;height: 300px;content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafafa+0,fafafa+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fafafa', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */}

.intro.meshfree .sect_explain #explain2,
.intro.meshfree .sect_explain #explain3,
.intro.meshfree .sect_explain #explain4 {padding-bottom:0}
.intro.meshfree .sect_explain #explain3 em {text-align:left}
.intro.meshfree .sect_explain #explain3 strong {margin-bottom:56px;font-size:24px;line-height:35px;text-align:left}
.intro.meshfree .sect_explain #explain3 video {height:472px}
.intro.meshfree .sect_explain #explain4 em {text-align:left}
.intro.meshfree .sect_explain #explain4 strong {font-size:40px;line-height:52px;text-align:left}
.intro.meshfree .sect_explain #explain4 p {margin-bottom:56px;font-size:15px;line-height:24px;color:#86868C}
.intro.meshfree .sect_explain #explain4 video {height:634px}

.meshfree .sect_explain .tab_explain a.active {color:#5A90FF}
.meshfree .sect_explain .tab_explain a.active:before {background-color:#5A90FF}

.intro.meshfree #explain5 .inner {position:relative;text-align:center;overflow:hidden}
.intro.meshfree #explain5 .inner>strong {font-size:40px;line-height:52px}
.intro.meshfree #explain5 .inner>strong+p {margin-bottom:32px;font-size:14px;line-height:24px;color:#86868C;text-align:center}
.intro.meshfree #explain5 .inner>strong+p+a {display:inline-block;margin-bottom:56px;font-size:13px;line-height:20px;color:#4A4E5E;font-weight:bold;transition:.5s}
.intro.meshfree #explain5 .inner>strong+p+a:hover {color:#5A90FF}
.intro.meshfree #explain5 .inner>strong+p+a .ico {width:12px;height:19px;margin:2px 8px 0 0;background-position:-120px -210px}
.intro.meshfree #explain5 .inner>strong+p+a:hover .ico {background-position:-140px -210px}
.intro.meshfree #explain5 .swiper {margin-bottom:56px}
.intro.meshfree #explain5 .swiper+img {width:3132px;z-index:1;animation: crawling 40s linear infinite}
@keyframes crawling {
  0% {transform:translateX(10%)}
  50% {transform:translateX(-90%)}
  100% {transform:translateX(10%)}
}
.intro.meshfree #explain5 .swiper .swiper-pagination {bottom:auto;left:auto;top:80px;right:80px;width:auto;display:inline-block}
.intro.meshfree #explain5 .swiper .swiper-pagination .swiper-pagination-bullet {width:20px;height:5px;border-radius:unset; background-color:#B0AFB6}
.intro.meshfree #explain5 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#6790F7}
.intro.meshfree #explain5 .swiper .swiper-slide{width:1120px;height:640px}
.intro.meshfree #explain5 .swiper .swiper-slide:nth-child(3) img+img {position:absolute;width:405px;height:auto;left:80px;top:230px}

.intro.meshfree .sect_explain #explain6 {padding-bottom:148px;background-color:#fff}
.intro.meshfree #explain6 .inner>strong {margin-bottom:56px}

.intro.meshfree .sect_explain .predict ul li a {background-color:#fafafa}

.intro .sect_explain .predict .abstract p+strong,
.intro .sect_explain .predict .abstract p+ul,
.intro .sect_explain .predict .abstract ul+strong {margin-top:24px}
.intro .sect_explain .predict .abstract ul li {float:none;width:auto;font-weight:bold;color:#4A4E5E;line-height:22px}
.intro .sect_explain .predict .abstract ul li+li {margin:8px 0 0 0}

.meshfree .abstract p span {display:block;position:relative;padding-left:14px;font-size:14px;line-height:20px;}
.meshfree .abstract p span:before {content:'';position:absolute;top:8px;left:0;width:4px;height:1px;background-color:#4A4E5E}

.meshfree .faq{background-color:none}

/* media height - 시작 */
@media (max-height:666px) {
  #main .sect_home .txt {top:14vh}
}

@media (max-height: 800px) {
  #main .sect_home .txt {top:18vh}
}
/* media height - 종료 */

@media (max-width:1700px) {
  .sect_explain .tab_explain {display:none}
}

@media (max-width:1300px) {
  .header_mts ul {column-gap: 30px;}
}

@media (max-width:1220px) {
  #main .sect_home .txt {left:9vw;transform:translateX(0)} 
}

@media (max-width:1200px) {
  .header_mts {display:none}
  .header_mts_m {display:block;width:100%;position:fixed;z-index:10000;transition:.5s;background-color:transparent}
  .header_mts_m.on {background-color:rgba(250,250,250,.95)}
  .header_mts_m:after {display:block;content:'';clear:both}
  .header_mts_m .logo {float:left}
  .header_mts_m .logo a {height:64px;padding:25px 24px 0;box-sizing:border-box}
  .header_mts_m .logo a img {width:45px;height:auto}
  .header_mts_m .btn_gnb {float:right;height:64px;width:64px;padding:20px;box-sizing:border-box}
  .header_mts_m .btn_gnb i {font-size:22px}
  .header_mts_m .gnb_m {display:none;width:100%;height:100vh;padding-top:64px;box-sizing:border-box;background-color:#fafafa}
  .header_mts_m .gnb_m.on {display:block}
  .header_mts_m .gnb_m ul {padding:24px 24px 0;border-top:1px solid #f0f0f0}
  .header_mts_m .gnb_m li {margin-bottom:14px}
  .header_mts_m .gnb_m li>a {font-size:24px;line-height:35px;color:#4A4E5E;font-weight:bold} 
  .header_mts_m .gnb_m li i{margin-left:8px;transition:0.5s}
  .header_mts_m .gnb_m li.on>a{color:#305AE2}
  .header_mts_m .gnb_m li.on>a i{color:#305AE2;transform:rotateZ(180deg)}
  .header_mts_m .gnb_m .sub {padding:14px;display:none}
  .header_mts_m .gnb_m .sub a {font-size:16px;line-height:23px;font-weight:500;color:#4A4E5E}
  .header_mts_m .gnb_m .sub a+a {margin-top:8px}
  .header_mts_m .links {position:absolute;padding: 0 24px;bottom:40px;overflow:hidden}
  .header_mts_m .gnb_m .links a {float:left;font-size:16px;font-weight:bold;line-height:27px;color:#305AE2;}
  .header_mts_m .gnb_m .links a+a {margin-left:16px}
  .header_mts_m .gnb_m .links > a .ico{width:13px;height:13px;background-position:-360px -210px;margin:7px 6px 0 0}
  .header_mts_m .gnb_m .links > a+a .ico{background-position:-380px -210px}
  .header_mts_m .gnb_m .links>a .ico+strong {display:inline-block;vertical-align:top;color:#305AE2}
  .white .header_mts_m .logo a img {display:none}
  .header_mts_m .logo a img.wht {display:none}
  .header_mts_m .logo a img {display:block}
  .white .header_mts_m .logo a img.wht {display:block}
  .white .header_mts_m.on .logo a img {display:block}
  .white .header_mts_m.on .logo a img.wht {display:none}
  .white .header_mts_m .btn_gnb i {color:#fff}
  .white .header_mts_m.on .btn_gnb i {color:#17181a}
  
  .white_mo .header_mts_m:not(.on) .logo a img{display:none}
  .white_mo .header_mts_m:not(.on) .logo a img+img {display:block}
  .white_mo .header_mts_m:not(.on) .btn_gnb i{color:#fff}
}

@media (max-width:1152px) {
  .inner{width:980px}
  .filter{width:980px}
  .post-listing{width:1012px}
  .blog-section .feature_image{width:980px}
  .content_area .section{width:980px}
  .banner_recomm ul li{width:305px}
  .list_technote{width:980px}
  .list_technote li{width:294px}
  .list_technote li .wrap_thumb{height:294px}
  .head_technote .area_form .wrap_thumb{width:520px;margin-right:60px}
  .view_technote .txt_technote{width:980px}
  .area_form .inner{width:1012px}
  .area_form form>div{width:294px}
  .view_request .page{width:1012px}
  .area_form .hs_mech_product ul[role="checkbox"] li{display:block;width:auto}
  .area_form .hs_mech_product ul[role="checkbox"] li+li{margin:16px 0 0}
  #main .wrap_txt .txt{width:980px;}
  #main .card_slider{width:980px;margin-left:-490px;overflow:hidden}
/*   #main .sect_product .txt{width:980px;margin-left:-490px} */
  #main .sect_case ul li{width:305px}
  .cae .sect_top .wrap_vod{margin-top:-130px}
  .cae .sect_top .wrap_vod video{width:550px}
  .cae #explain1 .item1 img{width:454px}
  .cae #explain1 .item1 img + img{width:424px}
  .cae #explain2 .wrap_img .box{width:305px}
  .cae #explain2 .item2 .wrap_img .box + .box{margin-top:0;width:234px}
  .cae #explain2 .item2 .wrap_img > div:first-of-type{width:340px}
  
  .intro.nfx .sect_why .bg {width:560px;padding:32px 0 0 0}
  .sect_explain .tab_explain {display:none}
  .sect_explain .usability .txt.right {padding-left:548px}
  .sect_explain .interpret .txt.right {padding-left:470px}
  .sect_explain .predict ul li {width:calc(33.33% - 21.33px)}
  .list_popup .list .container {width:768px}
  .list_popup .abstract {float:none;width:auto;margin-bottom:24px}
  .list_popup .analysis {height:434px;padding:32px 0 72px 0;border-left:none;border-top:1px solid #f0f0f0}
}

@media (max-width: 1120px) {
  .brin {display:inline}
  #main .sect_home .txt {top:18vh}
  #main .sect_home .txt strong {font-size:48px;line-height:64px}
  #main .wrap_review {width:100%;bottom:2vh}
  #main .wrap_review>div a {padding: 60px 2vw 24px;box-sizing:unset}
  #main .wrap_review>div a>strong {margin-top:12px;width:75%;word-break:keep-all}
  #main .wrap_review>div a>em {left:2vw}
  #main .wrap_review>div a>img {right:2vw}
}

@media (max-width:1024px) {
  br.pc{display:none}
  br.mo{display:block}
  img.pc{display:none}
  img.mo{display:block}
  body{overflow-x:hidden}
  .leadinModal{top:64px;}
   .br{display:inline}
/*  공통 시작 - (헤더,푸터,배너 등)  */
  .footer_mts {padding:53px 0 56px 0}
  .footer_mts .inner {height:auto;margin:0 24px}
  .footer_mts .share {position:absolute;left:50%;transform:translateX(-50%);bottom:32px}
  .footer_mts .links {position:relative;left:auto;width:auto;top:0;margin:0 0 80px 0}
  .footer_mts .copy {float:none;text-align:center}
/*  공통 끝  */
  
  .inner {width:auto;margin: 0 24px}
  .feature_blog {height:auto;margin-bottom:0;padding-top:184px}
  .feature_blog .inner>em {margin-bottom:0}
  .feature_blog .inner>strong {padding-bottom:40px;margin-bottom:0;font-size:32px;line-height:42px}
  .feature_blog .list_feature {display:none}
  .feature_blog .swiper-slide .wrap_thumb {float:none;width:auto}

  .filter {width:auto;margin: 0 32px 26px}
  .filter .btn_all {position:absolute}
  .filter .list_show li {margin-bottom:6px}
  .filter .list_show li:first-child {margin-left:48px}
  .post-listing {width:auto;margin:0 12px}
  .post-listing .post-item {width:50%;padding:0 12px}
  .post-listing .post-header h2 {margin: 8px 0 16px}
  
  .view_request .area_form{padding-top:80px}
  .view_request .page{width:auto}
  
  .area_form .hs_mech_product{margin-bottom:16px}
  .area_form .hs_mech_product ul[role="checkbox"] li{display:block;width:auto}
  .area_form .hs_mech_product ul[role="checkbox"] li+li{margin-left:0}
  .area_form .hs_mech_product ul[role="checkbox"] li label{margin-bottom:16px}  
  .area_form .hs_mech_product>label{font-size:16px;line-height:24px}
  .area_form .hs_mech_cad{margin:32px 24px 0}
  .area_form .hs_mech_cad>label{font-size:16px;line-height:24px}
  .area_form .hs_mech_contact_open_question>label{font-size:16px;line-height:24px}
  .area_form .hs_mech_cad ul[role="checkbox"] li{width:50%}
  .area_form form .hs_sefefw .hs-error-msg,
  .area_form form .hs_mech_contact_open_question .hs-error-msg,
  .area_form form .hs_mech_cad .hs-error-msg {top:24px;right:auto;left:0}
  .blog .area_form form .hs-form-booleancheckbox-display a {float:none}
  .request_msg{padding:184px 24px 40px}
  .request_msg>strong{font-size:32px;line-height:40px}
  .request_msg>p{font-size:14px;line-height:23px}
 
  .list_down{margin:0 24px;padding-bottom:64px}
  .list_down li a{padding:18px 50px 18px 0}
  .list_down li a strong{display:block;display:-webkit-box;max-height:54px;line-height:27px;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;text-overflow:clip}
  .list_down li .ico36{right:0;top:50%;margin-top:-12px;}
  
/*  CAE 해석사례 - 리드페이지  */
  .inner {width:auto;margin:0 24px}
  .post-header {padding-top:144px}
  .post-header h2 {font-size:24px;line-height:33px}
  .aside_area {display:none}
  .blog-cae .post-header {padding-bottom:40px}
  .blog-cae .share_sns {display:none}
  .blog-section .feature_image {width:auto;margin:0 24px}
  .content_area .section {width:auto;margin:40px 24px;padding-right:0;min-height:auto}
  .content_area .section p {font-size:14px;line-height:22px}
  .content_area .section p img{width:auto !important}
  .content_area .section blockquote p {font-size:16px !important}
  .content_area .hr {margin:40px 0}
  .banner_recomm .inner {margin:80px 24px}
  .banner_recomm ul .wrap_thumb {margin-bottom:16px}
  .banner_recomm .cont_thumb strong {font-size:16px;line-height:26px;margin-bottom:8px}
  .banner_recomm ul{margin:64px -12px 0}
  .banner_recomm ul li {width:33.33%;padding:0 12px;box-sizing:border-box}
  .banner_recomm ul li+li {margin:0}
  
/*  성공스토리  */
  .blog-story .post-header h2 {width:auto;}
  .info_story .item {display:flex;margin:0}
  .blog-section .feature_image:before {height:70px}
  .info_story .item_box{row-gap:0}
  .info_story .item img {margin:24px 0 8px}
  .info_story .item.type_logo{justify-content: flex-start}
  .info_story .item span {line-height:37px;text-align:left;margin-right:10.6px;white-space: nowrap}
  .info_story .item strong {line-height:37px;text-align:left}
  
  .info_story {flex-direction: column;margin-bottom:40px}
  .info_story .item_row{flex-direction: column;}
  .banner_recomm .inner>strong {font-size: 24px;line-height: 34px;letter-spacing:-.05em;margin-bottom:64px}
  .banner_recomm ul {margin-top:64px}
  
/*  뉴스 & 이벤트  */
  .blog-story .share_sns {display:none}
  .area_form {padding:80px 0}
  .area_form .inner {width:auto}
  .area_form h1 {margin-bottom:24px}
  .area_form .inner h1 strong {font-size:32px;line-height:42px}
  .area_form form>div {display:block;width:auto;margin:0 24px;padding-bottom:16px}
  
/*  CAE 기술자료 - 리드페이지 */
  .head_technote {padding-top:144px}
  .head_technote h3 {font-size:24px;line-height:33px}
  .head_technote .area_form {padding:40px 0 80px}
  .head_technote .area_form .wrap_thumb {float:none;width:auto;margin:0 0 80px 0}
  .view_technote .txt_technote {width:100%;padding:80px 24px;box-sizing: border-box}
  .view_technote .txt_technote h2{font-size:16px;color:#4A4E5E;line-height:24px}
  .view_technote .txt_technote p{font-size:14px;color:#4A4E5E;line-height:23px}
  .view_technote .txt_technote img{width:100% !important}
  
/*  CAE 기술자료 - 리스트페이지  */
  .feature_blog {margin-bottom:32px}
  .list_technote {width:auto;margin:0}
  .list_technote li {width:auto;margin: 0 24px 40px}
  .list_technote li .wrap_thumb {height:auto}
  .list_technote .cont_thumb {padding-top:16px}
  .list_technote .cont_thumb em {display:block;margin-bottom:8px}
  .list_technote .cont_thumb strong {font-size:16px;line-height:25px;max-height:50px}
  .blog-listing-wrapper {padding-bottom:64px}
 
/*  배너   */
  .banner {background-position: 70% center;background-size:auto 100%}
  .banner.dark {background-position-x:55%}
  
  #main .bg_main .item1{background-image:url(https://www.midasmts.com/hubfs/MTS_KO/images/main-bg1.jpg)}
  #main .bg_main .item2{background-image:url(https://www.midasmts.com/hubfs/MTS_KO/images/main-bg2.jpg)}
  #main .bg_main .item3{background-image:url(https://www.midasmts.com/hubfs/MTS_KO/images/main-bg3.jpg)}
  #main .wrap_txt .txt strong{font-size:36px;line-height:46px}
  #main .sect_product .wrap_vod{width:auto}
  #main .sect_product+.sect_product .wrap_vod{width:auto;height:auto}
  #main .sect_product{padding:80px 0;height:auto}
  #main .sect_product>em{font-size:13px;line-height:20px}
  #main .sect_product>strong{margin-bottom:40px;font-size:40px;line-height:56px}
  #main .sect_product video{display:block;width:100%}
  #main .sect_product .txt{position:static;width:auto;margin:32px 24px 0}
  #main .sect_product .txt strong{margin-bottom:24px;font-size:20px;line-height:30px}
  #main .sect_case{height:auto;padding-top:80px}
  #main .sect_case ul li{width:calc(33.33% - 16px)}
  #main .sect_case ul li+li{margin:0 0 0 24px}
  #main .sect_case .inner{padding-bottom:80px}
  #main .sect_case .img_logos{bottom:90px;width:3132px}
  #main .sect_case ul .wrap_thumb{margin-bottom:16px}
  #main .sect_case .inner>strong{font-size:24px;line-height:34px}
  #main .sect_case .cont_thumb strong{margin-bottom:6px}  
  #main .sect_home{padding-bottom:220px}
/*   #main .card_slider{bottom:-133px;width:600px;left:24px;margin:0} */
  #main .card_slider {position:relative;bottom:-138px;width:auto;left:auto;padding-left:24px;margin-left:auto}
  #main .wrap_txt{background:0}
  #main .wrap_txt .txt{width:auto;padding-top:30vh;text-align:center}
  #main .wrap_txt .txt a{margin:24px auto 0}
  #main .card_slider .swiper-slide {width:100%}
  #main .card_slider .swiper-slide a{padding:32px 20px 0}
  #main .card_slider .swiper-slide img{position:static;margin-bottom:24px}
  
  .cae .sect_top{padding-top:120px;box-sizing:border-box}
  .cae .sect_top .inner .wrap_cont{position:static}
  .cae .sect_top .txt{float:none}  
  .cae .sect_top .txt p{display:none}
  .cae .sect_top .wrap_vod{float:none;margin-top:40px;width:auto;}
  .cae .sect_top .wrap_vod video{width:100%}
  .cae .sect_top .inner .wrap_cont{margin:0}
  .cae .sect_top .txt strong{margin-bottom:24px;font-size:32px;line-height:42px;text-align:center}
  .cae .sect_top .txt .links{text-align:center}
  .cae .sect_top .txt .links a{margin:0 8px}
  .cae .sect_explain .inner > strong{font-size:26px;line-height:36px;margin-bottom:80px}
  .cae .sect_explain .inner p{font-size:20px;line-height:30px}
  .cae .sect_explain .wrap_img{margin-top:24px}
  .cae .sect_explain .inner > div + div{margin-top:80px}
  .cae #explain1 .item1 img{float:none;width:100%}
  .cae #explain1 .item1 img+img{width:100%;margin-top:80px}
  .cae #explain1 .item1 img + img{float:none}
  .cae #explain1 .item2 p{float:none;width:auto;padding:0;margin:0}
  .cae #explain1 .msg{font-size:24px;line-height:33px}
  .cae #explain1 .item3 p{padding:0}
  .cae #explain1 .item4 p{float:none;width:auto;padding:0;margin:0;}
  .cae #explain2 .wrap_img .box{display:block;width:auto;}
  .cae #explain2 .wrap_img .box + .box{margin:0 0 24px}
  .cae #explain2 .item2 .wrap_img > div:first-of-type{margin:0;width:auto} 
  .cae #explain2 .item2 .wrap_img .box + .box{width:auto;margin:24px 0 0}
  .cae #explain3 .item1 p{float:none;width:auto;padding:0;margin:0}
  
  .intro .sect_top{padding-top:144px;}
  .intro.meshfree .sect_top{padding-top:144px}
  .intro .sect_top .inner {padding-bottom:80px;margin:0}
  .intro .sect_top .inner>em {font-size:13px;line-height:19px}
  .intro .sect_top .inner>h3 {margin-bottom:40px;font-size:40px;line-height:48px}
  .intro .sect_top .btn_trial {display:none}
  .intro .sect_top video {width:100%;height:auto;margin-bottom:32px}
  .intro .sect_top .txt {position:static;padding: 0 24px}
  .intro .sect_top .txt strong {font-size:24px;line-height:34px}
  .intro .sect_top .txt p {font-size:16px;line-height:24px;margin-bottom:24px;}
  .intro .sect_why{padding:80px 0 180px}
  
  .intro.nfx .inner>em {font-size:12px;color:#86868C;line-height:18px}
  .intro.nfx .inner>strong {margin-bottom:80px;font-size:24px;line-height:33px}
  .intro.nfx .sect_top span.br{display:block;}
  .intro.nfx .sect_why .inner>strong {margin-bottom:40px}
  .intro.nfx .sect_why .inner {margin:0;position:relative}
  .intro.nfx .sect_why .txt {width:100%;padding-top:0}
  .intro.nfx .sect_why .txt strong {font-size:24px;line-height:30px}
  .intro.nfx .sect_why .txt p {font-size:16px;line-height:24px}
  .intro.nfx .sect_why .txt .item {padding-left:24px}
  .intro.nfx .sect_why .txt .item.on {opacity:1}
  .intro.nfx .sect_why .txt .item+.item {padding-right:24px;margin-top:80px;opacity:1;transform:none;text-align:right}
  .intro.nfx .sect_why .txt .item.on+.item {transform:none}
  .intro.nfx .sect_why .bg{float:none;width:auto;height:auto;padding:0;margin-bottom:24px}
  .intro.nfx .sect_why .bg img{width:100%;transform:translateX(36px)}
  
  .sect_start{padding:80px 0;height:auto} 
  .sect_start img {margin:0 auto 8px}
  .sect_start .inner>strong {font-family:"Noto Sans KR", sans-serif;margin-bottom:24px;font-size:20px;line-height:30px}
  .sect_explain>div:not(:first-of-type) {padding:80px 0}
  .intro.meshfree #explain2,.intro.meshfree #explain3,.intro.meshfree #explain4{padding-bottom:0}
  
  .sect_explain .txt em {font-size:12px;line-height:18px;text-align:left}
  .sect_explain .txt strong {font-size:16px;line-height:24px}
  .sect_explain .usability .txt.right, .sect_explain .interpret .txt.right {padding-left:0}
  .sect_explain .txt.mid {margin-top:80px}
  .sect_explain .txt span.mo{color:#86868C}
  .sect_explain .usability video {width:100%;height:auto;margin-top:24px}
  .sect_explain .usability .txt.mid em,
  .sect_explain .usability .txt.mid strong {text-align:center}
  .sect_explain .usability img, .sect_explain .usability .slider_nfx_report img {width:100%;margin-top:24px;}
  .sect_explain .usability video {width:100%}
  
  .sect_explain .interpret .inner>video {height:auto}
  .sect_explain .interpret .inner>img:nth-of-type(2){width: 100%;margin-top: 24px;}
  .sect_explain .interpret .slider_element {margin:24px 0 80px}
  .sect_explain .interpret .slider_element .swiper-slide {width:270px;height:170px;padding:65px 0 0 24px;background-size:contain}
  .sect_explain .interpret .slider_element .swiper-slide p {font-size:10px;line-height:15px}
  .sect_explain .interpret .slider_element .swiper-slide strong {font-size:12px;line-height:18px}
  .sect_explain .interpret .inner>img {margin-top:24px}
  .sect_explain .txt strong {text-align:left}
  .sect_explain .interpret .inner>video {margin-top:24px}
  
  .sect_explain .predict .txt>em {margin-bottom:8px;font-size:12px;line-height:18px}
  .sect_explain .predict .txt>strong {font-size:24px;line-height:33px}
  .sect_explain .predict ul {margin-top:24px;overflow:visible}
  .sect_explain .predict ul[class^="list_"]>li {margin-bottom:20px}
  .sect_explain .predict ul li {float:left;width:calc(50% - 9px);margin-bottom:18px;-webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.1);box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.1);}
  .sect_explain .predict ul li+li {margin-left:0}
  .sect_explain .predict ul li:nth-child(even) {margin-left:18px}
  .sect_explain .predict ul li img{height:160px;}
  .sect_explain .predict .cont_thumb{height:160px;padding:24px}
  .sect_explain .predict .cont_thumb .ico12 {top:24px;right:24px;margin:0}
  .sect_explain .predict .cont_thumb strong {font-size:16px;line-height:24px}
  .sect_explain .predict .txt.flow {margin-top:80px}
  
  .list_popup .list{width:auto;margin-top:-300px}
  .list_popup .list .slick-slide{width:auto}
  .list_popup .list .container {width:calc(100% - 48px);height:600px;padding:32px 24px;overflow:hidden}
  .list_popup .list .topic {margin-bottom:24px}
  .list_popup .list .topic em {font-size:12px;line-height:18px}
  .list_popup .list .topic strong {padding-right:40px;font-size:24px;line-height:36px;word-break:keep-all}
  .list_popup .list .content {overflow-y:scroll;height:410px}
  .list_popup .list .abstract {float:none;width:auto;padding-right:0;margin-bottom:24px}
  .list_popup .list .analysis {height:auto}
  .list_popup .list .analysis .wrap_box .box {float:none;width:auto}
  .list_popup .list .analysis .wrap_box .box+.box{margin:24px 0 0 0}
  .list_popup .list .analysis .wrap_box .box.triple img {display:block;width:100%}
  .list_popup .list .analysis .wrap_box .box.triple img+img {margin:24px 0 0 0}
  .list_popup>div .btn_close {top:20px;right:22px}
  .list_popup>div .btn_close .ico {width:20px;height:20px;background-position:-120px -270px}
  .sect_explain .predict .abstract ul li {-webkit-box-shadow:none;box-shadow:none}
  .intro .sect_explain .predict .abstract p+strong {margin-top:16px}
  
  .faq {padding:80px 0}
  .faq .inner>strong {margin-bottom:44px;font-size:25px;line-height:33px}
  .faq ul {width:100%}
  .faq ul li p {font-size:13px;line-height:22px;padding:10px 24px 20px 0}
  .faq ul li strong{padding-left:0}
  .faq ul li strong i{right:0}
  
  .banner .inner {padding:86px 0 82px 0;height:auto}
  .banner.file .inner {overflow-y:hidden;margin:0;padding:82px 24px}
  .banner .inner strong {margin-bottom:16px;font-size:24px;line-height:34px;position:relative;z-index:10}
  .banner.file .inner  a {position:relative;z-index:10;margin-bottom:60px}
  .banner.file .inner img {width:200px;bottom:-30px}
  
  .intro.nfx .inner>em {color:#86868C}
  .intro.meshfree .sect_top .inner>em {font-size:13px;color:#86868C;line-height:20px;margin-bottom:8px}
  .intro.meshfree .sect_top .txt {margin-top:32px}
  .intro.meshfree .sect_top .txt p {color:#86868C;line-height:24px;margin-bottom:24px}
  .intro.meshfree .sect_top .txt .btns a{color:#1E2029}
  .intro.meshfree .sect_top .inner {padding-bottom:80px}
  .intro.meshfree .sect_why .inner>em{font-size:13px;color:#86868C;line-height:20px;margin-bottom:8px}
  .intro.meshfree .sect_top .wrap_vod {height:auto}
  .intro.meshfree .sect_why {height:auto;padding-bottom:80px}
  .intro.meshfree .sect_why .inner>strong {margin-bottom:80px;font-size:24px;line-height:33px}
  .intro.meshfree .sect_why .item strong {margin-bottom:24px;line-height:30px;font-size:20px}
  .intro.meshfree .sect_why .item strong .br {display:block}
  .intro.meshfree .sect_why .item+.item {margin-top:80px}
  .intro.meshfree .sect_why .item .wrap_img {height:auto}
  .intro.meshfree .sect_why .item+.item .wrap_img {float:none;width:auto;height:auto}
  .intro.meshfree .sect_why .item+.item p {padding:24px 0 0 0;text-align:right;font-size:16px;font-weight:600}
  .intro.meshfree .sect_why .item+.item strong {display:block;font-size:20px;line-height:30px}
  .intro.meshfree .sect_why .slider_chart{height:auto;margin-top:24px}
  .intro.meshfree .sect_why .slider_analysis{width:auto;float:none}
  .intro.meshfree .slider_guide{width:auto;height:auto}
  .intro.meshfree .sect_start .inner>strong {font-size: 30px;line-height: 40px}
  .intro.meshfree .sect_start .btn_trial{margin-bottom:0}
  .intro.meshfree div[id^="explain"] .inner>em {color:#86868C;font-size:13px;line-height:20px;margin-bottom:8px}
  .intro.meshfree #explain1 .inner>strong {margin-bottom:80px;font-size:26px;line-height:36px}
  .meshfree #explain2:before {display:none}
  .intro.meshfree div[id^="explain"] .inner>strong {font-size:26px;line-height:36px;margin-bottom:18px}
  .intro.meshfree div[id^="explain"]#explain2 p {margin-bottom:80px;text-align:left}
  .intro.meshfree div[id^="explain"]#explain2 video {width:100%;height:auto}
  .intro.meshfree .sect_explain #explain3 strong {margin-bottom:24px;font-size:16px;line-height:24px}
  .intro.meshfree .sect_explain #explain3 video {width:100%;height:auto}
  .intro.meshfree .sect_explain #explain4 strong {font-size:16px;line-height:24px}
  .intro.meshfree .sect_explain #explain4 video{height:auto;width:100%}
  .intro.meshfree .sect_explain #explain4 p {margin-bottom:24px}
  .intro.meshfree .sect_explain #explain5 em {text-align:left}
  .intro.meshfree #explain5 .inner {text-align:left}
  .intro.meshfree #explain5 .inner>strong {font-size:16px;line-height:24px;text-align:left}
  .intro.meshfree #explain5 .inner>strong+p {margin-bottom:24px;text-align:left}
  .intro.meshfree #explain5 .inner>strong+p+a {margin-bottom:24px;font-size:14px}
  .intro.meshfree #explain5 .swiper .swiper-slide {height:auto}
  .intro.meshfree #explain5 .swiper .swiper-slide:nth-child(3) img+img {width:35%;left:8vw;top:50%;transform:translateY(-45%)}
  .intro.meshfree #explain5 .swiper .swiper-pagination {top:22px;right:22px}
  .intro.meshfree #explain5 .swiper .swiper-pagination .swiper-pagination-bullet {width:6px;margin:2px}
  .intro.meshfree #explain5 .swiper+img{width:1939px}
  .meshfree .video_scroll .wrap_vod{width:100%}{width:100%}
  .meshfree .video_scroll .wrap_scroll.fixed{margin-top:-24vh}
  .intro.meshfree .sect_explain #explain6{padding-bottom:80px}
  
  
  .intro.meshfree .video_scroll {display:none}
  .intro.meshfree .video_ie {display:block}
  .intro.meshfree .video_ie .step .cont_thumb {float:none;width:100%;padding:0;margin-bottom:24px}
  .meshfree .video_ie .step {margin-top:80px}
  
  .meshfree .sect_explain .video_ie .txt .step em{margin-bottom:9px}
  .meshfree .sect_explain .txt .step strong{color:#2C2F3F}
}

@media (max-width:768px) {
  #main .bg_slider {height:auto}
  #main .bg_slider .swiper-slide .bg {height:540px;background-size:cover;background-image:url(https://www.midasstructure.com/hubfs/MTS_KO/images/mainvisual/bg_slide_1_tab.png)}
  #main .bg_slider .swiper-slide.slide2 .bg {background-image:url(https://www.midasstructure.com/hubfs/MTS_KO/images/mainvisual/bg_slide_2_tab.png)}
  #main .bg_slider .swiper-slide.slide3 .bg {background-image:url(https://www.midasstructure.com/hubfs/MTS_KO/images/mainvisual/bg_slide_3_tab.png)}
  #main .bg_slider .swiper-button-prev,
  #main .bg_slider .swiper-button-next {display:none}
  #main .bg_slider .swiper-pagination {display:block;bottom:24px}
  #main .bg_slider .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  #main .bg_slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {width:8px;height:8px;vertical-align:top;margin:0 4px !important;border-radius:0;background-color:rgba(255,255,255,.6)}
  #main .bg_slider .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
  #main .bg_slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {width:12px;height:12px;margin-top:-2px !important;background-color:#fff}
  
  #main .sect_home .txt {top:140px;left:auto;width:100%;transform:translateX(0);text-align:center}
  #main .sect_home .txt em {margin-bottom:10px}
  #main .sect_home .txt strong .inbr {display:block}
  #main .txt .group_btn{justify-content:center}
  #main .wrap_review {position:static;left:auto;right:auto;width:auto;transform:none;padding:56px 24px 72px;background-color:#000746}
  #main .wrap_review>div {float:none;width:100%;margin:0;max-width:unset;height:auto}
  #main .wrap_review>div+div {margin:24px 0 0 0}
  #main .wrap_review>div a {height:80vw;padding:15vw 9vw;box-sizing:border-box}
  #main .wrap_review>div a>strong {margin-bottom:1rem;font-size:4.8vw;line-height:6.6vw}
  #main .wrap_review>div a>span {font-size:3.6vw;line-height:40px}
  #main .wrap_review>div a>em {left:10vw;bottom:9vw;font-size:3vw;line-height:42px}
  #main .wrap_review>div a>em .ico {width:10px;height:18px;margin:11px 0 0 16px;line-height:42px}
  #main .wrap_review>div a>img {position:absolute;top:8vw;right:5vw;width:30vw}
  #main .wrap_review>div a>img+img {top:auto;bottom:0;width:50%}
  #main .wrap_review.type_main_case{
    background-color: transparent;
    padding: 56px 0 0;
  }
  
  #main .sect_case .img_logos{width:auto;height:26px;margin-top:24px;}
  #main .sect_case ul {margin-top:24px;}
  #main .sect_case ul li {float:none;width:100%}
  #main .sect_case ul li+li {margin:32px 0 0}
 
  #main .sect_count>strong{
    font-size: 40px;
    line-height: 56px;
    padding: 0 10px;
  }
  #main .sect_count .count_list{
    flex-direction: column;
    row-gap: 100px;
  }
  .post-listing .post-item{float:none;width:auto}
  .intro.nfx .sect_why {height:auto}
  .intro.meshfree .sect_why .item strong {display:inline}
}

@media (max-width:600px) {
  .sect_explain .predict ul li {float:none;width:auto}
  .sect_explain .predict ul li:nth-child(even) {margin-left:0}
  .sect_explain .predict .cont_thumb .ico_more {top:32px;right:24px}
  .banner_recomm ul li {float:none;width:auto}
  .banner_recomm ul li+li {margin-top:40px}
}

@media (max-width:500px) {
  #main .bg_slider .swiper-slide .bg {height:100vh;background-image:url(https://www.midasstructure.com/hubfs/MTS_KO/images/mainvisual/bg_slide_1_m.png)}
  #main .bg_slider .swiper-slide.slide2 .bg {background-image:url(https://www.midasstructure.com/hubfs/MTS_KO/images/mainvisual/bg_slide_2_m.png)}
  #main .bg_slider .swiper-slide.slide3 .bg {background-image:url(https://www.midasstructure.com/hubfs/MTS_KO/images/mainvisual/bg_slide_3_m.png)}
  #main .sect_home .txt em {margin-bottom:8px;font-size:13px}
  #main .sect_home .txt strong {margin-bottom:40px;font-size:28px;line-height:36px}
  #main .bg_slider .swiper-pagination {bottom:38px}
  #main .wrap_review>div+div {margin:16px 0 0 0}
  #main .wrap_review>div a>strong {z-index:1}
  #main .wrap_review>div a>img {width:96px;top:24px;right:24px}
  #main .wrap_review>div a>span {font-size:13px;line-height:22px}
  #main .wrap_review>div a>em .ico {width:4px;height:8px;margin:16px 0 0 6px;line-height:22px}
  #main .sect_case .inner .btn_more:first-of-type{margin-bottom:8px;}
}

@media (max-width: 1024px){
  #main .txt .group_btn{
   flex-wrap: wrap;
  }
  #main .txt .group_btn a,
  #main .sect_product .txt a,
  #main .sect_product+.sect_product .txt a{margin-bottom:8px;}
}

@media (max-width: 768px){
  *[data-scroll="in"]{animation: in .5s ease-in-out forwards;}
  .blog-story .blog_category{margin-bottom:16px}
  .area_form form>div:nth-of-type(6){padding-bottom:9px}
  .head_technote .area_form form>div.hs_submit{padding-bottom:0}
  .area_form form .hs-error-msg{top: 79px;font-size: 10px}
  .area_form form .hs-form-booleancheckbox-display{font-size:12px}
  .contact_form .form_area .hs-dependent-field .multi-container li {
    width: 100%;
  }
}
@media (max-width: 600px){
  .contact_form .form_area .link_popup{
    bottom:145px;
  }
  .contact_form .form_area .hs_private_consent_box .hs-error-msg{
    left:22px;
  }
}

/* mts 메뉴 신규 생성 */
/* mts common */
.intro.mts {font-family: Noto Sans KR, Poppins, sans-serif;}
.intro.mts .box {display: flex; flex-wrap: wrap; justify-content: space-between;}
.intro.mts .btn_trial {line-height: 54px;}

.intro.mts .sect {padding: 120px 0; overflow: hidden;}
.intro.mts .sect:nth-child(even) {background-color: #FAFAFA;}
.intro.mts .sect .inner>em {margin-bottom: 6px; font-family: Poppins, Noto Sans KR, sans-serif; font-size: 20px; line-height: 28px; letter-spacing: -.4px}
.intro.mts .sect .inner>strong {margin-bottom: 58px;} 
.intro.mts .sect .btn_trial {margin-bottom: 0; border-color: #5A90FF; color: #5A90FF;}
.intro.mts .sect .btn_trial .ico {background-position: 0 -230px;}
.intro.mts .sect .btn_trial:hover {background-color: #5A90FF; border-color: #5A90FF; color: #fff;}
.intro.mts .sect .btn_trial:hover .ico {background-position: 0 -270px;}

@keyframes in {100%{opacity: 1; transform: translateY(0);}} /* data-scroll animation */
*[data-scroll]{opacity: 0; transform: translateY(100px); transition: .5s;}
*[data-scroll="in"]{animation: in .8s ease-in-out forwards;}

/* mts sect_video */
.intro.mts .sect_video {position: absolute; top: 0; left: 0; z-index: 1; background-color:#000; width: 100%; height: 100vh;}
.intro.mts .sect_video .inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.intro.mts .sect_video .inner video {display: block; width: 100%; margin: 0 auto;}
.intro.mts .sect_video .inner video + video {display: none;}

/* mts sect_top */
@keyframes size{100%{top: 192px; width: 165px;}} /* sect_top logo animation */
@keyframes fade{100%{opacity: 1; transform: translateY(0);}} /* sect_top video ended animation */
.intro.mts .sect_top {position: relative; min-height: 100vh; padding-top: 192px; box-sizing: border-box; transition: .5s;}
.intro.mts .sect_top .inner{padding-bottom: 120px;}
.intro.mts .sect_top .inner .logo {position: absolute; display: none; animation: size .5s .5s forwards; top: 50vh; left: 50%; transform: translate(-50%, calc(-50% - 192px));transition: top .5s, transform .5s;}
.intro.mts .sect_top .inner .vs_fade {display: none; transition: .5s; color: #fff; opacity: 0; transform: translateY(50px); animation-name: fade; animation-timing-function: ease-in-out; animation-duration: .5s; animation-fill-mode: forwards;}
.intro.mts .sect_top .inner>h3{margin-bottom: 6px; padding-top: 24px; font-family: Poppins, Noto Sans KR, sans-serif; color: #FAFAFA;}
.intro.mts .sect_top .inner>p {font-size: 20px; font-weight: 700; line-height: 28px; color: #FAFAFA;}
.intro.mts .sect_top .btn_trial {display: inline-block; margin: 30px 4px 26px;}
.intro.mts .sect_top .btn_trial .ico {background-position: 0 -270px;}
.intro.mts .sect_top .btn_trial:hover{background-color: #fff; color: #222;}
.intro.mts .sect_top .btn_trial:hover .ico{background-position: 0 -190px;}
.intro.mts .sect_top .box {margin: 0 auto; text-align: left;}
.intro.mts .sect_top .box li {background-color: #2C2F3F; width:352px; margin-top: 32px; padding-bottom: 20px;}
.intro.mts .sect_top .box li div {padding: 20px 40px 0; box-sizing: border-box;}
.intro.mts .sect_top .box li div strong {margin-top: 6px; font-size: 20px; font-weight: 700; line-height: 30px; color: #fff;}
.intro.mts .sect_top .box li div img {width: auto; height: 25px;}

/* mts box_point */
.intro.mts .box_point li {background-color: #F8F8F8; width: 352px; padding: 32px 10px 39px; text-align: center; box-sizing: border-box;}
.intro.mts .box_point li > img {width: 100px; margin: 0 auto;}
.intro.mts .box_point li > strong {margin-top: 9px; font-size: 18px; font-weight: 700; line-height: 26px; color: #1E2029;}
.intro.mts .box_point li:nth-child(1)[data-scroll]{transform: translateY(50px);}
.intro.mts .box_point li:nth-child(2)[data-scroll]{transform: translateY(100px);}
.intro.mts .box_point li:nth-child(3)[data-scroll]{transform: translateY(150px);}

/* mts box_cost */
.intro.mts .box_cost {flex-wrap: wrap;justify-content: center;gap: 30px;margin: 0 auto 30px;}
.intro.mts .box_cost .box{flex: 1;align-content: space-between;box-sizing:border-box;}
.intro.mts .box_cost .box_price:nth-child(2)[data-scroll]{transform: translateY(200px);}
.intro.mts .box_cost .box_price {flex: 1;flex-direction: column;justify-content:flex-start;max-width:352px;background-color: #fff; border: 1px solid #EBEBEB;}
.intro.mts .box_cost .cont_price {width: 100%; padding: 26px 40px; box-sizing: border-box;}
.intro.mts .box_cost .cont_price>strong {display: flex;flex-direction: column; row-gap: 6px; margin-bottom: 20px; padding-bottom: 14px; font-family: Poppins, Noto Sans KR, sans-serif; color: #5D33F5; font-size: 24px; font-weight: 600; line-height: 120%; border-bottom: 1px solid #5D33F5;}
.intro.mts .box_cost .cont_price>strong>span {font-size: 15px;font-weight: 500;line-height: 140%;letter-spacing: -0.45px; opacity: 0.8;}
.intro.mts .box_cost .cont_price>em {display: block; font-size: 36px; font-weight: 700; line-height: 120%; letter-spacing: -1.08px;}
.intro.mts .box_cost .cont_price>em>span {display: block; font-size: 20px; line-height: 30px; color: #B7B7B7; box-sizing: border-box; text-decoration: line-through}
.intro.mts .box_cost .cont_price ul {margin-top: 18px;display: flex;flex-direction: column;row-gap: 20px;}
.intro.mts .box_cost .cont_price ul li {position: relative; padding-left: 9px;}
.intro.mts .box_cost .cont_price ul li:before {position: absolute; top: 11px; left: 0; content: ''; background-color: #2C2F3F; display: inline-block; width: 3px; height: 3px;}
.intro.mts .box_cost .cont_price ul li>strong {font-size: 18px; font-weight: 700; color: #5B34FD;}
.intro.mts .box_cost .cont_price ul li>strong>img{width: unset;}
.intro.mts .box_cost .cont_price ul li>p {margin-top: 6px; font-size: 13px; font-weight: 500; line-height: 160%; letter-spacing: -0.39px; color: #747477;}
.intro.mts .box_cost .cont_detail{display: flex;flex-direction: column;flex: 1;}
.intro.mts .box_cost .box_recom {flex:1;padding:22px 40px;background-color: #E1D9FF;}
.intro.mts .box_cost .box_recom>strong {margin-bottom: 13px; font-size: 18px; color: #7659E4; font-weight: 700; line-height: 120%; letter-spacing: -0.54px;}
.intro.mts .box_cost .box_recom>p {position: relative; margin-top: 6px; padding-left: 22px; color: #5F5F5F;font-family: Poppins;font-size: 13px;font-weight: 500;line-height: 120%;letter-spacing: -0.39px;}
.intro.mts .box_cost .box_recom>p>i {position: absolute; top:0; left: 0; width: 16px; height: 16px; background: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMTS/CSS/images/icon_check.svg) no-repeat center / cover;}
.intro.mts .box_cost .box_select {padding: 26px 40px;background: linear-gradient(180deg, #3359DE 0%, #103CD3 100%);}
.intro.mts .box_cost .box_select>strong {display: block;margin-bottom: 18px;padding: 10px 0;color: #0E2988;font-size: 20px;font-weight: 700;line-height: 120%;letter-spacing: -0.6px;text-align: center;border-radius: 999px;background: #E2E8FF;}
.intro.mts .box_cost .box_select>strong>span{color: #5176F8;font-weight: 900;}
.intro.mts .box_cost .box_select>div {display: flex;flex-direction: column;gap:15px;color: #E0E0E0;font-size: 13px;font-weight: 500;line-height: 160%;letter-spacing: -0.39px;}
.intro.mts .box_cost .box_select>div>p{flex: 1;color: #E0E0E0;mix-blend-mode: luminosity;}
.intro.mts .box_cost .box_select>div>p>strong{color: #FFF;}
.intro.mts .box_price.advanced .cont_price>strong{color: #3F62F5;border-color:#3F62F5;}
.intro.mts .box_price.advanced .box_recom{background: #CCD7FF;}
.intro.mts .box_price.advanced .box_recom>strong{color: #5176F8;}
.intro.mts .box_price.professional .cont_price>strong{color: #01BAC8;border-color: #01BAC8;}
.intro.mts .box_price.professional .box_recom{background: #B5ECF0;}
.intro.mts .box_price.professional .box_recom>strong{color: #00AAB6;}
.intro.mts .box_price.professional .box_select{background: linear-gradient(180deg, #00A7B9 0%, #049BC1 100%);}
.intro.mts .box_price.professional .box_select>strong {color: #005359;background: #DBFDFF;}
.intro.mts .box_price.professional .box_select>strong>span{color: #00AAB6;}
@keyframes ani{100%{opacity:1;}}
.intro.mts .box_cost + a[data-scroll]{animation: ani .8s .8s ease-in-out forwards; transform: translateY(0);}

/* mts sect_info */
.intro.mts .sect_info .box{flex-wrap:wrap; align-items: center;}
.intro.mts .sect_info .box + .box{margin-top: 120px;}
.intro.mts .sect_info .txt{max-width: 48%;}
.intro.mts .sect_info .txt>strong{font-size: 40px; font-weight: 700; line-height: 52px; color: #1E2029;}
.intro.mts .sect_info .txt>p {margin-top: 16px; font-size: 15px; font-weight: 400; line-height: 25px; color: #646464;}
.intro.mts .sect_info .wrap_img{width:50%;}

/* mts sect_experi */
.intro.mts .sect_experi .inner>img {width: 270px; margin: 0 auto;}
.intro.mts .sect_experi .inner>strong {margin: 9px auto 32px;}

/* mts faq */
.intro.mts .sect.faq .inner>strong{margin-bottom: 48px;}

/* mts box_site */
.intro.mts .box_site li {width: 352px; height: 243px;}
.intro.mts .box_site li>a {background: #fff no-repeat bottom right / 100% auto; width: 100%; height: 100%; padding: 38px 40px 0; box-sizing: border-box; transition: .5s;}
.intro.mts .box_site li:nth-child(1) > a{background-image: url(https://www.midasstructure.com/hubfs/MTS_KO/images/mts/bg_menu01.jpg);}
.intro.mts .box_site li:nth-child(2) > a{background-image: url(https://www.midasstructure.com/hubfs/MTS_KO/images/mts/bg_menu02.jpg);}
.intro.mts .box_site li:nth-child(3) > a{background-image: url(https://www.midasmts.com/hubfs/MTS_GL/images/mts/bg_menu03.jpg);}
.intro.mts .box_site li:nth-child(1)[data-scroll]{transform: translateY(50px);}
.intro.mts .box_site li:nth-child(2)[data-scroll]{transform: translateY(100px);}
.intro.mts .box_site li:nth-child(3)[data-scroll]{transform: translateY(150px);}
.intro.mts .box_site li>a>strong {font-size: 16px; font-weight: 700; line-height: 20px; color: #5A90FF;}
.intro.mts .box_site li>a>span {font-size: 16px; font-weight: 700; line-height: 24px; color: #2C2F3F; text-decoration: underline; text-decoration-color: transparent; transition: .5s;}
.intro.mts .box_site li>a>span>span {background-position:0 -189px; width: 19px; height: 15px; margin: 4px 0 0 5px;}
.intro.mts .box_site li>a:hover>span {text-decoration-color: #222;}
.intro.mts .box_site li>a:hover{background-size: 420px auto;}

@media (max-width: 1200px){
  .intro.mts .box_point li{width: calc(33% - 10px);}
  .intro.mts .box_site li{width: calc(33% - 10px);}
}

@media (max-width: 1024px){
  .intro.mts .sect_video .inner{width: 100vw; margin: 0 auto;}
  
  .intro.mts .sect_top .inner .logo{transform: translate(-50%, calc(-50% - 144px));}
  .intro.mts .sect_top .inner>p{font-size: 15px; line-height: 23px;}
  .intro.mts .sect_top .btn_trial{margin:32px 4px;}

  .intro.mts .sect .inner>em{margin-bottom: 12px; font-size: 18px; line-height: 20px;}
  .intro.mts .sect .inner>strong{margin-bottom: 40px; font-size: 26px; line-height: 36px;}

  .intro.mts .sect_info .txt>strong{font-size: 20px; line-height: 30px;}
  .intro.mts .sect_info .txt>p{font-size: 16px; line-height: 24px;}

  .intro.mts .sect_experi .inner>img{width: 218px;}
  .intro.mts .sect_experi .inner>strong{margin: 12px 0 24px; font-size: 32px; line-height: 42px;}
}

@media (max-width: 768px){

  *[data-scroll="in"]{animation: in .5s ease-in-out forwards;}
  #main .wrap_review.type_product>div a>strong{
    font-size: 4vw;
    top: 8px;
  }
  
  .intro.mts .sect_video .inner video{display: none;}
  .intro.mts .sect_video .inner video+video{display: block; width:282px;}
  
  .intro.mts .sect_top .inner{margin: 0 24px; padding-bottom: 80px;}
  @keyframes size{100%{top: 0; width: 142px; transform: translate(-50%, 0);}} /* sect_top logo animation */
  .intro.mts .sect_top .inner .logo {width: 282px;}
  .intro.mts .sect_top .inner>h3{margin-bottom:14px; padding-top: 18px;}
  .intro.mts .sect_top .box li{width: 100%; margin-top: 20px; padding-bottom: 36px;}
  .intro.mts .sect_top .box li div{padding-top: 36px;}
  
  .intro.mts .sect{padding: 80px 0;}

  .intro.mts .box_point {width: 100%;}
  .intro.mts .box_point li{width: 100%; padding: 32px 10px;}
  .intro.mts .box_point li + li{margin-top: 17px;}
  .intro.mts .box_point li>img{width: 135px;}
  .intro.mts .box_point li>strong{margin-top:12px;}

  .intro.mts .box_cost{flex-direction:column; margin-bottom: 24px;}
  .intro.mts .box_cost .cont_price,
  .intro.mts .box_cost .box_select,
  .intro.mts .box_cost .box_recom {padding-left: 20px;padding-right: 20px;}
  .intro.mts .box_cost .box_price{max-width: unset;}

  .intro.mts .sect_info .box+.box{margin-top: 80px;}
  .intro.mts .sect_info .txt{max-width: 100%; order: -1;}
  .intro.mts .sect_info .txt>p{font-weight: 700; }
  .intro.mts .sect_info .wrap_img{width: 100%; margin-top: 24px;}

  .intro.mts .box_site li{width: 100%; height: 235px;}
  .intro.mts .box_site li + li{margin-top: 20px;}
  .intro.mts .box_site li>a{background-size: 400px auto; padding: 32px 32px 0;}
  .intro.mts .box_site li>a>strong, .intro.mts .box_site li>a>span{font-size: 20px; line-height: 28px;}
  .intro.mts .box_site li>a>span>span{margin-top: 7px;}
}
@media (max-width: 460px){
  .intro.mts .box_site li>a{background-size: 100% auto;}
}
@media (max-width: 400px){
  .intro.mts .sect_top .btn_trial{width: calc(50% - 10px);}
}
/* // mts 메뉴 신규 생성 */